{"version":3,"file":"B1-WEFKr.js","sources":["../../../../../../../../node_modules/lucide-svelte/dist/icons/minus.svelte","../../../../../../src/lib/components/liquidity/pools/user-pool/TokenInput.svelte","../../../../../../src/lib/components/liquidity/pools/user-pool/RemoveLiquidity.svelte","../../../../../../src/lib/components/liquidity/pools/user-pool/SendTokens.svelte","../../../../../../src/lib/components/liquidity/pools/user-pool/UserPoolMain.svelte","../../../../../../src/lib/components/liquidity/pools/user-pool/PoolOverview.svelte","../../../../../../src/lib/components/liquidity/pools/user-pool/AddLiquidity.svelte","../../../../../../src/lib/components/liquidity/pools/UserPool.svelte"],"sourcesContent":["<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\": \"M5 12h14\" }]];\n/**\n * @component @name Minus\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNNSAxMmgxNCIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/minus\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=\"minus\" {...$$props} iconNode={iconNode}>\n  <slot/>\n</Icon>\n","<script lang=\"ts\">\n  import { createEventDispatcher } from \"svelte\";\n  import { formatBalance } from \"$lib/utils/numberFormatUtils\";\n  import { handleFormattedNumberInput } from \"$lib/utils/formUtils\";\n  import { BigNumber } from \"bignumber.js\";\n  import { calculateMaxAmount } from \"$lib/utils/liquidityUtils\";\n\n  const dispatch = createEventDispatcher();\n\n  export let token: any;\n  export let tokenBalance: string = \"0\";\n  export let displayValue: string = \"\";\n  export let isExceedingBalance: boolean = false;\n  export let isLoading: boolean = false;\n  export let disabled: boolean = false;\n  export let decimals: number = 8;\n  export let parsedBalance: BigNumber = new BigNumber(0);\n\n  let inputElement: HTMLInputElement;\n\n  function handleFormattedInput(event: Event) {\n    const input = event.target as HTMLInputElement;\n    const cursorPosition = input.selectionStart || 0;\n\n    const result = handleFormattedNumberInput(\n      input.value,\n      cursorPosition,\n      displayValue,\n    );\n\n    displayValue = result.formattedValue;\n    dispatch(\"valueChange\", result.rawValue);\n\n    input.value = result.formattedValue;\n    requestAnimationFrame(() => {\n      input.setSelectionRange(\n        result.newCursorPosition,\n        result.newCursorPosition,\n      );\n    });\n  }\n\n  async function handlePercentageClick(percentage: number) {\n    if (!token) return;\n\n    try {\n      if (!parsedBalance.isFinite() || parsedBalance.isLessThanOrEqualTo(0)) return;\n\n      let result = \"\";\n      \n      if (percentage === 100) {\n        // For MAX (100%), use the calculateMaxAmount utility which properly accounts for fees\n        result = await calculateMaxAmount(token, tokenBalance, 2);\n      } else {\n        // For other percentages, just calculate the percentage of the balance\n        const adjustedBalance = parsedBalance.times(percentage).div(100);\n        result = adjustedBalance.gt(0)\n          ? adjustedBalance.toFormat(decimals, BigNumber.ROUND_DOWN)\n          : \"0\";\n      }\n      \n      displayValue = result;\n      \n      if (inputElement) {\n        inputElement.value = result;\n      }\n      \n      dispatch(\"valueChange\", result);\n    } catch (error) {\n      console.error(\"Error calculating percentage amount:\", error);\n      dispatch(\"error\", error instanceof Error ? error.message : \"Failed to calculate amount\");\n    }\n  }\n</script>\n\n<div class=\"token-input-container {isExceedingBalance ? 'insufficient-balance-container' : ''}\">\n  <div class=\"relative flex-grow mb-2\">\n    <div class=\"input-with-token\">\n      {#if token}\n        <img src={token.logo_url} alt={token.symbol} class=\"token-logo\" />\n      {/if}\n      <input\n        bind:this={inputElement}\n        type=\"text\"\n        inputmode=\"decimal\"\n        pattern=\"[0-9]*\"\n        placeholder=\"0\"\n        class=\"amount-input {isExceedingBalance ? 'input-error' : ''}\"\n        value={displayValue}\n        on:input={handleFormattedInput}\n        {disabled}\n      />\n      {#if isLoading}\n        <div class=\"loading-spinner ml-2\"></div>\n      {/if}\n      {#if isExceedingBalance}\n        <div class=\"warning-icon-container\" title=\"Insufficient balance\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"warning-icon-small\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n            <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\" />\n          </svg>\n        </div>\n      {/if}\n    </div>\n  </div>\n  <div class=\"balance-info\">\n    <div class=\"available-balance {isExceedingBalance ? 'text-yellow-500' : ''}\">\n      <span class=\"balance-label\">Available:</span>\n      <span class=\"balance-amount\">\n        {token ? formatBalance(tokenBalance, decimals) : \"0.00\"}\n        {token?.symbol || \"\"}\n      </span>\n    </div>\n    <div class=\"percentage-buttons\">\n      {#if token && parsedBalance.gt(0)}\n        <button \n          on:click={() => handlePercentageClick(25)}\n          disabled={disabled}\n        >25%</button>\n        <button \n          on:click={() => handlePercentageClick(50)}\n          disabled={disabled}\n        >50%</button>\n        <button \n          on:click={() => handlePercentageClick(75)}\n          disabled={disabled}\n        >75%</button>\n        <button \n          on:click={() => handlePercentageClick(100)}\n          disabled={disabled}\n        >MAX</button>\n      {:else}\n        <button disabled>25%</button>\n        <button disabled>50%</button>\n        <button disabled>75%</button>\n        <button disabled>MAX</button>\n      {/if}\n    </div>\n  </div>\n</div>\n\n<style lang=\"postcss\">\n  .token-input-container {\n    @apply bg-white/[0.02] rounded-xl p-3;\n    @apply border border-white/[0.04] backdrop-blur-md;\n    @apply transition-all duration-200;\n    @apply hover:border-white/[0.06] hover:bg-white/[0.03];\n  }\n\n  .input-with-token {\n    @apply flex items-center gap-3;\n  }\n\n  .token-logo {\n    @apply w-8 h-8 rounded-full bg-black/20 object-contain flex-shrink-0;\n    @apply border border-white/[0.03];\n  }\n\n  .amount-input {\n    @apply w-full min-w-0 bg-transparent border-none;\n    @apply text-[clamp(1.2rem,3vw,1.8rem)] font-medium tracking-tight;\n    @apply relative z-10 p-0;\n    @apply opacity-100 focus:outline-none focus:text-kong-text-primary;\n    @apply disabled:text-kong-text-primary/70 placeholder:text-kong-text-primary/30;\n  }\n\n  .balance-info {\n    @apply flex justify-between items-center mt-2;\n  }\n\n  .available-balance {\n    @apply flex flex-col text-kong-text-primary/50;\n    @apply text-[clamp(0.75rem,2vw,0.875rem)];\n  }\n\n  .balance-label {\n    @apply text-xs text-kong-text-primary/40;\n  }\n\n  .balance-amount {\n    @apply font-medium;\n  }\n\n  .percentage-buttons {\n    @apply flex flex-wrap gap-1;\n  }\n\n  .percentage-buttons button {\n    @apply px-1.5 py-0.5 text-xs rounded-md bg-white/[0.03] text-kong-text-primary/70\n           hover:bg-white/[0.06] hover:text-kong-text-primary transition-all duration-200\n           disabled:opacity-40 disabled:hover:bg-white/[0.03] disabled:hover:text-kong-text-primary/70;\n    @apply border border-white/[0.04];\n  }\n\n  .input-error {\n    @apply border-yellow-500/50 bg-yellow-500/5;\n  }\n  \n  .insufficient-balance-container {\n    @apply border-yellow-500/50 !important;\n    @apply shadow-[0_0_0_1px_rgba(234,179,8,0.5)];\n    @apply transition-all duration-200;\n    animation: pulse-border 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n\n  @keyframes pulse-border {\n    0%, 100% {\n      border-color: rgba(234, 179, 8, 0.5);\n      box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.5);\n    }\n    50% {\n      border-color: rgba(234, 179, 8, 0.8);\n      box-shadow: 0 0 0 2px rgba(234, 179, 8, 0.3);\n    }\n  }\n\n  .warning-icon-container {\n    @apply flex items-center justify-center;\n    @apply text-yellow-500;\n    @apply ml-2;\n  }\n\n  .warning-icon-small {\n    @apply w-5 h-5;\n    @apply animate-pulse-slow;\n  }\n\n  .loading-spinner {\n    @apply w-3 h-3 border-2 border-white/20 border-t-white rounded-full animate-spin mr-2;\n  }\n</style> ","<script lang=\"ts\">\n  import { createEventDispatcher } from \"svelte\";\n  import { fade, fly } from \"svelte/transition\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import { loadBalance } from \"$lib/stores/tokenStore\";\n  import { toastStore } from \"$lib/stores/toastStore\";\n  import { currentUserPoolsStore } from \"$lib/stores/currentUserPoolsStore\";\n  import { calculateTokenUsdValue } from \"$lib/utils/numberFormatUtils\";\n  import { calculateRemoveLiquidityAmounts, removeLiquidity, pollRequestStatus } from \"$lib/api/pools\";\n  import ButtonV2 from \"$lib/components/common/ButtonV2.svelte\";\n  \n  const dispatch = createEventDispatcher();\n\n  export let pool: any;\n  export let token0: any;\n  export let token1: any;\n\n  let removeLiquidityAmount = \"\";\n  let estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n  let isRemoving = false;\n  let error: string | null = null;\n  let isCalculating = false;\n\n  function setPercentage(percent: number) {\n    const maxAmount = parseFloat(pool.balance);\n    const amount = (maxAmount * percent) / 100;\n    removeLiquidityAmount = amount > 0 ? amount.toString() : \"0\";\n    handleInputChange();\n  }\n\n  async function handleInputChange() {\n    if (!removeLiquidityAmount || isNaN(parseFloat(removeLiquidityAmount))) {\n      estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n      return;\n    }\n\n    try {\n      error = null;\n      isCalculating = true;\n      const numericAmount = parseFloat(removeLiquidityAmount);\n\n      // Add validation\n      if (numericAmount <= 0) {\n        throw new Error(\"Amount must be greater than 0\");\n      }\n\n      if (numericAmount > Number(pool.balance)) {\n        throw new Error(\"Amount exceeds balance\");\n      }\n\n      const [amount0, amount1] =\n        await calculateRemoveLiquidityAmounts(\n          pool.address_0,\n          pool.address_1,\n          numericAmount,\n        );\n\n      // Get token decimals from fetched token data\n      const token0Decimals = token0?.decimals || 8;\n      const token1Decimals = token1?.decimals || 8;\n\n      // First adjust for decimals, then store as string\n      estimatedAmounts = {\n        amount0: (Number(amount0) / Math.pow(10, token0Decimals)).toString(),\n        amount1: (Number(amount1) / Math.pow(10, token1Decimals)).toString(),\n      };\n    } catch (err) {\n      console.error(\"Error calculating removal amounts:\", err);\n      error = err.message;\n      estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n    } finally {\n      isCalculating = false;\n    }\n  }\n\n  async function handleRemoveLiquidity() {\n    if (!removeLiquidityAmount || isNaN(parseFloat(removeLiquidityAmount))) {\n      error = \"Please enter a valid amount\";\n      return;\n    }\n\n    try {\n      error = null;\n      isRemoving = true;\n      toastStore.info(\"Removing liquidity...\");\n      const numericAmount = parseFloat(removeLiquidityAmount);\n      const lpTokenBigInt = BigInt(Math.floor(numericAmount * 1e8));\n      const requestId = await removeLiquidity({\n        token0: pool.address_0,\n        token1: pool.address_1,\n        lpTokenAmount: lpTokenBigInt,\n      });\n\n      // Poll for request completion\n      let isComplete = false;\n      let attempts = 0;\n      const maxAttempts = 50; // 50 seconds timeout\n\n      while (!isComplete && attempts < maxAttempts) {\n        const requestStatus = await pollRequestStatus(\n          BigInt(requestId),\n        );\n\n        // Check for the complete success sequence\n        const expectedStatuses = [\n          \"Started\",\n          \"Updating user LP token amount\",\n          \"User LP token amount updated\",\n          \"Updating liquidity pool\",\n          \"Liquidity pool updated\",\n          \"Receiving token 0\",\n          \"Token 0 received\",\n          \"Receiving token 1\",\n          \"Token 1 received\",\n          \"Success\",\n        ];\n\n        // Check if all expected statuses are present in order\n        const hasAllStatuses = expectedStatuses.every(\n          (status, index) => requestStatus.statuses[index] === status,\n        );\n\n        if (hasAllStatuses) {\n          isComplete = true;\n          toastStore.success(\"Successfully removed liquidity from the pool\");\n          await Promise.all([\n            loadBalance(token0.canister_id, true),\n            loadBalance(token1.canister_id, true),\n            currentUserPoolsStore.reset(),\n            new Promise(resolve => setTimeout(resolve, 100)),\n            currentUserPoolsStore.initialize(),\n          ]);\n        } else if (requestStatus.reply?.Failed) {\n          throw new Error(requestStatus.reply.Failed || \"Transaction failed\");\n        } else {\n          await new Promise((resolve) => setTimeout(resolve, 400));\n          attempts++;\n        }\n      }\n\n      if (!isComplete) {\n        throw new Error(\"Operation timed out\");\n      }\n\n      // Close modal and reset state\n      dispatch(\"close\");\n      isRemoving = false;\n      error = null;\n      removeLiquidityAmount = \"\";\n      estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n      dispatch(\"liquidityRemoved\");\n    } catch (err) {\n      // Ensure we still refresh balances even on error\n      await Promise.all([\n        currentUserPoolsStore.initialize(),\n        loadBalance(token0.canister_id, true),\n        loadBalance(token1.canister_id, true),\n      ]);\n      console.error(\"Error removing liquidity:\", err);\n      error = err.message;\n      isRemoving = false;\n    }\n  }\n\n  // Calculate total USD value of tokens to receive\n  function calculateTotalUsdValue(): string {\n    const amount0Usd = Number(\n      calculateTokenUsdValue(estimatedAmounts.amount0, token0),\n    );\n    const amount1Usd = Number(\n      calculateTokenUsdValue(estimatedAmounts.amount1, token1),\n    );\n    if (isNaN(amount0Usd) || isNaN(amount1Usd)) {\n      return \"0\";\n    }\n    return (amount0Usd + amount1Usd).toFixed(2);\n  }\n</script>\n\n<div in:fade={{ duration: 200 }}>\n  <div class=\"remove-liquidity-container\">\n    <div class=\"input-container\">\n      <div class=\"input-header\">\n        <span class=\"input-label\">Amount (LP Tokens)</span>\n        <div class=\"balance-display\">\n          <span class=\"balance-label\">Balance:</span>\n          <span class=\"balance-value\">{Number(pool.balance).toFixed(8)}</span>\n        </div>\n      </div>\n\n      <div class=\"input-wrapper\">\n        <input\n          type=\"number\"\n          bind:value={removeLiquidityAmount}\n          on:input={handleInputChange}\n          class=\"amount-input\"\n          placeholder=\"0.0\"\n          max={pool.balance}\n        />\n        <div class=\"input-decoration\">LP</div>\n      </div>\n\n      <div class=\"percentage-row\">\n        {#each [25, 50, 75, 100] as percent}\n          <ButtonV2\n            theme=\"muted\"\n            variant=\"transparent\"\n            size=\"xs\"\n            className=\"percent-btn-v2\"\n            on:click={() => setPercentage(percent)}\n          >\n            {percent}%\n          </ButtonV2>\n        {/each}\n      </div>\n    </div>\n\n    <div class=\"output-preview\">\n      <h3 class=\"section-title\">You will receive</h3>\n      <div class=\"token-preview-list\">\n        <div class=\"token-preview-item\">\n          <TokenImages tokens={[token0]} size={28} />\n          <div class=\"token-preview-details\">\n            <span class=\"token-name\">{pool.symbol_0}</span>\n            <div class=\"token-amount-wrapper\">\n              <span class=\"token-amount\">\n                {#if isCalculating}\n                  <span class=\"loading-pulse\">Loading...</span>\n                {:else}\n                  {Number(estimatedAmounts.amount0).toLocaleString(\n                    undefined,\n                    {\n                      minimumFractionDigits: 2,\n                      maximumFractionDigits: 6,\n                    },\n                  )}\n                {/if}\n              </span>\n              <span class=\"usd-value\"\n                >${calculateTokenUsdValue(\n                  estimatedAmounts.amount0,\n                  token0,\n                )}</span\n              >\n            </div>\n          </div>\n        </div>\n\n        <div class=\"token-preview-item\">\n          <TokenImages tokens={[token1]} size={28} />\n          <div class=\"token-preview-details\">\n            <span class=\"token-name\">{pool.symbol_1}</span>\n            <div class=\"token-amount-wrapper\">\n              <span class=\"token-amount\">\n                {#if isCalculating}\n                  <span class=\"loading-pulse\">Loading...</span>\n                {:else}\n                  {Number(estimatedAmounts.amount1).toLocaleString(\n                    undefined,\n                    {\n                      minimumFractionDigits: 2,\n                      maximumFractionDigits: 6,\n                    },\n                  )}\n                {/if}\n              </span>\n              <span class=\"usd-value\"\n                >${calculateTokenUsdValue(\n                  estimatedAmounts.amount1,\n                  token1,\n                )}</span\n              >\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"total-value\">\n        <span>Total Value:</span>\n        <span class=\"total-value-amount\"\n          >${calculateTotalUsdValue()}</span\n        >\n      </div>\n    </div>\n\n    {#if error}\n      <div class=\"error-message\" in:fly={{ y: 10, duration: 200 }}>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          class=\"error-icon\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\n            clip-rule=\"evenodd\"\n          />\n        </svg>\n        {error}\n      </div>\n    {/if}\n  </div>\n\n  <div class=\"modal-footer\">\n    <div class=\"action-buttons\">\n      <ButtonV2\n        theme=\"accent-red\"\n        variant=\"solid\"\n        size=\"md\"\n        isDisabled={!removeLiquidityAmount || isRemoving || isCalculating}\n        fullWidth={true}\n        on:click={handleRemoveLiquidity}\n      >\n        {#if isRemoving}\n          <div class=\"button-content\">\n            <div class=\"loading-spinner\"></div>\n            <span>Removing...</span>\n          </div>\n        {:else if isCalculating}\n          <div class=\"button-content\">\n            <div class=\"loading-spinner\"></div>\n            <span>Calculating...</span>\n          </div>\n        {:else}\n          <span>Remove Liquidity</span>\n        {/if}\n      </ButtonV2>\n    </div>\n  </div>\n</div>\n\n<style lang=\"postcss\">\n  .remove-liquidity-container {\n    @apply flex flex-col gap-3;\n  }\n\n  .input-container {\n    @apply bg-white/[0.02] rounded-xl p-3;\n    @apply border border-white/[0.04] backdrop-blur-md;\n    @apply transition-all duration-200;\n    @apply hover:border-white/[0.06] hover:bg-white/[0.03];\n  }\n\n  .input-header {\n    @apply flex justify-between items-center mb-2;\n  }\n\n  .input-label {\n    @apply text-xs text-kong-text-primary/70 font-medium;\n  }\n\n  .balance-display {\n    @apply flex flex-col items-end text-xs;\n  }\n\n  .balance-label {\n    @apply text-kong-text-primary/40;\n  }\n\n  .balance-value {\n    @apply font-medium text-kong-text-primary/80;\n  }\n\n  .input-wrapper {\n    @apply relative mb-2;\n  }\n\n  .amount-input {\n    @apply w-full bg-transparent border border-white/[0.04] rounded-lg p-3 pr-10\n           text-[clamp(1.2rem,3vw,1.8rem)] font-medium tracking-tight\n           focus:outline-none focus:ring-1 focus:ring-kong-primary/20\n           transition-all duration-200 hover:border-white/[0.08];\n  }\n\n  .input-decoration {\n    @apply absolute right-3 top-1/2 -translate-y-1/2 text-sm font-medium\n           text-kong-text-primary/60;\n  }\n\n  .percentage-row {\n    @apply flex justify-between gap-2;\n  }\n\n  .percent-btn-v2 {\n    @apply flex-1 !py-1 text-xs active:scale-95;\n  }\n\n  .output-preview {\n    @apply p-4 rounded-xl bg-white/[0.02] backdrop-blur-md \n           border border-white/[0.04] space-y-3;\n  }\n\n  .section-title {\n    @apply text-xs text-kong-text-primary/70 font-medium mb-2;\n  }\n\n  .token-preview-list {\n    @apply space-y-2;\n  }\n\n  .token-preview-item {\n    @apply flex items-center gap-3 p-2 rounded-md bg-white/[0.02]\n           transition-all duration-200 hover:bg-white/[0.04];\n  }\n\n  .token-preview-details {\n    @apply flex items-center justify-between flex-1;\n  }\n\n  .token-name {\n    @apply text-xs text-kong-text-primary/70 font-medium;\n  }\n\n  .token-amount-wrapper {\n    @apply flex flex-col items-end;\n  }\n\n  .token-amount {\n    @apply text-sm font-medium text-kong-text-primary;\n  }\n\n  .usd-value {\n    @apply text-xs text-kong-text-primary/60 tabular-nums;\n  }\n\n  .total-value {\n    @apply flex justify-between items-center text-xs pt-2 \n           border-t border-white/[0.04];\n  }\n\n  .total-value-amount {\n    @apply font-medium text-kong-text-primary;\n  }\n\n  .modal-footer {\n    @apply border-t border-kong-border/10 mt-4 bg-kong-bg-dark/90 \n           backdrop-blur-md w-full;\n  }\n\n  .action-buttons {\n    @apply flex gap-2 w-full;\n  }\n\n  .button-content {\n    @apply flex items-center justify-center;\n  }\n\n  .loading-pulse {\n    @apply animate-pulse bg-white/[0.03] rounded px-2;\n  }\n\n  .loading-spinner {\n    @apply w-3 h-3 border-2 border-white/20 border-t-white rounded-full animate-spin mr-2;\n  }\n\n  .error-message {\n    @apply p-3 rounded-lg bg-kong-accent-red/10 border border-kong-accent-red/20 \n           text-kong-accent-red text-xs backdrop-blur-sm flex items-center gap-2;\n  }\n\n  .error-icon {\n    @apply w-4 h-4 flex-shrink-0;\n  }\n</style> ","<script lang=\"ts\">\n  import { createEventDispatcher, onMount } from \"svelte\";\n  import ButtonV2 from \"$lib/components/common/ButtonV2.svelte\";\n  import { sendLpTokens } from \"$lib/api/pools\";\n  import { formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\"; \n  import { fade, fly } from \"svelte/transition\";\n  import { auth } from \"$lib/stores/auth\";\n  import { currentUserPoolsStore } from \"$lib/stores/currentUserPoolsStore\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import { calculateRemoveLiquidityAmounts } from \"$lib/api/pools\";\n  import { calculateTokenUsdValue } from \"$lib/utils/numberFormatUtils\";\n\n  const dispatch = createEventDispatcher();\n  \n  export let pool: any;\n  export let token0: any;\n  export let token1: any;\n\n  let amount = \"\";\n  let recipientAddress = \"\";\n  let isLoading = false;\n  let errorMessage = \"\";\n  let isCalculating = false;\n  let estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n\n  // LP token information\n  let tokenId = \"\";\n  let lpTokenBalance = 0;\n\n  onMount(async () => {\n    console.log(\"pool\", $currentUserPoolsStore);\n    // Set the balance from the pool data\n    lpTokenBalance = parseFloat(pool.balance) || 0;\n    console.log(\"lpTokenBalance\", pool);\n    \n    // Construct token ID - this should be adapted to match your application's LP token ID format\n    tokenId = \"LP.\" + pool.symbol;\n    console.log(\"tokenId\", tokenId);\n  });\n\n  function validateFields() {\n    if (!amount) {\n      errorMessage = \"Please enter an amount\";\n      return false;\n    }\n    \n    const amountNum = parseFloat(amount);\n    if (isNaN(amountNum) || amountNum <= 0) {\n      errorMessage = \"Please enter a valid amount\";\n      return false;\n    }\n    \n    if (amountNum > lpTokenBalance) {\n      errorMessage = \"Insufficient LP token balance\";\n      return false;\n    }\n    \n    if (!recipientAddress) {\n      errorMessage = \"Please enter a recipient address\";\n      return false;\n    }\n    \n    return true;\n  }\n\n  async function handleSendTokens() {\n    errorMessage = \"\";\n    \n    if (!validateFields()) {\n      return;\n    }\n    \n    isLoading = true;\n    \n    try {\n      console.log(\"tokenid\", tokenId)\n      await sendLpTokens({\n        token: tokenId,\n        toAddress: recipientAddress,\n        amount: parseFloat(amount)\n      });\n      \n      // Reset form\n      amount = \"\";\n      recipientAddress = \"\";\n      \n      // Let parent component know tokens were sent\n      dispatch('tokensSent');\n    } catch (error) {\n      console.error(\"Error sending tokens:\", error);\n      errorMessage = error.message || \"Failed to send tokens\";\n    } finally {\n      isLoading = false;\n    }\n  }\n  \n  function setMaxAmount() {\n    amount = lpTokenBalance.toString();\n    calculateEstimatedAmounts();\n  }\n\n  async function calculateEstimatedAmounts() {\n    if (!amount || isNaN(parseFloat(amount)) || parseFloat(amount) <= 0) {\n      estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n      return;\n    }\n\n    try {\n      errorMessage = \"\";\n      isCalculating = true;\n      const numericAmount = parseFloat(amount);\n\n      if (numericAmount > lpTokenBalance) {\n        throw new Error(\"Amount exceeds balance\");\n      }\n\n      const [amount0, amount1] = await calculateRemoveLiquidityAmounts(\n        pool.address_0,\n        pool.address_1,\n        numericAmount\n      );\n\n      // Get token decimals from fetched token data\n      const token0Decimals = token0?.decimals || 8;\n      const token1Decimals = token1?.decimals || 8;\n\n      // First adjust for decimals, then store as string\n      estimatedAmounts = {\n        amount0: (Number(amount0) / Math.pow(10, token0Decimals)).toString(),\n        amount1: (Number(amount1) / Math.pow(10, token1Decimals)).toString(),\n      };\n    } catch (err) {\n      console.error(\"Error calculating token amounts:\", err);\n      errorMessage = err.message;\n      estimatedAmounts = { amount0: \"0\", amount1: \"0\" };\n    } finally {\n      isCalculating = false;\n    }\n  }\n\n  // Calculate total USD value of tokens\n  function calculateTotalUsdValue(): string {\n    const amount0Usd = Number(\n      calculateTokenUsdValue(estimatedAmounts.amount0, token0)\n    );\n    const amount1Usd = Number(\n      calculateTokenUsdValue(estimatedAmounts.amount1, token1)\n    );\n    if (isNaN(amount0Usd) || isNaN(amount1Usd)) {\n      return \"0.00\";\n    }\n    return (amount0Usd + amount1Usd).toFixed(2);\n  }\n</script>\n\n<div in:fade={{ duration: 100 }} class=\"tab-content\">\n  <p class=\"intro-text\">\n    Send your LP tokens to another address. This will transfer your position in the pool.\n  </p>\n  \n  <div class=\"form-group\">\n    <div class=\"input-group\">\n      <div class=\"input-header\">\n        <label for=\"amount\" class=\"input-label\">Amount</label>\n        <div class=\"balance-display\">\n          <span class=\"balance-label\">Balance:</span>\n          <span class=\"balance-value\">{formatToNonZeroDecimal(lpTokenBalance)}</span>\n        </div>\n      </div>\n      <div class=\"amount-input\">\n        <input\n          id=\"amount\"\n          type=\"text\"\n          placeholder=\"0.0\" \n          bind:value={amount}\n          inputmode=\"decimal\"\n          class=\"input-field\"\n          on:input={calculateEstimatedAmounts}\n        />\n        <div class=\"max-button-wrapper\">\n          <ButtonV2\n            theme=\"primary\"\n            variant=\"solid\"\n            size=\"xs\"\n            className=\"max-button\"\n            on:click={setMaxAmount}\n          >\n            MAX\n          </ButtonV2>\n        </div>\n      </div>\n    </div>\n    \n    <div class=\"input-group mb-0\">\n      <label for=\"recipient\" class=\"input-label\">Recipient Address</label>\n      <input\n        id=\"recipient\"\n        type=\"text\"\n        placeholder=\"Enter recipient principal or account ID\"\n        bind:value={recipientAddress}\n        class=\"input-field\"\n      />\n    </div>\n  </div>\n\n  {#if amount && parseFloat(amount) > 0}\n    <div class=\"token-preview\">\n      <div class=\"token-row\">\n        <div class=\"token-col\">\n          <div class=\"token-item\">\n            <TokenImages tokens={[token0]} size={20} />\n            <span class=\"token-symbol\">{pool.symbol_0}</span>\n          </div>\n          <div class=\"token-value\">\n            {#if isCalculating}\n              <span class=\"loading-pulse\">Loading...</span>\n            {:else}\n              <span>{Number(estimatedAmounts.amount0).toLocaleString(undefined, {\n                minimumFractionDigits: 2,\n                maximumFractionDigits: 6,\n              })}</span>\n              <span class=\"usd-value\">${calculateTokenUsdValue(estimatedAmounts.amount0, token0)}</span>\n            {/if}\n          </div>\n        </div>\n        <div class=\"token-col\">\n          <div class=\"token-item\">\n            <TokenImages tokens={[token1]} size={20} />\n            <span class=\"token-symbol\">{pool.symbol_1}</span>\n          </div>\n          <div class=\"token-value\">\n            {#if isCalculating}\n              <span class=\"loading-pulse\">Loading...</span>\n            {:else}\n              <span>{Number(estimatedAmounts.amount1).toLocaleString(undefined, {\n                minimumFractionDigits: 2,\n                maximumFractionDigits: 6,\n              })}</span>\n              <span class=\"usd-value\">${calculateTokenUsdValue(estimatedAmounts.amount1, token1)}</span>\n            {/if}\n          </div>\n        </div>\n      </div>\n      <div class=\"total-value\">\n        <span>Total Value:</span>\n        <span class=\"total-value-amount\">${calculateTotalUsdValue()}</span>\n      </div>\n    </div>\n  {/if}\n  \n  {#if errorMessage}\n    <div class=\"error-message\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"error-icon\">\n        <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z\" clip-rule=\"evenodd\" />\n      </svg>\n      {errorMessage}\n    </div>\n  {/if}\n\n  <div class=\"modal-footer\">\n    <div class=\"action-buttons\">\n      <ButtonV2\n        theme=\"primary\"\n        variant=\"solid\"\n        size=\"md\"\n        isDisabled={isLoading || !$auth.isConnected || isCalculating}\n        fullWidth={true}\n        on:click={handleSendTokens}\n      >\n        {#if isLoading}\n          <div class=\"button-content\">\n            <div class=\"loading-spinner\"></div>\n            <span>Sending...</span>\n          </div>\n        {:else}\n          <span>Send LP Tokens</span>\n        {/if}\n      </ButtonV2>\n    </div>\n    \n    {#if !$auth.isConnected}\n      <div class=\"mt-2 text-center text-xs text-kong-text-secondary\">\n        Please connect your wallet to send tokens\n      </div>\n    {/if}\n  </div>\n</div>\n\n<style lang=\"postcss\">\n  .tab-content {\n    @apply flex flex-col gap-2;\n  }\n  \n  .intro-text {\n    @apply text-xs text-kong-text-primary/70 mb-2;\n  }\n  \n  .form-group {\n    @apply rounded-lg bg-kong-bg-light/50 border border-kong-border/10 p-3 shadow-sm;\n  }\n  \n  .input-group {\n    @apply mb-3;\n  }\n  \n  .input-header {\n    @apply flex justify-between items-center mb-1;\n  }\n  \n  .input-label {\n    @apply text-xs text-kong-text-primary/70 font-medium;\n  }\n  \n  .balance-display {\n    @apply flex items-center gap-1 text-xs;\n  }\n  \n  .balance-label {\n    @apply text-kong-text-primary/50;\n  }\n  \n  .balance-value {\n    @apply font-medium text-kong-text-primary/80;\n  }\n  \n  .amount-input {\n    @apply relative;\n  }\n  \n  .input-field {\n    @apply w-full p-2 rounded-lg bg-kong-bg-dark/80 border border-kong-border/20\n           text-kong-text-primary placeholder:text-kong-text-primary/40\n           focus:outline-none focus:ring-1 focus:ring-kong-primary\n           transition-all duration-200 hover:bg-kong-bg-dark pr-16;\n  }\n  \n  .max-button-wrapper {\n    @apply absolute right-2 top-1/2 -translate-y-1/2 z-10;\n  }\n  \n  .max-button {\n    @apply !px-2 !py-0.5 !text-xs;\n  }\n  \n  .error-message {\n    @apply flex items-center gap-1.5 text-xs text-kong-error py-1.5 px-3\n           bg-kong-error/10 rounded-md border border-kong-error/20;\n  }\n  \n  .error-icon {\n    @apply w-3.5 h-3.5 flex-shrink-0;\n  }\n  \n  .modal-footer {\n    @apply border-t border-kong-border/10 mt-2 pt-3 bg-kong-bg-dark/90 \n           backdrop-blur-md w-full;\n  }\n\n  .action-buttons {\n    @apply flex gap-2 w-full;\n  }\n\n  .loading-spinner {\n    @apply w-3 h-3 border-2 border-white/20 border-t-white rounded-full animate-spin mr-2;\n  }\n\n  .button-content {\n    @apply flex items-center justify-center;\n  }\n\n  .token-preview {\n    @apply p-2.5 rounded-lg bg-white/[0.02] backdrop-blur-md \n           border border-white/[0.04];\n  }\n\n  .token-row {\n    @apply flex gap-2;\n  }\n\n  .token-col {\n    @apply flex-1 p-2 rounded bg-white/[0.01];\n  }\n\n  .token-item {\n    @apply flex items-center gap-1.5 mb-1;\n  }\n\n  .token-symbol {\n    @apply text-xs text-kong-text-primary/70 font-medium;\n  }\n\n  .token-value {\n    @apply flex flex-col text-sm font-medium text-kong-text-primary;\n  }\n\n  .loading-pulse {\n    @apply animate-pulse bg-white/[0.03] rounded px-2 text-xs;\n  }\n\n  .usd-value {\n    @apply text-xs text-kong-text-primary/60 tabular-nums;\n  }\n\n  .total-value {\n    @apply flex justify-between items-center text-xs py-1.5 px-2 mt-2\n           border-t border-white/[0.04];\n  }\n\n  .total-value-amount {\n    @apply font-medium text-kong-text-primary;\n  }\n</style> ","<script lang=\"ts\">\n  import { createEventDispatcher } from \"svelte\";\n  import Modal from \"$lib/components/common/Modal.svelte\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import { fetchTokensByCanisterId } from \"$lib/api/tokens\";\n  import { loadBalances } from \"$lib/stores/tokenStore\";\n  import { auth } from \"$lib/stores/auth\";\n  import { liquidityStore } from \"$lib/stores/liquidityStore\";\n  import ConfirmLiquidityModal from \"$lib/components/liquidity/modals/ConfirmLiquidityModal.svelte\";\n  \n  // Import tab components\n  import PoolOverview from \"./PoolOverview.svelte\";\n  import AddLiquidity from \"./AddLiquidity.svelte\";\n  import RemoveLiquidity from \"./RemoveLiquidity.svelte\";\n  import Earnings from \"./Earnings.svelte\";\n  import SendTokens from \"./SendTokens.svelte\";\n\n  const dispatch = createEventDispatcher();\n\n  export let pool: any;\n  export let showModal = false;\n\n  let token0: any = null;\n  let token1: any = null;\n  let lastPoolSymbols = { address_0: \"\", address_1: \"\" };\n  let showConfirmModal = false;\n  let activeTab: \"overview\" | \"remove\" | \"add\" | \"earnings\" | \"send\" = \"overview\";\n\n  $: if (\n    pool &&\n    (pool.address_0 !== lastPoolSymbols.address_0 ||\n      pool.address_1 !== lastPoolSymbols.address_1)\n  ) {\n    lastPoolSymbols = { address_0: pool.address_0, address_1: pool.address_1 };\n    fetchTokenData();\n  }\n\n  async function fetchTokenData() {\n    try {\n      const tokensData = await fetchTokensByCanisterId([\n        pool.address_0,\n        pool.address_1,\n      ]);\n      token0 =\n        tokensData.find((t: any) => t.canister_id === pool.address_0) || null;\n      token1 =\n        tokensData.find((t: any) => t.canister_id === pool.address_1) || null;\n      \n      // Initialize the liquidity store with the tokens\n      if (token0 && token1) {\n        liquidityStore.setToken(0, token0);\n        liquidityStore.setToken(1, token1);\n        \n        // Load token balances\n        loadBalances([token0, token1], auth.pnp.account?.owner?.toString(), true);\n      }\n    } catch (e) {\n      console.error(\"Error fetching token data by canister id:\", e);\n      token0 = null;\n      token1 = null;\n    }\n  }\n\n  // Reset state when modal opens/closes\n  $: if (!showModal) {\n    resetState();\n    dispatch(\"liquidityRemoved\");\n  } else if (showModal && pool.initialTab) {\n    // Set the active tab based on the initialTab property\n    activeTab = pool.initialTab;\n  }\n\n  function resetState() {\n    activeTab = \"overview\";\n    showConfirmModal = false;\n    liquidityStore.resetAmounts();\n  }\n\n  function handleShowConfirmModal() {\n    showConfirmModal = true;\n  }\n</script>\n\n<Modal\n  bind:isOpen={showModal}\n  onClose={() => {\n    showModal = false;\n    dispatch(\"liquidityRemoved\");\n  }}\n  variant=\"solid\"\n  width=\"min(420px, 95vw)\"\n  height=\"auto\"\n  className=\"!flex !flex-col !max-h-[90vh]\"\n  isPadded={false}\n>\n  <div slot=\"title\" class=\"modal-header\">\n    <div class=\"flex items-center gap-3\">\n      <TokenImages tokens={[token0, token1]} size={24} overlap={true} />\n      <h2 class=\"text-lg font-medium\">{pool.symbol_0}/{pool.symbol_1}</h2>\n    </div>\n  </div>\n\n  <div class=\"tab-navigation\">\n    <button\n      class=\"tab-button {activeTab === 'overview' ? 'active' : ''}\"\n      on:click={() => (activeTab = \"overview\")}\n    >\n      Overview\n    </button>\n    <button\n      class=\"tab-button {activeTab === 'add' ? 'active' : ''}\"\n      on:click={() => (activeTab = \"add\")}\n    >\n      Add\n    </button>\n    <button\n      class=\"tab-button {activeTab === 'remove' ? 'active' : ''}\"\n      on:click={() => (activeTab = \"remove\")}\n    >\n      Remove\n    </button>\n    <button\n      class=\"tab-button {activeTab === 'earnings' ? 'active' : ''}\"\n      on:click={() => (activeTab = \"earnings\")}\n    >\n      Earnings\n    </button>\n    <button\n      class=\"tab-button {activeTab === 'send' ? 'active' : ''}\"\n      on:click={() => (activeTab = \"send\")}\n    >\n      Send\n    </button>\n  </div>\n\n  <div class=\"pool-details\">\n    <div class=\"pool-content\">\n      {#if activeTab === \"overview\"}\n        <PoolOverview {pool} {token0} {token1} />\n      {:else if activeTab === \"earnings\"}\n        <Earnings />\n      {:else if activeTab === \"add\"}\n        <AddLiquidity \n          {pool} \n          {token0} \n          {token1} \n          on:showConfirmModal={handleShowConfirmModal} \n        />\n      {:else if activeTab === \"send\"}\n        <SendTokens\n          {pool}\n          {token0}\n          {token1}\n          on:tokensSent={() => {\n            dispatch(\"liquidityRemoved\");\n            showModal = false;\n          }}\n        />\n      {:else}\n        <RemoveLiquidity \n          {pool} \n          {token0} \n          {token1} \n          on:close={() => showModal = false} \n          on:liquidityRemoved={() => dispatch(\"liquidityRemoved\")} \n        />\n      {/if}\n    </div>\n  </div>\n</Modal>\n\n{#if showConfirmModal}\n  <ConfirmLiquidityModal\n    isCreatingPool={false}\n    show={showConfirmModal}\n    onClose={() => {\n      liquidityStore.resetAmounts();\n      showConfirmModal = false;\n      resetState();\n    }}\n    modalKey={`confirm-liquidity-${pool.address_0}-${pool.address_1}`}\n    target=\"#modals\"\n  />\n{/if}\n\n<style lang=\"postcss\">\n  .modal-header {\n    @apply flex flex-col gap-2;\n  }\n\n  .tab-navigation {\n    @apply flex border-b border-kong-border/20 -mt-2;\n  }\n\n  .tab-button {\n    @apply px-3 py-2 text-sm font-medium text-kong-text-primary/60 relative\n           transition-all duration-200 hover:text-kong-text-primary;\n  }\n\n  .tab-button.active {\n    @apply text-kong-text-primary;\n  }\n\n  .tab-button.active::after {\n    content: \"\";\n    @apply absolute bottom-0 left-0 w-full h-0.5 bg-kong-primary rounded-t-full;\n  }\n\n  .pool-details {\n    @apply flex flex-col flex-1 overflow-hidden;\n  }\n\n  .pool-content {\n    @apply p-4 overflow-y-auto;\n  }\n\n  @media (max-width: 640px) {\n    .pool-content {\n      @apply pb-6;\n    }\n  }\n</style> ","<script lang=\"ts\">\n  import { fade } from \"svelte/transition\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import { formatToNonZeroDecimal, formatLargeNumber, calculateTokenUsdValue } from \"$lib/utils/numberFormatUtils\";\n  import { livePools } from \"$lib/stores/poolStore\";\n  import { calculateUserPoolPercentage } from \"$lib/utils/liquidityUtils\";\n\n  export let pool: any;\n  export let token0: any;\n  export let token1: any;\n\n  // Get token objects for images\n  $: actualPool = $livePools.find((p) => {\n    return p.address_0 === pool.address_0 && p.address_1 === pool.address_1;\n  });\n\n  // Calculate user's percentage of the pool\n  $: poolSharePercentage = calculateUserPoolPercentage(\n    actualPool?.balance_0,\n    actualPool?.balance_1,\n    pool?.amount_0,\n    pool?.amount_1\n  );\n\n  // Calculate earnings based on APY\n  function calculateEarnings(timeframe: number): string {\n    // Use APY from the actual pool\n    if (!actualPool?.rolling_24h_apy || !pool.usd_balance) {\n      return \"0\";\n    }\n\n    // Convert APY to daily rate and calculate linear projection\n    const apyDecimal = Number(actualPool.rolling_24h_apy) / 100; // Ensure it's a number\n    const dailyRate = apyDecimal / 365;\n    const earnings = parseFloat(pool.usd_balance) * dailyRate * timeframe;\n\n    return formatToNonZeroDecimal(earnings);\n  }\n</script>\n\n<div in:fade={{ duration: 100 }}>\n  <div class=\"stats-card\">\n    <div class=\"stats-row\">\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">Total Value</span>\n        <span class=\"stat-value highlight\"\n          >${formatToNonZeroDecimal(pool.usd_balance)}</span\n        >\n      </div>\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">APY</span>\n        <span class=\"stat-value accent\"\n          >{formatToNonZeroDecimal(actualPool?.rolling_24h_apy)}%</span\n        >\n      </div>\n    </div>\n    <div class=\"stats-row\">\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">Pool Share</span>\n        <span class=\"stat-value highlight\">{poolSharePercentage}%</span>\n      </div>\n      <div class=\"stat-item\">\n        <span class=\"stat-label\">LP Tokens</span>\n        <span class=\"stat-value highlight truncate\" title={formatToNonZeroDecimal(pool.balance)}>\n          {formatLargeNumber(pool.balance)}\n        </span>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"token-holdings\">\n    <h3 class=\"section-title\">Your Holdings</h3>\n    <div class=\"token-card\">\n      <div class=\"token-row\">\n        <TokenImages tokens={[token0]} size={20} />\n        <div class=\"token-details\">\n          <div class=\"token-info\">\n            <span class=\"token-name\">{pool.symbol_0}</span>\n            <span class=\"token-amount truncate\" title={formatToNonZeroDecimal(pool.amount_0)}>\n              {formatToNonZeroDecimal(pool.amount_0)}\n            </span>\n          </div>\n          <span class=\"usd-value\"\n            >${calculateTokenUsdValue(pool.amount_0, token0)}</span\n          >\n        </div>\n      </div>\n      <div class=\"token-row\">\n        <TokenImages tokens={[token1]} size={20} />\n        <div class=\"token-details\">\n          <div class=\"token-info\">\n            <span class=\"token-name\">{pool.symbol_1}</span>\n            <span class=\"token-amount truncate\" title={formatToNonZeroDecimal(pool.amount_1)}>\n              {formatToNonZeroDecimal(pool.amount_1)}\n            </span>\n          </div>\n          <span class=\"usd-value\"\n            >${calculateTokenUsdValue(pool.amount_1, token1)}</span\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"earnings-container\">\n    <h3 class=\"section-title\">Estimated Earnings</h3>\n    <div class=\"earnings-grid\">\n      {#each [{ label: \"Daily\", days: 1 }, { label: \"Weekly\", days: 7 }, { label: \"Monthly\", days: 30 }, { label: \"Yearly\", days: 365 }] as period}\n        <div class=\"earnings-card\">\n          <span class=\"earnings-value truncate\" title={calculateEarnings(period.days)}>\n            ${formatLargeNumber(calculateEarnings(period.days))}\n          </span>\n          <span class=\"earnings-label\">{period.label}</span>\n        </div>\n      {/each}\n    </div>\n  </div>\n</div>\n\n<style lang=\"postcss\">\n  .stats-card {\n    @apply mb-3 rounded-lg bg-kong-bg-light/50\n           border border-kong-border/10 overflow-hidden;\n  }\n\n  .stats-row {\n    @apply grid grid-cols-2 divide-x divide-kong-border/10;\n  }\n\n  .stats-row:not(:last-child) {\n    @apply border-b border-kong-border/10;\n  }\n\n  .stat-item {\n    @apply flex flex-col gap-0.5 p-3 items-center justify-center \n           hover:bg-white/5;\n    transition-property: background-color;\n    transition-duration: 200ms;\n  }\n\n  .stat-label {\n    @apply text-xs text-kong-text-primary/60 font-medium uppercase tracking-wide;\n  }\n\n  .stat-value {\n    @apply text-lg font-medium tabular-nums max-w-full;\n  }\n\n  .stat-value.highlight {\n    @apply text-kong-text-primary;\n  }\n\n  .stat-value.accent {\n    @apply text-kong-text-accent-green;\n  }\n\n  .section-title {\n    @apply text-xs text-kong-text-primary/70 font-medium mb-2;\n  }\n\n  .token-holdings {\n    @apply mb-3;\n  }\n\n  .token-card {\n    @apply rounded-lg bg-kong-bg-light/50\n           border border-kong-border/10 overflow-hidden;\n  }\n\n  .token-row {\n    @apply flex items-center gap-3 p-3\n           hover:bg-white/5 border-b border-kong-border/10 last:border-b-0;\n    transition-property: background-color;\n    transition-duration: 200ms;\n  }\n\n  .token-details {\n    @apply flex items-center justify-between flex-1 min-w-0;\n  }\n\n  .token-info {\n    @apply flex flex-col min-w-0 max-w-[70%];\n  }\n\n  .token-name {\n    @apply text-xs text-kong-text-primary/70 font-medium;\n  }\n\n  .token-amount {\n    @apply text-sm font-medium text-kong-text-primary;\n  }\n\n  .truncate {\n    @apply overflow-hidden text-ellipsis whitespace-nowrap;\n  }\n\n  .usd-value {\n    @apply text-xs text-kong-text-primary/60 tabular-nums;\n  }\n\n  .earnings-container {\n    @apply mb-3;\n  }\n\n  .earnings-grid {\n    @apply grid grid-cols-2 gap-2;\n  }\n\n  .earnings-card {\n    @apply p-3 rounded-lg bg-kong-bg-light/50\n           border border-kong-border/10 flex flex-col items-center gap-0.5 \n           hover:bg-white/5;\n    transition-property: background-color;\n    transition-duration: 200ms;\n  }\n\n  .earnings-label {\n    @apply text-xs text-kong-text-primary/60 font-medium;\n  }\n\n  .earnings-value {\n    @apply text-sm font-medium text-kong-text-accent-green max-w-full;\n  }\n</style> ","<script lang=\"ts\">\n  import { createEventDispatcher } from \"svelte\";\n  import { fade, fly } from \"svelte/transition\";\n  import { BigNumber } from \"bignumber.js\";\n  import { parseTokenAmount } from \"$lib/utils/numberFormatUtils\";\n  import { currentUserBalancesStore } from \"$lib/stores/tokenStore\";\n  import { liquidityStore } from \"$lib/stores/liquidityStore\";\n  import { calculateTokenUsdValue } from \"$lib/utils/numberFormatUtils\";\n  import TokenInput from \"./TokenInput.svelte\";\n  import { calculateLiquidityAmounts } from \"$lib/api/pools\";\n  import ButtonV2 from \"$lib/components/common/ButtonV2.svelte\";\n\n  const dispatch = createEventDispatcher();\n\n  export let pool: any;\n  export let token0: any;\n  export let token1: any;\n\n  // Add liquidity state variables\n  let addAmount0 = \"\";\n  let addAmount1 = \"\";\n  let displayValue0 = \"\";\n  let displayValue1 = \"\";\n  let isAddingLiquidity = false;\n  let isCalculatingAdd = false;\n  let addError: string | null = null;\n\n  // Debounce timers\n  let debounceTimer0: ReturnType<typeof setTimeout> | null = null;\n  let debounceTimer1: ReturnType<typeof setTimeout> | null = null;\n  const DEBOUNCE_DELAY = 500; // 750ms debounce delay\n\n  // Get token balances\n  $: token0Balance = token0?.canister_id\n    ? $currentUserBalancesStore[token0.canister_id]?.in_tokens?.toString() ||\n      \"0\"\n    : \"0\";\n  $: token1Balance = token1?.canister_id\n    ? $currentUserBalancesStore[token1.canister_id]?.in_tokens?.toString() ||\n      \"0\"\n    : \"0\";\n\n  // Parse token balances for UI display and button enabling\n  $: parsedToken0Balance =\n    token0 && token0Balance\n      ? new BigNumber(token0Balance).div(new BigNumber(10).pow(token0.decimals))\n      : new BigNumber(0);\n  $: parsedToken1Balance =\n    token1 && token1Balance\n      ? new BigNumber(token1Balance).div(new BigNumber(10).pow(token1.decimals))\n      : new BigNumber(0);\n\n  // Add reactive variables to check if amounts exceed balances\n  $: isToken0Exceeding =\n    token0 && addAmount0 && !isNaN(parseFloat(addAmount0))\n      ? new BigNumber(addAmount0).gt(parsedToken0Balance)\n      : false;\n  $: isToken1Exceeding =\n    token1 && addAmount1 && !isNaN(parseFloat(addAmount1))\n      ? new BigNumber(addAmount1).gt(parsedToken1Balance)\n      : false;\n  $: isAnyTokenExceeding = isToken0Exceeding || isToken1Exceeding;\n\n  // Generate appropriate error message based on which token exceeds balance\n  $: balanceErrorMessage = (() => {\n    if (isToken0Exceeding && isToken1Exceeding) {\n      return `Insufficient balance for both ${token0?.symbol} and ${token1?.symbol}`;\n    } else if (isToken0Exceeding) {\n      return `Insufficient ${token0?.symbol} balance`;\n    } else if (isToken1Exceeding) {\n      return `Insufficient ${token1?.symbol} balance`;\n    }\n    return null;\n  })();\n\n  // Debounced handler for amount changes\n  function handleAddAmountChangeDebounced(index: 0 | 1, value: string) {\n    // Update the display value immediately for better UX\n    if (index === 0) {\n      displayValue0 = value;\n      // Clear any existing timer\n      if (debounceTimer0) clearTimeout(debounceTimer0);\n      // Set a new timer\n      debounceTimer0 = setTimeout(() => {\n        handleAddAmountChange(index, value);\n      }, DEBOUNCE_DELAY);\n    } else {\n      displayValue1 = value;\n      // Clear any existing timer\n      if (debounceTimer1) clearTimeout(debounceTimer1);\n      // Set a new timer\n      debounceTimer1 = setTimeout(() => {\n        handleAddAmountChange(index, value);\n      }, DEBOUNCE_DELAY);\n    }\n  }\n\n  async function handleAddAmountChange(index: 0 | 1, value: string) {\n    if (index === 0) {\n      addAmount0 = value;\n      liquidityStore.setAmount(0, value);\n\n      // Calculate token1 amount based on pool ratio\n      if (value && !isNaN(parseFloat(value)) && parseFloat(value) > 0) {\n        try {\n          addError = null;\n          isCalculatingAdd = true;\n\n          const amount0 = parseTokenAmount(value, token0.decimals);\n          if (!amount0) return;\n\n          const result = await calculateLiquidityAmounts(\n            token0.canister_id,\n            amount0,\n            token1.canister_id,\n          );\n\n          if (result.Ok) {\n            // Convert the BigInt amount to display format\n            const amount1Display = (\n              Number(result.Ok.amount_1) / Math.pow(10, token1.decimals)\n            ).toString();\n\n            addAmount1 = amount1Display;\n            liquidityStore.setAmount(1, amount1Display);\n            displayValue1 = amount1Display;\n          }\n        } catch (err) {\n          console.error(\"Error calculating liquidity amounts:\", err);\n          addError = err.message || \"Failed to calculate amounts\";\n        } finally {\n          isCalculatingAdd = false;\n        }\n      } else {\n        addAmount1 = \"\";\n        liquidityStore.setAmount(1, \"\");\n        displayValue1 = \"\";\n      }\n    } else {\n      // Handle token1 input\n      addAmount1 = value;\n      liquidityStore.setAmount(1, value);\n\n      // Calculate token0 amount based on pool ratio\n      if (value && !isNaN(parseFloat(value)) && parseFloat(value) > 0) {\n        try {\n          addError = null;\n          isCalculatingAdd = true;\n\n          const amount1 = parseTokenAmount(value, token1.decimals);\n          if (!amount1) return;\n\n          // Use the pool service to calculate the corresponding token0 amount\n          const result = await calculateLiquidityAmounts(\n            token1.canister_id,\n            amount1,\n            token0.canister_id,\n          );\n\n          if (result.Ok) {\n            // When we pass token1 first, the result.Ok.amount_0 is what we need\n            // This is because the backend swaps the order internally if needed\n            const amount0Display = (\n              Number(result.Ok.amount_0) / Math.pow(10, token0.decimals)\n            ).toString();\n\n            addAmount0 = amount0Display;\n            liquidityStore.setAmount(0, amount0Display);\n            displayValue0 = amount0Display;\n          }\n        } catch (err) {\n          console.error(\"Error calculating reverse liquidity amounts:\", err);\n          addError = err.message || \"Failed to calculate amounts\";\n        } finally {\n          isCalculatingAdd = false;\n        }\n      } else {\n        addAmount0 = \"\";\n        liquidityStore.setAmount(0, \"\");\n        displayValue0 = \"\";\n      }\n    }\n  }\n\n  async function handleAddLiquidity() {\n    if (!addAmount0 || !token0 || !token1) {\n      addError = \"Please enter a valid amount\";\n      return;\n    }\n\n    if (isAnyTokenExceeding) {\n      addError = balanceErrorMessage || \"Insufficient balance\";\n      return;\n    }\n\n    try {\n      addError = null;\n\n      const amount0 = parseTokenAmount(addAmount0, token0.decimals);\n      const amount1 = parseTokenAmount(addAmount1, token1.decimals);\n\n      if (!amount0 || !amount1) {\n        throw new Error(\"Invalid amounts\");\n      }\n\n      dispatch(\"showConfirmModal\");\n    } catch (err) {\n      console.error(\"Error preparing to add liquidity:\", err);\n      addError = err.message || \"Failed to prepare transaction\";\n    }\n  }\n</script>\n\n<div in:fade={{ duration: 200 }} class=\"add-liquidity-container\">\n  <TokenInput\n    token={token0}\n    tokenBalance={token0Balance}\n    bind:displayValue={displayValue0}\n    isExceedingBalance={isToken0Exceeding}\n    isLoading={false}\n    disabled={isAddingLiquidity || isCalculatingAdd}\n    decimals={token0?.decimals || 8}\n    parsedBalance={parsedToken0Balance}\n    on:valueChange={(e) => handleAddAmountChangeDebounced(0, e.detail)}\n    on:error={(e) => (addError = e.detail)}\n  />\n\n  <div class=\"mt-3\">\n    <TokenInput\n      token={token1}\n      tokenBalance={token1Balance}\n      bind:displayValue={displayValue1}\n      isExceedingBalance={isToken1Exceeding}\n      isLoading={isCalculatingAdd}\n      disabled={isAddingLiquidity || isCalculatingAdd}\n      decimals={token1?.decimals || 8}\n      parsedBalance={parsedToken1Balance}\n      on:valueChange={(e) => handleAddAmountChangeDebounced(1, e.detail)}\n      on:error={(e) => (addError = e.detail)}\n    />\n  </div>\n\n  {#if addAmount0 && addAmount1}\n    <div class=\"summary-container mt-3\">\n      <div class=\"summary-row\">\n        <span>Rate</span>\n        <span class=\"summary-value\"\n          >1 {token0?.symbol} = {Number(addAmount1) / Number(addAmount0)}\n          {token1?.symbol}</span\n        >\n      </div>\n      <div class=\"summary-row\">\n        <span>Value</span>\n        <span class=\"summary-value\">\n          ${Number(calculateTokenUsdValue(addAmount0, token0)) +\n            Number(calculateTokenUsdValue(addAmount1, token1))}\n        </span>\n      </div>\n    </div>\n  {/if}\n\n  {#if addError}\n    <div class=\"error-message mt-3\" in:fly={{ y: 10, duration: 200 }}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"error-icon\"\n        viewBox=\"0 0 20 20\"\n        fill=\"currentColor\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\n          clip-rule=\"evenodd\"\n        />\n      </svg>\n      {addError}\n    </div>\n  {/if}\n\n  {#if balanceErrorMessage}\n    <div\n      class=\"warning-message mt-3 animate-pulse-slow\"\n      in:fly={{ y: 10, duration: 200 }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"warning-icon\"\n        viewBox=\"0 0 20 20\"\n        fill=\"currentColor\"\n      >\n        <path\n          fill-rule=\"evenodd\"\n          d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n          clip-rule=\"evenodd\"\n        />\n      </svg>\n      {balanceErrorMessage}\n    </div>\n  {/if}\n\n  <div class=\"modal-footer\">\n    <div class=\"action-buttons\">\n      {#if isAnyTokenExceeding}\n        <!-- Custom insufficient balance button -->\n        <ButtonV2\n          theme=\"warning\"\n          variant=\"outline\"\n          size=\"md\"\n          isDisabled={true}\n          fullWidth={true}\n        >\n          <span>Insufficient Balance</span>\n        </ButtonV2>\n      {:else}\n        <ButtonV2\n          theme=\"accent-green\"\n          variant=\"solid\"\n          size=\"md\"\n          isDisabled={!addAmount0 || !addAmount1 || isAddingLiquidity || isCalculatingAdd}\n          fullWidth={true}\n          on:click={handleAddLiquidity}\n        >\n          {#if isAddingLiquidity}\n            <div class=\"button-content\">\n              <div class=\"loading-spinner\"></div>\n              <span>Adding...</span>\n            </div>\n          {:else if isCalculatingAdd}\n            <div class=\"button-content\">\n              <div class=\"loading-spinner\"></div>\n              <span>Calculating...</span>\n            </div>\n          {:else}\n            <span>Add Liquidity</span>\n          {/if}\n        </ButtonV2>\n      {/if}\n    </div>\n  </div>\n</div>\n\n<style lang=\"postcss\" scoped>\n  .add-liquidity-container {\n    @apply flex flex-col gap-3;\n  }\n\n  .summary-container {\n    @apply p-3 rounded-lg bg-kong-bg-light/50 backdrop-blur-sm \n           border border-kong-border/10 space-y-2;\n  }\n\n  .summary-row {\n    @apply flex justify-between items-center text-sm;\n  }\n\n  .summary-value {\n    @apply font-medium text-kong-text-primary;\n  }\n\n  .error-message {\n    @apply p-3 rounded-lg bg-kong-accent-red/10 border border-kong-accent-red/20 \n           text-kong-accent-red text-xs backdrop-blur-sm flex items-center gap-2;\n  }\n\n  .warning-message {\n    @apply p-3 rounded-lg bg-kong-accent-yellow/10 border border-kong-accent-yellow/20 \n           text-kong-accent-yellow text-xs backdrop-blur-sm flex items-center gap-2;\n  }\n\n  .error-icon,\n  .warning-icon {\n    @apply w-4 h-4 flex-shrink-0;\n  }\n\n  .modal-footer {\n    @apply border-t border-kong-border/10 mt-4 bg-kong-bg-dark/90 \n           backdrop-blur-md w-full;\n  }\n\n  .action-buttons {\n    @apply flex gap-2 w-full;\n  }\n\n  .button-content {\n    @apply flex items-center justify-center;\n  }\n\n  :global(.action-button) {\n    @apply !h-10 transition-all duration-200\n           font-medium tracking-wide text-center flex items-center justify-center\n           w-full !rounded-lg;\n  }\n\n  .add-button {\n    @apply bg-kong-accent-green text-kong-bg-dark hover:bg-kong-accent-green-hover;\n  }\n\n  .loading-spinner {\n    @apply w-3 h-3 border-2 border-white/20 border-t-white rounded-full animate-spin mr-2;\n  }\n\n  .insufficient-balance-button {\n    @apply bg-yellow-500/20 text-yellow-500 border border-yellow-500/30;\n    @apply rounded-lg font-medium transition-all duration-200;\n    @apply w-full h-10 flex items-center justify-center;\n    @apply cursor-not-allowed opacity-80;\n  }\n</style>\n","<script lang=\"ts\">\n  import UserPoolMain from \"./user-pool/UserPoolMain.svelte\";\n\n  export let pool: any;\n  export let showModal = false;\n</script>\n\n<UserPoolMain bind:pool bind:showModal />\n\n<style lang=\"postcss\">\n  /* Empty style block to ensure proper PostCSS processing */\n</style>\n"],"names":["iconNode","d","dispatch","createEventDispatcher","token","$.prop","$$props","tokenBalance","displayValue","isExceedingBalance","isLoading","disabled","decimals","parsedBalance","BigNumber","inputElement","$.mutable_state","handlePercentageClick","percentage","isFinite","isLessThanOrEqualTo","result","calculateMaxAmount","adjustedBalance","times","div","gt","toFormat","ROUND_DOWN","$.get","$.mutate","value","error","console","Error","message","$.set_attribute","img","logo_url","symbol","$$render","consequent","bind_this","input_1","$$value","$.set","consequent_1","consequent_2","$.event","button","button_1","button_2","button_3","consequent_3","alternate","_a","formatBalance","event","input","target","cursorPosition","selectionStart","handleFormattedNumberInput","formattedValue","rawValue","requestAnimationFrame","setSelectionRange","newCursorPosition","pool","token0","token1","removeLiquidityAmount","estimatedAmounts","amount0","amount1","isRemoving","isCalculating","async","handleInputChange","isNaN","parseFloat","numericAmount","Number","balance","calculateRemoveLiquidityAmounts","address_0","address_1","token0Decimals","token1Decimals","_b","Math","pow","toString","err","set","$.each","div_6","percent","$$events","click","amount","setPercentage","toLocaleString","minimumFractionDigits","maximumFractionDigits","alternate_1","transition","div_16","fly","y","duration","toastStore","info","lpTokenBigInt","BigInt","floor","requestId","removeLiquidity","lpTokenAmount","isComplete","attempts","maxAttempts","requestStatus","pollRequestStatus","every","status","index","statuses","success","Promise","all","loadBalance","canister_id","currentUserPoolsStore","reset","resolve","setTimeout","initialize","reply","Failed","consequent_4","alternate_2","alternate_3","set_text","text_2","symbol_0","text_5","symbol_1","toFixed","calculateTokenUsdValue","amount0Usd","amount1Usd","bind_value","fade","recipientAddress","errorMessage","tokenId","lpTokenBalance","calculateEstimatedAmounts","calculateTotalUsdValue","onMount","log","expression_2","$.derived_safe_equal","$auth","isConnected","amountNum","validateFields","sendLpTokens","toAddress","consequent_5","formatToNonZeroDecimal","showModal","lastPoolSymbols","showConfirmModal","activeTab","resetState","liquidityStore","resetAmounts","handleShowConfirmModal","tokensData","fetchTokensByCanisterId","find","t","setToken","loadBalances","auth","pnp","account","owner","e","fetchTokenData","initialTab","onClose","calculateEarnings","timeframe","actualPool","rolling_24h_apy","usd_balance","dailyRate","earnings","$livePools","p","poolSharePercentage","calculateUserPoolPercentage","get","balance_0","balance_1","_c","amount_0","_d","amount_1","label","days","period","text_11","formatLargeNumber","text_4","text_7","prop","addAmount0","addAmount1","displayValue0","displayValue1","isCalculatingAdd","addError","debounceTimer0","debounceTimer1","handleAddAmountChangeDebounced","handleAddAmountChange","setAmount","parseTokenAmount","calculateLiquidityAmounts","Ok","amount1Display","amount0Display","handleAddLiquidity","isAnyTokenExceeding","balanceErrorMessage","token0Balance","in_tokens","token1Balance","parsedToken0Balance","parsedToken1Balance","isToken0Exceeding","isToken1Exceeding","expression","valueChange","detail","text","$0","div_5","expression_4","tokensSent","close","liquidityRemoved","set_class","button_4","$.template_effect","$.set_text","expression_1"],"mappings":"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","x_google_ignoreList":[0]}