{"version":3,"mappings":"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","names":["isMobileBrowser","navigator","window","matchMedia","matches","standalone","document","referrer","includes","userAgent","vendor","opera","test","toLowerCase","isPlugAvailable","ic","authStorage","createNamespacedStore","SELECTED_WALLET_KEY","walletList","walletsList","map","wallet","id","name","icon","description","recommended","isOpen","onClose","$.prop","$$props","onLogin","connecting","connectingWalletId","plugDialog","dialogOpen","abortController","AbortController","isOnMobile","filteredWallets","errorMessage","closeModal","$.set","handleConnect","walletId","$.get","set","selectedWalletId","auth","connect","setItem","error","console","warn","timeoutId","setTimeout","abort","clearTimeout","isConnected","signal","aborted","$.proxy","Error","message","removeItem","storageError","open","module","__VITE_PRELOAD__","url","default","$.user_effect","filter","w","get","$$render","consequent","each","div_3","consequent_1","$.template_effect","$.set_text","text_2","consequent_2","consequent_3","$.set_attribute","img","text_1","$$anchor","$$component","$$value","consequent_4"],"ignoreList":[],"sources":["../../../../../../src/lib/utils/browser.ts","../../../../../../src/lib/components/wallet/WalletProvider.svelte"],"sourcesContent":["export function isMobileBrowser(): boolean {\n  if (!navigator) return false;\n  \n  // First check if it's running as a PWA\n  const isStandalone = window.matchMedia('(display-mode: standalone)').matches \n    || (window.navigator as any).standalone \n    || document.referrer.includes('android-app://');\n\n  // If it's a PWA, don't treat as mobile\n  if (isStandalone) return false;\n\n  // Otherwise check if it's a mobile browser\n  const userAgent = navigator.userAgent || navigator.vendor || (window as any).opera;\n  return /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent.toLowerCase());\n} \n\nexport function isPwa(): boolean {\n  if (typeof window === 'undefined') return false;\n  \n  // iOS detection\n  const isInStandaloneMode = ('standalone' in window.navigator) && \n                            ((window.navigator as any).standalone === true);\n  \n  // Android/Desktop PWA detection\n  const isDisplayModeStandalone = window.matchMedia('(display-mode: standalone)').matches;\n  \n  // Chrome on Android detection\n  const isAndroidPwa = document.referrer.includes('android-app://');\n  \n  return isInStandaloneMode || isDisplayModeStandalone || isAndroidPwa;\n} \n\nexport const isIOS = () => /iPad|iPhone|iPod/.test(navigator.userAgent);\n\nexport const isPlugAvailable = () => {\n  if (typeof window === 'undefined') return false;\n  return !!(window as any).ic;\n};","<script lang=\"ts\">\n\timport { walletsList } from '@windoge98/plug-n-play';\n  import { auth, selectedWalletId } from \"$lib/stores/auth\";\n  import { isPwa, isMobileBrowser, isPlugAvailable } from \"$lib/utils/browser\";\n  import Modal from \"$lib/components/common/Modal.svelte\";\n  import { browser } from \"$app/environment\";\n  import { createNamespacedStore } from \"$lib/config/localForage.config\";\n\n  const AUTH_NAMESPACE = 'auth';\n  const authStorage = createNamespacedStore(AUTH_NAMESPACE);\n  const SELECTED_WALLET_KEY = 'selectedWallet';\n\n  interface WalletInfo {\n    id: string;\n    name: string;\n    icon: string;\n    description?: string;\n    recommended?: boolean;\n  }\n\n  // Map available wallets to our WalletInfo structure\n  const walletList: WalletInfo[] = walletsList.map(wallet => ({\n    id: wallet.id,\n    name: wallet.name === \"Oisy Wallet\" ? \"OISY Wallet\" : wallet.name,\n    icon: wallet.icon,\n    description: wallet.id === 'nfid' ? 'Sign in with Google' : undefined,\n    recommended: wallet.id === 'oisy' // Mark Plug as recommended\n  }));\n\n  // Props\n  const { \n    isOpen = false,\n    onClose = () => {},\n    onLogin = () => {}\n  } = $props<{ \n    isOpen?: boolean; \n    onClose?: () => void;\n    onLogin?: () => void;\n  }>();\n  \n  // State\n  let connecting = $state(false);\n  let connectingWalletId = $state<string | null>(null);\n  let plugDialog = $state<any>(null);\n  let dialogOpen = $state(false);\n  let abortController = $state(new AbortController());\n  let isOnMobile = $state(false);\n  let filteredWallets = $state(walletList);\n  let errorMessage = $state<string | null>(null);\n  \n  function closeModal() {\n    // Reset state when closing\n    errorMessage = null;\n    connecting = false;\n    connectingWalletId = null;\n    onClose();\n  }\n\n  // Initialize on mount\n  $effect(() => {\n    // Only run browser-specific code after component is mounted\n    if (browser) {\n      isOnMobile = isMobileBrowser();\n      updateFilteredWallets();\n    }\n  });\n\n  function updateFilteredWallets() {\n    if (browser) {\n      filteredWallets = isPlugAvailable() ? walletList : walletList.filter(w => w.id !== 'plug');\n    }\n  }\n\n  // Cleanup on destroy\n  $effect(() => {\n    // This cleanup will run when the component is destroyed\n    return () => {\n      // Clean up any pending connection state\n      if (connecting) {\n        connecting = false;\n        abortController.abort();\n      }\n    }\n  });\n\n  async function handleConnect(walletId: string) {\n    if (!walletId || connecting || !browser) return;\n    \n    errorMessage = null;\n    connectingWalletId = walletId;\n\n    // Reset abort controller for new connection attempt\n    abortController = new AbortController();\n\n    // Show modal on mobile if IC object is not present\n    if (isOnMobile && walletId === \"plug\" && !isPlugAvailable()) {\n      // Dynamically import the dialog component when needed\n      if (!plugDialog) {\n        const module = await import(\n          \"$lib/components/wallet/PlugMobileDialog.svelte\"\n        );\n        plugDialog = module.default;\n      }\n      dialogOpen = true;\n      return;\n    }\n\n    // Redirect to Plug website on desktop if Plug is not installed\n    if (!isOnMobile && walletId === \"plug\" && !isPlugAvailable()) {\n      window.open(\"https://plugwallet.ooo/\", \"_blank\");\n      return;\n    }\n\n    try {\n      connecting = true;\n      selectedWalletId.set(walletId);\n      await auth.connect(walletId);\n\n      // Save wallet ID to storage\n      try {\n        await authStorage.setItem(SELECTED_WALLET_KEY, walletId);\n      } catch (error) {\n        console.warn(\"Could not save selected wallet to storage:\", error);\n      }\n      \n      // Add timeout to prevent hanging connections\n      const timeoutId = setTimeout(() => abortController.abort(), 30000);\n      \n      clearTimeout(timeoutId);\n      \n      if ($auth.isConnected) {\n        onLogin();\n        closeModal();\n      }\n    } catch (error) {\n      if (!abortController.signal.aborted) {\n        console.error(\"Failed to connect wallet:\", error);\n        errorMessage = error instanceof Error ? error.message : \"Failed to connect wallet\";\n        selectedWalletId.set(\"\");\n        \n        // Remove from storage\n        try {\n          await authStorage.removeItem(SELECTED_WALLET_KEY);\n        } catch (storageError) {\n          console.warn(\"Could not remove wallet from storage:\", storageError);\n        }\n      }\n    } finally {\n      connecting = false;\n      connectingWalletId = null;\n    }\n  }\n</script>\n\n<Modal\n  {isOpen}\n  title=\"Connect Wallet\"\n  onClose={closeModal}\n  width=\"440px\"\n  height=\"auto\"\n  variant=\"solid\"\n  closeOnEscape={!connecting}\n  closeOnClickOutside={!connecting}\n>\n  <div class=\"flex flex-col gap-6 pt-2\">\n    <div class=\"wallet-connect-body\">\n      {#if errorMessage}\n        <div class=\"error-message\" role=\"alert\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n            <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line>\n            <line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line>\n          </svg>\n          <span>{errorMessage}</span>\n        </div>\n      {/if}\n      \n      <div class=\"wallet-list\">\n        {#each filteredWallets as wallet}\n          <button\n            class=\"wallet-option \n              {connectingWalletId === wallet.id ? 'connecting' : ''} \n              {wallet.recommended && connectingWalletId !== wallet.id && connectingWalletId !== null ? '' : (wallet.recommended ? 'recommended' : '')}\"\n            on:click={() => handleConnect(wallet.id)}\n            disabled={connecting}\n            aria-busy={connectingWalletId === wallet.id}\n          >\n            <div class=\"wallet-content\">\n              <div class=\"wallet-icon-container\">\n                <img src={wallet.icon} alt={wallet.name} class=\"wallet-icon\" />\n                {#if connectingWalletId === wallet.id}\n                  <div class=\"loading-spinner\"></div>\n                {/if}\n              </div>\n              <div class=\"wallet-info\">\n                <span class=\"wallet-name\">{wallet.name}</span>\n                {#if wallet.description}\n                  <span class=\"wallet-description\">{wallet.description}</span>\n                {/if}\n                {#if wallet.recommended}\n                  <span class=\"recommended-badge\">Recommended</span>\n                {/if}\n              </div>\n            </div>\n            <svg\n              class=\"wallet-arrow\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M9 18l6-6-6-6\" />\n            </svg>\n          </button>\n        {/each}\n      </div>\n    </div>\n    \n    <div class=\"flex flex-col gap-2\">\n      <p class=\"text-xs text-kong-text-secondary text-center pb-4\">\n        Rumble in the crypto jungle at <a\n          href=\"#\"\n          class=\"text-kong-primary hover:text-kong-primary-hover transition-colors duration-200\">KongSwap.io</a\n        >.\n      </p>\n    </div>\n  </div>\n</Modal>\n\n{#if plugDialog}\n  <svelte:component this={plugDialog} bind:open={dialogOpen} />\n{/if}\n\n<style lang=\"postcss\">\n  .wallet-list {\n    @apply flex flex-col gap-3 px-1;\n  }\n\n  .wallet-option {\n    @apply flex items-center justify-between w-full px-4 py-4;\n    @apply bg-kong-bg-dark/10 rounded-xl border border-kong-text-primary/10;\n    position: relative;\n    will-change: transform;\n    backface-visibility: hidden;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n  }\n\n  .wallet-option:focus-visible {\n    @apply outline-none ring-2 ring-kong-primary;\n  }\n\n  .wallet-option::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    backdrop-filter: blur(2px);\n    border-radius: inherit;\n    z-index: -1;\n  }\n\n  .wallet-content {\n    @apply flex items-center gap-4;\n  }\n\n  .wallet-option:hover:not(:disabled) {\n    @apply border-kong-primary bg-kong-primary/25;\n    transform: translateY(-1px);\n    box-shadow: 0 4px 24px -2px rgb(0 0 0 / 0.12),\n                0 2px 8px -2px rgb(0 0 0 / 0.06);\n  }\n\n  .wallet-option:active:not(:disabled) {\n    @apply text-kong-bg-light;\n    transform: translateY(0);\n    transition: transform 0.1s ease;\n  }\n\n  .wallet-option:disabled {\n    @apply opacity-50 cursor-not-allowed;\n  }\n\n  .wallet-option.connecting {\n    @apply border-kong-primary bg-kong-primary/15 text-kong-bg-light;\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n\n  /* Override any recommended styles when connecting */\n  .wallet-option.connecting.recommended {\n    @apply border-kong-primary bg-kong-primary/15 text-kong-bg-light;\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  }\n\n  /* Only apply recommended styles when not connecting */\n  .wallet-option.recommended:not(.connecting) {\n    @apply bg-kong-primary/10 border-kong-primary/20;\n  }\n\n  .wallet-option.recommended:hover:not(:disabled):not(.connecting) {\n    @apply bg-kong-primary/25 border-kong-primary/30;\n    box-shadow:\n      0 4px 24px -2px rgb(var(--primary) / 0.15),\n      0 2px 8px -2px rgb(var(--primary) / 0.1);\n  }\n\n  .wallet-icon-container {\n    position: relative;\n    width: 48px;\n    height: 48px;\n  }\n\n  .wallet-icon {\n    @apply w-12 h-12 rounded-xl;\n    @apply transition-transform duration-200;\n    @apply dark:brightness-100 brightness-[0.85];\n    transform: translateZ(0);\n  }\n\n  .wallet-option:hover .wallet-icon {\n    @apply dark:brightness-100 brightness-90;\n  }\n\n\n  .loading-spinner {\n    @apply rounded-full;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 2px solid transparent;\n    border-top-color: rgb(var(--accent-green));\n    border-right-color: rgb(var(--accent-green) / 0.3);\n    border-bottom-color: rgb(var(--accent-green) / 0.1);\n    animation: spin 1s linear infinite;\n  }\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes pulse {\n    0%, 100% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.7;\n    }\n  }\n\n  .wallet-info {\n    @apply flex flex-col gap-1;\n    @apply flex-1;\n    @apply text-left;\n  }\n\n  .wallet-name {\n    @apply font-medium text-lg;\n    @apply text-left;\n  }\n\n  .wallet-description {\n    @apply text-kong-text-secondary text-sm;\n  }\n\n  .recommended-badge {\n    @apply text-kong-primary text-xs font-medium;\n    @apply bg-kong-primary/10 px-2 py-0.5 rounded-full;\n    @apply inline-block w-fit mt-1;\n  }\n\n  .wallet-arrow {\n    @apply text-kong-text-secondary opacity-50;\n    @apply transition-transform duration-200;\n  }\n\n  .wallet-option:hover .wallet-arrow {\n    @apply transform translate-x-1 opacity-100;\n  }\n\n  .error-message {\n    @apply flex items-center gap-2 p-3 mb-3 rounded-lg;\n    @apply bg-kong-accent-red/10 text-kong-accent-red border border-kong-accent-red/20;\n    @apply text-sm;\n    animation: fadeIn 0.3s ease-out;\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(-5px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n</style>\n"],"file":"_app/immutable/chunks/DYynCkHI.js"}