{"version":3,"file":"DSF3Xr6w.js","sources":["../../../../../../src/lib/components/swap/swap_ui/SwapPanel.svelte","../../../../../../src/lib/components/swap/swap_ui/confirmation/PayReceiveSection.svelte","../../../../../../../../node_modules/lucide-svelte/dist/icons/chevrons-down.svelte","../../../../../../src/lib/components/swap/swap_ui/confirmation/FeesSection.svelte","../../../../../../src/lib/components/swap/swap_ui/SwapConfirmation.svelte","../../../../../../src/lib/services/swap/SwapLogicService.ts","../../../../../../src/lib/assets/sounds/coin_received.mp3","../../../../../../src/lib/assets/banana_dance.gif","../../../../../../src/lib/services/swap/SwapUrlService.ts","../../../../../../src/lib/services/swap/SwapButtonService.ts","../../../../../../src/lib/components/swap/swap_ui/SwapButton.svelte","../../../../../../src/lib/components/swap/swap_ui/SwitchTokensButton.svelte","../../../../../../src/lib/components/swap/Swap.svelte","../../../../../../src/lib/components/swap/swap_ui/SwapSuccessModal.svelte"],"sourcesContent":["<script lang=\"ts\">\n  import { formatTokenBalance } from \"$lib/utils/tokenFormatters\";\n  import Panel from \"$lib/components/common/Panel.svelte\";\n  import { tweened } from \"svelte/motion\";\n  import { cubicOut } from \"svelte/easing\";\n  import {\n    currentUserBalancesStore,\n  } from \"$lib/stores/tokenStore\";\n  import { formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\";\n  import { toastStore } from \"$lib/stores/toastStore\";\n  import { swapState } from \"$lib/services/swap/SwapStateService\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import TokenSelectorDropdown from \"./TokenSelectorDropdown.svelte\";\n  import { onMount } from \"svelte\";\n  import { fetchTokensByCanisterId } from \"$lib/api/tokens\";\n  import { themeStore } from \"$lib/stores/themeStore\";\n  import { getThemeById } from \"$lib/themes/themeRegistry\";\n  \n  // Theme-specific styling data - use $derived to eliminate race conditions\n  let theme = $derived(getThemeById($themeStore));\n  let swapPanelRoundness = $derived(theme.colors.swapPanelRoundness || 'rounded-lg');\n  let swapPanelBorder = $derived(theme.colors.swapPanelBorder || '1px solid rgba(255, 255, 255, 0.1)');\n  let swapPanelShadow = $derived(theme.colors.swapPanelShadow || '0 8px 32px rgba(0, 0, 0, 0.32)');\n  let swapPanelBorderStyle = $derived(theme.colors.swapPanelBorderStyle || 'default');\n  let inputsRounded = $derived(theme.colors.swapPanelInputsRounded !== false);\n  let transparentPanel = $derived(theme.colors.transparentSwapPanel !== false);\n  let isWin95Border = $derived(swapPanelBorderStyle === 'win95');\n  \n  // Create CSS variables for the theme-specific styling - derive directly from other derived values\n  let swapPanelStyle = $derived(`\n    --swap-panel-border: ${swapPanelBorder};\n    --swap-panel-shadow: ${swapPanelShadow};\n  `);\n\n  // Props with proper TypeScript types\n  let {\n    title,\n    token,\n    amount,\n    onTokenSelect,\n    onAmountChange,\n    disabled,\n    showPrice,\n    slippage,\n    panelType,\n    otherToken,\n    isLoading = false,\n  } = $props<{\n    title: string;\n    token: FE.Token;\n    amount: string;\n    onTokenSelect: () => void;\n    onAmountChange: (event: CustomEvent) => void;\n    disabled: boolean;\n    showPrice: boolean;\n    slippage: number;\n    panelType: \"pay\" | \"receive\";\n    otherToken: FE.Token;\n    isLoading?: boolean;\n  }>();\n\n  // Constants\n  const DEFAULT_DECIMALS = 8;\n  const MAX_DISPLAY_DECIMALS_DESKTOP = 12;\n  const MAX_DISPLAY_DECIMALS_MOBILE = 9;\n  const ANIMATION_BASE_DURATION = 200;\n  const ANIMATION_MAX_DURATION = 300;\n  const ANIMATION_VALUE_MULTIPLIER = 50;\n  const HIGH_IMPACT_THRESHOLD = 10;\n\n  // State management using runes\n  let inputElement = $state<HTMLInputElement | null>(null);\n  let inputFocused = $state(false);\n  let calculatedUsdValue = $state(0);\n  let previousValue = $state(\"0\");\n  let isMobile = $state(false);\n\n  // Derived state using runes\n  let tokenInfo = $state<FE.Token | null>(null);\n  $effect(() => {\n    fetchTokensByCanisterId([token?.canister_id]).then(tokens => {\n      tokenInfo = tokens[0];\n    });\n  });\n\n  let decimals = $derived(tokenInfo?.decimals || DEFAULT_DECIMALS);\n  let isIcrc1 = $derived(tokenInfo?.icrc1 && !tokenInfo?.icrc2);\n\n  // Initialize window-dependent values\n  let windowWidth = $state(0);\n  let windowHeight = $state(0);\n  let expandDirection = $state(\"down\"); // default value\n\n  // Browser-only initialization\n  onMount(() => {\n    const checkMobile = () => {\n      isMobile = window.innerWidth <= 420;\n    };\n\n    checkMobile();\n    window.addEventListener(\"resize\", checkMobile);\n\n    return () => {\n      window.removeEventListener(\"resize\", checkMobile);\n    };\n  });\n\n  // Animated values using runes\n  let animatedUsdValue = tweened(0, {\n    duration: ANIMATION_BASE_DURATION,\n    easing: cubicOut,\n  });\n\n  let animatedAmount = tweened(0, {\n    duration: ANIMATION_BASE_DURATION,\n    easing: cubicOut,\n  });\n\n  let animatedSlippage = tweened(0, {\n    duration: ANIMATION_BASE_DURATION,\n    easing: cubicOut,\n  });\n\n  // Format number with commas for display\n  function formatWithCommas(value: string): string {\n    if (!value) return \"0\";\n    const parts = value.split(\".\");\n    parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n    return parts.join(\".\");\n  }\n\n  // Function to get max decimals based on screen width\n  function getMaxDisplayDecimals(): number {\n    return isMobile\n      ? MAX_DISPLAY_DECIMALS_MOBILE\n      : MAX_DISPLAY_DECIMALS_DESKTOP;\n  }\n\n  // Format display value with proper decimals\n  function formatDisplayValue(value: string): string {\n    if (!value || value === \"0\") return \"0\";\n\n    const parts = value.split(\".\");\n    const maxDecimals = getMaxDisplayDecimals();\n\n    if (parts.length === 2) {\n      if (\n        panelType === \"receive\" &&\n        parts[1].length > maxDecimals &&\n        decimals > maxDecimals\n      ) {\n        parts[1] = parts[1].slice(0, maxDecimals) + \"...\";\n      } else {\n        parts[1] = parts[1].slice(0, maxDecimals);\n      }\n\n      if (parts[1].length === 0) return parts[0];\n      return parts.join(\".\");\n    }\n\n    return parts[0];\n  }\n\n  // Validate numeric input\n  function isValidNumber(value: string): boolean {\n    if (!value) return true;\n    const regex = /^[0-9]*\\.?[0-9]*$/;\n    return regex.test(value);\n  }\n\n  // Watch for token changes\n  onMount(() => {\n    // Initial balance load is now handled by parent\n  });\n\n  let lastLoadedToken = $state<string | undefined>(undefined);\n  $effect(() => {\n    const canisterId = tokenInfo?.canister_id;\n    if (canisterId && canisterId !== lastLoadedToken) {\n      lastLoadedToken = canisterId;\n    }\n  });\n\n  // Animation and value updates using $effect\n  $effect(() => {\n    if (amount === \"0\") {\n      updateAnimatedValues(0);\n    } else {\n      const currentValue = $animatedUsdValue;\n      const valueDiff = Math.abs(calculatedUsdValue - currentValue);\n      const duration = Math.min(\n        ANIMATION_MAX_DURATION,\n        ANIMATION_BASE_DURATION + valueDiff * ANIMATION_VALUE_MULTIPLIER,\n      );\n\n      animatedUsdValue.set(calculatedUsdValue, {\n        duration,\n        easing: cubicOut,\n      });\n    }\n\n    animatedSlippage.set(slippage, { duration: 0 });\n  });\n\n  function updateAnimatedValues(duration: number) {\n    animatedUsdValue.set(calculatedUsdValue, { duration });\n    animatedAmount.set(parseFloat(amount || \"0\"), { duration });\n  }\n\n  // Event handlers\n  function handleInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    let value = input.value.replace(/,/g, \"\");\n\n    if (!isValidNumber(value)) {\n      input.value = previousValue;\n      return;\n    }\n\n    if (value.includes(\".\")) {\n      const [whole, decimal] = value.split(\".\");\n      value = `${whole}.${decimal.slice(0, decimals)}`;\n    }\n\n    if (value.length > 1 && value.startsWith(\"0\") && value[1] !== \".\") {\n      value = value.replace(/^0+/, \"\");\n    }\n\n    if (!value || value === \".\") {\n      value = \"0\";\n    }\n\n    previousValue = value;\n\n    if (inputElement) {\n      const formattedValue = formatWithCommas(value);\n      inputElement.value = formattedValue;\n    }\n\n    onAmountChange(\n      new CustomEvent(\"input\", {\n        detail: { value, panelType },\n      }),\n    );\n  }\n\n  async function handleMaxClick() {\n    if (!disabled && title === \"You Pay\" && token) {\n      try {\n        if (!tokenInfo) {\n          console.error(\"Token info missing\");\n          toastStore.error(\"Invalid token configuration\");\n          return;\n        }\n\n        const balance = $currentUserBalancesStore[token.canister_id]?.in_tokens;\n        if (!balance) {\n          console.error(\"Balance not available for token\", token.symbol);\n          toastStore.error(`Balance not available for ${token.symbol}`);\n          return;\n        }\n\n        // Calculate fees\n        const feesInTokens = tokenInfo.fee_fixed\n          ? BigInt(tokenInfo.fee_fixed.toString().replace(/_/g, \"\")) *\n            (isIcrc1 ? 1n : 2n)\n          : 0n;\n\n        // Subtract fees from balance\n        const availableBalance = balance - feesInTokens;\n\n        if (availableBalance <= 0n) {\n          toastStore.error(\"Insufficient balance to cover fees\");\n          return;\n        }\n\n        // Convert to display format\n        const maxAmount = formatTokenBalance(\n          availableBalance.toString(),\n          token.decimals,\n        );\n\n        // Set the input value\n        if (inputElement) {\n          inputElement.value = formatWithCommas(maxAmount);\n        }\n\n        // Trigger the amount change\n        onAmountChange(\n          new CustomEvent(\"input\", {\n            detail: { value: maxAmount, panelType },\n          }),\n        );\n      } catch (error) {\n        console.error(\"Error in handleMaxClick:\", error);\n        toastStore.error(\"Failed to set maximum amount\");\n      }\n    }\n  }\n\n  // Token selector functionality\n  function handleTokenSelect(event: MouseEvent) {\n    if (disabled) return;\n\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    const position = {\n      x: rect.right + 8,\n      y: rect.top,\n      windowWidth,\n    };\n\n    if (panelType === \"pay\") {\n      const currentState = $swapState.showPayTokenSelector;\n      swapState.update((s) => ({\n        ...s,\n        showPayTokenSelector: !currentState,\n        showReceiveTokenSelector: false,\n        tokenSelectorPosition: position,\n        tokenSelectorOpen: \"pay\",\n      }));\n    } else {\n      const currentState = $swapState.showReceiveTokenSelector;\n      swapState.update((s) => ({\n        ...s,\n        showReceiveTokenSelector: !currentState,\n        showPayTokenSelector: false,\n        tokenSelectorPosition: position,\n        tokenSelectorOpen: \"receive\",\n      }));\n    }\n\n    if (amount) {\n      onAmountChange(\n        new CustomEvent(\"input\", {\n          detail: { value: amount, panelType },\n        }),\n      );\n    }\n  }\n\n  // Display calculations using runes\n  let displayAmount = $derived(formatDisplayValue(amount || \"0\"));\n  let formattedDisplayAmount = $derived(formatWithCommas(displayAmount));\n  let parsedAmount = $derived(parseFloat(displayAmount || \"0\"));\n  let tokenPrice = $derived(\n    tokenInfo ? Number(tokenInfo?.metrics?.price || 0) : 0,\n  );\n  let tradeUsdValue = $derived(tokenPrice * parsedAmount);\n\n  // Use onMount to safely access window properties\n  onMount(() => {\n    // Initial values\n    windowWidth = window.innerWidth;\n    windowHeight = window.innerHeight;\n\n    // Update function\n    const updateWindowDimensions = () => {\n      windowWidth = window.innerWidth;\n      windowHeight = window.innerHeight;\n    };\n\n    // Add event listener\n    window.addEventListener(\"resize\", updateWindowDimensions);\n\n    // Cleanup\n    return () => {\n      window.removeEventListener(\"resize\", updateWindowDimensions);\n    };\n  });\n\n  // Use $effect for the direction calculation\n  $effect(() => {\n    if (typeof window !== \"undefined\") {\n      // Check if we're in browser environment\n      expandDirection =\n        $swapState.tokenSelectorPosition?.y > windowHeight / 2 ? \"up\" : \"down\";\n    }\n  });\n</script>\n\n<Panel\n  variant={transparentPanel ? \"transparent\" : \"solid\"}\n  width=\"auto\"\n  type=\"main\"\n  className=\"max-w-xl !p-4 !h-full swap-panel-wrapper {isWin95Border ? 'win95-panel' : ''}\"\n  roundness={swapPanelRoundness}\n  isSwapPanel={true}\n>\n  <div\n    class=\"flex flex-col min-h-[165px] max-h-[220px] box-border relative swap-panel-content\"\n    style={swapPanelStyle}\n  >\n    <header>\n      <div class=\"flex items-center justify-between gap-4 min-h-[1rem] mb-5\">\n        <h2\n          class=\"text-2xl font-semibold text-kong-text-primary m-0 tracking-tight leading-none\"\n        >\n          {title}\n        </h2>\n        <div class=\"flex items-center gap-2\">\n          {#if panelType === \"pay\"}\n            <button\n              class=\"onramp-button\"\n              on:click={(e) => {\n                e.preventDefault();\n                window.open(\"https://buy.onramper.com/?apikey=pk_prod_01JHJ6KCSBFD6NEN8Q9PWRBKXZ&mode=buy&defaultCrypto=icp_icp\", '_blank', 'width=500,height=650');\n              }}\n            >\n              Buy ICP with Fiat\n            </button>\n          {/if}\n          {#if showPrice && $animatedSlippage > 0}\n            <div\n              class=\"flex items-center gap-1.5 bg-white/10 p-1 rounded-md\"\n              title=\"Price Impact\"\n            >\n              <span\n                class=\"text-[0.875rem] font-medium text-kong-text-primary uppercase tracking-wide\"\n              >\n                Impact\n              </span>\n              <span\n                class=\"text-[1rem] font-semibold text-kong-text-primary\"\n                class:high={$animatedSlippage >= HIGH_IMPACT_THRESHOLD}\n              >\n                {$animatedSlippage.toFixed(2)}%\n              </span>\n            </div>\n          {/if}\n        </div>\n      </div>\n    </header>\n\n    <div class=\"relative flex-grow mb-[-1px] h-[68px]\">\n      <div class=\"flex items-center gap-1 h-[69%] box-border rounded-md\">\n        <div class=\"relative flex-1\">\n          {#if isLoading && panelType === \"receive\"}\n            <div class=\"absolute inset-0 flex items-center\">\n              <div class=\"loading-dots\">\n                <span></span>\n                <span></span>\n                <span></span>\n              </div>\n            </div>\n          {/if}\n          <input\n            bind:this={inputElement}\n            type=\"text\"\n            inputmode=\"decimal\"\n            pattern=\"[0-9]*\"\n            placeholder=\"0.00\"\n            class=\"flex-1 min-w-0 bg-transparent border-none text-kong-text-primary text-[clamp(1.5rem,8vw,2.5rem)] font-medium tracking-tight w-full relative z-10 p-0 mt-[-0.25rem] opacity-85 focus:outline-none focus:text-kong-text-primary disabled:text-kong-text-primary placeholder:text-kong-text-primary\"\n            class:opacity-0={isLoading && panelType === \"receive\"}\n            class:input-rounded={inputsRounded}\n            value={formattedDisplayAmount}\n            on:input={handleInput}\n            on:focus={() => (inputFocused = true)}\n            on:blur={() => (inputFocused = false)}\n            {disabled}\n            readonly={panelType === \"receive\"}\n          />\n        </div>\n        <div class=\"token-selector-wrapper relative\">\n          <button\n            class=\"token-selector-button {isWin95Border ? 'win95-button' : ''}\"\n            class:button-rounded={inputsRounded && !isWin95Border}\n            on:click|stopPropagation={(event) => {\n              const rect = event.currentTarget.getBoundingClientRect();\n              const position = {\n                x: rect.right + 8,\n                y: rect.top,\n                height: rect.height,\n                windowHeight: window.innerHeight,\n                windowWidth: window.innerWidth,\n              };\n              swapState.update((s) => ({\n                ...s,\n                tokenSelectorPosition: position,\n                tokenSelectorOpen: panelType,\n              }));\n              handleTokenSelect(event);\n            }}\n          >\n            {#if token}\n              <div class=\"token-info\">\n                <TokenImages tokens={[token]} size={32} />\n                <span class=\"token-symbol hide-on-mobile\">{token.symbol}</span>\n              </div>\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n                class=\"chevron\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            {:else}\n              <span class=\"select-token-text\">Select Token</span>\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n                class=\"chevron\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            {/if}\n          </button>\n          <TokenSelectorDropdown\n            show={$swapState.tokenSelectorOpen === panelType}\n            onSelect={() => {\n              swapState.update((s) => ({ ...s, tokenSelectorOpen: null }));\n              onTokenSelect();\n            }}\n            onClose={() =>\n              swapState.update((s) => ({ ...s, tokenSelectorOpen: null }))}\n            currentToken={token}\n            otherPanelToken={otherToken}\n            {expandDirection}\n          />\n        </div>\n      </div>\n    </div>\n\n    <footer class=\"text-kong-text-primary text-[clamp(0.75rem,2vw,0.875rem)]\">\n      <div class=\"flex justify-between items-center leading-6\">\n        <div class=\"flex items-center gap-2\">\n          <span\n            class=\"text-kong-text-primary font-normal tracking-wide mobile-text\"\n            >Value</span\n          >\n          <span\n            class=\"pl-1 text-kong-text-primary font-medium tracking-wide mobile-text\"\n          >\n            ${formatToNonZeroDecimal(tradeUsdValue)}\n          </span>\n        </div>\n        {#if token}\n          <div class=\"flex items-center gap-2\">\n            <span\n              class=\"text-kong-text-primary font-normal tracking-wide mobile-text\"\n            >\n              Available:\n            </span>\n            <button\n              class=\"pl-1 text-kong-text-primary font-semibold tracking-tight mobile-text\"\n              class:clickable={title === \"You Pay\" && !disabled}\n              on:click={handleMaxClick}\n            >\n              {#if token && token.canister_id && $currentUserBalancesStore}\n                {#if $currentUserBalancesStore[token.canister_id]}\n                  {formatTokenBalance(\n                    ($currentUserBalancesStore[token.canister_id]?.in_tokens || 0).toString(),\n                    token.decimals || DEFAULT_DECIMALS\n                  )}\n                  {token.symbol || ''}\n                {:else}\n                  <!-- Log what's happening for debugging -->\n                  {console.log('Balance not found for token:', token.symbol, 'canister:', token.canister_id, 'balances store:', Object.keys($currentUserBalancesStore))}\n                  0 {token.symbol || ''}\n                {/if}\n              {:else}\n                Loading...\n              {/if}\n            </button>\n          </div>\n        {/if}\n      </div>\n    </footer>\n  </div>\n</Panel>\n\n<style lang=\"postcss\">\n  .clickable:hover {\n    color: #eab308;\n  }\n\n  .high {\n    color: #ef4444;\n  }\n\n  /* Conditional border-radius for inputs based on theme setting */\n  .input-rounded {\n    border-radius: 0.375rem;\n  }\n  \n  .button-rounded {\n    border-radius: 0.75rem;\n  }\n\n  @media (max-width: 420px) {\n    input {\n      font-size: 1.88rem;\n      margin-top: -0.15rem;\n    }\n\n    .mobile-text {\n      font-size: 0.7rem;\n    }\n  }\n  \n  .token-selector-wrapper {\n    position: relative;\n  }\n\n  .token-selector-button {\n    min-width: 100px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: rgba(255, 255, 255, 0.05);\n    padding: 0.75rem;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    transition: background-color 150ms;\n    gap: 0.75rem;\n  }\n\n  .token-selector-button:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .token-info {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  .token-symbol {\n    color: rgb(var(--text-primary));\n    @apply font-semibold text-lg;\n  }\n\n  @media (max-width: 420px) {\n    .hide-on-mobile {\n      display: none;\n    }\n\n    .token-selector-button {\n      min-width: auto;\n      gap: 0.5rem;\n    }\n  }\n\n  .select-token-text {\n    font-size: 2rem;\n    color: rgb(var(--text-primary) / 0.7);\n    text-align: left;\n  }\n\n  .chevron {\n    width: 1.25rem;\n    height: 1.25rem;\n    color: rgb(var(--text-primary) / 0.5);\n  }\n\n  /* Mobile optimizations */\n  @media (max-width: 420px) {\n    .token-selector-button {\n      padding: 0.5rem 0.75rem;\n      min-width: auto;\n    }\n  }\n\n  .loading-dots {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: flex-start;\n    padding-left: 4px;\n  }\n\n  .loading-dots span {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: rgb(var(--text-primary) / 0.5);\n    animation: bounce 1.4s infinite ease-in-out both;\n  }\n\n  .loading-dots span:nth-child(1) {\n    animation-delay: -0.32s;\n  }\n\n  .loading-dots span:nth-child(2) {\n    animation-delay: -0.16s;\n  }\n\n  @keyframes bounce {\n    0%,\n    80%,\n    100% {\n      transform: scale(0);\n      opacity: 0.3;\n    }\n    40% {\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  .onramp-button {\n    @apply font-semibold text-sm;\n    @apply text-kong-text-primary/70 hover:text-kong-text-primary/90;\n    @apply bg-kong-primary/40 hover:bg-kong-primary/60;\n    @apply px-4 py-0.5;\n    @apply border border-kong-primary/80;\n    @apply cursor-pointer;\n    @apply transition-all duration-200 ease-in-out;\n  }\n\n  @media (max-width: 420px) {\n    .onramp-button {\n      font-size: 0.75rem;\n      padding: 0.375rem 0.75rem;\n    }\n  }\n  \n  /* Win95 panel styles */\n  :global(.win95-panel) {\n    position: relative;\n    border: none !important;\n    box-shadow: none !important;\n    background-color: #C3C3C3 !important;\n  }\n  \n  :global(.win95-panel::before) {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 2px solid;\n    border-color: #FFFFFF #808080 #808080 #FFFFFF;\n    pointer-events: none;\n  }\n  \n  :global(.win95-panel::after) {\n    content: '';\n    position: absolute;\n    inset: 2px;\n    border: 1px solid;\n    border-color: #DFDFDF #404040 #404040 #DFDFDF;\n    pointer-events: none;\n  }\n  \n  /* Win95 button style */\n  .win95-button {\n    background-color: #C3C3C3 !important;\n    border: none !important;\n    position: relative;\n    border-radius: 0 !important;\n    box-shadow: inset 1px 1px 0 #FFFFFF, inset -1px -1px 0 #808080, inset 2px 2px 0 #DFDFDF, inset -2px -2px 0 #404040 !important;\n    padding: 4px 8px !important;\n  }\n  \n  .win95-button:active {\n    box-shadow: inset -1px -1px 0 #FFFFFF, inset 1px 1px 0 #808080, inset -2px -2px 0 #DFDFDF, inset 2px 2px 0 #404040 !important;\n    padding-top: 5px !important;\n    padding-left: 9px !important;\n  }\n</style>\n","<script lang=\"ts\">\n  import { formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import { userTokens } from \"$lib/stores/userTokens\";\n  import { onMount } from \"svelte\";\n  import { slide } from \"svelte/transition\";\n  import { fetchTokensByCanisterId } from \"$lib/api/tokens\";\n  import { ChevronRight, ChevronsDown } from \"lucide-svelte\";\n    import Panel from \"$lib/components/common/Panel.svelte\";\n\n  const { payToken, payAmount, receiveToken, receiveAmount, routingPath = [] } = $props<{\n    payToken: FE.Token;\n    payAmount: string;\n    receiveToken: FE.Token;\n    receiveAmount: string;\n    routingPath?: string[];\n  }>();\n\n  let tokens = $state([]);\n  let prevRoutingPath = $state([]);\n  let hoveredIndex = $state<number | null>(null);\n  let showRoutes = $state(false);\n\n  async function updateTokens() {\n    if (JSON.stringify(prevRoutingPath) === JSON.stringify(routingPath)) {\n      return;\n    }\n\n    if (!routingPath || !$userTokens?.tokens?.length) return;\n\n    try {\n      const tokenPromises = routingPath.map((canisterId) =>\n        fetchTokensByCanisterId([canisterId]).then((tokens) => tokens[0]),\n      );\n\n      const fetchedTokens = await Promise.all(tokenPromises);\n      tokens = fetchedTokens.filter((t): t is FE.Token => t !== undefined);\n      prevRoutingPath = [...routingPath];\n    } catch (error) {\n      console.error(\"Error fetching tokens:\", error);\n    }\n  }\n\n  $effect(() => {\n    if (JSON.stringify(prevRoutingPath) !== JSON.stringify(routingPath)) {\n      updateTokens();\n    }\n  });\n\n  onMount(() => {\n    updateTokens();\n  });\n</script>\n\n<div class=\"section\">\n  <div class=\"tokens-container\">\n    <Panel unpadded={false} variant=\"transparent\">\n      <div class=\"token-info\">\n        <div class=\"flex items-center gap-3\">\n          <TokenImages\n            tokens={[payToken]}\n            size={40}\n            containerClass=\"token-image\"\n          />\n          <div class=\"token-details\">\n            <span class=\"type\">You Pay</span>\n            <div class=\"amount-container\">\n              <span class=\"amount\">{payAmount} {payToken?.symbol}</span>\n            </div>\n            <span class=\"usd-value\"\n              >${formatToNonZeroDecimal(\n                Number(payAmount) * Number(payToken?.metrics.price),\n              )}</span\n            >\n          </div>\n        </div>\n      </div>\n    </Panel>\n\n    <div class=\"arrow-container\">\n      <ChevronsDown color=\"rgb(var(--text-secondary))\" />\n    </div>\n\n    <Panel unpadded={false} variant=\"transparent\">\n      <div class=\"token-info\">\n        <div class=\"flex items-center gap-3\">\n          <TokenImages\n            tokens={[receiveToken]}\n            size={40}\n            containerClass=\"token-image\"\n          />\n          <div class=\"token-details\">\n            <span class=\"type\">You Receive</span>\n            <div class=\"amount-container\">\n              <span class=\"amount\">{receiveAmount} {receiveToken?.symbol}</span>\n            </div>\n            <span class=\"usd-value\"\n              >${formatToNonZeroDecimal(\n                Number(receiveAmount) * Number(receiveToken?.metrics.price),\n              )}</span\n            >\n          </div>\n        </div>\n      </div>\n    </Panel>\n\n    <div class=\"exchange-rate text-right mt-1 mr-2\">\n      1 {payToken?.symbol} = {formatToNonZeroDecimal(\n        Number(receiveAmount) / Number(payAmount),\n      )}\n      {receiveToken?.symbol}\n    </div>\n  </div>\n\n  {#if tokens.length > 0}\n    <div\n      class=\"route-toggle\"\n      on:click={() => (showRoutes = !showRoutes)}\n      role=\"button\"\n      tabindex=\"0\"\n    >\n      <div class=\"flex items-center gap-2\">\n        <span class=\"text-sm text-kong-text-secondary\">View Route</span>\n        <span class=\"hop-count\"\n          >{tokens.length - 1} hop{tokens.length > 2 ? \"s\" : \"\"}</span\n        >\n      </div>\n      <span class=\"text-kong-text-secondary text-lg\"\n        >{showRoutes ? \"−\" : \"+\"}</span\n      >\n    </div>\n\n    {#if showRoutes}\n      <div transition:slide={{ duration: 200 }}>\n        <div class=\"route-line py-2\">\n          {#each tokens as token, i}\n            <div\n              class=\"token-group\"\n              on:mouseenter={() => (hoveredIndex = i)}\n              on:mouseleave={() => (hoveredIndex = null)}\n            >\n              <div\n                class=\"token-block\"\n                class:active={hoveredIndex === i}\n                role=\"button\"\n                tabindex=\"0\"\n              >\n                <div class=\"token-inner\">\n                  <TokenImages\n                    tokens={[token]}\n                    size={24}\n                    containerClass=\"token-image bg-kong-text-primary/10 rounded-full\"\n                  />\n                  <div class=\"token-symbol\">{token.symbol}</div>\n                </div>\n              </div>\n              {#if i < tokens.length - 1}\n                <ChevronRight color=\"rgb(var(--text-secondary))\" size={16} />\n              {/if}\n            </div>\n          {/each}\n        </div>\n      </div>\n    {/if}\n  {/if}\n</div>\n\n<style lang=\"postcss\" scoped>\n  .section {\n    @apply p-4;\n  }\n\n  .tokens-container {\n    @apply flex flex-col gap-1;\n  }\n\n  .token-info {\n    @apply flex-1 min-w-0;\n  }\n\n  .token-details {\n    @apply flex flex-col gap-1;\n  }\n\n  .type {\n    @apply text-sm text-kong-text-secondary;\n  }\n\n  .amount-container {\n    @apply flex items-center;\n  }\n\n  .amount {\n    @apply text-xl font-medium text-kong-text-primary;\n  }\n\n  .usd-value {\n    @apply text-sm text-kong-text-secondary;\n  }\n\n  .arrow-container {\n    @apply flex flex-col items-center justify-center py-1 gap-1;\n  }\n  .exchange-rate {\n    @apply text-sm text-kong-text-secondary;\n  }\n\n  .route-toggle {\n    @apply flex items-center justify-between p-2 mt-2 cursor-pointer rounded-lg \n           hover:bg-kong-bg-dark/50 transition-colors duration-200;\n  }\n\n  .hop-count {\n    @apply text-xs text-kong-text-secondary px-1.5 py-0.5 rounded-lg;\n  }\n\n  .route-line {\n    @apply flex items-center flex-wrap justify-center gap-2 overflow-visible py-2;\n    max-width: 100%;\n  }\n\n  .token-group {\n    @apply flex items-center gap-2;\n  }\n\n  .token-block {\n    @apply bg-kong-bg-dark/50 border border-kong-border/50 rounded-lg px-3 py-2 transition-all duration-200;\n  }\n\n  .token-block.active {\n    @apply border-kong-primary bg-kong-bg-dark transform -translate-y-px;\n  }\n\n  .token-inner {\n    @apply flex items-center gap-2 whitespace-nowrap flex-col w-[42px];\n  }\n\n  .token-symbol {\n    @apply text-sm text-kong-text-primary;\n  }\n\n  @media (max-width: 640px) {\n    .section {\n      @apply p-3;\n    }\n\n    .amount {\n      @apply text-lg;\n    }\n\n    .type,\n    .usd-value,\n    .exchange-rate {\n      @apply text-xs;\n    }\n\n    .token-block {\n      @apply px-2 py-1.5;\n    }\n\n    .token-symbol {\n      @apply text-xs;\n    }\n\n    .route-toggle {\n      @apply p-1.5;\n    }\n  }\n</style>\n","<script>/**\n * @license lucide-svelte v0.483.0 - ISC\n *\n * ISC License\n *\n * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.\n *\n * Permission to use, copy, modify, and/or distribute this software for any\n * purpose with or without fee is hereby granted, provided that the above\n * copyright notice and this permission notice appear in all copies.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES\n * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF\n * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR\n * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES\n * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN\n * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF\n * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.\n *\n */\nimport Icon from '../Icon.svelte';\nconst iconNode = [[\"path\", { \"d\": \"m7 6 5 5 5-5\" }], [\"path\", { \"d\": \"m7 13 5 5 5-5\" }]];\n/**\n * @component @name ChevronsDown\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtNyA2IDUgNSA1LTUiIC8+CiAgPHBhdGggZD0ibTcgMTMgNSA1IDUtNSIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/chevrons-down\n * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {FunctionalComponent} Svelte component\n *\n */\n</script>\n\n<Icon name=\"chevrons-down\" {...$$props} iconNode={iconNode}>\n  <slot/>\n</Icon>\n","<script lang=\"ts\">\n  import BigNumber from \"bignumber.js\";\n  import { formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\";\n  import { userTokens } from \"$lib/stores/userTokens\";\n  import { slide } from \"svelte/transition\";\n  import Panel from \"$lib/components/common/Panel.svelte\";\n\n  const { \n    gasFees = [], \n    lpFees = [], \n    userMaxSlippage, \n    priceImpact, \n    showPriceImpactWarning \n  } = $props<{\n    gasFees: { amount: string; token: string }[];\n    lpFees: { amount: string; token: string }[];\n    userMaxSlippage: number;\n    priceImpact: number;\n    showPriceImpactWarning: boolean;\n  }>();\n\n  let isExpanded = $state(false);\n\n  const totalFeesUsd = $derived(\n    [...gasFees, ...lpFees].reduce((total, fee) => {\n      const token = $userTokens?.tokens.find(t => t.symbol === fee.token);\n      if (!token?.metrics?.price) return total;\n      return total + Number(fee.amount) * Number(token.metrics.price);\n    }, 0)\n  );\n</script>\n\n<div class=\"p-4\">\n  <div class=\"fees-container\">\n    <div class=\"settings-group\">\n      <div class=\"setting-row\">\n        <div class=\"flex items-center gap-2\">\n          <span class=\"label\">Price Impact</span>\n          {#if showPriceImpactWarning}\n            <span class=\"warning-icon\" title=\"High price impact may result in unfavorable rates\">⚠️</span>\n          {/if}\n        </div>\n        <span class=\"value\" class:warning={showPriceImpactWarning}>\n          {priceImpact.toFixed(2)}%\n        </span>\n      </div>\n      <div class=\"setting-row\">\n        <span class=\"label\">Max Slippage</span>\n        <span class=\"value highlight\">{userMaxSlippage}%</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"p-4\">\n  <div class=\"fees-container\">\n    <div class=\"settings-group\">\n      <div \n        class=\"setting-row\"\n        class:expanded={isExpanded}\n        on:click={() => isExpanded = !isExpanded}\n        role=\"button\"\n        tabindex=\"0\"\n      >\n        <div class=\"flex items-center gap-2\">\n          <span class=\"label\">Network Fee + LP Fee</span>\n          {#if showPriceImpactWarning}\n            <span class=\"warning-icon\" title=\"High price impact may result in unfavorable rates\">⚠️</span>\n          {/if}\n        </div>\n        <div class=\"fee-total\">\n          <span class=\"value\">-${formatToNonZeroDecimal(totalFeesUsd)}</span>\n          <span class=\"expand-icon\">{isExpanded ? '−' : '+'}</span>\n        </div>\n      </div>\n\n      <!-- Expanded Details -->\n      {#if isExpanded}\n        <div transition:slide>\n          <Panel variant=\"transparent\" type=\"secondary\" className=\"mt-2\">\n            <div class=\"detail-row\">\n              <span class=\"label\">Network Fee</span>\n              <div class=\"fee-values\">\n                {#each gasFees as fee}\n                  {#if new BigNumber(fee.amount).gt(0)}\n                    <span class=\"value\">-{fee.amount} {fee.token}</span>\n                  {/if}\n                {/each}\n              </div>\n            </div>\n            <div class=\"detail-row\">\n              <span class=\"label\">LP Fee</span>\n              <div class=\"fee-values\">\n                {#each lpFees as fee}\n                  {#if new BigNumber(fee.amount).gt(0)}\n                    <span class=\"value\">-{fee.amount} {fee.token}</span>\n                  {/if}\n                {/each}\n              </div>\n            </div>\n          </Panel>\n        </div>\n      {/if}\n    </div>\n  </div>\n</div>\n\n<style lang=\"postcss\">\n  .fees-container {\n    @apply space-y-4;\n  }\n\n  .fee-total {\n    @apply flex items-center gap-2;\n  }\n\n  .expand-icon {\n    @apply text-kong-text-secondary text-lg leading-none;\n  }\n\n  .detail-row {\n    @apply flex justify-between items-center py-2;\n  }\n\n  .settings-group {\n    @apply space-y-3;\n  }\n\n  .setting-row {\n    @apply flex justify-between items-center cursor-pointer py-1;\n  }\n\n  .label {\n    @apply text-sm text-kong-text-secondary;\n  }\n\n  .value {\n    @apply text-sm text-kong-text-primary;\n  }\n\n  .value.highlight {\n    @apply font-medium text-kong-primary;\n  }\n\n  .value.warning {\n    @apply text-kong-warning;\n  }\n\n  .warning-icon {\n    @apply text-kong-warning text-xs;\n  }\n\n  .fee-values {\n    @apply flex flex-col items-end gap-1;\n  }\n\n  @media (max-width: 640px) {\n    .p-4 {\n      @apply p-3;\n    }\n\n    .label, .value {\n      @apply text-xs;\n    }\n\n    .expand-icon {\n      @apply text-base;\n    }\n\n    .detail-row {\n      @apply py-1.5;\n    }\n  }\n</style>\n","<script lang=\"ts\">\n  import Modal from \"$lib/components/common/Modal.svelte\";\n  import Panel from \"$lib/components/common/Panel.svelte\";\n  import { SwapService } from \"$lib/services/swap/SwapService\";\n  import PayReceiveSection from \"./confirmation/PayReceiveSection.svelte\";\n  import FeesSection from \"./confirmation/FeesSection.svelte\";\n  import { onMount, onDestroy } from \"svelte\";\n  import { fade } from \"svelte/transition\";\n  import { toastStore } from \"$lib/stores/toastStore\";\n  import { createEventDispatcher } from \"svelte\";\n  import { formatBalance, formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\";\n  import BigNumber from \"bignumber.js\";\n\n  export let payToken: FE.Token;\n  export let payAmount: string;\n  export let receiveToken: FE.Token;\n  export let receiveAmount: string;\n  export let routingPath: string[] = [];\n  export let userMaxSlippage: number;\n  export let onClose: () => void;\n  export let onConfirm: () => Promise<boolean>;\n\n  // New state variables for enhanced functionality\n  let quoteValiditySeconds = 30;\n  let priceImpact = 0;\n  let estimatedTime = '1-2 minutes';\n  let exchangeRate = '0';\n  let showPriceImpactWarning = false;\n  let countdownInterval: ReturnType<typeof setInterval>;\n\n  interface Fee {\n    amount: string;\n    token: string;\n    decimals: number;\n  }\n\n  let gasFees: Fee[] = [];\n  let lpFees: Fee[] = [];\n  let currentRoutingPath: string[] = [];\n\n  let isLoading = false;\n  let error = \"\";\n  let quoteUpdateInterval: ReturnType<typeof setInterval>;\n  const QUOTE_UPDATE_INTERVAL = 1000; // 1 second\n\n  const dispatch = createEventDispatcher<{\n    quoteUpdate: { receiveAmount: string };\n  }>();\n\n  onMount(async () => {\n    cleanComponent();\n    await updateQuote(); // Initial quote update\n\n    // Set up periodic quote updates\n    quoteUpdateInterval = setInterval(async () => {\n      if (!isLoading) {\n        // Only update if not processing a swap\n        await updateQuote();\n      }\n    }, QUOTE_UPDATE_INTERVAL);\n  });\n\n  async function handleConfirm() {\n    if (isLoading) {\n      return;\n    }\n\n    // Clear the quote update interval when starting the swap\n    if (quoteUpdateInterval) {\n      clearInterval(quoteUpdateInterval);\n    }\n\n    isLoading = true;\n    error = \"\";\n\n    try {\n      onConfirm();\n      onClose?.();\n      return true;\n    } catch (e) {\n      console.error(\"Swap confirmation error:\", e);\n      error = e.message || \"An error occurred\";\n      toastStore.error(error);\n      return false;\n    } finally {\n      isLoading = false;\n    }\n  }\n\n  onDestroy(() => {\n    cleanComponent();\n    if (quoteUpdateInterval) {\n      clearInterval(quoteUpdateInterval);\n    }\n    if (countdownInterval) clearInterval(countdownInterval);\n  });\n\n  function cleanComponent() {\n    isLoading = false;\n    error = \"\";\n    if (quoteUpdateInterval) {\n      clearInterval(quoteUpdateInterval);\n    }\n  }\n\n  // Add new function to calculate exchange rate\n  function updateExchangeRate() {\n    if (payAmount && receiveAmount && payToken && receiveToken) {\n      const payValue = Number(payAmount);\n      const receiveValue = Number(receiveAmount);\n      if (payValue && receiveValue) {\n        exchangeRate = formatToNonZeroDecimal(receiveValue / payValue);\n      }\n    }\n  }\n\n  // Enhance the updateQuote function\n  async function updateQuote() {\n    try {\n      const payDecimals = payToken.decimals;\n      const payAmountBigInt = SwapService.toBigInt(payAmount, payDecimals);\n\n      const quote = await SwapService.swap_amounts(\n        payToken,\n        payAmountBigInt,\n        receiveToken,\n      );\n\n      if (\"Ok\" in quote) {\n        receiveAmount = formatBalance(\n          quote.Ok.receive_amount,\n          receiveToken.decimals,\n        );\n\n        // Calculate price impact using BigNumber for precision\n        const payAmountNum = new BigNumber(payAmount);\n        const receiveAmountNum = new BigNumber(SwapService.fromBigInt(\n          quote.Ok.receive_amount,\n          receiveToken.decimals\n        ));\n        \n        if (payAmountNum.isGreaterThan(0) && receiveAmountNum.isGreaterThan(0)) {\n          // Calculate price impact using mid_price\n          // Use formatted values directly without applying additional scaling\n          const expectedAmount = payAmountNum.times(quote.Ok.mid_price);\n          const actualAmount = receiveAmountNum;\n          \n          if (expectedAmount.isGreaterThan(0)) {\n            priceImpact = expectedAmount.minus(actualAmount).div(expectedAmount).times(100).toNumber();\n            // Ensure we don't have negative price impact (which could happen due to rounding)\n            priceImpact = Math.max(0, priceImpact);\n            // Cap at 100% to avoid displaying unreasonable values\n            priceImpact = Math.min(100, priceImpact);\n          } else {\n            priceImpact = 0;\n          }\n        } else {\n          priceImpact = 0;\n        }\n\n        // Show warning for high price impact (>2%)\n        showPriceImpactWarning = priceImpact > 2;\n\n        updateExchangeRate();\n        dispatch(\"quoteUpdate\", { receiveAmount });\n\n        if (quote.Ok.txs.length > 0) {\n          currentRoutingPath = [\n            payToken.canister_id,\n            ...quote.Ok.txs.map((tx) => tx.receive_address),\n          ];\n\n          // Update fees for each step in the path\n          gasFees = quote.Ok.txs.map((tx) => {\n            return {\n              amount: formatBalance(tx.gas_fee.toString(), tx.receive_symbol === \"ICP\" ? 8 : receiveToken.decimals),\n              token: tx.receive_symbol,\n              decimals: tx.receive_symbol === \"ICP\" ? 8 : receiveToken.decimals\n            };\n          });\n\n          lpFees = quote.Ok.txs.map((tx) => {\n            return {\n              amount: formatBalance(tx.lp_fee.toString(), tx.receive_symbol === \"ICP\" ? 8 : receiveToken.decimals),\n              token: tx.receive_symbol,\n              decimals: tx.receive_symbol === \"ICP\" ? 8 : receiveToken.decimals\n            };\n          });\n        }\n      } else {\n        error = quote.Err;\n        toastStore.error(error);\n        setTimeout(() => onClose(), 2000);\n      }\n    } catch (err) {\n      error = err instanceof Error ? err.message : \"Failed to get quote\";\n      toastStore.error(error);\n      setTimeout(() => onClose(), 2000);\n    }\n  }\n</script>\n\n<Modal\n  isOpen={true}\n  title=\"Review Swap\"\n  {onClose}\n  variant=\"transparent\"\n  height=\"auto\"\n  isPadded={true}\n  width=\"500px\"\n>\n<div class=\"flex flex-col gap-3 pb-2\">\n  {#if error}\n    <Panel variant=\"transparent\" type=\"secondary\" unpadded={false}>\n      <div class=\"error-container\">\n        <div class=\"error-icon\">!</div>\n        <p class=\"error-message\">{error}</p>\n      </div>\n    </Panel>\n  {:else if payToken && receiveToken}\n    <div class=\"confirmation-container\" transition:fade={{ duration: 200 }}>\n      <div class=\"content-wrapper\">        \n        <div class=\"sections-wrapper\">\n          <Panel variant=\"transparent\" type=\"secondary\" unpadded={true}>\n            <PayReceiveSection\n              {payToken}\n              {payAmount}\n              {receiveToken}\n              {receiveAmount}\n              routingPath={currentRoutingPath}\n            />\n          </Panel>\n          \n          <Panel variant=\"transparent\" type=\"secondary\" unpadded={true}>\n            <FeesSection\n              {gasFees}\n              {lpFees}\n              {userMaxSlippage}\n              {priceImpact}\n              {showPriceImpactWarning}\n            />\n          </Panel>\n        </div>\n      </div>\n    </div>\n    <div class=\"button-container\">\n      <button\n        class=\"swap-button\"\n        class:processing={isLoading}\n        class:shine-animation={!isLoading}\n        class:warning={showPriceImpactWarning}\n        on:click={handleConfirm}\n        disabled={isLoading}\n      >\n        <div class=\"button-content\">\n          <span class=\"button-text\">\n            {#if isLoading}\n              Processing...\n            {:else if showPriceImpactWarning}\n              Confirm Swap (High Impact)\n            {:else}\n              Confirm Swap\n            {/if}\n          </span>\n          {#if isLoading}\n            <div class=\"loading-spinner\"></div>\n          {/if}\n        </div>\n        {#if !isLoading}\n          <div class=\"button-glow\"></div>\n          <div class=\"shine-effect\"></div>\n          <div class=\"ready-glow\"></div>\n        {/if}\n      </button>\n    </div>\n  {/if}\n</div>\n</Modal>\n\n<style lang=\"postcss\">\n  .confirmation-container {\n    @apply flex flex-col w-full rounded-md transition-all duration-300 px-2;\n  }\n\n  .content-wrapper {\n    @apply flex flex-col h-full;\n  }\n\n  .sections-wrapper {\n    @apply flex flex-col gap-3 flex-1 rounded-md;\n  }\n\n  .sections-wrapper > :global(*) {\n    @apply relative rounded-md border border-kong-border transition-all duration-200 w-full box-border;\n  }\n\n  .button-container {\n    @apply w-full sticky bottom-0 rounded-b-xl px-2 py-3;\n  }\n\n  .error-container {\n    @apply flex flex-col items-center justify-center gap-3 p-4 text-center;\n  }\n\n  .error-icon {\n    @apply w-10 h-10 rounded-full bg-kong-bg-dark text-kong-error flex items-center justify-center text-xl font-bold;\n  }\n\n  .error-message {\n    @apply text-kong-error text-sm max-w-[300px];\n  }\n\n  .swap-button {\n    @apply relative w-full p-3 rounded-xl border border-kong-border/10 cursor-pointer transform transition-all duration-200 overflow-hidden;\n    background: linear-gradient(\n      135deg,\n      rgb(var(--accent-blue) / 0.95) 0%,\n      rgb(var(--accent-purple) / 0.95) 100%\n    );\n    box-shadow: 0 2px 6px rgb(var(--accent-blue) / 0.2);\n  }\n\n  .swap-button:disabled {\n    @apply opacity-70 cursor-not-allowed;\n  }\n\n  .button-content {\n    @apply relative z-[1] flex items-center justify-center gap-2;\n  }\n\n  .button-text {\n    @apply text-base font-semibold text-white text-center;\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n\n  .loading-spinner {\n    @apply w-4 h-4 rounded-full;\n    border: 2px solid rgba(255, 255, 255, 0.3);\n    border-top-color: white;\n    animation: spin 0.8s linear infinite;\n  }\n\n  .button-glow {\n    @apply absolute inset-0 opacity-0 transition-opacity duration-300;\n    background: radial-gradient(\n      circle at var(--x, 50%) var(--y, 50%),\n      rgba(255, 255, 255, 0.2),\n      rgba(255, 255, 255, 0) 70%\n    );\n  }\n\n  .swap-button:hover .button-glow {\n    @apply opacity-100;\n  }\n\n  .swap-button.processing {\n    animation: pulse 2s infinite cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .swap-button.warning {\n    background: linear-gradient(\n      135deg,\n      rgb(var(--accent-yellow) / 0.95) 0%,\n      rgb(var(--accent-red) / 0.95) 100%\n    );\n  }\n\n  @media (max-width: 640px) {\n    .confirmation-container {\n      height: auto;\n    }\n\n    .content-wrapper {\n      @apply p-2;\n      height: auto;\n    }\n\n    .sections-wrapper {\n      @apply gap-2;\n    }\n\n    .button-container {\n      @apply p-2 rounded-none;\n    }\n\n    .error-container {\n      @apply p-3 gap-2;\n    }\n\n    .error-icon {\n      @apply w-8 h-8 text-lg;\n    }\n\n    .error-message {\n      @apply text-xs;\n    }\n\n    .swap-button {\n      @apply p-2.5 rounded-lg;\n    }\n\n    .button-text {\n      @apply text-sm;\n    }\n\n    .loading-spinner {\n      @apply w-3.5 h-3.5;\n    }\n  }\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes pulse {\n    0%, 100% {\n      opacity: 0.9;\n    }\n    50% {\n      opacity: 0.7;\n    }\n  }\n\n  .shine-effect {\n    @apply absolute top-0 left-[-100%] w-1/2 h-full pointer-events-none;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.2),\n      transparent\n    );\n    transform: skewX(-20deg);\n  }\n\n  .shine-animation .shine-effect {\n    animation: shine 3s infinite;\n  }\n\n  .ready-glow {\n    @apply absolute inset-[-2px] rounded-[18px] opacity-0 transition-opacity duration-300;\n    background: linear-gradient(\n      135deg,\n      rgb(var(--accent-blue) / 0.5),\n      rgb(var(--accent-purple) / 0.5)\n    );\n    filter: blur(8px);\n  }\n\n  .shine-animation .ready-glow {\n    animation: pulse-glow 2s ease-in-out infinite;\n  }\n\n  @keyframes shine {\n    0%, 100% {\n      left: -100%;\n    }\n    35%, 65% {\n      left: 200%;\n    }\n  }\n\n  @keyframes pulse-glow {\n    0%, 100% {\n      opacity: 0;\n      transform: scale(1);\n    }\n    50% {\n      opacity: 0.5;\n      transform: scale(1.02);\n    }\n  }\n</style>\n","import { swapState } from \"./SwapStateService\";\nimport { get } from \"svelte/store\";\nimport { toastStore } from \"$lib/stores/toastStore\";\nimport { SwapService } from \"./SwapService\";\nimport { swapStatusStore } from \"$lib/stores/swapStore\";\nimport { SwapMonitor } from \"./SwapMonitor\";\nimport type { Principal } from \"@dfinity/principal\";\nimport { userTokens } from \"$lib/stores/userTokens\";\n\nexport class SwapLogicService {\n  static async handleSwapSuccess(event: CustomEvent) {\n    const tokens = get(userTokens).tokens;\n    if (!tokens?.length) {\n      console.warn('TokenStore not initialized or empty');\n      return;\n    }\n\n    const payToken = tokens.find((t: any) => t.symbol === event.detail.payToken);\n    const receiveToken = tokens.find((t: any) => t.symbol === event.detail.receiveToken);\n\n    if (!payToken || !receiveToken) {\n      console.error('Could not find pay or receive token', {\n        paySymbol: event.detail.payToken,\n        receiveSymbol: event.detail.receiveToken,\n        availableTokens: tokens.map(t => t.symbol)\n      });\n      return;\n    }\n\n    // Reset the swap state\n    swapState.update((state) => ({\n      ...state,\n      payAmount: \"\",\n      receiveAmount: \"\",\n      error: null,\n      isProcessing: false,\n    }));\n  }\n\n  static handleSelectToken(type: \"pay\" | \"receive\", token: FE.Token) {\n    const state = get(swapState);\n    \n    if (\n      (type === \"pay\" && token?.canister_id === state.receiveToken?.canister_id) ||\n      (type === \"receive\" && token?.canister_id === state.payToken?.canister_id)\n    ) {\n      toastStore.error(\"Cannot select the same token for both sides\");\n      return;\n    }\n\n    const updates: Partial<typeof state> = {\n      manuallySelectedTokens: {\n        ...state.manuallySelectedTokens,\n        [type]: true\n      }\n    };\n\n    if (type === \"pay\") {\n      updates.payToken = token;\n      updates.showPayTokenSelector = false;\n    } else {\n      updates.receiveToken = token;\n      updates.showReceiveTokenSelector = false;\n    }\n\n    swapState.update(state => ({ ...state, ...updates }));\n  }\n\n  static async executeSwap(params: {\n    payToken: FE.Token;\n    payAmount: string;\n    receiveToken: FE.Token;\n    receiveAmount: string;\n    userMaxSlippage: number;\n    backendPrincipal: Principal;\n    lpFees: string[];\n  }): Promise<boolean> {\n    swapState.update(state => ({ ...state, isProcessing: true }));\n\n    try {\n      // Create the swap in the store first\n      const swapId = swapStatusStore.addSwap({\n        payToken: params.payToken,\n        receiveToken: params.receiveToken,\n        lastPayAmount: params.payAmount,\n        expectedReceiveAmount: params.receiveAmount,\n        fees: {\n          gas: \"0\",\n          lp: params.lpFees[0] || \"0\"\n        }\n      });\n\n      const result = await SwapService.executeSwap({\n        ...params,\n        swapId\n      });\n      \n      if (result !== false) {\n        swapStatusStore.updateSwap(swapId, {\n          status: 'pending',\n          isProcessing: true,\n          error: null\n        });\n        const toastId = toastStore.info(\n          `Swapping ${params.payAmount} ${params.payToken.symbol} to ${params.receiveAmount} ${params.receiveToken.symbol}...`,\n          { duration: undefined }\n        );\n        SwapMonitor.monitorTransaction(result, swapId, toastId);\n        return true;\n      } else {\n        toastStore.error('Swap failed');\n        swapState.update(state => ({ ...state, isProcessing: false }));\n        return false;\n      }\n    } catch (error) {\n      console.error('Swap execution error:', error);\n      toastStore.error('Failed to execute swap');\n      swapState.update(state => ({ ...state, isProcessing: false }));\n      return false;\n    }\n  }\n}\n","export default \"__VITE_ASSET__CIuDAa5M__\"","export default \"__VITE_ASSET__1fPpfie7__\"","import { browser } from \"$app/environment\";\nimport { replaceState } from \"$app/navigation\";\n\nexport class SwapUrlService {\n    static updateTokenInURL(param: \"from\" | \"to\", tokenId: string) {\n        if (!browser) return;\n        \n        const url = new URL(window.location.href);\n        url.searchParams.set(param, tokenId);\n        replaceState(url.toString(), {});\n    }\n\n    static async initializeFromUrl(\n        userTokens: FE.Token[], \n        fetchTokensByCanisterId: (ids: string[]) => Promise<FE.Token[]>,\n        onTokensLoaded: (token0: FE.Token | null, token1: FE.Token | null) => void\n    ) {\n        if (!browser || !userTokens.length) return;\n\n        const url = new URL(window.location.href);\n        const token0Id = url.searchParams.get(\"from\") || url.searchParams.get(\"token0\");\n        const token1Id = url.searchParams.get(\"to\") || url.searchParams.get(\"token1\");\n\n        if (!token0Id && !token1Id) return;\n\n        const tokens = await fetchTokensByCanisterId([token0Id, token1Id]);\n        const token0 = token0Id ? tokens.find((t) => t.canister_id === token0Id) : null;\n        const token1 = token1Id ? tokens.find((t) => t.canister_id === token1Id) : null;\n\n        if (token0 || token1) {\n            onTokensLoaded(token0, token1);\n        }\n    }\n} ","import type { Settings } from \"../../types/settings\";\nimport type { SwapState } from \"./SwapStateService\";\n\ninterface AuthState {\n  isConnected: boolean;\n}\n\nexport class SwapButtonService {\n    static getButtonText(\n        swapState: SwapState,\n        settingsStore: Settings,\n        isQuoteLoading: boolean,\n        insufficientFunds: boolean,\n        auth: AuthState\n    ): string {\n        if (!swapState.payToken || !swapState.receiveToken) return \"Select Tokens\";\n        if (swapState.isProcessing) return \"Processing...\";\n        if (isQuoteLoading) return \"Fetching Quote...\";\n        if (swapState.error) return swapState.error;\n        if (insufficientFunds) return \"Insufficient Funds\";\n        if (swapState.swapSlippage > settingsStore.max_slippage)\n            return `High Slippage (${swapState.swapSlippage.toFixed(2)}% > ${settingsStore.max_slippage}%) - Click to Adjust`;\n        if (!swapState.payAmount) return \"Enter Amount\";\n        return \"SWAP\";\n    }\n\n    static isButtonDisabled(\n        swapState: SwapState,\n        insufficientFunds: boolean,\n        isQuoteLoading: boolean,\n        auth: AuthState\n    ): boolean {\n        // Allow clicking to connect wallet\n        if (!auth.isConnected) return false;\n        \n        // Disable if processing or loading\n        if (swapState.isProcessing || isQuoteLoading) return true;\n        \n        // Disable if missing required data\n        if (!swapState.payToken || !swapState.receiveToken || !swapState.payAmount) return true;\n        \n        // Disable if there are insufficient funds\n        if (insufficientFunds) return true;\n        \n        return false;\n    }\n} ","<script lang=\"ts\">\n  import { getContext } from 'svelte';\n  import { themeStore } from '$lib/stores/themeStore';\n  import type { ThemeDefinition, ThemeColors } from '$lib/themes/baseTheme';\n  import { getThemeById } from '$lib/themes/themeRegistry';\n\n  // Props\n  let { \n    text,\n    isError,\n    isProcessing,\n    isLoading,\n    isReady,\n    showShineAnimation,\n    disabled,\n    onClick,\n    // Theme props - only used if theme values aren't available\n    primaryGradientStart,\n    primaryGradientEnd,\n    errorGradientStart,\n    errorGradientEnd,\n    processingGradientStart,\n    processingGradientEnd,\n    borderColor,\n    glowColor,\n    shine,\n    readyGlowStart,\n    readyGlowEnd\n  } = $props<{\n    text: string;\n    isError: boolean;\n    isProcessing: boolean;\n    isLoading: boolean;\n    isReady: boolean;\n    showShineAnimation: boolean;\n    disabled: boolean;\n    onClick: () => void;\n    // Optional theme props as fallbacks\n    primaryGradientStart?: string;\n    primaryGradientEnd?: string;\n    errorGradientStart?: string;\n    errorGradientEnd?: string;\n    processingGradientStart?: string;\n    processingGradientEnd?: string;\n    borderColor?: string;\n    glowColor?: string;\n    shine?: string;\n    readyGlowStart?: string;\n    readyGlowEnd?: string;\n  }>();\n\n  // Get current theme - using function approach to prevent reactive loops\n  function getCurrentTheme() {\n    return getThemeById($themeStore);\n  }\n\n  function getThemeColors(): ThemeColors {\n    return getCurrentTheme().colors as ThemeColors;\n  }\n  \n  function getPrimaryGradientStart(): string {\n    return getThemeColors().swapButtonPrimaryGradientStart || \n           primaryGradientStart || \n           \"rgba(55, 114, 255, 0.95)\";\n  }\n  \n  function getPrimaryGradientEnd(): string {\n    return getThemeColors().swapButtonPrimaryGradientEnd || \n           primaryGradientEnd || \n           \"rgba(111, 66, 193, 0.95)\";\n  }\n\n  function getErrorGradientStart(): string {\n    return getThemeColors().swapButtonErrorGradientStart || \n           errorGradientStart || \n           \"rgba(239, 68, 68, 0.9)\";\n  }\n  \n  function getErrorGradientEnd(): string {\n    return getThemeColors().swapButtonErrorGradientEnd || \n           errorGradientEnd || \n           \"rgba(239, 68, 68, 0.8)\";\n  }\n  \n  function getProcessingGradientStart(): string {\n    return getThemeColors().swapButtonProcessingGradientStart || \n           processingGradientStart || \n           \"#3772ff\";\n  }\n  \n  function getProcessingGradientEnd(): string {\n    return getThemeColors().swapButtonProcessingGradientEnd || \n           processingGradientEnd || \n           \"#4580ff\";\n  }\n  \n  function getBorderColor(): string {\n    return getThemeColors().swapButtonBorderColor || \n           borderColor || \n           \"rgba(255, 255, 255, 0.12)\";\n  }\n  \n  function getGlowColor(): string {\n    return getThemeColors().swapButtonGlowColor || \n           glowColor || \n           \"rgba(255, 255, 255, 0.2)\";\n  }\n  \n  function getShineColor(): string {\n    return getThemeColors().swapButtonShineColor || \n           shine || \n           \"rgba(255, 255, 255, 0.2)\";\n  }\n  \n  function getReadyGlowStart(): string {\n    return getThemeColors().swapButtonReadyGlowStart || \n           readyGlowStart || \n           \"rgba(55, 114, 255, 0.5)\";\n  }\n  \n  function getReadyGlowEnd(): string {\n    return getThemeColors().swapButtonReadyGlowEnd || \n           readyGlowEnd || \n           \"rgba(111, 66, 193, 0.5)\";\n  }\n  \n  function getTextColor(): string {\n    return getThemeColors().swapButtonTextColor || \"#FFFFFF\";\n  }\n  \n  function getRoundness(): string {\n    return getThemeColors().swapButtonRoundness || \"rounded-lg\";\n  }\n  \n  function getShadow(): string {\n    return getThemeColors().swapButtonShadow || \"0 8px 32px rgba(0, 0, 0, 0.32)\";\n  }\n\n  // Generate dynamic style strings\n  function getNormalStyle(): string {\n    return `background: linear-gradient(135deg, ${getPrimaryGradientStart()} 0%, ${getPrimaryGradientEnd()} 100%); border-color: ${getBorderColor()}; box-shadow: ${getShadow()};`;\n  }\n  \n  function getErrorStyle(): string {\n    return `background: linear-gradient(135deg, ${getErrorGradientStart()} 0%, ${getErrorGradientEnd()} 100%); box-shadow: none;`;\n  }\n  \n  function getProcessingStyle(): string {\n    return `background: linear-gradient(135deg, ${getProcessingGradientStart()} 0%, ${getProcessingGradientEnd()} 100%); cursor: wait; opacity: 0.8;`;\n  }\n</script>\n\n<button\n  class=\"relative w-full py-4 px-6 overflow-hidden transition-all duration-200 ease-out mt-1 border shadow-md min-h-[64px] disabled:opacity-50 disabled:cursor-not-allowed transform hover:-translate-y-px hover:shadow-lg hover:border-white/20 active:translate-y-0 active:shadow-md active:duration-100 {getRoundness()}\"\n  style={isError ? getErrorStyle() : (isProcessing || isLoading) ? getProcessingStyle() : getNormalStyle()}\n  class:animate-pulse={isProcessing || isLoading}\n  class:shine-animation={showShineAnimation}\n  on:click={onClick}\n  {disabled}\n>\n  <div class=\"relative z-10 flex items-center justify-center gap-2\">\n    {#if isProcessing || isLoading}\n      <div class=\"w-[22px] h-[22px] rounded-full border-2 border-white/30 border-t-white animate-spin\"></div>\n    {/if}\n    <span class=\"font-semibold text-2xl tracking-wide flex items-center justify-center min-w-[140px] text-center\" style=\"color: {getTextColor()}; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\">\n      {text}\n    </span>\n  </div>\n  \n  <div class=\"absolute inset-0 transition-opacity duration-300 opacity-0 hover:opacity-100\" \n       style=\"background: radial-gradient(circle at 50% 50%, {getGlowColor()}, transparent 70%);\"></div>\n  \n  <div class=\"absolute top-0 left-[-100%] w-1/2 h-full pointer-events-none transform -skew-x-20\" \n       style=\"background: linear-gradient(90deg, transparent, {getShineColor()}, transparent);\"\n       class:animate-shine={showShineAnimation}></div>\n  \n  <div class=\"absolute -inset-[2px] rounded-[18px] opacity-0 blur-md transition-opacity duration-300\" \n       style=\"background: linear-gradient(135deg, {getReadyGlowStart()}, {getReadyGlowEnd()});\"\n       class:animate-pulse-glow={showShineAnimation}></div>\n</button>\n\n<style>\n  /* Animations that can't be expressed with Tailwind */\n  @keyframes shine {\n    0%, 100% { left: -100%; }\n    35%, 65% { left: 200%; }\n  }\n\n  @keyframes pulse-glow {\n    0%, 100% { opacity: 0; transform: scale(1); }\n    50% { opacity: 0.5; transform: scale(1.02); }\n  }\n\n  /* Animation utility classes */\n  .animate-shine {\n    animation: shine 3s infinite;\n  }\n  \n  .animate-pulse-glow {\n    animation: pulse-glow 2s ease-in-out infinite;\n  }\n</style> ","<script lang=\"ts\">\n  import { themeStore } from \"$lib/stores/themeStore\";\n  import { getThemeById } from \"$lib/themes/themeRegistry\";\n  import { tweened } from 'svelte/motion';\n  import { onMount } from 'svelte';\n  \n  // Theme-specific styling\n  let theme = $derived(getThemeById($themeStore));\n  let backgroundColor = $derived(theme.colors.switchButtonBg || theme.colors.surfaceLight || '#1c2333');\n  let hoverBackgroundColor = $derived(theme.colors.switchButtonHoverBg || theme.colors.surfaceDark || '#252b3d');\n  let borderColor = $derived(theme.colors.switchButtonBorder || theme.colors.borderLight || 'rgba(255, 255, 255, 0.1)');\n  let buttonShadow = $derived(theme.colors.switchButtonShadow || '0 8px 32px rgba(0, 0, 0, 0.32)');\n  let isWin98Theme = $derived(theme.id === 'win98light');\n\n  // Props\n  let { \n    isDisabled = false,\n    debounceTime = 250,\n    onSwitch = () => {} // Default no-op function\n  } = $props<{\n    isDisabled?: boolean;\n    debounceTime?: number;\n    onSwitch?: () => void;\n  }>();\n\n  // Use Svelte's tweened store for smooth animation with optimized settings\n  const rotation = tweened(0, {\n    duration: 250, // Slightly faster animation for better responsiveness\n    easing: t => 1 - Math.pow(1 - t, 3) // cubic ease out\n  });\n  \n  // Internal state\n  let debouncing = false;\n  let isHovered = false;\n  let buttonElement;\n\n  // Memoize button styles to avoid recalculation on each render\n  let buttonStyle = $derived(`\n    background: ${isHovered ? hoverBackgroundColor : backgroundColor};\n    ${!isWin98Theme ? `border-color: ${isHovered ? borderColor : borderColor};` : \n    `border-style: solid; border-width: 2px; border-color: ${borderColor};`}\n    ${isWin98Theme ? `box-shadow: ${buttonShadow};` : ''}\n    color: ${theme.colors.textPrimary || 'white'};\n  `);\n\n  // Memoize icon container styles\n  let iconStyle = $derived(`transform: rotate(-${$rotation}deg);`);\n\n  // Memoize disabled state classes\n  let disabledClasses = $derived(isDisabled ? 'opacity-50 cursor-not-allowed' : '');\n\n  // Optimized click handler with debounce\n  function handleClick() {\n    if (isDisabled || debouncing) return;\n    \n    // Set debounce flag to prevent rapid clicks\n    debouncing = true;\n    setTimeout(() => {\n      debouncing = false;\n    }, debounceTime);\n    \n    // Update rotation value\n    rotation.update(r => r + 180);\n    \n    // Call the onSwitch callback\n    onSwitch();\n  }\n\n  // Use passive event listeners for better performance\n  onMount(() => {\n    if (buttonElement) {\n      const handleMouseEnter = () => isHovered = true;\n      const handleMouseLeave = () => isHovered = false;\n      \n      buttonElement.addEventListener('mouseenter', handleMouseEnter, { passive: true });\n      buttonElement.addEventListener('mouseleave', handleMouseLeave, { passive: true });\n      \n      return () => {\n        buttonElement.removeEventListener('mouseenter', handleMouseEnter);\n        buttonElement.removeEventListener('mouseleave', handleMouseLeave);\n      };\n    }\n  });\n\n  // Pre-optimized SVG path\n  const svgPath = \"M7.5 3.5L4.5 6.5L7.5 9.5M4.5 6.5H16.5C18.71 6.5 20.5 8.29 20.5 10.5C20.5 11.48 20.14 12.37 19.55 13.05M16.5 20.5L19.5 17.5L16.5 14.5M19.5 17.5H7.5C5.29 17.5 3.5 15.71 3.5 13.5C3.5 12.52 3.86 11.63 4.45 10.95\";\n</script>\n\n<button\n  bind:this={buttonElement}\n  class=\"switch-tokens-button absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-20 w-11 h-11 rounded-full transition-colors duration-200 ease-out border shadow-lg {isWin98Theme ? 'rounded-none win98-button' : 'hover:scale-110 hover:shadow-lg active:scale-95 active:shadow-md'} {disabledClasses}\"\n  style={buttonStyle}\n  on:click={handleClick}\n  disabled={isDisabled}\n  aria-label=\"Switch tokens position\"\n>\n  <div \n    class=\"w-full h-full flex items-center justify-center transform-gpu\"\n    style={iconStyle}\n  >\n    <svg\n      class=\"w-6 h-6 opacity-90\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      width=\"24\"\n      height=\"24\"\n    >\n      <path\n        d={svgPath}\n        stroke=\"currentColor\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  </div>\n</button>\n\n<style>\n  .switch-tokens-button {\n    /* Hardware acceleration */\n    transform: translate(-50%, -50%) translateZ(0);\n    backface-visibility: hidden;\n    perspective: 1000px;\n  }\n  \n  .transform-gpu {\n    /* Enable GPU acceleration for transforms */\n    transform-style: preserve-3d;\n    backface-visibility: hidden;\n    will-change: transform;\n    transition: transform 0.2s ease-out;\n  }\n  \n  /* Win98 specific styles */\n  .win98-button {\n    transition: all 0.1s ease-out;\n  }\n  \n  .win98-button:active {\n    /* Pressed state for Win98 */\n    box-shadow: inset -1px -1px 0 #FFFFFF, inset 1px 1px 0 #808080 !important;\n    transform: translate(-50%, -50%) translateY(1px);\n  }\n</style>\n","<script lang=\"ts\">\n  import SwapPanel from \"./swap_ui/SwapPanel.svelte\";\n  import TokenSelectorDropdown from \"./swap_ui/TokenSelectorDropdown.svelte\";\n  import SwapConfirmation from \"./swap_ui/SwapConfirmation.svelte\";\n  import Portal from \"svelte-portal\";\n  import { Principal } from \"@dfinity/principal\";\n  import { fade } from \"svelte/transition\";\n  import { onMount, onDestroy } from \"svelte\";\n  import { get } from \"svelte/store\";\n  import { SwapLogicService } from \"$lib/services/swap/SwapLogicService\";\n  import { swapState } from \"$lib/services/swap/SwapStateService\";\n  import { SwapService } from \"$lib/services/swap/SwapService\";\n  import { auth } from \"$lib/stores/auth\";\n  import {\n    getTokenDecimals,\n    currentUserBalancesStore\n  } from \"$lib/stores/tokenStore\";\n  import { settingsStore } from \"$lib/stores/settingsStore\";\n  import { toastStore } from \"$lib/stores/toastStore\";\n  import { swapStatusStore } from \"$lib/stores/swapStore\";\n  import { sidebarStore } from \"$lib/stores/sidebarStore\";\n  import { KONG_BACKEND_CANISTER_ID } from \"$lib/constants/canisterConstants\";\n  import { livePools } from \"$lib/stores/poolStore\";\n  import SwapSuccessModal from \"./swap_ui/SwapSuccessModal.svelte\";\n  import { userTokens } from \"$lib/stores/userTokens\";\n  import { browser } from \"$app/environment\";\n  import { fetchTokensByCanisterId } from \"$lib/api/tokens\";\n  import { tick } from \"svelte\";\n  import { SwapUrlService } from \"$lib/services/swap/SwapUrlService\";\n  import { SwapButtonService } from \"$lib/services/swap/SwapButtonService\";\n  import { \n    refreshBalances, \n  } from \"$lib/stores/balancesStore\";\n  import { themeStore } from \"$lib/stores/themeStore\";\n  import { getThemeById } from \"$lib/themes/themeRegistry\";\n  import SwapButton from \"./swap_ui/SwapButton.svelte\";\n  import SwitchTokensButton from \"./swap_ui/SwitchTokensButton.svelte\";\n  import WalletProvider from \"$lib/components/wallet/WalletProvider.svelte\";\n\n  // Theme-specific styling data\n  let theme = $derived(getThemeById($themeStore));\n  \n  // Swap button theme colors\n  let primaryStart = $derived(theme.colors.primary || 'rgba(55, 114, 255, 0.95)');\n  let primaryEnd = $derived(theme.colors.secondary || 'rgba(111, 66, 193, 0.95)');\n  let errorStart = $derived('rgba(239, 68, 68, 0.9)'); // Fallback for error color\n  let errorEnd = $derived('rgba(239, 68, 68, 0.8)'); // Fallback for errorDark color\n  let processingStart = $derived('#3772ff'); // Fallback for info color\n  let processingEnd = $derived('#4580ff'); // Fallback for infoLight color\n  let buttonBorder = $derived(theme.colors.borderLight || 'rgba(255, 255, 255, 0.12)');\n  let glowEffect = $derived('rgba(255, 255, 255, 0.2)'); // Fallback for highlight color\n  \n  // Types\n  type PanelType = \"pay\" | \"receive\";\n  interface PanelConfig {\n    id: string;\n    type: PanelType;\n    title: string;\n  }\n\n  const PANELS: PanelConfig[] = [\n    { id: \"pay\", type: \"pay\", title: \"You Pay\" },\n    { id: \"receive\", type: \"receive\", title: \"You Receive\" },\n  ];\n\n  // Constants for dropdown positioning\n  const DROPDOWN_WIDTH = 360; // Width of dropdown\n  const MARGIN = 16; // Margin from edges\n  const SEARCH_HEADER_HEIGHT = 56; // Height of search header\n\n  // State\n  let isProcessing = $state(false);\n  let isInitialized = $state(false);\n  let currentSwapId: string | null = null;\n  let isQuoteLoading = $state(false);\n  let showSettings = $state(false);\n  let insufficientFunds = $state(false);\n  let hasValidPool = $state(false);\n  let skipNextUrlInitialization = false;\n  let currentBalance: string | null = null;\n  let showWalletProvider = $state(false);\n\n  // Function to calculate optimal dropdown position\n  function getDropdownPosition(\n    pos: { x: number; y: number; windowWidth: number } | null,\n  ) {\n    if (!pos) return { top: 0, left: 0 };\n\n    // Position dropdown to the right of the button\n    let left = pos.x;\n\n    // If it would overflow right edge, position to the left of the button instead\n    if (left + DROPDOWN_WIDTH > pos.windowWidth - MARGIN) {\n      left = Math.max(MARGIN, pos.x - DROPDOWN_WIDTH - 8);\n    }\n\n    // Align the first token item with the button by offsetting the search header height\n    const top = pos.y - SEARCH_HEADER_HEIGHT - 8; // 8px for the padding of first token\n\n    return { top, left };\n  }\n\n  // Reactive statement to call refreshTokenBalances when token or amount changes\n  $effect(() => {\n    if ($auth.account?.owner && ($swapState.payToken || $swapState.receiveToken)) {\n      console.log('Token or auth state changed, refreshing balances');\n      refreshBalances([$swapState.payToken, $swapState.receiveToken], $auth.account?.owner, false);\n    } else {\n      console.log('Resetting balance states - missing auth or tokens');\n      currentBalance = null;\n      insufficientFunds = false;\n    }\n  });\n\n  let buttonText = $derived(\n    !$auth.isConnected ? \"Connect Wallet\" :\n    (!$swapState.payAmount || $swapState.payAmount === \"0\") ? \"Enter Amount\" : \n    insufficientFunds ? \"Insufficient Balance\" :\n    SwapButtonService.getButtonText($swapState, $settingsStore, isQuoteLoading, insufficientFunds, $auth)\n  );\n\n  let buttonDisabled = $derived(\n    !$swapState.payAmount || $swapState.payAmount === \"0\" || \n    SwapButtonService.isButtonDisabled($swapState, insufficientFunds, isQuoteLoading, $auth)\n  );\n\n  // Replace initializeFromUrl with:\n  async function initializeFromUrl() {\n    console.log('Initializing from URL with token count:', $userTokens.tokens?.length || 0);\n    try {\n      await SwapUrlService.initializeFromUrl(\n        $userTokens.tokens,\n        fetchTokensByCanisterId,\n        (token0, token1) => {\n          console.log('URL tokens resolved:', token0?.symbol, token1?.symbol);\n          swapState.update((state) => ({\n            ...state,\n            payToken: token0 || state.payToken,\n            receiveToken: token1 || state.receiveToken,\n            payAmount: \"\",\n            receiveAmount: \"\",\n            error: null,\n          }));\n        }\n      );\n    } catch (error) {\n      console.error('Error initializing from URL:', error);\n    }\n  }\n\n  // Replace updateTokenInURL with:\n  function updateTokenInURL(param: \"from\" | \"to\", tokenId: string) {\n    SwapUrlService.updateTokenInURL(param, tokenId);\n  }\n\n  // Add a direct URL parsing function\n  function getTokenParamsFromUrl() {\n    if (!browser) return { fromToken: null, toToken: null };\n    \n    const url = new URL(window.location.href);\n    const fromParam = url.searchParams.get('from');\n    const toParam = url.searchParams.get('to');\n    \n    console.log('URL params:', { fromParam, toParam });\n    \n    return { fromParam, toParam };\n  }\n\n  // More direct token lookup by canister ID\n  async function findTokenByCanisterId(canisterId: string): Promise<FE.Token | null> {\n    if (!canisterId) return null;\n    \n    // First check in userTokens\n    if ($userTokens.tokens && $userTokens.tokens.length > 0) {\n      const token = $userTokens.tokens.find(t => t.canister_id === canisterId);\n      if (token) return token;\n    }\n    \n    // If not found, try to fetch it\n    try {\n      console.log(`Fetching token for canister ID: ${canisterId}`);\n      // Wrap canisterId in an array to match the expected parameter type\n      const tokens = await fetchTokensByCanisterId([canisterId]);\n      if (tokens && tokens.length > 0) {\n        return tokens[0];\n      }\n    } catch (error) {\n      console.error(`Error fetching token ${canisterId}:`, error);\n    }\n    \n    return null;\n  }\n\n  // Update onMount with direct URL token handling\n  onMount(async () => {\n    if (browser) {\n      try {\n        console.log('onMount: Starting token initialization');\n        \n        // Check if we should skip URL initialization\n        if (skipNextUrlInitialization) {\n          console.log(\"Skipping URL initialization (tokens just reversed)\");\n          skipNextUrlInitialization = false;\n        } else {\n          // Wait for user tokens to be available if possible\n          let attempts = 0;\n          while ((!$userTokens.tokens || $userTokens.tokens.length === 0) && attempts < 5) {\n            console.log(`Waiting for tokens to load (attempt ${attempts + 1})...`);\n            await new Promise(resolve => setTimeout(resolve, 200));\n            attempts++;\n          }\n          \n          // Get token params directly from URL\n          const { fromParam, toParam } = getTokenParamsFromUrl();\n          \n          if (fromParam || toParam) {\n            console.log('Found token params in URL, looking up tokens...');\n            \n            // Lookup tokens in parallel\n            const [fromToken, toToken] = await Promise.all([\n              fromParam ? findTokenByCanisterId(fromParam) : null,\n              toParam ? findTokenByCanisterId(toParam) : null\n            ]);\n            \n            console.log('Tokens from URL:', { \n              fromToken: fromToken?.symbol, \n              toToken: toToken?.symbol \n            });\n            \n            // Update the state with found tokens\n            if (fromToken || toToken) {\n              swapState.update(state => ({\n                ...state,\n                payToken: fromToken || state.payToken,\n                receiveToken: toToken || state.receiveToken,\n                payAmount: \"\",\n                receiveAmount: \"\",\n                error: null\n              }));\n            }\n          } else {\n            // No params in URL, try the service as fallback\n            console.log('No direct token params, trying service...');\n            await initializeFromUrl();\n          }\n        }\n        \n        await tick();\n        \n        // If no tokens were set, initialize default tokens\n        if (!$swapState.payToken || !$swapState.receiveToken) {\n          console.log('No tokens found, initializing defaults');\n          await swapState.initializeTokens(null, null);\n        }\n        \n        isInitialized = true;\n      } catch (error) {\n        console.error('Error during token initialization:', error);\n        // Fallback to default tokens\n        await swapState.initializeTokens(null, null);\n        isInitialized = true;\n      }\n    }\n  });\n\n  $effect(() => {\n    if ($auth.isConnected) {\n      settingsStore.initializeStore();\n    }\n  });\n\n  // Modify the poolExists function to add more debugging\n  function poolExists(\n    payToken: FE.Token | null,\n    receiveToken: FE.Token | null,\n  ): boolean {\n    if (!payToken || !receiveToken) {\n      return false;\n    }\n\n    if ($livePools.length === 0) {\n      return true; // Return true when pools aren't loaded yet\n    }\n\n    const exists = $livePools.some(\n      (pool) =>\n        (pool.symbol_0 === payToken.symbol &&\n          pool.symbol_1 === receiveToken.symbol) ||\n        (pool.symbol_0 === receiveToken.symbol &&\n          pool.symbol_1 === payToken.symbol),\n    );\n\n    return exists;\n  }\n\n  async function handleSwapClick(): Promise<void> {\n    if (!$auth.isConnected) {\n      sidebarStore.toggleExpand();\n      return;\n    }\n\n    if (!$swapState.payToken || !$swapState.receiveToken) return;\n\n    swapState.update((state) => ({\n      ...state,\n      showConfirmation: true,\n      isProcessing: false,\n      error: null,\n      showSuccessModal: false,\n    }));\n  }\n\n  async function handleSwap(): Promise<boolean> {\n    if (\n      !$swapState.payToken ||\n      !$swapState.receiveToken ||\n      !$swapState.payAmount ||\n      $swapState.isProcessing\n    ) {\n      return false;\n    }\n\n    try {\n      swapState.update((state) => ({\n        ...state,\n        isProcessing: true,\n        error: null,\n      }));\n\n      currentSwapId = swapStatusStore.addSwap({\n        expectedReceiveAmount: $swapState.receiveAmount,\n        lastPayAmount: $swapState.payAmount,\n        payToken: $swapState.payToken,\n        receiveToken: $swapState.receiveToken,\n        payDecimals: Number(\n          getTokenDecimals($swapState.payToken.canister_id).toString(),\n        ),\n      });\n\n      const result = await SwapService.executeSwap({\n        swapId: currentSwapId,\n        payToken: $swapState.payToken,\n        payAmount: $swapState.payAmount,\n        receiveToken: $swapState.receiveToken,\n        receiveAmount: $swapState.receiveAmount,\n        userMaxSlippage: $settingsStore.max_slippage,\n        backendPrincipal: Principal.fromText(KONG_BACKEND_CANISTER_ID),\n        lpFees: $swapState.lpFees,\n      });\n\n      if (typeof result !== \"bigint\") {\n        swapState.update((state) => ({\n          ...state,\n          isProcessing: false,\n          error: \"Swap failed\",\n        }));\n        return false;\n      }\n\n      // Store the successful swap details and clear input amounts\n      swapState.update((state) => ({\n        ...state,\n        successDetails: {\n          payAmount: state.payAmount,\n          payToken: state.payToken,\n          receiveAmount: state.receiveAmount,\n          receiveToken: state.receiveToken,\n          principalId: $auth.account?.owner?.toString() || \"\",\n        },\n        // Clear input amounts but keep tokens selected\n        payAmount: \"\",\n        receiveAmount: \"\",\n        isProcessing: false,\n        showConfirmation: false,\n      }));\n\n      return true;\n    } catch (error) {\n      console.error(\"Swap execution failed:\", error);\n      swapState.update((state) => ({\n        ...state,\n        isProcessing: false,\n        error: error.message || \"Swap failed\",\n      }));\n      return false;\n    } finally {\n      // Always reset processing state if the swap fails\n      if (!$swapStatusStore[currentSwapId]?.details) {\n        swapState.update((state) => ({\n          ...state,\n          isProcessing: false,\n        }));\n      }\n    }\n  }\n\n  async function handleButtonAction(): Promise<void> {\n    if (!$auth.isConnected) {\n      console.log('User not connected, opening wallet provider');\n      showWalletProvider = true;\n      return;\n    }\n\n    if ($swapState.swapSlippage > $settingsStore.max_slippage) {\n      showSettings = true;\n      return;\n    }\n\n    if (insufficientFunds) {\n      toastStore.error(\"Insufficient funds for this swap\");\n      return;\n    }\n\n    if (!$swapState.payToken || !$swapState.receiveToken) {\n      toastStore.error(\"Please select tokens\");\n      return;\n    }\n\n    if (!$swapState.payAmount || $swapState.payAmount === \"0\") {\n      toastStore.error(\"Please enter an amount\");\n      return;\n    }\n\n    await handleSwapClick();\n  }\n\n\n  async function handleAmountChange(event: CustomEvent) {\n    const { value, panelType } = event.detail;\n\n    if (panelType === \"pay\") {\n      swapState.setPayAmount(value);\n      await updateSwapQuote();\n    } else {\n      swapState.setReceiveAmount(value);\n    }\n  }\n\n  // Update the handleTokenSelect function to be simpler\n  function handleTokenSelect(panelType: PanelType) {\n    if (panelType === \"pay\") {\n      swapState.update((s) => ({\n        ...s,\n        showPayTokenSelector: true,\n        error: null,\n      }));\n    } else {\n      swapState.update((s) => ({\n        ...s,\n        showReceiveTokenSelector: true,\n        error: null,\n      }));\n    }\n  }\n\n  // Modify handleReverseTokens to avoid referencing $swapState mid-update\n  async function handleReverseTokens() {\n    if (!isInitialized || $swapState.isProcessing) return;\n\n    const currentPayToken = $swapState.payToken;\n    const currentReceiveToken = $swapState.receiveToken;\n    const tempPayAmount = $swapState.payAmount;\n    const tempReceiveAmount = $swapState.receiveAmount;\n    if (!currentPayToken || !currentReceiveToken) return;\n\n    swapState.update((s) => ({\n      ...s,\n      payToken: currentReceiveToken,\n      receiveToken: currentPayToken,\n      error: null,\n    }));\n\n    await tick();\n    await refreshBalances([$swapState.payToken, $swapState.receiveToken], $auth.account?.owner, false);\n\n    // Update amounts and quote\n    if (tempReceiveAmount && tempReceiveAmount !== \"0\") {\n      swapState.setPayAmount(tempReceiveAmount);\n    } else if (tempPayAmount) {\n      swapState.setPayAmount(tempPayAmount);\n    }\n    await updateSwapQuote();\n\n    // Before updating the URL, set the flag:\n    skipNextUrlInitialization = true;\n\n    if ($swapState.payToken?.canister_id && $swapState.receiveToken?.canister_id) {\n      updateTokenInURL(\"from\", $swapState.payToken.canister_id);\n      updateTokenInURL(\"to\", $swapState.receiveToken.canister_id);\n    }\n  }\n\n  // Add a new state for quote loading\n  let quoteUpdateTimeout: NodeJS.Timeout;\n\n  async function updateSwapQuote() {\n    const state = get(swapState);\n\n    if (\n      !state.payToken ||\n      !state.receiveToken ||\n      !hasValidPool ||\n      !state.payAmount ||\n      state.payAmount === \"0\"\n    ) {\n      swapState.update((s) => ({\n        ...s,\n        receiveAmount: \"0\",\n        swapSlippage: 0,\n      }));\n      return;\n    }\n\n    // Clear any pending timeout\n    if (quoteUpdateTimeout) {\n      clearTimeout(quoteUpdateTimeout);\n    }\n\n    // Set loading state immediately\n    isQuoteLoading = true;\n\n    // Debounce the quote update\n    quoteUpdateTimeout = setTimeout(async () => {\n      try {\n        // Get the most up-to-date state inside the timeout callback\n        const currentState = get(swapState);\n        \n        // Verify the state is still valid before making the API call\n        if (\n          !currentState.payToken ||\n          !currentState.receiveToken ||\n          !hasValidPool ||\n          !currentState.payAmount ||\n          currentState.payAmount === \"0\"\n        ) {\n          swapState.update((s) => ({\n            ...s,\n            receiveAmount: \"0\",\n            swapSlippage: 0,\n          }));\n          isQuoteLoading = false;\n          return;\n        }\n        \n        const quote = await SwapService.getSwapQuote(\n          currentState.payToken,\n          currentState.receiveToken,\n          currentState.payAmount,\n        );\n\n        swapState.update((s) => ({\n          ...s,\n          receiveAmount: quote.receiveAmount,\n          swapSlippage: quote.slippage,\n        }));\n      } catch (error) {\n        console.error(\"Error getting quote:\", error);\n        swapState.update((s) => ({\n          ...s,\n          receiveAmount: \"0\",\n          swapSlippage: 0,\n          error: \"Failed to get quote\",\n        }));\n      } finally {\n        isQuoteLoading = false;\n      }\n    }, 600); // 600ms debounce\n  }\n\n  let previousPayAmount = \"\";\n  let previousPayToken = null;\n  let previousReceiveToken = null;\n\n  $effect(() => {\n    // Only update quote if relevant values have actually changed\n    if (\n      $swapState.payToken &&\n      $swapState.receiveToken &&\n      $swapState.payAmount &&\n      ($swapState.payAmount !== previousPayAmount ||\n        $swapState.payToken?.canister_id !== previousPayToken?.canister_id ||\n        $swapState.receiveToken?.canister_id !==\n          previousReceiveToken?.canister_id)\n    ) {\n      previousPayAmount = $swapState.payAmount;\n      previousPayToken = $swapState.payToken;\n      previousReceiveToken = $swapState.receiveToken;\n\n      updateSwapQuote();\n    }\n  });\n\n  // Add this function to handle resetting state\n  function resetSwapState() {\n    // Cancel any pending quote updates\n    if (quoteUpdateTimeout) {\n      clearTimeout(quoteUpdateTimeout);\n    }\n\n    // Reset quote loading state\n    isQuoteLoading = false;\n\n    // Immediately reset all relevant state\n    swapState.update((state) => ({\n      ...state,\n      payAmount: \"\",\n      receiveAmount: \"\",\n      error: null,\n      isProcessing: false,\n      showConfirmation: false,\n      swapSlippage: 0, // Reset slippage\n      lpFees: null, // Reset fees\n      routingPath: null, // Reset routing\n    }));\n\n    // Reset previous values to prevent unnecessary quote updates\n    previousPayAmount = \"\";\n    previousPayToken = null;\n    previousReceiveToken = null;\n  }\n\n  // Add a reactive statement to check pool existence\n  $effect(() => {\n    hasValidPool = poolExists($swapState.payToken, $swapState.receiveToken);\n  });\n\n  // Add this near your other lifecycle hooks\n  onDestroy(() => {\n    resetSwapState();\n  });\n\n  // Add effect to check if user has sufficient balance\n  $effect(() => {\n    const checkBalance = async () => {\n      if ($auth.account?.owner && $swapState.payToken?.canister_id && $swapState.payAmount && $swapState.payAmount !== \"0\") {\n        // Check if we have balance data for this token\n        if ($currentUserBalancesStore && $currentUserBalancesStore[$swapState.payToken.canister_id]) {\n          try {\n            // Convert payAmount to a number that can be compared with the BigInt\n            const payAmount = parseFloat($swapState.payAmount);\n            \n            // Get the BigInt balance and convert to number for comparison\n            const balanceBigInt = $currentUserBalancesStore[$swapState.payToken.canister_id].in_tokens;\n            \n            // Get token decimals (this is async)\n            const decimals = await getTokenDecimals($swapState.payToken.canister_id);\n            const divisor = Math.pow(10, Number(decimals) || 8);\n            const balanceAsNumber = Number(balanceBigInt) / divisor;\n            \n            // Update insufficient funds flag\n            insufficientFunds = payAmount > balanceAsNumber;\n            \n            // Save the current balance for display\n            currentBalance = balanceAsNumber.toString();\n          } catch (error) {\n            console.error('Error calculating balance:', error);\n            insufficientFunds = false;\n          }\n        } else {\n          // If we don't have balance data yet, refresh balances\n          refreshBalances([$swapState.payToken], $auth.account.owner, false);\n          insufficientFunds = false; // Reset until we have data\n        }\n      } else {\n        // Reset insufficient funds flag when no amount is entered\n        insufficientFunds = false;\n      }\n    };\n    \n    // Execute the async function\n    checkBalance();\n  });\n</script>\n\n<div class=\"relative flex flex-col\" in:fade={{ duration: 420 }}>\n  <div class=\"relative flex flex-col gap-2 mb-2\">\n    <div class=\"relative flex flex-col gap-1 min-h-[240px]\">\n      <!-- Doge image peeking only for Win98 theme -->\n      {#if theme.id === 'win98light'}\n        <div class=\"absolute -top-[4.8rem] right-5 z-1 transform translate-x-1/4 select-none pointer-events-none\">\n          <img \n            src=\"/images/layingdoge.png\" \n            alt=\"Doge peeking\" \n            class=\"w-48 h-48 object-contain\"\n            style=\"filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));\"\n          />\n        </div>\n      {/if}\n      \n      <div class=\"relative z-10\">\n        <SwapPanel\n          title={PANELS[0].title}\n          token={$swapState.payToken}\n          amount={$swapState.payAmount}\n          onAmountChange={handleAmountChange}\n          onTokenSelect={() => handleTokenSelect(\"pay\")}\n          showPrice={false}\n          slippage={$swapState.swapSlippage}\n          disabled={false}\n          panelType=\"pay\"\n          otherToken={$swapState.receiveToken}\n        />\n      </div>\n\n      <SwitchTokensButton \n        isDisabled={isProcessing}\n        onSwitch={handleReverseTokens}\n      />\n\n      <div class=\"relative z-10\">\n        <SwapPanel\n          title={PANELS[1].title}\n          token={$swapState.receiveToken}\n          amount={$swapState.receiveAmount}\n          onAmountChange={handleAmountChange}\n          onTokenSelect={() => handleTokenSelect(\"receive\")}\n          showPrice={true}\n          slippage={$swapState.swapSlippage}\n          disabled={false}\n          panelType=\"receive\"\n          otherToken={$swapState.payToken}\n          isLoading={isQuoteLoading}\n        />\n      </div>\n    </div>\n\n    <div class=\"mt-1\">\n      <SwapButton \n        text={buttonText}\n        isError={!!$swapState.error || $swapState.swapSlippage > $settingsStore.max_slippage || insufficientFunds}\n        isProcessing={$swapState.isProcessing}\n        isLoading={isQuoteLoading}\n        isReady={!($swapState.error || $swapState.swapSlippage > $settingsStore.max_slippage || insufficientFunds) && !($swapState.isProcessing || isQuoteLoading)}\n        showShineAnimation={buttonText === \"SWAP\"}\n        disabled={buttonDisabled}\n        onClick={handleButtonAction}\n        primaryGradientStart={primaryStart}\n        primaryGradientEnd={primaryEnd}\n        errorGradientStart={errorStart}\n        errorGradientEnd={errorEnd}\n        processingGradientStart={processingStart}\n        processingGradientEnd={processingEnd}\n        borderColor={buttonBorder}\n        glowColor={glowEffect}\n        shine={glowEffect}\n        readyGlowStart={primaryStart}\n        readyGlowEnd={primaryEnd}\n      />\n    </div>\n  </div>\n</div>\n\n{#if $swapState.tokenSelectorOpen}\n  <Portal target=\"main\">\n    {#if $swapState.tokenSelectorPosition}\n      {@const position = getDropdownPosition($swapState.tokenSelectorPosition)}\n      <div\n        class=\"fixed z-50 origin-left\"\n        style=\"\n          left: {position.left}px;\n          top: {position.top}px;\n        \"\n      >\n        <TokenSelectorDropdown\n          show={true}\n          onSelect={(selectedToken) => {\n            // First handle the token selection\n            SwapLogicService.handleSelectToken(\n              $swapState.tokenSelectorOpen,\n              selectedToken,\n            );\n\n            // Then update the URL parameter based on which panel was selected\n            if (browser) {\n              if ($swapState.tokenSelectorOpen === \"pay\") {\n                updateTokenInURL(\"from\", selectedToken.canister_id);\n              } else {\n                updateTokenInURL(\"to\", selectedToken.canister_id);\n              }\n            }\n\n            swapState.closeTokenSelector();\n          }}\n          onClose={() => swapState.closeTokenSelector()}\n          currentToken={$swapState.tokenSelectorOpen === \"pay\"\n            ? $swapState.payToken\n            : $swapState.receiveToken}\n          otherPanelToken={$swapState.tokenSelectorOpen === \"pay\"\n            ? $swapState.receiveToken\n            : $swapState.payToken}\n        />\n      </div>\n    {/if}\n  </Portal>\n{/if}\n\n{#if $swapState.showConfirmation}\n  <Portal target=\"body\">\n    <SwapConfirmation\n      payToken={$swapState.payToken}\n      payAmount={$swapState.payAmount}\n      receiveToken={$swapState.receiveToken}\n      receiveAmount={$swapState.receiveAmount}\n      userMaxSlippage={$settingsStore.max_slippage}\n      routingPath={$swapState.routingPath}\n      onConfirm={handleSwap}\n      onClose={() => {\n        swapState.setShowConfirmation(false);\n      }}\n      on:quoteUpdate={({ detail }) => {\n        swapState.update((state) => ({\n          ...state,\n          receiveAmount: detail.receiveAmount,\n        }));\n      }}\n    />\n  </Portal>\n{/if}\n\n{#if $swapState.showSuccessModal}\n  <SwapSuccessModal\n    show={$swapState.showSuccessModal}\n    payAmount={$swapState.successDetails?.payAmount || $swapState.payAmount}\n    payToken={$swapState.successDetails?.payToken || $swapState.payToken}\n    receiveAmount={$swapState.successDetails?.receiveAmount ||\n      $swapState.receiveAmount}\n    receiveToken={$swapState.successDetails?.receiveToken ||\n      $swapState.receiveToken}\n    onClose={() => {\n      swapState.setShowSuccessModal(false);\n      resetSwapState();\n    }}\n  />\n{/if}\n\n{#if showWalletProvider && browser}\n  <Portal target=\"body\">\n    <WalletProvider \n      isOpen={showWalletProvider}\n      onClose={() => showWalletProvider = false}\n      onLogin={() => {\n        showWalletProvider = false;\n      }}\n    />\n  </Portal>\n{/if}\n\n<style scoped lang=\"postcss\">\n  /* No animation classes needed here anymore since they're now in the SwapButton component */\n</style>\n","<script lang=\"ts\">\n  import { formatBalance } from '$lib/utils/numberFormatUtils';\n  import { fade } from \"svelte/transition\";\n  import coinReceivedSound from \"$lib/assets/sounds/coin_received.mp3\";\n  import { settingsStore } from \"$lib/stores/settingsStore\";\n  import { toastStore } from \"$lib/stores/toastStore\";\n  import Panel from '$lib/components/common/Panel.svelte';\n  import bananaDance from \"$lib/assets/banana_dance.gif\";\n\n  export let show = false;\n  export let payAmount: string = \"0\";\n  export let payToken: FE.Token | null = null;\n  export let receiveAmount: string = \"0\";\n  export let receiveToken: FE.Token | null = null;\n  export let onClose: () => void;\n\n  // Validate tokens are defined\n  $: isValid = payToken && receiveToken && \n               typeof payToken.decimals === 'number' && \n               typeof receiveToken.decimals === 'number' &&\n               payAmount && receiveAmount;\n\n  // Play sound effect when modal opens\n  $: if (show && isValid && $settingsStore.sound_enabled) {\n    const audio = new Audio(coinReceivedSound);\n    audio.play();\n  }\n\n  function handleClose() {\n    onClose();\n  }\n\n  async function copyTradeDetails() {\n    if (!isValid) return;\n\n    const formattedPaidAmount = formatBalance(payAmount, payToken.decimals).toString();\n    const formattedReceivedAmount = formatBalance(receiveAmount, receiveToken.decimals).toString();\n\n    const tradeDetails = \n      `🍌 Trade completed on KongSwap!\\n\\n` +\n      `Swapped ${formattedPaidAmount} ${payToken.symbol} for ${formattedReceivedAmount} ${receiveToken.symbol}\\n\\n` +\n      `Trade now: https://www.kongswap.io/swap?from=${payToken.canister_id}&to=${receiveToken.canister_id}\\n`\n    try {\n      await navigator.clipboard.writeText(tradeDetails);\n      toastStore.success('Trade details copied to clipboard');\n    } catch (err) {\n      console.error('Failed to copy trade details:', err);\n      toastStore.error('Failed to copy trade details');\n    }\n  }\n\n  async function shareOnX() {\n    if (!isValid) return;\n\n    const formattedPaidAmount = formatBalance(payAmount, payToken.decimals).toString();\n    const formattedReceivedAmount = formatBalance(receiveAmount, receiveToken.decimals).toString();\n\n    const tweetText = encodeURIComponent(\n      `🍌 Just swapped ${formattedPaidAmount} ${payToken.symbol} for ${formattedReceivedAmount} ${receiveToken.symbol} on @KongSwap!\\n\\nTrade now: https://www.kongswap.io/swap?from=${payToken.canister_id}&to=${receiveToken.canister_id}`\n    );\n    window.open(`https://twitter.com/intent/tweet?text=${tweetText}`, '_blank');\n  }\n</script>\n\n{#if show && isValid}\n  <div\n    class=\"fixed inset-0 bg-black/70 backdrop-blur-sm z-[100] flex items-center justify-center\"\n    transition:fade={{ duration: 200 }}\n    on:click={handleClose}\n  >\n    <div\n      class=\"max-w-md w-full mx-4\"\n      on:click|stopPropagation\n    >\n      <Panel \n        variant=\"transparent\"\n        type=\"main\"\n        className=\"w-full p-8\"\n      >\n        <div class=\"text-center space-y-6 mb-2\">\n          <!-- Success Icon -->\n          <div class=\"flex justify-center\">\n            <img \n              src={bananaDance} \n              class=\"w-24 opacity-90 hover:scale-110 transition-transform duration-300\" \n              alt=\"Success\" \n              loading=\"eager\"\n            />\n          </div>\n          \n          <!-- Title -->\n          <div>\n            <h2 class=\"text-2xl font-semibold text-kong-text-primary\">\n              Trade Completed\n            </h2>\n            <p class=\"text-kong-text-secondary text-sm mt-2\">Transaction successful</p>\n          </div>\n          \n          <!-- Trade Details -->\n          <div class=\"bg-kong-bg-dark/30 rounded-lg p-6 space-y-4 border border-kong-border/20\">\n            <div class=\"flex items-center justify-between\">\n              <span class=\"text-sm text-kong-text-secondary\">You sent</span>\n              <div class=\"flex items-center gap-3\">\n                <img src={payToken.logo_url} alt={payToken.symbol} class=\"w-6 h-6 rounded-full\" />\n                <span class=\"text-kong-text-primary text-lg\">{payAmount} {payToken.symbol}</span>\n              </div>\n            </div>\n\n            <div class=\"flex justify-center\">\n              <div class=\"text-kong-text-secondary text-xl\">↓</div>\n            </div>\n\n            <div class=\"flex items-center justify-between\">\n              <span class=\"text-sm text-kong-text-secondary\">You received</span>\n              <div class=\"flex items-center gap-3\">\n                <img src={receiveToken.logo_url} alt={receiveToken.symbol} class=\"w-6 h-6 rounded-full\" />\n                <span class=\"text-kong-text-primary text-lg\">{receiveAmount} {receiveToken.symbol}</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"flex flex-col gap-3 pt-2\">\n            <div class=\"flex gap-3\">\n              <button \n                class=\"flex-1 py-3 px-4 rounded-lg bg-kong-primary/90 hover:bg-kong-primary text-white text-sm font-medium transition-colors flex items-center justify-center gap-2\"\n                on:click={copyTradeDetails}\n              >\n                <i class=\"fas fa-copy\"></i>\n                <span>Copy Details</span>\n              </button>\n              <button \n                class=\"flex-1 py-3 px-4 rounded-lg bg-kong-accent-blue/90 hover:bg-kong-accent-blue text-white text-sm font-medium transition-colors flex items-center justify-center gap-2\"\n                on:click={shareOnX}\n              >\n                <i class=\"fab fa-x-twitter\"></i>\n                <span>Share on X</span>\n              </button>\n            </div>\n            <button \n              class=\"w-full py-3 px-4 rounded-lg bg-kong-accent-red/90 hover:bg-kong-accent-red text-white text-sm font-medium transition-colors flex items-center justify-center gap-2\"\n              on:click={handleClose}\n            >\n              <i class=\"fas fa-times\"></i>\n              <span>Close</span>\n            </button>\n          </div>\n        </div>\n      </Panel>\n    </div>\n  </div>\n{/if}\n\n<style>\n  /* Remove all existing styles and keep it minimal */\n</style>\n"],"names":["theme","$.derived","getThemeById","swapPanelRoundness","colors","swapPanelBorder","swapPanelShadow","swapPanelBorderStyle","inputsRounded","swapPanelInputsRounded","transparentPanel","transparentSwapPanel","isWin95Border","$.get","swapPanelStyle","isLoading","ANIMATION_BASE_DURATION","inputElement","inputFocused","previousValue","isMobile","tokenInfo","$.user_effect","canister_id","then","tokens","$.proxy","decimals","_a","get","isIcrc1","icrc1","_b","icrc2","windowWidth","windowHeight","expandDirection","onMount","checkMobile","set","window","innerWidth","addEventListener","removeEventListener","animatedUsdValue","tweened","duration","easing","cubicOut","animatedAmount","animatedSlippage","formatWithCommas","value","parts","split","replace","join","formatDisplayValue","maxDecimals","length","slice","lastLoadedToken","handleInput","event","input","target","test","isValidNumber","includes","whole","decimal","startsWith","formattedValue","$$props","onAmountChange","CustomEvent","detail","panelType","async","handleMaxClick","disabled","title","token","console","error","toastStore","balance","$currentUserBalancesStore","in_tokens","symbol","availableBalance","fee_fixed","BigInt","toString","maxAmount","formatTokenBalance","canisterId","amount","parseFloat","currentValue","valueDiff","Math","abs","min","slippage","displayAmount","formattedDisplayAmount","parsedAmount","tokenPrice","Number","metrics","price","tradeUsdValue","innerHeight","updateWindowDimensions","$.set","$swapState","tokenSelectorPosition","y","button","e","preventDefault","open","$$render","consequent","high","$animatedSlippage","toFixed","showPrice","consequent_1","consequent_2","bind_this","input_1","$$value","expression_3","tokenSelectorOpen","onSelect","swapState","update","s","log","Object","keys","consequent_4","alternate_1","consequent_5","alternate_2","classes_2","formatToNonZeroDecimal","$.event","button_1","$.stopPropagation","rect","currentTarget","getBoundingClientRect","position","x","right","top","height","currentState","showPayTokenSelector","showReceiveTokenSelector","handleTokenSelect","routingPath","$.prop","$.state","prevRoutingPath","hoveredIndex","showRoutes","updateTokens","JSON","stringify","tokenPromises","map","fetchTokensByCanisterId","fetchedTokens","Promise","all","filter","t","payAmount","payToken","iconNode","d","receiveAmount","receiveToken","each","div_15","i","classes","$.set_class","div_17","active","$.set_text","text_7","div_16","transition","div_14","slide","text_5","div_12","$0","gasFees","lpFees","isExpanded","totalFeesUsd","reduce","total","fee","find","$.each","$.template_effect","text_4","BigNumber","gt","consequent_3","priceImpact","div_9","quoteUpdateInterval","userMaxSlippage","onClose","onConfirm","showPriceImpactWarning","$.mutable_state","currentRoutingPath","dispatch","createEventDispatcher","handleConfirm","clearInterval","message","cleanComponent","updateQuote","payDecimals","payAmountBigInt","SwapService","toBigInt","quote","swap_amounts","formatBalance","Ok","receive_amount","payAmountNum","receiveAmountNum","fromBigInt","isGreaterThan","expectedAmount","times","mid_price","actualAmount","minus","div","toNumber","max","payValue","receiveValue","updateExchangeRate","txs","tx","receive_address","gas_fee","receive_symbol","lp_fee","Err","setTimeout","err","Error","setInterval","onDestroy","alternate","div_2","fade","SwapLogicService","handleSwapSuccess","userTokens","warn","state","isProcessing","paySymbol","receiveSymbol","availableTokens","handleSelectToken","type","updates","manuallySelectedTokens","executeSwap","params","swapId","swapStatusStore","addSwap","lastPayAmount","expectedReceiveAmount","fees","gas","lp","result","updateSwap","status","toastId","info","SwapMonitor","monitorTransaction","coinReceivedSound","bananaDance","SwapUrlService","updateTokenInURL","param","tokenId","url","URL","location","href","searchParams","replaceState","initializeFromUrl","onTokensLoaded","token0Id","token1Id","token0","token1","SwapButtonService","getButtonText","settingsStore","isQuoteLoading","insufficientFunds","auth","swapSlippage","max_slippage","isButtonDisabled","isConnected","getCurrentTheme","getThemeColors","getNormalStyle","swapButtonPrimaryGradientStart","primaryGradientStart","swapButtonPrimaryGradientEnd","primaryGradientEnd","swapButtonBorderColor","borderColor","swapButtonShadow","getErrorStyle","swapButtonErrorGradientStart","errorGradientStart","swapButtonErrorGradientEnd","errorGradientEnd","getProcessingStyle","swapButtonProcessingGradientStart","processingGradientStart","swapButtonProcessingGradientEnd","processingGradientEnd","swapButtonRoundness","swapButtonTextColor","swapButtonGlowColor","glowColor","swapButtonShineColor","shine","swapButtonReadyGlowStart","readyGlowStart","swapButtonReadyGlowEnd","readyGlowEnd","backgroundColor","switchButtonBg","surfaceLight","hoverBackgroundColor","switchButtonHoverBg","surfaceDark","switchButtonBorder","borderLight","buttonShadow","switchButtonShadow","isWin98Theme","id","isDisabled","debounceTime","onSwitch","rotation","pow","buttonElement","debouncing","isHovered","buttonStyle","textPrimary","iconStyle","disabledClasses","handleMouseEnter","handleMouseLeave","passive","$.bind_this","r","primaryStart","primary","primaryEnd","secondary","errorStart","errorEnd","processingStart","processingEnd","buttonBorder","glowEffect","PANELS","isInitialized","currentSwapId","showSettings","hasValidPool","skipNextUrlInitialization","currentBalance","showWalletProvider","$auth","account","owner","refreshBalances","quoteUpdateTimeout","buttonText","$settingsStore","buttonDisabled","findTokenByCanisterId","$userTokens","handleSwap","getTokenDecimals","backendPrincipal","Principal","fromText","KONG_BACKEND_CANISTER_ID","successDetails","principalId","showConfirmation","details","handleAmountChange","setPayAmount","updateSwapQuote","setReceiveAmount","clearTimeout","getSwapQuote","attempts","resolve","fromParam","toParam","getTokenParamsFromUrl","fromToken","toToken","tick","initializeTokens","initializeStore","previousPayAmount","previousPayToken","previousReceiveToken","resetSwapState","$livePools","some","pool","symbol_0","symbol_1","balanceBigInt","divisor","balanceAsNumber","checkBalance","onTokenSelect","currentPayToken","currentReceiveToken","tempPayAmount","tempReceiveAmount","_c","expression_1","expression_2","showSuccessModal","sidebarStore","toggleExpand","handleSwapClick","pos","left","getDropdownPosition","selectedToken","closeTokenSelector","setShowConfirmation","quoteUpdate","expression_5","expression_6","expression_7","expression_8","show","handleClose","copyTradeDetails","isValid","formattedPaidAmount","formattedReceivedAmount","tradeDetails","navigator","clipboard","writeText","success","shareOnX","tweetText","encodeURIComponent","sound_enabled","Audio","play","$.set_attribute","img_1","logo_url","img_2","setShowSuccessModal","onLogin","browser"],"mappings":"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","x_google_ignoreList":[2]}