{"version":3,"file":"js/app.600c393f.js","mappings":"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","sources":["webpack://cardware_wallet/./src/App.vue","webpack://cardware_wallet/./src/main.js","webpack://cardware_wallet/./src/App.vue?7ccd","webpack://cardware_wallet/webpack/bootstrap","webpack://cardware_wallet/webpack/runtime/async module","webpack://cardware_wallet/webpack/runtime/chunk loaded","webpack://cardware_wallet/webpack/runtime/compat get default export","webpack://cardware_wallet/webpack/runtime/define property getters","webpack://cardware_wallet/webpack/runtime/global","webpack://cardware_wallet/webpack/runtime/harmony module decorator","webpack://cardware_wallet/webpack/runtime/hasOwnProperty shorthand","webpack://cardware_wallet/webpack/runtime/make namespace object","webpack://cardware_wallet/webpack/runtime/wasm loading","webpack://cardware_wallet/webpack/runtime/publicPath","webpack://cardware_wallet/webpack/runtime/jsonp chunk loading","webpack://cardware_wallet/webpack/startup"],"sourcesContent":["<template>\n  <div :data-theme=\"currentTheme\" class=\"md:min-h-screen min-h-[100vh] lightTheme-bg overflow-hidden flex items-center justify-center\">\n    \n    <!-- Initial Screen with Pair Button -->\n    <div v-if=\"!paired && !pairingStarted\" class=\"fixed inset-0 flex items-center justify-center z-10\">\n      <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row items-center justify-center rounded-2xl p-4 shadow-2xl pair-bg overflow-hidden\">\n        <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"absolute top-6 left-6 w-36 h-auto md:w-44\"/>\n          <div class=\"mt-8\">\n            <div class=\"flex flex-col items-center justify-center\">\n              <h2 class=\"text-2xl md:text-3xl lg:text-4xl font-archivomedium md:mt-4 mt-6 mb-4 text-center text-[var(--text-color)]\">Welcome to Cardware Wallet</h2>\n              <p class=\"mb-6 text-sm md:text-md text-center font-archivolight text-[var(--secondary-text-color)] px-6\">Pair your Cardware by scanning the QR codes on the device with your mobile, laptop or desktop camera.</p>\n              <button @click=\"startPairing\" class=\"bg-transparent font-archivoregular text-[var(--accent-color)] border border-[var(--accent-color)] py-3 px-8 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 mb-6 shadow-inner\">\n                Pair Device\n              </button>\n            </div>\n            <div class=\"flex flex-shrink justify-center\">\n              <transition name=\"fade\">\n                <img :src=\"currentImages[currentImageIndex]\" alt=\"Device Pairing\" class=\"w-3/4 md:w-5/12 lg:w-6/12 h-auto ml-10\">\n              </transition>\n            </div>\n            <div class=\"flex flex-col items-center justify-center\">\n              <p class=\"text-sm text-[var(--secondary-text-color)] font-archivolight\">See our <a href=\"https://docs.cardwarewallet.com/cardware-wallet-documentation/getting-started\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-sm font-archivolight text-[var(--accent-color)]\">Guides</a> for more information</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Simulated Pairing Screen -->\n      <div v-else-if=\"!paired && pairingStarted\" class=\"fixed inset-0 flex items-center justify-center z-10\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row items-center justify-center rounded-2xl pt-4 shadow-2xl pair-bg overflow-hidden\">\n          <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"absolute top-6 left-6 w-36 h-auto md:w-44\"/>\n          <div class=\"py-6 mt-6 max-w-md w-full\">\n            <h2 class=\"text-xl md:text-2xl font-archivomedium mt-6 md:mt-0 mb-4 text-center text-[var(--text-color)] mt-20\">Pairing Device</h2>\n              <div class=\"flex flex-col items-center h-60 md:h-80\">\n                <qrcode-stream @decode=\"onDecode\" @init=\"onInit\" class=\"w-full h-14 md:h-80 rounded-lg\"/>\n              </div>\n              <div class=\"p-4\">\n                <p class=\"mt-2 mb-4 text-sm md:text-md text-center font-archivolight text-[var(--secondary-text-color)]\">Scan the QR codes on your Cardware Hardware...</p>\n                <div class=\"flex justify-center mb-2\">\n                  <div class=\"loader\"></div>\n                </div>\n                <p class=\"mb-4 text-center text-[var(--accent-color)]\">{{percentSynced}}</p>\n                <button @click=\"backToPair\" class=\"mt-2 font-archivoregular w-full py-2 px-4 bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 mb-8 shadow-inner rounded-full\">\n                  Back\n                </button>\n              </div>\n          </div>\n        </div>\n      </div>\n\n\n      <!-- Wallet Overview -->\n      <div v-else-if=\"paired && !sending && !showReceive\" class=\"fixed inset-0 flex items-center justify-center z-10 bg-[var(--bg-color)]\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row rounded-2xl shadow-2xl\">\n\n          <!-- Mobile header and menu -->\n          <div class=\"w-full md:hidden flex items-center justify-between p-6 mobile-header-bg rounded-t-2xl\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"w-36 h-auto md:w-44\"/>\n            <button @click=\"toggleMobileMenu\" class=\"text-[var(--text-color)] p-2\">\n              <svg v-if=\"!isMobileMenuOpen\" xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n              </svg>\n              <svg v-else xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"/>\n              </svg>\n            </button>\n          </div>\n\n          <div v-if=\"isMobileMenuOpen\" class=\"md:hidden absolute inset-0 top-0 left-0 w-full h-full sidemenu-bg rounded-2xl shadow-2xl z-20\">\n            <div class=\"w-full flex items-center justify-between p-6 mobile-header-bg rounded-t-2xl\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"w-36 h-auto md:w-44\"/>\n              <button @click=\"closeMobileMenu\" class=\"text-[var(--text-color)] p-2\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"/>\n                </svg>\n              </button>\n            </div>\n    \n            <hr class=\"w-full border-[var(--border-color)]\">\n\n            <div class=\"flex flex-col items-center mx-auto space-y-6 w-[80%] mt-6\">\n              <button @click=\"closeMobileMenu\" class=\"flex items-center p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Logo\" class=\"w-6 h-6 mr-2 ml-2\"/>\n                Wallet\n              </button>\n              <div @click=\"showThemePopup = true\" class=\"flex items-center p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Logo\" class=\"w-6 h-6 mr-2 ml-2\"/>\n                Theme\n              </div>\n              <div @click=\"showResourcesPopup = true\" class=\"flex items-center p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Logo\" class=\"w-6 h-6 mr-2 ml-2\"/>\n                Resources\n              </div>\n              <div @click=\"showComingSoonMessage\" class=\"flex items-center p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-2 ml-2\"/>\n                Multisig\n              </div>\n              <!-- New Export Zpub Button -->\n              <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n                Export Zpub\n              </div>\n              <div @click=\"unpairWallet\" class=\"flex items-center p-2 w-full text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Logo\" class=\"w-6 h-6 mr-2 ml-2\"/>\n                Unpair\n              </div>\n            </div>\n          </div>\n\n          <!-- Desktop (side-menu) -->\n          <div class=\"hidden md:flex md:w-1/4 lg:w-1/5 md:h-full md:flex-col md:items-start sidemenu-bg p-6 rounded-l-2xl relative\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"mb-4 w-48 h-auto md:relative md:left-3 md:top-3 md:pr-6\"/>\n            <hr class=\"w-full mb-4 mt-4 border-[var(--border-color)]\">\n            <button @click=\"backToOverview\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Wallet\n            </button>\n            <div @click=\"showThemePopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Theme\" class=\"w-6 h-6 mr-4\"/>\n              Theme\n            </div>\n            <div @click=\"showResourcesPopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Resources\" class=\"w-6 h-6 mr-4\"/>\n              Resources\n            </div>\n            <div @click=\"showComingSoonMessage\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-4\"/>\n              Multisig\n            </div>\n            <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Export Zpub\n            </div>\n            <div @click=\"unpairWallet\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] bottom-4 hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Unpair\" class=\"w-6 h-6 mr-4\"/>\n              Unpair\n            </div>\n          </div>\n          <div class=\"border-l border-[var(--border-color)] md:block hidden\"></div>\n\n          <!-- Balance and main content -->\n          <div class=\"w-full md:w-3/4 lg:w-4/5 h-full flex flex-col items-start pair-bg md:rounded-tr-2xl md:rounded-bl-none rounded-br-2xl rounded-bl-2xl z-10\">\n            <div class=\"flex items-center justify-between w-full mb-4 px-4 pt-4 md:pt-16 md:px-8\">\n              <div class=\"flex items-center ml-4 md:ml-0\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 md:w-8 md:h-8 mr-3\"/>\n                <h1 class=\"text-3xl md:text-4xl font-archivomedium mb-2 text-[var(--text-color)]\">BTC Wallet</h1>\n              </div>\n              <div class=\"right-8 relative\">\n                <button @click=\"startSync\" class=\"text-[var(--text-color)] hover:text-[var(--text-color)]\">\n                  <img src=\"./assets/Refresh.png\" alt=\"Refresh Icon\" class=\"w-6 h-6\">\n                </button>\n              </div>\n            </div>\n\n            <!-- Balance Section -->\n            <div class=\"w-[90%] mx-auto rounded-xl flex flex-col md:flex-row md:items-center border border-[var(--border-color)] justify-between px-6 shadow-xl md:my-6 mb-4 p-6 relative balance-bg\">\n              <div class=\"flex flex-col relative\">\n                <div class=\"flex items-center\">\n                  <span class=\"text-[var(--secondary-text-color)] md:text-lg text-lg font-light\">My Balance:</span>\n                  <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkEye : lightEye\" alt=\"Eye Icon\" class=\"w-5 h-5 ml-2 cursor-pointer\" @click=\"toggleBalance\"/>\n                </div>\n\n                <!-- New: Digit-by-digit flicker with staggering -->\n                <div class=\"flex items-center my-2\">\n                  <transition-group :name=\"balance.value === '' ? 'no-flicker' : 'digit-flicker'\" tag=\"span\" class=\"flex items-center\">\n                    <span v-for=\"(digit, i) in balanceDigits\" :key=\"i\" class=\"digit mx-[1px] text-2xl font-archivoregular text-[var(--text-color)]\" :style=\"{ '--index': i }\">\n                      {{ digit }}\n                    </span>\n                  </transition-group>\n\n                  <span class=\"text-2xl font-archivoregular text-[var(--text-color)] ml-1\">BTC</span>\n                </div>\n\n                <!-- Unconf Balance -->\n                <div v-if=\"showUnconf\" class=\"w-full\">\n                  <span class=\"mt-2 text-left font-archivoregular text-[var(--unconf-color)] text-md\">\n                     + {{ showBalance ? unconfirmedBalance : '•••••••' }} BTC\n                  </span>\n                </div>\n            </div>\n\n              <!-- Send and Receive Buttons (Desktop) -->\n              <div class=\"hidden md:flex flex-row items-center justify-center space-x-4 md:mr-8 mt-4 md:mt-0\">\n                <div @click=\"startSend\" class=\"flex flex-col items-center cursor-pointer\">\n                  <img :src=\"currentTheme === 'dark' ? darkOrangeSend : (currentTheme === 'navy' ? darkSend : lightSend)\" alt=\"Send Icon\" class=\"w-9 h-9 md:w-10 md:h-10 mb-1 rounded-full hover:shadow-xl hover:animate-pulse\"/>\n\n                  <button class=\"px-2 py-2 text-[var(--text-color)] font-archivoregular rounded-3xl hover:text-[var(--send-receive-text-color)] transition-colors duration-300\">\n                    Send\n                  </button>\n                </div>\n                <div @click=\"showReceiveView\" class=\"flex flex-col items-center cursor-pointer\">\n                  <img :src=\"currentTheme === 'dark' ? darkOrangeReceive : (currentTheme === 'navy' ? darkReceive : lightReceive)\" alt=\"Receive Icon\" class=\"w-9 h-9 md:w-10 md:h-10 mb-1 rounded-full hover:shadow-xl hover:animate-pulse\"/>\n                  <button class=\"px-2 py-2 text-[var(--text-color)] font-archivoregular rounded-3xl hover:text-[var(--send-receive-text-color)]  transition-colors duration-300\">\n                    Receive\n                  </button>\n                </div>\n              </div>\n            </div>\n\n            <!-- Send and Receive Buttons (Mobile) -->\n            <div class=\"flex md:hidden flex-row items-center justify-center space-x-4 my-4 w-full px-8\">\n              <button @click=\"startSend\" class=\"flex items-center justify-center border border-[var(--accent-color)] py-1 px-8 rounded-full bg-[var(--accent-color)] bg-opacity-10 text-[var(--hover-text-color)] transition duration-300 shadow-md hover:shadow-xl w-full font-archivoregular\">\n                Send\n                <img :src=\"currentTheme === 'dark' ? darkOrangeSend : (currentTheme === 'navy' ? darkSend : lightSend)\" alt=\"Send Icon\" class=\"w-8 h-8\"/>\n              </button>\n              <button @click=\"showReceiveView\" class=\"flex items-center justify-center border border-[var(--accent-color)] py-1 px-8 rounded-full bg-[var(--accent-color)] bg-opacity-10 text-[var(--hover-text-color)] transition duration-300 shadow-md hover:shadow-xl w-full font-archivoregular\">\n                Receive\n                <img :src=\"currentTheme === 'dark' ? darkOrangeReceive : (currentTheme === 'navy' ? darkReceive : lightReceive)\" alt=\"Receive Icon\" class=\"w-8 h-8\"/>\n              </button>\n            </div>\n\n\n            <!-- My Assets -->\n            <h2 class=\"text-2xl font-archivolight mb-4 mt-4 px-8 text-[var(--text-color)]\">My Assets</h2>\n            <div class=\"w-full flex flex-col space-y-4 px-8 pb-4\" style=\"max-height: 400px;\">\n              <div class=\"flex items-center justify-between bg-[var(--myassets-bg-color)] p-4 rounded-lg shadow-xl cursor-pointer transition-colors duration-200\" @click=\"showAssetPopup\">\n                <div class=\"flex items-center\">\n                  <img src=\"./assets/BTCicon.png\" alt=\"Asset Symbol\" class=\"w-8 h-8 md:w-10 md:h-10 mr-4\">\n                  <div>\n                    <p class=\"text-lg font-archivomedium text-[var(--text-color)]\">Bitcoin</p>\n                    <p class=\"text-sm font-archivomedium text-[var(--secondary-text-color)]\">BTC</p>\n                  </div>\n                </div>\n                <!--<p class=\"text-lg font-medium text-[var(--text-color)]\">{{ balance !== 0 ? balance : '0.00000000' }} BTC</p> -->\n                <p class=\"text-sm md:text-lg font-archivoregular text-[var(--text-color)]\">{{ showBalance ? balance : '•••••••' }} BTC</p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div> \n\n\n      <!-- Receive BTC Screen -->\n      <div v-else-if=\"showReceive\" class=\"fixed inset-0 flex items-center justify-center z-10 bg-[var(--bg-color)]\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row rounded-2xl shadow-2xl\">\n\n          <!-- Desktop (side-menu) -->\n          <div class=\"hidden md:flex md:w-1/4 lg:w-1/5 md:h-full md:flex-col md:items-start sidemenu-bg p-6 rounded-l-2xl relative\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"mb-4 w-48 h-auto md:relative md:left-3 md:top-3 md:pr-6\"/>\n            <hr class=\"w-full mb-4 mt-4 border-[var(--border-color)]\">\n            <button @click=\"backToOverview\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Wallet\n            </button>\n            <div @click=\"showThemePopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Theme\" class=\"w-6 h-6 mr-4\"/>\n              Theme\n            </div>\n            <div @click=\"showResourcesPopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Resources\" class=\"w-6 h-6 mr-4 \"/>\n              Resources\n            </div>\n            <div @click=\"showComingSoonMessage\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-4\"/>\n              Multisig\n            </div>\n             <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Export Zpub\n            </div>\n            <div @click=\"unpairWallet\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] bottom-4 hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Unpair\" class=\"w-6 h-6 mr-4\"/>\n              Unpair\n            </div>\n          </div>\n\n          <div class=\"border-l border-[var(--border-color)] md:block hidden\"></div>\n\n          <!-- Balance and main content -->\n          <div class=\"w-full md:w-3/4 lg:w-4/5 h-full flex flex-col items-start pair-bg overflow-y-auto custom-scrollbar md:rounded-tr-2xl md:rounded-bl-none md:rounded-tl-none rounded-2xl z-10\">\n            <div class=\"flex items-center justify-between w-full mb-2 mt-2 px-4 pt-4 md:pt-14 md:px-8\">\n              <div class=\"flex items-center ml-4 md:ml-0\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkTransfers : lightTransfers\" alt=\"Wallet Icon\" class=\"w-6 h-6 md:w-8 md:h-8 mr-3\"/>\n                <h1 class=\"text-3xl md:text-4xl font-archivomedium mb-2 mt-1 text-[var(--text-color)]\">Receive</h1>\n                <img src=\"./assets/BTCicon.png\" alt=\"BTC Icon\" class=\"w-10 h-10 mb-4 ml-2 mt-3 cursor-pointer md:top-16 md:right-16\">\n                <button @click=\"backToOverview\" class=\"absolute top-8 right-8\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n                </button>\n              </div>\n            </div>\n            <div class=\"my-2 mx-auto w-full md:w-[80%] lg:w-[65%] xl:w-[50%] p-4\">\n              <p class=\"mb-4 text-center font-archivolight text-[var(--secondary-text-color)]\">Scan the QR code to view your Bitcoin address.</p>\n              <div class=\"mb-4 flex justify-center\">\n                <QRCodeVue :value=\"walletAddress\" :size=\"200\" level=\"H\" class=\"bg-[#FFFFFF] p-2\" :background=\"'#FFFFFF'\"></QRCodeVue>\n              </div>\n                <div @click=\"copyWalletAddress\" class=\"my-4 text-balance flex flex-wrap items-center justify-center\">\n                  <p class=\"w-full text-center text-[var(--secondary-text-color)] text-sm break-all\">{{ walletAddress }}</p>\n                  <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkCopy : lightCopy\" alt=\"Copy Icon\" class=\"w-5 h-5 ml-2 cursor-pointer\"/>\n                </div>\n                <button @click=\"copyWalletAddress\" class=\"mt-4 font-archivoregular w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                Copy\n                </button>\n                <button @click=\"backToOverview\" class=\"mt-4 font-archivoregular w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                Back\n                </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n\n      <!--  Send BTC Screen -->\n      <div v-else-if=\"sending && !psbtGenerated\" class=\"fixed inset-0 flex items-center justify-center z-10 bg-[var(--bg-color)]\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row rounded-2xl shadow-2xl\">\n\n          <!-- Desktop (side-menu) -->\n          <div class=\"hidden md:flex md:w-1/4 lg:w-1/5 md:h-full md:flex-col md:items-start sidemenu-bg p-6 rounded-l-2xl relative\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"mb-4 w-48 h-auto md:relative md:left-3 md:top-3 md:pr-6\"/>\n            <hr class=\"w-full mb-4 mt-4 border-[var(--border-color)]\">\n            <button @click=\"backToOverview\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Wallet\n            </button>\n            <div @click=\"showThemePopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Theme\" class=\"w-6 h-6 mr-4\"/>\n              Theme\n            </div>\n            <div @click=\"showResourcesPopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Resources\" class=\"w-6 h-6 mr-4\"/>\n              Resources\n            </div>\n            <div @click=\"showComingSoonMessage\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-4\"/>\n              Multisig\n            </div>\n             <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Export Zpub\n            </div>\n            <div @click=\"unpairWallet\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] bottom-4 hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Unpair\" class=\"w-6 h-6 mr-4\"/>\n              Unpair\n            </div>\n          </div>\n          <div class=\"border-l border-[var(--border-color)] md:block hidden\"></div>\n\n          <!-- Balance and main content -->\n          <div class=\"w-full md:w-3/4 lg:w-4/5 h-full flex flex-col items-start pair-bg overflow-y-auto md:rounded-tr-2xl md:rounded-bl-none md:rounded-tl-none rounded-2xl z-10\">\n            <div class=\"flex items-center justify-between w-full mb-4 mt-2 px-4 pt-4 md:pt-14 md:px-8\">\n              <div class=\"flex items-center ml-4 md:ml-0\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkTransfers : lightTransfers\" alt=\"Wallet Icon\" class=\"w-6 h-6 md:w-8 md:h-8 mr-3\"/>\n                <h1 class=\"text-3xl md:text-4xl font-archivomedium mb-2 mt-1 text-[var(--text-color)]\">Send</h1>\n                <img src=\"./assets/BTCicon.png\" alt=\"BTC Icon\" class=\"w-10 h-10 mb-4 ml-2 mt-3 cursor-pointer md:top-16 md:right-16\">\n                <button @click=\"backToOverview\" class=\"absolute top-8 right-8\">\n                  <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n              </button>\n              </div>\n            </div>\n          <div class=\"my-2 mx-auto w-full md:w-[80%] lg:w-[65%] xl:w-[50%] p-4\">\n          \n           <!-- Balance -->\n           <div class=\"balance-bg p-4 rounded-lg shadow-xl mb-4 flex flex-col items-center justify-center border border-[var(--border-color)]\">\n              <h1 class=\"text-md font-archivolight text-[var(--text-color)]\">\n                Available:\n              </h1>\n              <h2 class=\"text-2xl font-archivomedium text-center text-[var(--text-color)]\">\n                {{ balance }} BTC\n              </h2>\n            </div>\n\n             <div class=\"mb-4\">\n              <label class=\"block font-archivoregular text-[var(--secondary-text-color)] mb-2\" for=\"amount\">\n                Address\n              </label>\n              <div class=\"relative\">\n                 <input v-model=\"recipientAddress\" id=\"recipientAddress\" type=\"text\" class=\"w-5/6 text-sm md:text-md px-2 py-3 shadow-inner rounded-l appearance-none bg-[var(--send-placeholder-color)] text-[#141523]\" placeholder=\"Recipient Address\"/>\n\n                <button @click=\"startScanAddress\" class=\"w-1/6 absolute top-0 right-0 h-full text-sm font-archivoregular bg-[var(--send-max-color)] text-[var(--hover-text-color)] px-1 rounded-r hover:opacity-80\">\n                  <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkScan : lightScan\" alt=\"Wallet Icon\" class=\"w-6 h-6 mx-auto\"/>\n                </button>\n              </div>\n            </div>\n\n            <div class=\"mb-4\">\n              <label class=\"block font-archivoregular text-[var(--secondary-text-color)] mb-2\" for=\"amount\">\n                Amount (BTC)\n              </label>\n              <div class=\"relative\">\n                <input v-model=\"amountInput\" id=\"amount\" type=\"number\" class=\"w-5/6 text-sm md:text-md px-2 py-3 shadow-inner rounded-l appearance-none bg-[var(--send-placeholder-color)] text-[#141523]\" placeholder=\"Amount\" @keyup.enter=\"handleFirstFee\" @blur=\"handleFirstFee\"/>\n\n                <button @click=\"setMaxAmount\" class=\"w-1/6 absolute top-0 right-0 h-full text-sm font-archivolight bg-[var(--send-max-color)] text-[var(--text-color)] px-1 rounded-r hover:opacity-80\">\n                  MAX\n                </button>\n              </div>\n            </div>\n\n          <label class=\"block font-archivoregular text-[var(--secondary-text-color)] my-6\" for=\"amount\">Transaction Fee: {{currentFee}}</label>\n          <div class=\"w-full mx-auto items-center justify-center\">\n              <div class=\"flex space-x-4 w-full font-archivoregular\">\n                <div v-if=\"selectedFee==0\" class=\"w-1/3\">\n                  <button @click=\"adjustFeeRate(0)\" class=\"w-full bg-[var(--accent-color)] text-white border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] transition duration-300 shadow-inner\">\n                    Low\n                  </button>\n                </div>\n                <div v-else class=\"w-1/3\">\n                  <button @click=\"adjustFeeRate(0)\" class=\"w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                    Low\n                  </button>\n                </div>\n                <div v-if=\"selectedFee==1\" class=\"w-1/3\">\n                  <button @click=\"adjustFeeRate(1)\" class=\"w-full bg-[var(--accent-color)] text-white border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] transition duration-300 shadow-inner\">\n                    Medium\n                  </button>\n                </div>\n                <div v-else class=\"w-1/3\">\n                  <button @click=\"adjustFeeRate(1)\" class=\"w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                    Medium\n                  </button>\n                </div>\n                <div v-if=\"selectedFee==2\" class=\"w-1/3\">\n                  <button @click=\"adjustFeeRate(2)\" class=\"w-full bg-[var(--accent-color)] text-white border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] transition duration-300 shadow-inner\">\n                    High\n                  </button>\n                </div>\n                <div v-else class=\"w-1/3\">\n                  <button @click=\"adjustFeeRate(2)\" class=\"w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                    High\n                  </button>\n                </div>\n              </div>\n              <button @click=\"generatePSBT\" class=\"font-archivoregular mt-4 w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                Send\n              </button>\n              <button @click=\"backToOverview\" class=\"font-archivoregular mt-4 w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                Back\n              </button>\n            </div>\n          </div>\n        </div>\n        </div>    \n      </div>\n\n\n      <!-- Scan QR Code Sending  -->\n      <div v-if=\"isScanningAddress\" class=\"fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-50\">\n        <div class=\"popup-bg text-[var(--popup-text-color)] rounded-lg p-6 w-11/12 md:w-1/3 relative\">\n          <button @click=\"stopScanAddress\" class=\"absolute top-4 right-4 text-[var(--accent-color)]\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n          </button>\n\n          <h2 class=\"text-xl font-archivomedium mb-4 text-center text-[var(--popup-text-color)]\">\n            Scan Recipient Address\n          </h2>\n\n          <!-- Set a fixed height (h-60 on mobile, md:h-80 on larger screens) -->\n          <div class=\"flex flex-col items-center h-60 md:h-80\">\n            <qrcode-stream @decode=\"onDecodeAddress\" @init=\"onInit\" class=\"w-full h-full rounded-lg\"/>\n          </div>\n          <p class=\"mt-4 text-sm md:text-md font-archivolight text-center text-[var(--secondary-text-color)]\">\n            Position the QR code in front of your camera to scan.\n          </p>\n          <button\n            @click=\"stopScanAddress\"\n            class=\"mt-4 font-archivoregular w-full bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n            Cancel\n          </button>\n        </div>\n      </div>\n\n\n\n      <!-- Display PSBT QR Code -->\n      <div v-else-if=\"sending && psbtGenerated && !signed\" class=\"fixed inset-0 flex items-center justify-center z-10 bg-[var(--bg-color)]\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row rounded-2xl shadow-2xl\">\n\n          <!-- Desktop (side-menu) -->\n          <div class=\"hidden md:flex md:w-1/4 lg:w-1/5 md:h-full md:flex-col md:items-start sidemenu-bg p-6 rounded-l-2xl relative\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"mb-4 w-48 h-auto md:relative md:left-3 md:top-3 md:pr-6\"/>\n            <hr class=\"w-full mb-4 mt-4 border-[var(--border-color)]\">\n            <button @click=\"backToOverview\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Wallet\n            </button>\n            <div @click=\"showThemePopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Theme\" class=\"w-6 h-6 mr-4\"/>\n              Theme\n            </div>\n            <div @click=\"showResourcesPopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Resources\" class=\"w-6 h-6 mr-4 \"/>\n              Resources\n            </div>\n            <div @click=\"showComingSoonMessage\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-4\"/>\n              Multisig\n            </div>\n             <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Export Zpub\n            </div>\n            <div @click=\"unpairWallet\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] bottom-4 hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Unpair\" class=\"w-6 h-6 mr-4\"/>\n              Unpair\n            </div>\n          </div>\n          <div class=\"border-l border-[var(--border-color)] md:block hidden\"></div>\n\n          <!-- Balance and main content -->\n          <div class=\"w-full md:w-3/4 lg:w-4/5 h-full overflow-y-auto custom-scrollbar flex flex-col items-start pair-bg md:rounded-tr-2xl md:rounded-bl-none md:rounded-tl-none rounded-2xl z-10\">\n            <div class=\"flex items-center justify-between w-full mt-2 px-4 pt-4 md:pt-14 md:px-8\">\n              <div class=\"flex items-center ml-4 md:ml-0\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkTransfers : lightTransfers\" alt=\"Wallet Icon\" class=\"w-6 h-6 md:w-8 md:h-8 mr-3\"/>\n                <h1 class=\"text-3xl md:text-4xl font-archivomedium mb-2 mt-1 text-[var(--text-color)]\">Send</h1>\n                <img src=\"./assets/BTCicon.png\" alt=\"BTC Icon\" class=\"w-10 h-10 mb-4 ml-2 mt-3 cursor-pointer md:top-16 md:right-16\">\n                <button @click=\"backToOverview\" class=\"absolute top-8 right-8\">\n                  <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n              </button>\n              </div>\n            </div>\n            <div class=\"my-2 mx-auto w-full md:w-[80%] lg:w-[65%] xl:w-[50%] p-4\">\n              <h2 class=\"text-2xl font-archivomedium mb-4 text-center text-[var(--text-color)]\">Send Bitcoin: ({{qrIndex+1}}/{{chunks.length}})</h2>\n              <p class=\"mb-2 md:mb-4 text-center font-archivolight text-sm md:text-md text-[var(--secondary-text-color)]\">Scan the QR Codes with your Cardware Hardware.</p>\n              <div class=\"mb-2 md:mb-4 flex justify-center\">\n                <QRCodeVue :value=\"qrCodeUrl\" :size=\"300\" level=\"L\" class=\"bg-[#FFFFFF] p-4 transform rotate-90\" :background=\"'#FFFFFF'\"></QRCodeVue>\n              </div>\n              <div class=\"flex space-x-4\">\n                <button @click=\"prevQR\" class=\"mt-4 w-1/2 font-archivoregular bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                  Prev\n                </button>\n                <button @click=\"nextQR\" class=\"mt-4 w-1/2 font-archivoregular bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                  Next\n                </button>\n              </div>\n              <button @click=\"nextBroadcast\" class=\"mt-4 w-full font-archivoregular bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                Broadcast\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n\n      <!-- Scan Signed Transaction -->\n      <div v-else-if=\"sending && signed && !transactionComplete\" class=\"fixed inset-0 flex items-center justify-center z-10 bg-[var(--bg-color)]\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row rounded-2xl shadow-2xl\">\n\n          <!-- Desktop (side-menu) -->\n          <div class=\"hidden md:flex md:w-1/4 lg:w-1/5 md:h-full md:flex-col md:items-start sidemenu-bg p-6 rounded-l-2xl relative\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"mb-4 w-48 h-auto md:relative md:left-3 md:top-3 md:pr-6\"/>\n            <hr class=\"w-full mb-4 mt-4 border-[var(--border-color)]\">\n            <button @click=\"backToOverview\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Wallet\n            </button>\n            <div @click=\"showThemePopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Theme\" class=\"w-6 h-6 mr-4\"/>\n              Theme\n            </div>\n            <div @click=\"showResourcesPopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Resources\" class=\"w-6 h-6 mr-4 \"/>\n              Resources\n            </div>\n            <div @click=\"showComingSoonMessage\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-4\"/>\n              Multisig\n            </div>\n             <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Export Zpub\n            </div>\n            <div @click=\"unpairWallet\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] bottom-4 hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Unpair\" class=\"w-6 h-6 mr-4\"/>\n              Unpair\n            </div>\n          </div>\n          <div class=\"border-l border-[var(--border-color)] md:block hidden\"></div>\n\n          <!-- Balance and main content -->\n          <div class=\"w-full md:w-3/4 lg:w-4/5 h-full flex flex-col overflow-y-auto custom-scrollbar items-start pair-bg md:rounded-tr-2xl md:rounded-bl-none md:rounded-tl-none rounded-2xl z-10\">\n            <div class=\"flex items-center justify-between w-full mb-4 mt-2 px-4 pt-4 md:pt-14 md:px-8\">\n              <div class=\"flex items-center ml-4 md:ml-0\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkTransfers : lightTransfers\" alt=\"Wallet Icon\" class=\"w-6 h-6 md:w-8 md:h-8 mr-3\"/>\n                <h1 class=\"text-3xl md:text-4xl font-archivomedium mb-2 mt-1 text-[var(--text-color)]\">Send</h1>\n                <img src=\"./assets/BTCicon.png\" alt=\"BTC Icon\" class=\"w-10 h-10 mb-4 ml-2 mt-3 cursor-pointer md:top-16 md:right-16\">\n                <button @click=\"backToOverview\" class=\"absolute top-8 right-8\">\n                  <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n              </button>\n              </div>\n            </div>\n            <div class=\"my-2 mx-auto w-full md:w-[80%] lg:w-[65%] xl:w-[50%] p-4\">\n               <h2 class=\"text-2xl font-archivomedium my-4 text-center text-[var(--text-color)]\">Broadcasting...</h2>\n                <div class=\"flex flex-col items-center h-60\">\n                  <qrcode-stream @decode=\"onDecode\" @init=\"onInit\" class=\"w-full h-60 md:h-80\" />\n                </div>\n              <p class=\"mb-4 mt-4 text-center font-archivolight text-[var(--secondary-text-color)]\">Scan codes to broadcast transaction</p>\n              <div class=\"flex justify-center mb-4\">\n                <div class=\"loader\"></div>\n              </div>\n              <p class=\"mb-4 text-center text-[var(--accent-color)]\">{{percentSynced}}</p>\n              <div class=\"p-4\">\n              <button @click=\"backToPSBT\" class=\"mt-4 w-full font-archivoregular bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 px-4 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                Back\n              </button>\n            </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n\n      <!-- Export Zpub Screen -->\n      <div v-else-if=\"exportZpubView\" class=\"fixed inset-0 flex items-center justify-center z-10 bg-[var(--bg-color)]\">\n        <div class=\"relative h-[90vh] md:h-[90vh] w-[90%] md:w-[80%] mx-auto flex flex-col md:flex-row rounded-2xl shadow-2xl\">\n\n          <!-- Desktop (side-menu) -->\n          <div class=\"hidden md:flex md:w-1/4 lg:w-1/5 md:h-full md:flex-col md:items-start sidemenu-bg p-6 rounded-l-2xl relative\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkLogo : lightLogo\" alt=\"Logo\" class=\"mb-4 w-48 h-auto md:relative md:left-3 md:top-3 md:pr-6\"/>\n            <hr class=\"w-full mb-4 mt-4 border-[var(--border-color)]\">\n            <button @click=\"backToOverview\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkWallet : lightWallet\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Wallet\n            </button>\n            <div @click=\"showThemePopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkSettings : lightSettings\" alt=\"Theme\" class=\"w-6 h-6 mr-4\"/>\n              Theme\n            </div>\n            <div @click=\"showResourcesPopup = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkResources : lightResources\" alt=\"Resources\" class=\"w-6 h-6 mr-4 \"/>\n              Resources\n            </div>\n            <div @click=\"showComingSoonMessage\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkMultisig : lightMultisig\" alt=\"Multisig\" class=\"w-6 h-6 mr-4\"/>\n              Multisig\n            </div>\n             <div @click=\"exportZpubView = true\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] cursor-pointer hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkExport : lightExport\" alt=\"Wallet Icon\" class=\"w-6 h-6 mr-4\"/>\n              Export Zpub\n            </div>\n            <div @click=\"unpairWallet\" class=\"flex items-center mb-2 p-2 w-full font-archivoregular text-left text-[var(--secondary-text-color)] bottom-4 hover:bg-[var(--accent-color)] rounded-lg hover:text-[var(--hover-text-color)] transition duration-200\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkUnpair : lightUnpair\" alt=\"Unpair\" class=\"w-6 h-6 mr-4\"/>\n              Unpair\n            </div>\n          </div>\n\n          <div class=\"border-l border-[var(--border-color)] md:block hidden\"></div>\n\n          <!-- Balance and main content -->\n          <div class=\"w-full md:w-3/4 lg:w-4/5 h-full flex flex-col items-start pair-bg overflow-y-auto custom-scrollbar md:rounded-tr-2xl md:rounded-bl-none md:rounded-tl-none rounded-2xl z-10\">\n            <div class=\"flex items-center justify-between w-full mb-2 mt-2 px-4 pt-4 md:pt-14 md:px-8\">\n              <div class=\"flex items-center ml-4 md:ml-0\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkTransfers : lightTransfers\" alt=\"Wallet Icon\" class=\"w-6 h-6 md:w-8 md:h-8 mr-3\"/>\n                <h1 class=\"text-3xl md:text-4xl font-archivomedium mb-2 mt-1 text-[var(--text-color)]\">Export Zpub</h1>\n                <img src=\"./assets/BTCicon.png\" alt=\"BTC Icon\" class=\"w-10 h-10 mb-4 ml-2 mt-3 cursor-pointer md:top-16 md:right-16\">\n                <button @click=\"backToOverview\" class=\"absolute top-8 right-8\">\n                <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n                </button>\n              </div>\n            </div>\n            <div class=\"my-2 mx-auto w-full md:w-[80%] lg:w-[65%] xl:w-[50%] p-4\">\n              <!-- Zpub display with copy icon -->\n              <div class=\"flex flex-col items-center mb-2\">\n                <h1 class=\"mb-4 text-center font-archivomedium text-[var(--text-color)]\">Copy & Export:</h1>\n                <div class=\"flex items-center\">\n                  <p class=\"px-2 text-center text-[var(--secondary-text-color)] font-archivolight text-sm break-all\">{{ zpub }}</p>\n                  <img @click=\"copyZpub\" :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkCopy : lightCopy\" alt=\"Copy Icon\" class=\"w-5 h-5 ml-2 cursor-pointer\"/>\n                </div>\n              </div>\n              <!-- Copy & Back Buttons -->\n              <div class=\"flex space-x-4\">\n                <button @click=\"copyZpub\" class=\"mt-4 w-1/2 font-archivoregular bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                  Copy\n                </button>\n                <button @click=\"backToOverview\" class=\"mt-4 w-1/2 font-archivoregular bg-transparent text-[var(--accent-color)] border border-[var(--accent-color)] py-2 rounded-full hover:bg-[var(--accent-color)] hover:text-[var(--hover-text-color)] transition duration-300 shadow-inner\">\n                  Back\n                </button>\n              </div>\n            <hr class=\"w-full border-[var(--border-color)] mt-8 mb-4\">\n              <h1 class=\"font-archivomedium text-[var(--text-color)] my-4 text-center\">Explainer:</h1>\n              <p class=\"mb-4 text-center font-archivolight text-md italic text-[var(--secondary-text-color)]\">\n                Copying and exporting your Zpub into a BTC based watch-only wallet (eg. Sparrow) allows you to interact with this watch-only wallet while signing the transaction on an offline Cardware device.\n              </p>\n           </div>\n          </div>\n        </div>\n      </div>\n\n\n\n    <!-- Transaction Complete -->\n    <div v-else-if=\"transactionComplete\" class=\"fixed inset-0 bg-[#251005] bg-opacity-60 flex items-center justify-center z-50 backdrop-blur-sm animate-fade-in\">\n      <div class=\"bg-gradient-to-tr from-green-400 to-green-600 rounded-3xl p-8 w-11/12 md:w-1/3 relative shadow-2xl transform transition-transform duration-500 animate-scale-in\">\n        <div class=\"flex justify-center mb-4\">\n          <svg class=\"w-16 h-16 text-white animate-bounce\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"></path>\n          </svg>\n        </div>\n        \n        <h2 class=\"text-3xl font-archivomedium text-white text-center mb-2\">Transaction Complete</h2>\n        <p class=\"text-lg text-white font-archivoregular text-center mb-4\">Your transaction has been successfully broadcasted!</p>\n        <p class=\"text-sm text-white font-archivolight text-center mb-6\"><strong>TXID:</strong> {{ abbreviateString(txidStr, 15) }}</p>\n        \n        <div class=\"flex flex-col space-y-4\">\n          <button @click=\"openTxInExplorer\" class=\"w-full font-archivoregular bg-white text-green-600 py-2 px-4 rounded-full hover:bg-green-200 transition duration-300 flex items-center justify-center\">\n            <span>Open in Explorer</span>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" />\n            </svg>\n          </button>\n          <button @click=\"backToWallet\" class=\"w-full font-archivoregular bg-white text-green-600 py-2 px-4 rounded-full hover:bg-green-200 transition duration-300 flex items-center justify-center\">\n            <span>Done</span>\n            <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M17 12a5 5 0 11-10 0 5 5 0 0110 0z\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Success Toast Popup -->\n      <div v-if=\"successMessage\" class=\"fixed top-10 left-1/2 -translate-x-1/2 w-4/5 md:top-12 md:right-20 md:left-auto md:w-auto md:translate-x-0 lg:top-12 lg:right-44 z-[9999] flex items-center space-x-3 bg-green-100 border border-green-300 shadow-xl rounded-md py-6 px-8 transition-transform ease-in-out duration-300\">\n        <svg class=\"w-6 h-6 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"/>\n        </svg>\n        <p class=\"font-archivoregular text-green-800\">{{ successMessage }}</p>\n      </div>\n\n      <!-- Error Toast Popup -->\n      <div v-if=\"errorMessage\" class=\"fixed top-10 left-1/2 -translate-x-1/2 w-4/5 md:top-12 md:right-20 md:left-auto md:w-auto md:translate-x-0 lg:top-12 lg:right-44 z-[9999] flex items-center space-x-3 bg-red-100 border border-red-300 shadow-xl rounded-md py-6 px-8 transition-transform ease-in-out duration-300\">\n        <svg class=\"w-6 h-6 text-red-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"/>\n        </svg>\n        <p class=\"font-archivoregular text-red-800\">{{ errorMessage }}</p>\n      </div>\n\n\n     <!-- Theme Selection Popup -->\n      <div v-if=\"showThemePopup\" class=\"fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-20\">\n        <div class=\"popup-bg text-[var(--popup-text-color)] rounded-lg p-8 w-10/12 md:w-3/6 lg:w-1/3 xl:w-1/4 relative brightness-110\">\n          <button @click=\"showThemePopup = false\" class=\"absolute top-4 right-4\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n          </button>\n          <h2 class=\"text-2xl font-archivomedium mb-4 text-center text-[var(--popup-text-color)]\">Choose your theme</h2>\n          \n          <div class=\"flex justify-center items-center my-4 space-x-8\">\n            <label for=\"lightTheme\" class=\"flex flex-col items-center cursor-pointer\">\n              <img src=\"./assets/LightTheme.png\" alt=\"Light Theme\" class=\"w-20 h-auto mb-2\">\n              <div class=\"flex items-center\">\n                <input type=\"radio\" id=\"lightTheme\" name=\"theme\" value=\"light\" v-model=\"currentTheme\" class=\"mr-2\">\n                <span class=\"font-archivoregular text-[var(--secondary-text-color)]\">Light</span>\n              </div>\n            </label>\n            <label for=\"darkTheme\" class=\"flex flex-col items-center cursor-pointer\">\n              <img src=\"./assets/Dark_Theme1.png\" alt=\"Dark Theme\" class=\"w-20 h-auto mb-2\">\n              <div class=\"flex items-center\">\n                <input type=\"radio\" id=\"darkTheme\" name=\"theme\" value=\"dark\" v-model=\"currentTheme\" class=\"mr-2\">\n                <span class=\"font-archivoregular text-[var(--secondary-text-color)]\">Dark</span>\n              </div>\n            </label>\n            <label for=\"navyTheme\" class=\"flex flex-col items-center cursor-pointer\">\n            <img src=\"./assets/NavyTheme.png\" alt=\"Navy Theme\" class=\"w-20 h-auto mb-2\" />\n            <div class=\"flex items-center\">\n              <input type=\"radio\" id=\"navyTheme\" name=\"theme\" value=\"navy\" v-model=\"currentTheme\" class=\"mr-2\" />\n              <span class=\"font-archivoregular text-[var(--secondary-text-color)]\">Navy</span>\n            </div>\n          </label>\n          </div>\n        </div>\n      </div>\n\n      <!-- Resources Popup -->\n      <div v-if=\"showResourcesPopup\" class=\"fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-20\">\n        <div class=\"popup-bg text-[var(--popup-text-color)] rounded-lg p-8 w-10/12 md:w-3/6 lg:w-1/3 xl:w-1/4 relative brightness-110\">\n          <button @click=\"showResourcesPopup = false\" class=\"absolute top-4 right-4\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n          </button>\n          <h2 class=\"text-2xl font-archivomedium md:mb-8 mb-4 text-center text-[var(--popup-text-color)]\">Cardware Resources</h2>\n          <div class=\"flex flex-row justify-around items-center space-x-2 md:space-x-4\">\n            <a href=\"https://docs.cardwarewallet.com/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex flex-col items-center justify-center cursor-pointer rounded-lg p-4 hover:bg-[var(--accent-color)] transition duration-200 ease-in-out\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkDocs : lightDocs\" alt=\"Docs Icon\" class=\"w-10 h-10 md:w-12 md:h-12 mb-2\"/>\n              <span class=\"text-md font-archivoregular text-[var(--secondary-text-color)] hover:underline\">Docs</span>\n            </a>\n            <a href=\"https://docs.cardwarewallet.com/cardware-wallet-documentation/getting-started\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex flex-col items-center justify-center cursor-pointer rounded-lg p-4 hover:bg-[var(--accent-color)] transition duration-200 ease-in-out\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkGuide : lightGuide\" alt=\"Guides Icon\" class=\"w-10 h-10 md:w-12 md:h-12 mb-2\"/>\n              <span class=\"text-md font-archivoregular text-[var(--secondary-text-color)] hover:underline\">Guide</span>\n            </a>\n            <a href=\"https://docs.cardwarewallet.com/resources/faqs\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"flex flex-col items-center justify-center cursor-pointer rounded-lg p-4 hover:bg-[var(--accent-color)] transition duration-200 ease-in-out\">\n              <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkFAQs : lightFAQs\" alt=\"FAQs Icon\" class=\"w-10 h-10 md:w-12 md:h-12 mb-2\"/>\n              <span class=\"text-md font-archivoregular text-[var(--secondary-text-color)] hover:underline\">FAQs</span>\n            </a>\n          </div>\n        </div>\n      </div>\n\n\n      <!-- Coming Soon Popup -->\n      <div v-if=\"showComingSoonPopup\" class=\"fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center z-20\">\n        <div class=\"popup-bg text-[var(--popup-text-color)] rounded-lg px-8 py-12 w-10/12 md:w-3/6 lg:w-1/3 xl:w-1/4 relative brightness-110\">\n          <button @click=\"showComingSoonPopup = false\" class=\"absolute top-4 right-4\">\n            <img :src=\"(currentTheme === 'dark' || currentTheme === 'navy') ? darkX : lightX\" alt=\"Close Icon\" class=\"w-3 h-3\"/>\n          </button>\n          <h2 class=\"md:text-3xl text-2xl font-archivomedium mb-4 text-center text-[var(--popup-text-color)]\">Coming Soon</h2>\n          <p class=\"text-center font-archivoregular text-[var(--popup-text-color)]\">Follow our <a href=\"https://x.com/CardwareWallet\" class=\"underline text-[var(--accent-color)]\" target=\"_blank\">socials</a> for more information</p>\n        </div>\n      </div>\n\n\n      <!-- Success Toast Popup -->\n      <div v-if=\"successMessage\" class=\"fixed top-10 left-1/2 -translate-x-1/2 w-4/5 md:top-12 md:right-20 md:left-auto md:w-auto md:translate-x-0 lg:top-12 lg:right-44 z-[9999] flex items-center space-x-3 bg-green-100 border border-green-300 shadow-xl rounded-md py-6 px-8 transition-transform ease-in-out duration-300\">\n        <svg class=\"w-6 h-6 text-green-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"/>\n        </svg>\n        <p class=\"font-archivoregular text-green-800\">{{ successMessage }}</p>\n      </div>\n\n      <!-- Error Toast Popup -->\n      <div v-if=\"errorMessage\" class=\"fixed top-10 left-1/2 -translate-x-1/2 w-4/5 md:top-12 md:right-20 md:left-auto md:w-auto md:translate-x-0 lg:top-12 lg:right-44 z-[9999] flex items-center space-x-3 bg-red-100 border border-red-300 shadow-xl rounded-md py-6 px-8 transition-transform ease-in-out duration-300\">\n        <svg class=\"w-6 h-6 text-red-600\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"/>\n        </svg>\n        <p class=\"font-archivoregular text-red-800\">{{ errorMessage }}</p>\n      </div>\n\n\n  </div>\n</template>\n\n<script setup>\n  import { ref, computed, watch, onMounted, onBeforeUnmount } from 'vue';\n  import { Wallet } from 'cardware-btc';\n  import QRCodeVue from 'qrcode.vue';\n  import { QrcodeStream } from 'vue3-qrcode-reader';\n  import PhonePairing from './assets/MobilePairing3.png';\n  import LaptopPairing from './assets/DesktopPairing3.png';\n  import PhonePairingOrange from './assets/MobilePairingOrange3.png';\n  import LaptopPairingOrange from './assets/DesktopPairingOrange3.png';\n  import lightLogo from './assets/CWWLogo.png';\n  import darkLogo from './assets/LogoWhite1.png';\n  import lightWallet from './assets/5Wallet.png';\n  import darkWallet from './assets/WalletWhite1.png';\n  import lightTransfers from './assets/TransIcon.png';\n  import darkTransfers from './assets/TransfersWhite1.png';\n  import lightSettings from './assets/SettIcon.png';\n  import darkSettings from './assets/SettingsWhite.png';\n  import lightResources from './assets/Resources.png';\n  import darkResources from './assets/ResourcesWhite.png';\n  import lightUnpair from './assets/Unpair.png';\n  import darkUnpair from './assets/UnpairWhite1.png';\n  import lightX from './assets/X.png';\n  import darkX from './assets/XWhite.png';\n  import lightDocs from './assets/Docs_Light_Theme.png';\n  import darkDocs from './assets/Docs_Dark_Theme.png';\n  import lightFAQs from './assets/FAQs_Light_Theme.png';\n  import darkFAQs from './assets/FAQs_Dark_Theme.png';\n  import lightEye from './assets/eye.png';\n  import darkEye from './assets/eyeWhite.png';\n  import lightSend from './assets/Send_Copper.png';\n  import darkSend from './assets/SendIconOrange.png';\n  import lightReceive from './assets/Receive_Copper.png';\n  import darkReceive from './assets/ReceiveIconOrange.png';\n  import lightCopy from './assets/LightCopyIcon.png';\n  import darkCopy from './assets/DarkCopyIcon.png';\n  import lightScan from './assets/QR_Light_Theme.png';\n  import darkScan from './assets/QR_Dark_Theme.png';\n  import darkOrangeSend from './assets/Dark_Orange_Send.png';\n  import darkOrangeReceive from './assets/Dark_Orange_Receive.png';\n  import lightGuide from './assets/Guide_Light_Theme.png';\n  import darkGuide from './assets/Guide_Dark_Theme.png';\n  import lightMultisig from './assets/Light_Theme_Multisig.png';\n  import darkMultisig from './assets/Dark_Theme_Multisig.png';\n  import lightExport from './assets/ExportLightTheme.png';\n  import darkExport from './assets/ExportDarkTheme.png';\n\n  const lightImages = [PhonePairing, LaptopPairing];\n  const darkImages = [PhonePairingOrange, LaptopPairingOrange];\n  const currentImageIndex = ref(0);\n  let carouselInterval = null;\n\n  const paired = ref(false);\n  const pairingStarted = ref(false);\n  const walletAddress = ref('');\n  const currentFee = ref('');\n  const balance = ref(0);\n  const unconfirmedBalance = ref(0);\n  const sending = ref(false);\n  const signed = ref(false);\n  const showUnconf = ref(false);\n  const selectedFee = ref(null);\n  const txidStr = ref('');\n  let qrCodeUrl = ref(\"\");\n  let debugInfo = ref(\"\");\n  const transactionComplete = ref(false);\n  let wallet = null;\n  let interval;\n  const psbtGenerated = ref(false);\n  const psbtText = ref(\"\");\n  const percentSynced = ref('0 %');\n  const recipientAddress = ref('');\n  const amountInput = ref('');\n  const showReceive = ref(false);\n\n  let pairStrings = [\"\", \"\", \"\"];\n  let maxBool = false;\n  let maxAmount = 0;\n  let chunks = [];\n  let broadcastStrings = [];\n  const chunkSize = 46;\n  let qrIndex = 0;\n  let currentIndex = 0;\n  let pairPercent = 0;\n  let pairScan = false;\n  let firstTime = false;\n  let totalBCodes = 0;\n  let totalScanned = 0;\n  let lastIndex = 0;\n  let feeInSats;\n  const decodedText = ref('');\n  const isCameraActive = ref(false);\n\n  const showBalance = ref(true);\n  const isMobileMenuOpen = ref(false);\n  const showThemePopup = ref(false);\n  const showResourcesPopup = ref(false);\n  const currentTheme = ref('light');\n  const showCopyPopup = ref(false);\n  const showComingSoonPopup = ref(false);\n\n  const errorMessage = ref('');\n  const successMessage = ref('');\n  const isScanningAddress = ref(false);\n  const displayedBalance = ref('');\n  const exportZpubView = ref(false);\n  // Instead of hardcoding, we initialize zpub as an empty string. We'll set it later.\n  const zpub = ref('');\n\n\n\n  const currentImages = computed(() => {\n    return (currentTheme.value === 'dark' || currentTheme.value === 'navy') ? darkImages : lightImages;\n  });\n\n  const toggleMobileMenu = () => {\n    isMobileMenuOpen.value = true;\n  };\n\n  const closeMobileMenu = () => {\n    isMobileMenuOpen.value = false;\n  };\n\n  const toggleBalance = () => {\n    showBalance.value = !showBalance.value;\n  };\n\n  const showErrorToast = (msg) => {\n    errorMessage.value = msg;\n    setTimeout(() => {\n      errorMessage.value = '';\n    }, 2500);\n  };\n\n\n  onMounted(async () => {\n    const savedTheme = localStorage.getItem('theme');\n    if (savedTheme) {\n      currentTheme.value = savedTheme;\n    }\n    const xpub = localStorage.getItem('cardware_xpub');\n    if(xpub){\n      zpub.value = xpub;\n      paired.value = true;\n      try {\n        wallet = await new Wallet(\n          [xpub],\n          \"https://btc.cardwarewallet.com\",\n          \"bitcoin\"\n        );\n        await callToSync();\n      } catch (error) {\n        paired.value = false;\n      }\n    }else{\n      carouselInterval = setInterval(() => {\n        currentImageIndex.value = (currentImageIndex.value + 1) % currentImages.value.length;\n      }, 3000);\n    }\n  });\n\n  onBeforeUnmount(() => {\n    clearInterval(carouselInterval);\n  });\n\n  const copyZpub = async () => {\n    try {\n      await navigator.clipboard.writeText(zpub.value);\n      successMessage.value = 'Zpub copied to clipboard';\n      setTimeout(() => successMessage.value = '', 2500);\n    } catch (err) {\n      showErrorToast('Failed to copy Zpub');\n    }\n  };\n\n  const onDecode = async(result) => {\n    if (pairScan) {\n      await continueToPair(result);\n    } else {\n      await continueToBroadcast(result);\n    }\n  };\n\n  const onInit = (promise) => {\n    promise.then(() => {\n      isCameraActive.value = true;\n    }).catch((error) => {\n      console.error(error);\n    });\n  };\n\n  const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\n\n  const startPairing = async () => {\n    pairingStarted.value = true;\n    pairStrings = [\"\", \"\", \"\"];\n    pairPercent = 0;\n    percentSynced.value = pairPercent + \" %\";\n    pairScan = true;\n  };\n\n  const handleFirstFee = () => {\n    if (!recipientAddress.value || !amountInput.value) {\n      return;\n    }\n    adjustFeeRate(selectedFee.value);\n  };\n\n\n   // set max amount here  \n  const setMaxAmount = () => {\n    if (balance.value != 0) {\n      let blocks = 1;\n      if(selectedFee.value != null){\n        switch(selectedFee.value){\n          case 0: blocks = 144; break;\n          case 1: blocks = 18; break;\n          case 2: blocks = 1; break;\n        }\n      }else{\n        selectedFee.value = 2;\n        blocks =1;\n      }\n      let maxFee = wallet.estimate_sweep_fee(blocks);\n      feeInSats = maxFee;\n      let feeNum = (Number(maxFee)/100000000).toFixed(8);;\n      if (balance.value-feeNum > 0){\n        currentFee.value = feeNum + \" BTC\";\n        amountInput.value = (balance.value-feeNum).toFixed(8);\n        maxAmount = amountInput.value;\n        maxBool = true;\n      }\n    }\n  };\n\n\n  const adjustFeeRate = (newRate) => {\n    selectedFee.value = newRate;\n    if(maxBool){\n      if(amountInput.value == maxAmount){\n        setMaxAmount();\n        return;\n      }else{\n        maxBool = false;\n      }\n    }\n    if (!recipientAddress.value || !amountInput.value) {\n      return;\n    }\n    if (selectedFee.value == null) {\n      return;\n    }\n    let blocks = 1;\n    switch(newRate){\n      case 0: blocks = 144; break;\n      case 1: blocks = 18; break;\n      case 2: blocks = 1; break;\n    }\n    let amountInSats = BigInt(Math.floor(amountInput.value*100000000));\n    let amounts = [amountInSats];\n    let recipients = [recipientAddress.value];\n    let fee = wallet.estimate_fee(recipients, amounts, blocks);\n    if (fee > 5 ) {\n      let feeString = (Number(fee)/100000000).toFixed(8);;\n      currentFee.value = feeString + \" BTC\";\n      feeInSats = BigInt(fee);\n    } else {\n      const feeInt = Number(fee);\n      switch (feeInt) {\n        case 0: errorMessage.value = \"The addresses array and the amounts array are not the same length.\"; break;\n        case 1: errorMessage.value = \"There is an issue parsing the network.\"; break;\n        case 2: errorMessage.value = \"There is an invalid recipient address.\"; break;\n        case 3: errorMessage.value = \"There is an issue fetching the fee estimates.\"; break;\n        case 4: errorMessage.value = \"There is insufficient BTC to make this transaction.\"; break;\n        case 5: errorMessage.value = \"There are no UTXOs to spend.\"; break;\n      }\n      showErrorToast(errorMessage.value);\n      setTimeout(() => errorMessage.value = '', 2500);\n\n    }\n  };\n\n  const copyWalletAddress = async () => {\n    try {\n      await navigator.clipboard.writeText(walletAddress.value);\n      successMessage.value = 'Wallet address copied to clipboard';\n      setTimeout(() => successMessage.value = '', 2500);\n    } catch (err) {\n      showErrorToast('Failed to copy wallet address: ', err);\n    }\n  };\n\n  const showComingSoonMessage = () => {\n    showComingSoonPopup.value = true;\n    setTimeout(() => {\n      successMessage.value = \"\";\n    }, 2500);\n  };\n\n    \n  const nextBroadcast = () => {\n    signed.value = true;\n    pairPercent = 0;\n    percentSynced.value = pairPercent + \" %\";\n    pairScan = false;\n    firstTime = true;\n  };\n\n  const nextQR = () => {\n    qrIndex++;\n    if(qrIndex == chunks.length){\n      qrIndex = 0;\n    }\n    qrCodeUrl.value = chunks[qrIndex];\n  };\n\n  const prevQR = () => {\n    qrIndex--;\n    if(qrIndex == -1){\n      qrIndex = chunks.length - 1;\n    }\n    qrCodeUrl.value = chunks[qrIndex];\n  };\n\n  const showReceiveView = () => {\n    showReceive.value = true;\n  };\n\n  const backToOverview = () => {\n    broadcastStrings = [];\n    recipientAddress.value = '';\n    amountInput.value = '';\n    currentFee.value = '';\n    selectedFee.value = null;\n    totalScanned = 0;\n    pairPercent = 0;\n    percentSynced.value = pairPercent + \" %\";\n    showReceive.value = false;\n    sending.value = false;\n    signed.value = false;\n    maxBool = false;\n    maxAmount =0;\n    transactionComplete.value = false;\n    exportZpubView.value = false;\n    isMobileMenuOpen.value = false;\n   // isSyncing.value = false;\n  };\n\n  const backToWallet = async () => {\n    broadcastStrings = [];\n    txidStr.value = '';\n    recipientAddress.value = '';\n    amountInput.value = '';\n    currentFee.value = '';\n    selectedFee.value = null;\n    totalScanned = 0;\n    pairPercent = 0;\n    maxBool = false;\n    maxAmount =0;\n    percentSynced.value = pairPercent + \" %\";\n    showReceive.value = false;\n    sending.value = false;\n    signed.value = false;\n    transactionComplete.value = false;\n    exportZpubView.value = false;\n    await callToSync();\n  };\n\n  const backToPair = () => {\n    pairingStarted.value = false;\n  };\n\n  const backToPSBT = () => {\n    signed.value = false;\n    qrIndex = 0;\n  };\n\n  const continueToBroadcast = async(qrString) => {\n    if(qrString.length > 0){\n      let parts = qrString.split(\":\");\n      let sub_parts = parts[0].split(\"/\");\n      if(firstTime){\n        totalBCodes = Number(sub_parts[1]);\n        broadcastStrings = new Array(totalBCodes).fill(null);\n        firstTime = false;\n      }\n      let index = Number(sub_parts[0]);\n      index--;\n      if(broadcastStrings[index] == null){\n        totalScanned++;\n        let pairIncrease = 100/totalBCodes;\n        pairPercent += pairIncrease;\n        pairPercent = Math.round(pairPercent);\n        percentSynced.value = pairPercent + \" %\";\n        broadcastStrings[index] = parts[1];\n        debugInfo.value = parts[1];\n      }\n      if(totalScanned == totalBCodes){\n        pairPercent = 100;\n        let finalString = \"\";\n        for(let i = 0; i < broadcastStrings.length; i++){\n          finalString += broadcastStrings[i];\n        }\n        transactionComplete.value = true;\n        let result = await wallet.broadcast(finalString);\n        if (!result.includes(\"Error:\")) {\n          broadcastStrings = [];\n          firstTime = true;\n          totalScanned = 0;\n          txidStr.value = result;\n          saveTrustedPending();\n        } else {\n          errorMessage.value = result.replace(/^Error: /, \"\");\n          showErrorToast(errorMessage.value);\n          backToWallet();\n        }\n      }\n    }\n  };\n\n  const continueToPair = async(qrString) => {\n    if(qrString.length > 0){\n      if(qrString.charAt(0) == '1'){\n        let parts = qrString.split(\",\");\n        if(pairStrings[0]==\"\"){\n          pairStrings[0] = parts[1];\n          pairPercent += 33;\n          percentSynced.value = pairPercent + \" %\";\n        }\n      }else if(qrString.charAt(0) == '2'){\n         let parts = qrString.split(\",\");\n        if(pairStrings[1]==\"\"){\n          pairStrings[1] = parts[1];\n          pairPercent += 33;\n          percentSynced.value = pairPercent + \" %\";\n        }\n      }else if(qrString.charAt(0) == '3'){\n        let parts = qrString.split(\",\");\n        if(pairStrings[2]==\"\"){\n          pairStrings[2] = parts[1];\n          pairPercent += 33;\n          percentSynced.value = pairPercent + \" %\";\n        }\n      }\n    }\n    if(pairPercent == 99){\n      try {\n        let fullString = pairStrings[0] + pairStrings[1] + pairStrings[2];\n        let parts = fullString.split(\":\");\n        wallet = await new Wallet(\n          [parts[0]],\n          \"https://btc.cardwarewallet.com\",\n          \"bitcoin\"\n        );\n        paired.value = true;\n        localStorage.setItem('cardware_xpub', parts[0]);\n        zpub.value = parts[0]; \n        await callToSync();\n      } catch (error) {\n        pairingStarted.value = false;\n      }\n    }\n  };\n\n  const callToSync = async () => {\n    checkTrustedPending();\n    walletAddress.value = \"Syncing...\"\n    balance.value = \"\"\n    const result = await wallet.sync();\n    if (!result.includes(\"Error:\")) {\n      walletAddress.value = wallet.address();\n      const balanceSatoshis = wallet.balance();\n      balance.value = satoshisToBTC(balanceSatoshis);\n      const unconfBalanceSatoshis = wallet.unconfirmed_balance();\n      unconfirmedBalance.value = satoshisToBTC(unconfBalanceSatoshis);\n      if (unconfBalanceSatoshis != 0) {\n        showUnconf.value = true;\n      } else {\n        showUnconf.value = false;\n      }\n      saveTrustedPending();\n    } else if (result == \"Error: Invalid extended public key.\") {\n      unpairWallet();\n    } else {\n      errorMessage.value = result.replace(/^Error: /, \"\");\n      showErrorToast(errorMessage.value);\n    }\n  };\n\n  const checkTrustedPending = () => {\n    const trustedPending = localStorage.getItem('cardware_trusted_pending');\n    if(trustedPending){\n      const trustedPendingArray = JSON.parse(trustedPending);\n      wallet.set_trusted_pending(trustedPendingArray);\n    }\n  };\n\n  const saveTrustedPending = () => {\n    const trustedPending = wallet.get_trusted_pending();\n    if(trustedPending.length > 0){\n      const trustedPendingString = JSON.stringify(trustedPending);\n      localStorage.setItem('cardware_trusted_pending', trustedPendingString);\n    }else{\n      localStorage.setItem('cardware_trusted_pending', \"\");\n    }\n  };\n\n  function satoshisToBTC(satoshis) {\n    const satoshisStr = satoshis.toString();\n    const length = satoshisStr.length;\n    if (length <= 8) {\n      const padded = satoshisStr.padStart(9, '0');\n      return `0.${padded.slice(-8)}`;\n    } else {\n      const integerPart = satoshisStr.slice(0, length - 8);\n      const decimalPart = satoshisStr.slice(-8);\n      return `${integerPart}.${decimalPart}`;\n    }\n  };\n\n  function startSend() {\n    sending.value = true;\n    psbtGenerated.value = false;\n    recipientAddress.value = '';\n    amountInput.value = '';\n    currentFee.value = '';\n  };\n\n  function openTxInExplorer() {\n    if(txidStr.value != \"\"){\n      const url = `https://blockstream.info/tx/${txidStr.value}`;\n      window.open(url, '_blank');\n    }\n  };\n\n  function generatePSBT() {\n    if (!recipientAddress.value || !amountInput.value) {\n      showErrorToast(\"Please enter both recipient address and amount.\");\n      return;\n    }\n\n    if (selectedFee.value == null) {\n      currentFee.value = '';\n      showErrorToast(\"Please select a transaction fee.\");\n      return;\n    }\n\n    let amountInSats = BigInt(Math.floor(amountInput.value*100000000));\n    let amounts = [amountInSats];\n    let recipients = [recipientAddress.value];\n    chunks = wallet.send(recipients, amounts, BigInt(feeInSats));\n    if(chunks.length > 1){\n      psbtGenerated.value = true;\n      qrCodeUrl.value = chunks[0];\n      qrIndex = 0;\n      /*\n      interval = setInterval(() => {\n        qrCodeUrl.value = chunks[currentIndex]\n        currentIndex = (currentIndex + 1) % chunks.length\n      }, 330)\n      */\n    }else{\n      showErrorToast(chunks[0].replace(/^Error: /, \"\"));\n      //errorMessage.value = chunks[0].replace(/^Error: /, \"\");\n    }\n  };\n\n  function abbreviateString(str, numChars) {\n    if (str.length <= numChars * 2) {\n        return str;\n    }\n    const start = str.substring(0, numChars);\n    const end = str.substring(str.length - numChars);\n    return `${start}...${end}`;\n  };\n\n  function proceedToScanSigned() {\n    signed.value = true;\n  };\n\n  function completeTransaction() {\n    transactionComplete.value = true;\n  };\n\n  function reset() {\n    recipientAddress.value = '';\n    amountInput.value = '';\n    currentFee.value = '';\n    sending.value = false;\n    signed.value = false;\n    transactionComplete.value = false;\n    psbtGenerated.value = false;\n  };\n\n  function unpairWallet() {\n    localStorage.removeItem(\"cardware_xpub\");\n    localStorage.removeItem('cardware_trusted_pending');\n    window.location.reload();\n  };\n\n  function startScanAddress() {\n    isScanningAddress.value = true;\n  }\n\n  function stopScanAddress() {\n    isScanningAddress.value = false;\n  }\n\n  async function onDecodeAddress(result) {\n    const maybeAddress = result.trim().toLowerCase();\n\n    if (maybeAddress.startsWith('bc')) {\n      recipientAddress.value = maybeAddress;\n      isScanningAddress.value = false;\n    } else {\n      showErrorToast('No Address Found');\n    }\n  }\n\n const startSync = async () => {\n   try {\n     await callToSync();\n   } catch (error) {\n     console.error('Sync failed:', error);\n     showErrorToast(\"Failed to sync the wallet. Please try again.\");   }\n };\n\n const balanceDigits = computed(() => {\n   if (!showBalance.value) {\n     return '••••••••••'.split('');\n   }\n   else{\n    return displayedBalance.value.toString().split('');\n   }\n  });\n\n  watch(currentTheme, (newVal) => {\n    localStorage.setItem('theme', newVal);\n  });\n\n  watch(balance, (newVal, oldVal) => {\n  if (newVal === '') {\n    displayedBalance.value = '';\n    return;\n  }\n  if (newVal !== oldVal) {\n    displayedBalance.value = newVal;\n  }\n});\n\n</script>\n\n<style scoped>\n  .loader {\n    border: 8px solid #f3f3f3;\n    border-top: 8px solid var(--accent-color);\n    border-radius: 50%;\n    width: 28px;\n    height: 28px;\n    animation: spin 1s linear infinite;\n  }\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .animate-fade-in {\n    animation: fade-in 0.5s ease-out forwards;\n  }\n\n  @keyframes scale-in {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .animate-scale-in {\n    animation: scale-in 0.5s ease-out forwards;\n  }\n\n  @keyframes spin-slow {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  hr {\n    border-color: var(--border-color);\n  }\n\n\n.digit {\n  --index: 0;\n}\n\n.digit-flicker-enter-active {\n  display: inline-block;\n  animation: digitFlicker 0.4s ease-out forwards;\n  animation-delay: calc(var(--index) * 0.06s);\n}\n\n\n.digit-flicker-enter-from{\n  opacity: 0;\n  transform: scale(1.3) rotate(5deg);\n  filter: blur(3px);\n}\n\n\n@keyframes digitFlicker {\n  0% {\n    opacity: 0.3;\n    transform: scale(1.3) rotate(5deg);\n    filter: blur(3px);\n  }\n  20% {\n    opacity: 0.5;\n    transform: scale(1.2) rotate(-3deg);\n    filter: blur(2px);\n  }\n  40% {\n    opacity: 0.85;\n    transform: scale(1.1) rotate(2deg);\n    filter: blur(2px);\n  }\n  60% {\n    opacity: 1;\n    transform: scale(0.9) rotate(-3deg);\n    filter: blur(1px);\n  }\n  80% {\n    opacity: 1;\n    transform: scale(1.02) rotate(1deg);\n    filter: blur(0.5px);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1) rotate(0deg);\n    filter: blur(0);\n  }\n}\n\n.no-flicker-enter-active{\n  transition: none;\n}\n\n\n  .lightTheme-bg {\n    background: var(--bg-color);\n  }\n\n  .pair-bg {\n    background: var(--main-bg-color);\n  }\n\n  .sidemenu-bg {\n    background: var(--sidemenu-bg-color);\n  }\n\n  .mobile-header-bg {\n    background: var(--mobile-header-bg-color);\n  }\n\n  .balance-bg {\n    background: var(--balance-bg-color);\n  }\n\n  .popup-bg {\n    background: var(--popup-bg-color);\n  }\n\n\n  .custom-scrollbar {\n    /* firefox */\n    overflow-y: auto;\n    scrollbar-width: thin;             \n    scrollbar-color: #888 #f1f1f1;     \n  }\n\n  /* Chrome, Edge, and Safari */\n  .custom-scrollbar::-webkit-scrollbar {\n    width: 8px;                        \n  }\n\n  .custom-scrollbar::-webkit-scrollbar-track {\n    background: #f1f1f1;               \n    border-radius: 16px;\n    margin-top: 5%;\n    margin-bottom: 5%;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-thumb {\n    background-color: #888;            \n    border-radius: 8px;\n  }\n\n  .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n    background-color: #555;           \n  }\n\n  .fade-enter-active, .fade-leave-active {\n  transition: opacity 0.5s;\n  }\n  .fade-enter-from, .fade-leave-to {\n    opacity: 0;\n  }\n\n\n  input, textarea, select, button {\n    font-size: 16px;\n  }\n\n  input[type=\"number\"]::-webkit-outer-spin-button,\n  input[type=\"number\"]::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n  }\n\n  input[type=\"number\"] {\n    -moz-appearance: none;\n  }\n\n</style>\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport './index.css'\ncreateApp(App).mount('#app')\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=8d1479ae&scoped=true&lang=css\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-8d1479ae\"]])\n\nexport default __exports__","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var webpackQueues = typeof Symbol === \"function\" ? Symbol(\"webpack queues\") : \"__webpack_queues__\";\nvar webpackExports = typeof Symbol === \"function\" ? Symbol(\"webpack exports\") : \"__webpack_exports__\";\nvar webpackError = typeof Symbol === \"function\" ? Symbol(\"webpack error\") : \"__webpack_error__\";\nvar resolveQueue = function(queue) {\n\tif(queue && queue.d < 1) {\n\t\tqueue.d = 1;\n\t\tqueue.forEach(function(fn) { fn.r--; });\n\t\tqueue.forEach(function(fn) { fn.r-- ? fn.r++ : fn(); });\n\t}\n}\nvar wrapDeps = function(deps) { return deps.map(function(dep) {\n\tif(dep !== null && typeof dep === \"object\") {\n\t\tif(dep[webpackQueues]) return dep;\n\t\tif(dep.then) {\n\t\t\tvar queue = [];\n\t\t\tqueue.d = 0;\n\t\t\tdep.then(function(r) {\n\t\t\t\tobj[webpackExports] = r;\n\t\t\t\tresolveQueue(queue);\n\t\t\t}, function(e) {\n\t\t\t\tobj[webpackError] = e;\n\t\t\t\tresolveQueue(queue);\n\t\t\t});\n\t\t\tvar obj = {};\n\t\t\tobj[webpackQueues] = function(fn) { fn(queue); };\n\t\t\treturn obj;\n\t\t}\n\t}\n\tvar ret = {};\n\tret[webpackQueues] = function() {};\n\tret[webpackExports] = dep;\n\treturn ret;\n}); };\n__webpack_require__.a = function(module, body, hasAwait) {\n\tvar queue;\n\thasAwait && ((queue = []).d = -1);\n\tvar depQueues = new Set();\n\tvar exports = module.exports;\n\tvar currentDeps;\n\tvar outerResolve;\n\tvar reject;\n\tvar promise = new Promise(function(resolve, rej) {\n\t\treject = rej;\n\t\touterResolve = resolve;\n\t});\n\tpromise[webpackExports] = exports;\n\tpromise[webpackQueues] = function(fn) { queue && fn(queue), depQueues.forEach(fn), promise[\"catch\"](function() {}); };\n\tmodule.exports = promise;\n\tbody(function(deps) {\n\t\tcurrentDeps = wrapDeps(deps);\n\t\tvar fn;\n\t\tvar getResult = function() { return currentDeps.map(function(d) {\n\t\t\tif(d[webpackError]) throw d[webpackError];\n\t\t\treturn d[webpackExports];\n\t\t}); }\n\t\tvar promise = new Promise(function(resolve) {\n\t\t\tfn = function() { resolve(getResult); };\n\t\t\tfn.r = 0;\n\t\t\tvar fnQueue = function(q) { q !== queue && !depQueues.has(q) && (depQueues.add(q), q && !q.d && (fn.r++, q.push(fn))); };\n\t\t\tcurrentDeps.map(function(dep) { dep[webpackQueues](fnQueue); });\n\t\t});\n\t\treturn fn.r ? promise : getResult();\n\t}, function(err) { (err ? reject(promise[webpackError] = err) : outerResolve(exports)), resolveQueue(queue); });\n\tqueue && queue.d < 0 && (queue.d = 0);\n};","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.hmd = function(module) {\n\tmodule = Object.create(module);\n\tif (!module.children) module.children = [];\n\tObject.defineProperty(module, 'exports', {\n\t\tenumerable: true,\n\t\tset: function() {\n\t\t\tthrow new Error('ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: ' + module.id);\n\t\t}\n\t});\n\treturn module;\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.v = function(exports, wasmModuleId, wasmModuleHash, importsObj) {\n\tvar req = fetch(__webpack_require__.p + \"\" + wasmModuleHash + \".module.wasm\");\n\tvar fallback = function() { return req\n\t\t.then(function(x) { return x.arrayBuffer(); })\n\t\t.then(function(bytes) { return WebAssembly.instantiate(bytes, importsObj); })\n\t\t.then(function(res) { return Object.assign(exports, res.instance.exports); }); };\n\treturn req.then(function(res) {\n\t\tif (typeof WebAssembly.instantiateStreaming === \"function\") {\n\t\t\treturn WebAssembly.instantiateStreaming(res, importsObj)\n\t\t\t\t.then(\n\t\t\t\t\tfunction(res) { return Object.assign(exports, res.instance.exports); },\n\t\t\t\t\tfunction(e) {\n\t\t\t\t\t\tif(res.headers.get(\"Content-Type\") !== \"application/wasm\") {\n\t\t\t\t\t\t\tconsole.warn(\"`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\\n\", e);\n\t\t\t\t\t\t\treturn fallback();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthrow e;\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t}\n\t\treturn fallback();\n\t});\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkcardware_wallet\"] = self[\"webpackChunkcardware_wallet\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(1406); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["lightImages","PhonePairing","LaptopPairing","darkImages","PhonePairingOrange","LaptopPairingOrange","currentImageIndex","ref","carouselInterval","paired","pairingStarted","walletAddress","currentFee","balance","unconfirmedBalance","sending","signed","showUnconf","selectedFee","txidStr","qrCodeUrl","debugInfo","transactionComplete","wallet","psbtGenerated","percentSynced","recipientAddress","amountInput","showReceive","feeInSats","pairStrings","maxBool","maxAmount","chunks","broadcastStrings","qrIndex","pairPercent","pairScan","firstTime","totalBCodes","totalScanned","isCameraActive","showBalance","isMobileMenuOpen","showThemePopup","showResourcesPopup","currentTheme","showComingSoonPopup","errorMessage","successMessage","isScanningAddress","displayedBalance","exportZpubView","zpub","currentImages","computed","value","toggleMobileMenu","closeMobileMenu","toggleBalance","showErrorToast","msg","setTimeout","onMounted","async","savedTheme","localStorage","getItem","xpub","Wallet","callToSync","error","setInterval","length","onBeforeUnmount","clearInterval","copyZpub","navigator","clipboard","writeText","err","onDecode","continueToPair","result","continueToBroadcast","onInit","promise","then","catch","console","startPairing","handleFirstFee","adjustFeeRate","setMaxAmount","blocks","maxFee","estimate_sweep_fee","feeNum","Number","toFixed","newRate","amountInSats","BigInt","Math","floor","amounts","recipients","fee","estimate_fee","feeString","feeInt","copyWalletAddress","showComingSoonMessage","nextBroadcast","nextQR","prevQR","showReceiveView","backToOverview","backToWallet","backToPair","backToPSBT","qrString","parts","split","sub_parts","Array","fill","index","pairIncrease","round","finalString","i","broadcast","includes","replace","saveTrustedPending","charAt","fullString","setItem","checkTrustedPending","sync","unpairWallet","address","balanceSatoshis","satoshisToBTC","unconfBalanceSatoshis","unconfirmed_balance","trustedPending","trustedPendingArray","JSON","parse","set_trusted_pending","get_trusted_pending","trustedPendingString","stringify","satoshis","satoshisStr","toString","padded","padStart","slice","integerPart","decimalPart","startSend","openTxInExplorer","url","window","open","generatePSBT","send","abbreviateString","str","numChars","start","substring","end","removeItem","location","reload","startScanAddress","stopScanAddress","onDecodeAddress","maybeAddress","trim","toLowerCase","startsWith","startSync","balanceDigits","watch","newVal","oldVal","createApp","App","mount","__exports__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","id","loaded","__webpack_modules__","call","m","webpackQueues","Symbol","webpackExports","webpackError","resolveQueue","queue","d","forEach","fn","r","wrapDeps","deps","map","dep","obj","e","ret","a","body","hasAwait","currentDeps","outerResolve","reject","depQueues","Set","Promise","resolve","rej","getResult","fnQueue","q","has","add","push","deferred","O","chunkIds","priority","notFulfilled","Infinity","fulfilled","j","Object","keys","every","key","splice","n","getter","__esModule","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","hmd","create","children","set","Error","prop","prototype","hasOwnProperty","toStringTag","v","wasmModuleId","wasmModuleHash","importsObj","req","fetch","p","fallback","x","arrayBuffer","bytes","WebAssembly","instantiate","res","assign","instance","instantiateStreaming","headers","warn","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}