cppay-sdk 0.0.2-beta.23 → 0.0.2-beta.25

package/dist/w3m-modal-BBvmkTyb.cjs

@@ -0,0 +1,2416 @@
+const e=require(`./chunk-DT80SxnK.cjs`);require(`./index.es-fgFnvPDP.cjs`);const t=require(`./ApiController-DB43iwF1.cjs`),n=require(`./HelpersUtil-L0eeYoE2.cjs`),r=require(`./wui-list-item-BGvfYb1W.cjs`),i=require(`./AlertController-CjTbf-Vd.cjs`),a={getGasPriceInEther(e,t){let n=t*e;return Number(n)/0xde0b6b3a7640000},getGasPriceInUSD(e,n,r){let i=a.getGasPriceInEther(n,r);return t.K.bigNumber(e).times(i).toNumber()},getPriceImpact({sourceTokenAmount:e,sourceTokenPriceInUSD:n,toTokenPriceInUSD:r,toTokenAmount:i}){let a=t.K.bigNumber(e).times(n),o=t.K.bigNumber(i).times(r);return a.minus(o).div(a).times(100).toNumber()},getMaxSlippage(e,n){let r=t.K.bigNumber(e).div(100);return t.K.multiply(n,r).toNumber()},getProviderFee(e,n=.0085){return t.K.bigNumber(e).times(n).toString()},isInsufficientNetworkTokenForGas(e,n){let r=n||`0`;return t.K.bigNumber(e).eq(0)?!0:t.K.bigNumber(t.K.bigNumber(r)).gt(e)},isInsufficientSourceTokenForSwap(e,n,r){let i=r?.find(e=>e.address===n)?.quantity?.numeric;return t.K.bigNumber(i||`0`).lt(e)}},o=15e4,s=6;var c={initializing:!1,initialized:!1,loadingPrices:!1,loadingQuote:!1,loadingApprovalTransaction:!1,loadingBuildTransaction:!1,loadingTransaction:!1,switchingTokens:!1,fetchError:!1,approvalTransaction:void 0,swapTransaction:void 0,transactionError:void 0,sourceToken:void 0,sourceTokenAmount:``,sourceTokenPriceInUSD:0,toToken:void 0,toTokenAmount:``,toTokenPriceInUSD:0,networkPrice:`0`,networkBalanceInUSD:`0`,networkTokenSymbol:``,inputError:void 0,slippage:t.N.CONVERT_SLIPPAGE_TOLERANCE,tokens:void 0,popularTokens:void 0,suggestedTokens:void 0,foundTokens:void 0,myTokensWithBalance:void 0,tokensPriceMap:{},gasFee:`0`,gasPriceInUSD:0,priceImpact:void 0,maxSlippage:void 0,providerFee:void 0},l=t.L({...c}),u={state:l,subscribe(e){return t.R(l,()=>e(l))},subscribeKey(e,n){return t.I(l,e,n)},getParams(){let e=t.n.state.activeChain,n=t.n.getAccountData(e)?.caipAddress??t.n.state.activeCaipAddress,r=t.j.getPlainAddress(n),i=t.d(),a=t.m.getConnectorId(t.n.state.activeChain);if(!r)throw Error(`No address found to swap the tokens from.`);let o=!l.toToken?.address||!l.toToken?.decimals,s=!l.sourceToken?.address||!l.sourceToken?.decimals||!t.K.bigNumber(l.sourceTokenAmount).gt(0),c=!l.sourceTokenAmount;return{networkAddress:i,fromAddress:r,fromCaipAddress:n,sourceTokenAddress:l.sourceToken?.address,toTokenAddress:l.toToken?.address,toTokenAmount:l.toTokenAmount,toTokenDecimals:l.toToken?.decimals,sourceTokenAmount:l.sourceTokenAmount,sourceTokenDecimals:l.sourceToken?.decimals,invalidToToken:o,invalidSourceToken:s,invalidSourceTokenAmount:c,availableToSwap:n&&!o&&!s&&!c,isAuthConnector:a===t.J.CONNECTOR_ID.AUTH}},async setSourceToken(e){if(!e){l.sourceToken=e,l.sourceTokenAmount=``,l.sourceTokenPriceInUSD=0;return}l.sourceToken=e,await d.setTokenPrice(e.address,`sourceToken`)},setSourceTokenAmount(e){l.sourceTokenAmount=e},async setToToken(e){if(!e){l.toToken=e,l.toTokenAmount=``,l.toTokenPriceInUSD=0;return}l.toToken=e,await d.setTokenPrice(e.address,`toToken`)},setToTokenAmount(e){l.toTokenAmount=e?t.K.toFixed(e,6):``},async setTokenPrice(e,t){let n=l.tokensPriceMap[e]||0;n||=(l.loadingPrices=!0,await d.getAddressPrice(e)),t===`sourceToken`?l.sourceTokenPriceInUSD=n:t===`toToken`&&(l.toTokenPriceInUSD=n),l.loadingPrices&&=!1,d.getParams().availableToSwap&&!l.switchingTokens&&d.swapTokens()},async switchTokens(){if(!(l.initializing||!l.initialized||l.switchingTokens)){l.switchingTokens=!0;try{let e=l.toToken?{...l.toToken}:void 0,t=l.sourceToken?{...l.sourceToken}:void 0,n=e&&l.toTokenAmount===``?`1`:l.toTokenAmount;d.setSourceTokenAmount(n),d.setToTokenAmount(``),await d.setSourceToken(e),await d.setToToken(t),l.switchingTokens=!1,d.swapTokens()}catch(e){throw l.switchingTokens=!1,e}}},resetState(){l.myTokensWithBalance=c.myTokensWithBalance,l.tokensPriceMap=c.tokensPriceMap,l.initialized=c.initialized,l.initializing=c.initializing,l.switchingTokens=c.switchingTokens,l.sourceToken=c.sourceToken,l.sourceTokenAmount=c.sourceTokenAmount,l.sourceTokenPriceInUSD=c.sourceTokenPriceInUSD,l.toToken=c.toToken,l.toTokenAmount=c.toTokenAmount,l.toTokenPriceInUSD=c.toTokenPriceInUSD,l.networkPrice=c.networkPrice,l.networkTokenSymbol=c.networkTokenSymbol,l.networkBalanceInUSD=c.networkBalanceInUSD,l.inputError=c.inputError},resetValues(){let{networkAddress:e}=d.getParams(),t=l.tokens?.find(t=>t.address===e);d.setSourceToken(t),d.setToToken(void 0)},getApprovalLoadingState(){return l.loadingApprovalTransaction},clearError(){l.transactionError=void 0},async initializeState(){if(!l.initializing){if(l.initializing=!0,!l.initialized)try{await d.fetchTokens(),l.initialized=!0}catch{l.initialized=!1,t.C.showError(`Failed to initialize swap`),t.y.goBack()}l.initializing=!1}},async fetchTokens(){let{networkAddress:e}=d.getParams();await d.getNetworkTokenPrice(),await d.getMyTokensWithBalance();let t=l.myTokensWithBalance?.find(t=>t.address===e);t&&(l.networkTokenSymbol=t.symbol,d.setSourceToken(t),d.setSourceTokenAmount(`0`))},async getTokenList(){let e=t.n.state.activeCaipNetwork?.caipNetworkId;if(!(l.caipNetworkId===e&&l.tokens))try{l.tokensLoading=!0;let n=await t.i.getTokenList(e);l.tokens=n,l.caipNetworkId=e,l.popularTokens=n.sort((e,t)=>e.symbol<t.symbol?-1:e.symbol>t.symbol?1:0);let r=(e&&t.N.SUGGESTED_TOKENS_BY_CHAIN?.[e]||[]).map(e=>n.find(t=>t.symbol===e)).filter(e=>!!e),i=(t.N.SWAP_SUGGESTED_TOKENS||[]).map(e=>n.find(t=>t.symbol===e)).filter(e=>!!e).filter(e=>!r.some(t=>t.address===e.address));l.suggestedTokens=[...r,...i]}catch{l.tokens=[],l.popularTokens=[],l.suggestedTokens=[]}finally{l.tokensLoading=!1}},async getAddressPrice(e){let n=l.tokensPriceMap[e];if(n)return n;let r=(await t.S.fetchTokenPrice({addresses:[e]}))?.fungibles||[],i=[...l.tokens||[],...l.myTokensWithBalance||[]]?.find(t=>t.address===e)?.symbol,a=r.find(e=>e.symbol.toLowerCase()===i?.toLowerCase())?.price||0,o=parseFloat(a.toString());return l.tokensPriceMap[e]=o,o},async getNetworkTokenPrice(){let{networkAddress:e}=d.getParams(),n=(await t.S.fetchTokenPrice({addresses:[e]}).catch(()=>(t.C.showError(`Failed to fetch network token price`),{fungibles:[]}))).fungibles?.[0],r=n?.price.toString()||`0`;l.tokensPriceMap[e]=parseFloat(r),l.networkTokenSymbol=n?.symbol||``,l.networkPrice=r},async getMyTokensWithBalance(e){let n=await t.s.getMyTokensWithBalance({forceUpdate:e,caipNetwork:t.n.state.activeCaipNetwork,address:t.n.getAccountData()?.address}),r=t.i.mapBalancesToSwapTokens(n);r&&(await d.getInitialGasPrice(),d.setBalances(r))},setBalances(e){let{networkAddress:n}=d.getParams(),r=t.n.state.activeCaipNetwork;if(!r)return;let i=e.find(e=>e.address===n);e.forEach(e=>{l.tokensPriceMap[e.address]=e.price||0}),l.myTokensWithBalance=e.filter(e=>e.address.startsWith(r.caipNetworkId)),l.networkBalanceInUSD=i?t.K.multiply(i.quantity.numeric,i.price).toString():`0`},async getInitialGasPrice(){let e=await t.i.fetchGasPrice();if(!e)return{gasPrice:null,gasPriceInUSD:null};switch(t.n.state?.activeCaipNetwork?.chainNamespace){case t.J.CHAIN.SOLANA:return l.gasFee=e.standard??`0`,l.gasPriceInUSD=t.K.multiply(e.standard,l.networkPrice).div(1e9).toNumber(),{gasPrice:BigInt(l.gasFee),gasPriceInUSD:Number(l.gasPriceInUSD)};case t.J.CHAIN.EVM:default:let n=e.standard??`0`,r=BigInt(n),i=BigInt(o),s=a.getGasPriceInUSD(l.networkPrice,i,r);return l.gasFee=n,l.gasPriceInUSD=s,{gasPrice:r,gasPriceInUSD:s}}},async swapTokens(){let e=t.n.getAccountData()?.address,n=l.sourceToken,r=l.toToken,a=t.K.bigNumber(l.sourceTokenAmount).gt(0);if(a||d.setToTokenAmount(``),!r||!n||l.loadingPrices||!a||!e)return;l.loadingQuote=!0;let o=t.K.bigNumber(l.sourceTokenAmount).times(10**n.decimals).round(0).toFixed(0);try{let a=await t.S.fetchSwapQuote({userAddress:e,from:n.address,to:r.address,gasPrice:l.gasFee,amount:o.toString()});l.loadingQuote=!1;let s=a?.quotes?.[0]?.toAmount;if(!s){i.t.open({displayMessage:`Incorrect amount`,debugMessage:`Please enter a valid amount`},`error`);return}let c=t.K.bigNumber(s).div(10**r.decimals).toString();d.setToTokenAmount(c),d.hasInsufficientToken(l.sourceTokenAmount,n.address)?l.inputError=`Insufficient balance`:(l.inputError=void 0,d.setTransactionDetails())}catch(e){let n=await t.i.handleSwapError(e);l.loadingQuote=!1,l.inputError=n||`Insufficient balance`}},async getTransaction(){let{fromCaipAddress:e,availableToSwap:n}=d.getParams(),r=l.sourceToken,i=l.toToken;if(!(!e||!n||!r||!i||l.loadingQuote))try{l.loadingBuildTransaction=!0;let n=await t.i.fetchSwapAllowance({userAddress:e,tokenAddress:r.address,sourceTokenAmount:l.sourceTokenAmount,sourceTokenDecimals:r.decimals}),i;return i=n?await d.createSwapTransaction():await d.createAllowanceTransaction(),l.loadingBuildTransaction=!1,l.fetchError=!1,i}catch{t.y.goBack(),t.C.showError(`Failed to check allowance`),l.loadingBuildTransaction=!1,l.approvalTransaction=void 0,l.swapTransaction=void 0,l.fetchError=!0;return}},async createAllowanceTransaction(){let{fromCaipAddress:e,sourceTokenAddress:n,toTokenAddress:r}=d.getParams();if(!(!e||!r)){if(!n)throw Error(`createAllowanceTransaction - No source token address found.`);try{let i=await t.S.generateApproveCalldata({from:n,to:r,userAddress:e}),a=t.j.getPlainAddress(i.tx.from);if(!a)throw Error(`SwapController:createAllowanceTransaction - address is required`);let o={data:i.tx.data,to:a,gasPrice:BigInt(i.tx.eip155.gasPrice),value:BigInt(i.tx.value),toAmount:l.toTokenAmount};return l.swapTransaction=void 0,l.approvalTransaction={data:o.data,to:o.to,gasPrice:o.gasPrice,value:o.value,toAmount:o.toAmount},{data:o.data,to:o.to,gasPrice:o.gasPrice,value:o.value,toAmount:o.toAmount}}catch{t.y.goBack(),t.C.showError(`Failed to create approval transaction`),l.approvalTransaction=void 0,l.swapTransaction=void 0,l.fetchError=!0;return}}},async createSwapTransaction(){let{networkAddress:e,fromCaipAddress:n,sourceTokenAmount:r}=d.getParams(),i=l.sourceToken,o=l.toToken;if(!n||!r||!i||!o)return;let s=t.c.parseUnits(r,i.decimals)?.toString();try{let r=await t.S.generateSwapCalldata({userAddress:n,from:i.address,to:o.address,amount:s,disableEstimate:!0}),c=i.address===e,u=BigInt(r.tx.eip155.gas),d=BigInt(r.tx.eip155.gasPrice),f=t.j.getPlainAddress(r.tx.to);if(!f)throw Error(`SwapController:createSwapTransaction - address is required`);let ee={data:r.tx.data,to:f,gas:u,gasPrice:d,value:c?BigInt(s??`0`):BigInt(`0`),toAmount:l.toTokenAmount};return l.gasPriceInUSD=a.getGasPriceInUSD(l.networkPrice,u,d),l.approvalTransaction=void 0,l.swapTransaction=ee,ee}catch{t.y.goBack(),t.C.showError(`Failed to create transaction`),l.approvalTransaction=void 0,l.swapTransaction=void 0,l.fetchError=!0;return}},onEmbeddedWalletApprovalSuccess(){t.C.showLoading(`Approve limit increase in your wallet`),t.y.replace(`SwapPreview`)},async sendTransactionForApproval(e){let{fromAddress:n,isAuthConnector:r}=d.getParams();l.loadingApprovalTransaction=!0,r?t.y.pushTransactionStack({onSuccess:d.onEmbeddedWalletApprovalSuccess}):t.C.showLoading(`Approve limit increase in your wallet`);try{await t.c.sendTransaction({address:n,to:e.to,data:e.data,value:e.value,chainNamespace:t.J.CHAIN.EVM}),await d.swapTokens(),await d.getTransaction(),l.approvalTransaction=void 0,l.loadingApprovalTransaction=!1}catch(e){let n=e;l.transactionError=n?.displayMessage,l.loadingApprovalTransaction=!1,t.C.showError(n?.displayMessage||`Transaction error`),t.v.sendEvent({type:`track`,event:`SWAP_APPROVAL_ERROR`,properties:{message:n?.displayMessage||n?.message||`Unknown`,network:t.n.state.activeCaipNetwork?.caipNetworkId||``,swapFromToken:d.state.sourceToken?.symbol||``,swapToToken:d.state.toToken?.symbol||``,swapFromAmount:d.state.sourceTokenAmount||``,swapToAmount:d.state.toTokenAmount||``,isSmartAccount:t.p(t.J.CHAIN.EVM)===t.w.ACCOUNT_TYPES.SMART_ACCOUNT}})}},async sendTransactionForSwap(e){if(!e)return;let{fromAddress:n,toTokenAmount:r,isAuthConnector:i}=d.getParams();l.loadingTransaction=!0;let a=`Swapping ${l.sourceToken?.symbol} to ${t.K.formatNumberToLocalString(r,3)} ${l.toToken?.symbol}`,o=`Swapped ${l.sourceToken?.symbol} to ${t.K.formatNumberToLocalString(r,3)} ${l.toToken?.symbol}`;i?t.y.pushTransactionStack({onSuccess(){t.y.replace(`Account`),t.C.showLoading(a),u.resetState()}}):t.C.showLoading(`Confirm transaction in your wallet`);try{let r=[l.sourceToken?.address,l.toToken?.address].join(`,`),a=await t.c.sendTransaction({address:n,to:e.to,data:e.data,value:e.value,chainNamespace:t.J.CHAIN.EVM});return l.loadingTransaction=!1,t.C.showSuccess(o),t.v.sendEvent({type:`track`,event:`SWAP_SUCCESS`,properties:{network:t.n.state.activeCaipNetwork?.caipNetworkId||``,swapFromToken:d.state.sourceToken?.symbol||``,swapToToken:d.state.toToken?.symbol||``,swapFromAmount:d.state.sourceTokenAmount||``,swapToAmount:d.state.toTokenAmount||``,isSmartAccount:t.p(t.J.CHAIN.EVM)===t.w.ACCOUNT_TYPES.SMART_ACCOUNT}}),u.resetState(),i||t.y.replace(`Account`),u.getMyTokensWithBalance(r),a}catch(e){let n=e;l.transactionError=n?.displayMessage,l.loadingTransaction=!1,t.C.showError(n?.displayMessage||`Transaction error`),t.v.sendEvent({type:`track`,event:`SWAP_ERROR`,properties:{message:n?.displayMessage||n?.message||`Unknown`,network:t.n.state.activeCaipNetwork?.caipNetworkId||``,swapFromToken:d.state.sourceToken?.symbol||``,swapToToken:d.state.toToken?.symbol||``,swapFromAmount:d.state.sourceTokenAmount||``,swapToAmount:d.state.toTokenAmount||``,isSmartAccount:t.p(t.J.CHAIN.EVM)===t.w.ACCOUNT_TYPES.SMART_ACCOUNT}});return}},hasInsufficientToken(e,t){return a.isInsufficientSourceTokenForSwap(e,t,l.myTokensWithBalance)},setTransactionDetails(){let{toTokenAddress:e,toTokenDecimals:t}=d.getParams();!e||!t||(l.gasPriceInUSD=a.getGasPriceInUSD(l.networkPrice,BigInt(l.gasFee),BigInt(o)),l.priceImpact=a.getPriceImpact({sourceTokenAmount:l.sourceTokenAmount,sourceTokenPriceInUSD:l.sourceTokenPriceInUSD,toTokenPriceInUSD:l.toTokenPriceInUSD,toTokenAmount:l.toTokenAmount}),l.maxSlippage=a.getMaxSlippage(l.slippage,l.toTokenAmount),l.providerFee=a.getProviderFee(l.sourceTokenAmount))}};const d=t.O(u);var f=t.L({message:``,open:!1,triggerRect:{width:0,height:0,top:0,left:0},variant:`shade`}),ee={state:f,subscribe(e){return t.R(f,()=>e(f))},subscribeKey(e,n){return t.I(f,e,n)},showTooltip({message:e,triggerRect:t,variant:n}){f.open=!0,f.message=e,f.triggerRect=t,f.variant=n},hide(){f.open=!1,f.message=``,f.triggerRect={width:0,height:0,top:0,left:0}}};const p=t.O(ee),te={isUnsupportedChainView(){return t.y.state.view===`UnsupportedChain`||t.y.state.view===`SwitchNetwork`&&t.y.state.history.includes(`UnsupportedChain`)},async safeClose(){if(this.isUnsupportedChainView()){t.g.shake();return}if(await i.n.isSIWXCloseDisabled()){t.g.shake();return}(t.y.state.view===`DataCapture`||t.y.state.view===`DataCaptureOtpConfirm`)&&t.c.disconnect(),t.g.close()}};var ne=n.u`
+  :host {
+    display: block;
+    border-radius: clamp(0px, ${({borderRadius:e})=>e[8]}, 44px);
+    box-shadow: 0 0 0 1px ${({tokens:e})=>e.theme.foregroundPrimary};
+    overflow: hidden;
+  }
+`,re=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ie=class extends n.p{render(){return n._`<slot></slot>`}};ie.styles=[n.s,ne],ie=re([n.r(`wui-card`)],ie);var ae=n.u`
+  :host {
+    width: 100%;
+  }
+
+  :host > wui-flex {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: ${({spacing:e})=>e[2]};
+    padding: ${({spacing:e})=>e[3]};
+    border-radius: ${({borderRadius:e})=>e[6]};
+    border: 1px solid ${({tokens:e})=>e.theme.borderPrimary};
+    box-sizing: border-box;
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
+    color: ${({tokens:e})=>e.theme.textPrimary};
+  }
+
+  :host > wui-flex[data-type='info'] {
+    .icon-box {
+      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+
+      wui-icon {
+        color: ${({tokens:e})=>e.theme.iconDefault};
+      }
+    }
+  }
+  :host > wui-flex[data-type='success'] {
+    .icon-box {
+      background-color: ${({tokens:e})=>e.core.backgroundSuccess};
+
+      wui-icon {
+        color: ${({tokens:e})=>e.core.borderSuccess};
+      }
+    }
+  }
+  :host > wui-flex[data-type='warning'] {
+    .icon-box {
+      background-color: ${({tokens:e})=>e.core.backgroundWarning};
+
+      wui-icon {
+        color: ${({tokens:e})=>e.core.borderWarning};
+      }
+    }
+  }
+  :host > wui-flex[data-type='error'] {
+    .icon-box {
+      background-color: ${({tokens:e})=>e.core.backgroundError};
+
+      wui-icon {
+        color: ${({tokens:e})=>e.core.borderError};
+      }
+    }
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  wui-text {
+    word-break: break-word;
+    flex: 1;
+  }
+
+  .close {
+    cursor: pointer;
+    color: ${({tokens:e})=>e.theme.iconDefault};
+  }
+
+  .icon-box {
+    height: 40px;
+    width: 40px;
+    border-radius: ${({borderRadius:e})=>e[2]};
+    background-color: var(--local-icon-bg-value);
+  }
+`,oe=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},se={info:`info`,success:`checkmark`,warning:`warningCircle`,error:`warning`},m=class extends n.p{constructor(){super(...arguments),this.message=``,this.type=`info`}render(){return n._`
+      <wui-flex
+        data-type=${r.o(this.type)}
+        flexDirection="row"
+        justifyContent="space-between"
+        alignItems="center"
+        gap="2"
+      >
+        <wui-flex columnGap="2" flexDirection="row" alignItems="center">
+          <wui-flex
+            flexDirection="row"
+            alignItems="center"
+            justifyContent="center"
+            class="icon-box"
+          >
+            <wui-icon color="inherit" size="md" name=${se[this.type]}></wui-icon>
+          </wui-flex>
+          <wui-text variant="md-medium" color="inherit" data-testid="wui-alertbar-text"
+            >${this.message}</wui-text
+          >
+        </wui-flex>
+        <wui-icon
+          class="close"
+          color="inherit"
+          size="sm"
+          name="close"
+          @click=${this.onClose}
+        ></wui-icon>
+      </wui-flex>
+    `}onClose(){i.t.close()}};m.styles=[n.s,ae],oe([r.c()],m.prototype,`message`,void 0),oe([r.c()],m.prototype,`type`,void 0),m=oe([n.r(`wui-alertbar`)],m);var ce=n.u`
+  :host {
+    display: block;
+    position: absolute;
+    top: ${({spacing:e})=>e[3]};
+    left: ${({spacing:e})=>e[4]};
+    right: ${({spacing:e})=>e[4]};
+    opacity: 0;
+    pointer-events: none;
+  }
+`,le=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a};const ue={info:{backgroundColor:`fg-350`,iconColor:`fg-325`,icon:`info`},success:{backgroundColor:`success-glass-reown-020`,iconColor:`success-125`,icon:`checkmark`},warning:{backgroundColor:`warning-glass-reown-020`,iconColor:`warning-100`,icon:`warningCircle`},error:{backgroundColor:`error-glass-reown-020`,iconColor:`error-125`,icon:`warning`}};var de=class extends n.p{constructor(){super(),this.unsubscribe=[],this.open=i.t.state.open,this.onOpen(!0),this.unsubscribe.push(i.t.subscribeKey(`open`,e=>{this.open=e,this.onOpen(!1)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let{message:e,variant:t}=i.t.state,r=ue[t];return n._`
+      <wui-alertbar
+        message=${e}
+        backgroundColor=${r?.backgroundColor}
+        iconColor=${r?.iconColor}
+        icon=${r?.icon}
+        type=${t}
+      ></wui-alertbar>
+    `}onOpen(e){this.open?(this.animate([{opacity:0,transform:`scale(0.85)`},{opacity:1,transform:`scale(1)`}],{duration:150,fill:`forwards`,easing:`ease`}),this.style.cssText=`pointer-events: auto`):e||(this.animate([{opacity:1,transform:`scale(1)`},{opacity:0,transform:`scale(0.85)`}],{duration:150,fill:`forwards`,easing:`ease`}),this.style.cssText=`pointer-events: none`)}};de.styles=ce,le([r.s()],de.prototype,`open`,void 0),de=le([n.r(`w3m-alertbar`)],de);var fe=n.u`
+  :host {
+    position: relative;
+  }
+
+  button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: transparent;
+    padding: ${({spacing:e})=>e[1]};
+  }
+
+  /* -- Colors --------------------------------------------------- */
+  button[data-type='accent'] wui-icon {
+    color: ${({tokens:e})=>e.core.iconAccentPrimary};
+  }
+
+  button[data-type='neutral'][data-variant='primary'] wui-icon {
+    color: ${({tokens:e})=>e.theme.iconInverse};
+  }
+
+  button[data-type='neutral'][data-variant='secondary'] wui-icon {
+    color: ${({tokens:e})=>e.theme.iconDefault};
+  }
+
+  button[data-type='success'] wui-icon {
+    color: ${({tokens:e})=>e.core.iconSuccess};
+  }
+
+  button[data-type='error'] wui-icon {
+    color: ${({tokens:e})=>e.core.iconError};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='xs'] {
+    width: 16px;
+    height: 16px;
+
+    border-radius: ${({borderRadius:e})=>e[1]};
+  }
+
+  button[data-size='sm'] {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({borderRadius:e})=>e[1]};
+  }
+
+  button[data-size='md'] {
+    width: 24px;
+    height: 24px;
+    border-radius: ${({borderRadius:e})=>e[2]};
+  }
+
+  button[data-size='lg'] {
+    width: 28px;
+    height: 28px;
+    border-radius: ${({borderRadius:e})=>e[2]};
+  }
+
+  button[data-size='xs'] wui-icon {
+    width: 8px;
+    height: 8px;
+  }
+
+  button[data-size='sm'] wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='md'] wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  /* -- Hover --------------------------------------------------- */
+  @media (hover: hover) {
+    button[data-type='accent']:hover:enabled {
+      background-color: ${({tokens:e})=>e.core.foregroundAccent010};
+    }
+
+    button[data-variant='primary'][data-type='neutral']:hover:enabled {
+      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    }
+
+    button[data-variant='secondary'][data-type='neutral']:hover:enabled {
+      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    }
+
+    button[data-type='success']:hover:enabled {
+      background-color: ${({tokens:e})=>e.core.backgroundSuccess};
+    }
+
+    button[data-type='error']:hover:enabled {
+      background-color: ${({tokens:e})=>e.core.backgroundError};
+    }
+  }
+
+  /* -- Focus --------------------------------------------------- */
+  button:focus-visible {
+    box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent020};
+  }
+
+  /* -- Properties --------------------------------------------------- */
+  button[data-full-width='true'] {
+    width: 100%;
+  }
+
+  :host([fullWidth]) {
+    width: 100%;
+  }
+
+  button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`,h=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},g=class extends n.p{constructor(){super(...arguments),this.icon=`card`,this.variant=`primary`,this.type=`accent`,this.size=`md`,this.iconSize=void 0,this.fullWidth=!1,this.disabled=!1}render(){return n._`<button
+      data-variant=${this.variant}
+      data-type=${this.type}
+      data-size=${this.size}
+      data-full-width=${this.fullWidth}
+      ?disabled=${this.disabled}
+    >
+      <wui-icon color="inherit" name=${this.icon} size=${r.o(this.iconSize)}></wui-icon>
+    </button>`}};g.styles=[n.s,n.a,fe],h([r.c()],g.prototype,`icon`,void 0),h([r.c()],g.prototype,`variant`,void 0),h([r.c()],g.prototype,`type`,void 0),h([r.c()],g.prototype,`size`,void 0),h([r.c()],g.prototype,`iconSize`,void 0),h([r.c({type:Boolean})],g.prototype,`fullWidth`,void 0),h([r.c({type:Boolean})],g.prototype,`disabled`,void 0),g=h([n.r(`wui-icon-button`)],g);var pe=n.u`
+  button {
+    display: block;
+    display: flex;
+    align-items: center;
+    padding: ${({spacing:e})=>e[1]};
+    transition: background-color ${({durations:e})=>e.lg}
+      ${({easings:e})=>e[`ease-out-power-2`]};
+    will-change: background-color;
+    border-radius: ${({borderRadius:e})=>e[32]};
+  }
+
+  wui-image {
+    border-radius: 100%;
+  }
+
+  wui-text {
+    padding-left: ${({spacing:e})=>e[1]};
+  }
+
+  .left-icon-container,
+  .right-icon-container {
+    width: 24px;
+    height: 24px;
+    justify-content: center;
+    align-items: center;
+  }
+
+  wui-icon {
+    color: ${({tokens:e})=>e.theme.iconDefault};
+  }
+
+  /* -- Sizes --------------------------------------------------- */
+  button[data-size='lg'] {
+    height: 32px;
+  }
+
+  button[data-size='md'] {
+    height: 28px;
+  }
+
+  button[data-size='sm'] {
+    height: 24px;
+  }
+
+  button[data-size='lg'] wui-image {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] wui-image {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] wui-image {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] .left-icon-container {
+    width: 24px;
+    height: 24px;
+  }
+
+  button[data-size='md'] .left-icon-container {
+    width: 20px;
+    height: 20px;
+  }
+
+  button[data-size='sm'] .left-icon-container {
+    width: 16px;
+    height: 16px;
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-type='filled-dropdown'] {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  button[data-type='text-dropdown'] {
+    background-color: transparent;
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent040};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) and (pointer: fine) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    }
+  }
+
+  /* -- Disabled states --------------------------------------------------- */
+  button:disabled {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    opacity: 0.5;
+  }
+`,_=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},me={lg:`lg-regular`,md:`md-regular`,sm:`sm-regular`},he={lg:`lg`,md:`md`,sm:`sm`},v=class extends n.p{constructor(){super(...arguments),this.imageSrc=``,this.text=``,this.size=`lg`,this.type=`text-dropdown`,this.disabled=!1}render(){return n._`<button ?disabled=${this.disabled} data-size=${this.size} data-type=${this.type}>
+      ${this.imageTemplate()} ${this.textTemplate()}
+      <wui-flex class="right-icon-container">
+        <wui-icon name="chevronBottom"></wui-icon>
+      </wui-flex>
+    </button>`}textTemplate(){let e=me[this.size];return this.text?n._`<wui-text color="primary" variant=${e}>${this.text}</wui-text>`:null}imageTemplate(){return this.imageSrc?n._`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`:n._` <wui-flex class="left-icon-container">
+      <wui-icon size=${he[this.size]} name="networkPlaceholder"></wui-icon>
+    </wui-flex>`}};v.styles=[n.s,n.a,pe],_([r.c()],v.prototype,`imageSrc`,void 0),_([r.c()],v.prototype,`text`,void 0),_([r.c()],v.prototype,`size`,void 0),_([r.c()],v.prototype,`type`,void 0),_([r.c({type:Boolean})],v.prototype,`disabled`,void 0),v=_([n.r(`wui-select`)],v);const y={ACCOUNT_TABS:[{label:`Tokens`},{label:`Activity`}],SECURE_SITE_ORIGIN:(typeof process<`u`&&process.env!==void 0?process.env.NEXT_PUBLIC_SECURE_SITE_ORIGIN:void 0)||`https://secure.walletconnect.org`,VIEW_DIRECTION:{Next:`next`,Prev:`prev`},ANIMATION_DURATIONS:{HeaderText:120,ModalHeight:150,ViewTransition:150},VIEWS_WITH_LEGAL_FOOTER:[`Connect`,`ConnectWallets`,`OnRampTokenSelect`,`OnRampFiatSelect`,`OnRampProviders`],VIEWS_WITH_DEFAULT_FOOTER:[`Networks`]};var ge=n.u`
+  button {
+    background-color: transparent;
+    padding: ${({spacing:e})=>e[1]};
+  }
+
+  button:focus-visible {
+    box-shadow: 0 0 0 4px ${({tokens:e})=>e.core.foregroundAccent020};
+  }
+
+  button[data-variant='accent']:hover:enabled,
+  button[data-variant='accent']:focus-visible {
+    background-color: ${({tokens:e})=>e.core.foregroundAccent010};
+  }
+
+  button[data-variant='primary']:hover:enabled,
+  button[data-variant='primary']:focus-visible,
+  button[data-variant='secondary']:hover:enabled,
+  button[data-variant='secondary']:focus-visible {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  button[data-size='xs'] > wui-icon {
+    width: 8px;
+    height: 8px;
+  }
+
+  button[data-size='sm'] > wui-icon {
+    width: 12px;
+    height: 12px;
+  }
+
+  button[data-size='xs'],
+  button[data-size='sm'] {
+    border-radius: ${({borderRadius:e})=>e[1]};
+  }
+
+  button[data-size='md'],
+  button[data-size='lg'] {
+    border-radius: ${({borderRadius:e})=>e[2]};
+  }
+
+  button[data-size='md'] > wui-icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  button[data-size='lg'] > wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+
+  button:disabled {
+    background-color: transparent;
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  button:hover:not(:disabled) {
+    background-color: var(--wui-color-accent-glass-015);
+  }
+
+  button:focus-visible:not(:disabled) {
+    background-color: var(--wui-color-accent-glass-015);
+    box-shadow:
+      inset 0 0 0 1px var(--wui-color-accent-100),
+      0 0 0 4px var(--wui-color-accent-glass-020);
+  }
+`,b=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},x=class extends n.p{constructor(){super(...arguments),this.size=`md`,this.disabled=!1,this.icon=`copy`,this.iconColor=`default`,this.variant=`accent`}render(){return n._`
+      <button data-variant=${this.variant} ?disabled=${this.disabled} data-size=${this.size}>
+        <wui-icon
+          color=${{accent:`accent-primary`,primary:`inverse`,secondary:`default`}[this.variant]||this.iconColor}
+          size=${this.size}
+          name=${this.icon}
+        ></wui-icon>
+      </button>
+    `}};x.styles=[n.s,n.a,ge],b([r.c()],x.prototype,`size`,void 0),b([r.c({type:Boolean})],x.prototype,`disabled`,void 0),b([r.c()],x.prototype,`icon`,void 0),b([r.c()],x.prototype,`iconColor`,void 0),b([r.c()],x.prototype,`variant`,void 0),x=b([n.r(`wui-icon-link`)],x);const _e=n.y`<svg width="86" height="96" fill="none">
+  <path
+    d="M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z"
+  />
+</svg>`,ve=n.y`
+  <svg fill="none" viewBox="0 0 36 40">
+    <path
+      d="M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z"
+    />
+  </svg>
+`;var ye=n.u`
+  :host {
+    position: relative;
+    border-radius: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: var(--local-width);
+    height: var(--local-height);
+  }
+
+  :host([data-round='true']) {
+    background: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-radius: 100%;
+    outline: 1px solid ${({tokens:e})=>e.core.glass010};
+  }
+
+  svg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+  }
+
+  svg > path {
+    stroke: var(--local-stroke);
+  }
+
+  wui-image {
+    width: 100%;
+    height: 100%;
+    -webkit-clip-path: var(--local-path);
+    clip-path: var(--local-path);
+    background: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  wui-icon {
+    transform: translateY(-5%);
+    width: var(--local-icon-size);
+    height: var(--local-icon-size);
+  }
+`,S=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},C=class extends n.p{constructor(){super(...arguments),this.size=`md`,this.name=`uknown`,this.networkImagesBySize={sm:ve,md:r.t,lg:_e},this.selected=!1,this.round=!1}render(){let e={sm:`4`,md:`6`,lg:`10`};return this.round?(this.dataset.round=`true`,this.style.cssText=`
+      --local-width: var(--apkt-spacing-10);
+      --local-height: var(--apkt-spacing-10);
+      --local-icon-size: var(--apkt-spacing-4);
+    `):this.style.cssText=`
+
+      --local-path: var(--apkt-path-network-${this.size});
+      --local-width:  var(--apkt-width-network-${this.size});
+      --local-height:  var(--apkt-height-network-${this.size});
+      --local-icon-size:  var(--apkt-spacing-${e[this.size]});
+    `,n._`${this.templateVisual()} ${this.svgTemplate()} `}svgTemplate(){return this.round?null:this.networkImagesBySize[this.size]}templateVisual(){return this.imageSrc?n._`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:n._`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`}};C.styles=[n.s,ye],S([r.c()],C.prototype,`size`,void 0),S([r.c()],C.prototype,`name`,void 0),S([r.c({type:Object})],C.prototype,`networkImagesBySize`,void 0),S([r.c()],C.prototype,`imageSrc`,void 0),S([r.c({type:Boolean})],C.prototype,`selected`,void 0),S([r.c({type:Boolean})],C.prototype,`round`,void 0),C=S([n.r(`wui-network-image`)],C);var be=n.u`
+  :host {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 1px;
+    background-color: ${({tokens:e})=>e.theme.borderPrimary};
+    justify-content: center;
+    align-items: center;
+  }
+
+  :host > wui-text {
+    position: absolute;
+    padding: 0px 8px;
+    transition: background-color ${({durations:e})=>e.lg}
+      ${({easings:e})=>e[`ease-out-power-2`]};
+    will-change: background-color;
+  }
+
+  :host([data-bg-color='primary']) > wui-text {
+    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+  }
+
+  :host([data-bg-color='secondary']) > wui-text {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+`,xe=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},w=class extends n.p{constructor(){super(...arguments),this.text=``,this.bgColor=`primary`}render(){return this.dataset.bgColor=this.bgColor,n._`${this.template()}`}template(){return this.text?n._`<wui-text variant="md-regular" color="secondary">${this.text}</wui-text>`:null}};w.styles=[n.s,be],xe([r.c()],w.prototype,`text`,void 0),xe([r.c()],w.prototype,`bgColor`,void 0),w=xe([n.r(`wui-separator`)],w);const T={INVALID_PAYMENT_CONFIG:`INVALID_PAYMENT_CONFIG`,INVALID_RECIPIENT:`INVALID_RECIPIENT`,INVALID_ASSET:`INVALID_ASSET`,INVALID_AMOUNT:`INVALID_AMOUNT`,UNKNOWN_ERROR:`UNKNOWN_ERROR`,UNABLE_TO_INITIATE_PAYMENT:`UNABLE_TO_INITIATE_PAYMENT`,INVALID_CHAIN_NAMESPACE:`INVALID_CHAIN_NAMESPACE`,GENERIC_PAYMENT_ERROR:`GENERIC_PAYMENT_ERROR`,UNABLE_TO_GET_EXCHANGES:`UNABLE_TO_GET_EXCHANGES`,ASSET_NOT_SUPPORTED:`ASSET_NOT_SUPPORTED`,UNABLE_TO_GET_PAY_URL:`UNABLE_TO_GET_PAY_URL`,UNABLE_TO_GET_BUY_STATUS:`UNABLE_TO_GET_BUY_STATUS`,UNABLE_TO_GET_TOKEN_BALANCES:`UNABLE_TO_GET_TOKEN_BALANCES`,UNABLE_TO_GET_QUOTE:`UNABLE_TO_GET_QUOTE`,UNABLE_TO_GET_QUOTE_STATUS:`UNABLE_TO_GET_QUOTE_STATUS`,INVALID_RECIPIENT_ADDRESS_FOR_ASSET:`INVALID_RECIPIENT_ADDRESS_FOR_ASSET`},E={[T.INVALID_PAYMENT_CONFIG]:`Invalid payment configuration`,[T.INVALID_RECIPIENT]:`Invalid recipient address`,[T.INVALID_ASSET]:`Invalid asset specified`,[T.INVALID_AMOUNT]:`Invalid payment amount`,[T.INVALID_RECIPIENT_ADDRESS_FOR_ASSET]:`Invalid recipient address for the asset selected`,[T.UNKNOWN_ERROR]:`Unknown payment error occurred`,[T.UNABLE_TO_INITIATE_PAYMENT]:`Unable to initiate payment`,[T.INVALID_CHAIN_NAMESPACE]:`Invalid chain namespace`,[T.GENERIC_PAYMENT_ERROR]:`Unable to process payment`,[T.UNABLE_TO_GET_EXCHANGES]:`Unable to get exchanges`,[T.ASSET_NOT_SUPPORTED]:`Asset not supported by the selected exchange`,[T.UNABLE_TO_GET_PAY_URL]:`Unable to get payment URL`,[T.UNABLE_TO_GET_BUY_STATUS]:`Unable to get buy status`,[T.UNABLE_TO_GET_TOKEN_BALANCES]:`Unable to get token balances`,[T.UNABLE_TO_GET_QUOTE]:`Unable to get quote. Please choose a different token`,[T.UNABLE_TO_GET_QUOTE_STATUS]:`Unable to get quote status`};var D=class e extends Error{get message(){return E[this.code]}constructor(t,n){super(E[t]),this.name=`AppKitPayError`,this.code=t,this.details=n,Error.captureStackTrace&&Error.captureStackTrace(this,e)}};const Se=`https://rpc.walletconnect.org/v1/json-rpc`,Ce=`reown_test`;function we(){let{chainNamespace:e}=t.W.parseCaipNetworkId(k.state.paymentAsset.network);if(!t.j.isAddress(k.state.recipient,e))throw new D(T.INVALID_RECIPIENT_ADDRESS_FOR_ASSET,`Provide valid recipient address for namespace "${e}"`)}async function Te(e,n,r){if(n!==t.J.CHAIN.EVM)throw new D(T.INVALID_CHAIN_NAMESPACE);if(!r.fromAddress)throw new D(T.INVALID_PAYMENT_CONFIG,`fromAddress is required for native EVM payments.`);let i=typeof r.amount==`string`?parseFloat(r.amount):r.amount;if(isNaN(i))throw new D(T.INVALID_PAYMENT_CONFIG);let a=e.metadata?.decimals??18,o=t.c.parseUnits(i.toString(),a);if(typeof o!=`bigint`)throw new D(T.GENERIC_PAYMENT_ERROR);return await t.c.sendTransaction({chainNamespace:n,to:r.recipient,address:r.fromAddress,value:o,data:`0x`})??void 0}async function Ee(e,n){if(!n.fromAddress)throw new D(T.INVALID_PAYMENT_CONFIG,`fromAddress is required for ERC20 EVM payments.`);let r=e.asset,i=n.recipient,a=Number(e.metadata.decimals),o=t.c.parseUnits(n.amount.toString(),a);if(o===void 0)throw new D(T.GENERIC_PAYMENT_ERROR);return await t.c.writeContract({fromAddress:n.fromAddress,tokenAddress:r,args:[i,o],method:`transfer`,abi:t.G.getERC20Abi(r),chainNamespace:t.J.CHAIN.EVM})??void 0}async function De(e,n){if(e!==t.J.CHAIN.SOLANA)throw new D(T.INVALID_CHAIN_NAMESPACE);if(!n.fromAddress)throw new D(T.INVALID_PAYMENT_CONFIG,`fromAddress is required for Solana payments.`);let r=typeof n.amount==`string`?parseFloat(n.amount):n.amount;if(isNaN(r)||r<=0)throw new D(T.INVALID_PAYMENT_CONFIG,`Invalid payment amount.`);try{if(!t.a.getProvider(e))throw new D(T.GENERIC_PAYMENT_ERROR,`No Solana provider available.`);let i=await t.c.sendTransaction({chainNamespace:t.J.CHAIN.SOLANA,to:n.recipient,value:r,tokenMint:n.tokenMint});if(!i)throw new D(T.GENERIC_PAYMENT_ERROR,`Transaction failed.`);return i}catch(e){throw e instanceof D?e:new D(T.GENERIC_PAYMENT_ERROR,`Solana payment failed: ${e}`)}}async function Oe({sourceToken:e,toToken:n,amount:r,recipient:i}){let a=t.c.parseUnits(r,e.metadata.decimals),o=t.c.parseUnits(r,n.metadata.decimals);return Promise.resolve({type:$e,origin:{amount:a?.toString()??`0`,currency:e},destination:{amount:o?.toString()??`0`,currency:n},fees:[{id:`service`,label:`Service Fee`,amount:`0`,currency:n}],steps:[{requestId:$e,type:`deposit`,deposit:{amount:a?.toString()??`0`,currency:e.asset,receiver:i}}],timeInSeconds:6})}function ke(e){if(!e)return null;let t=e.steps[0];return!t||t.type!==`deposit`?null:t}function Ae(e,t=0){if(!e)return[];let n=e.steps.filter(e=>e.type===tt),r=n.filter((e,n)=>n+1>t);return n.length>0&&n.length<3?r:[]}var je=new t.A({baseUrl:t.j.getApiUrl(),clientId:null}),Me=class extends Error{};function Ne(){return`https://rpc.walletconnect.org/v1/json-rpc?projectId=${t.k.getSnapshot().projectId}`}function Pe(){let{projectId:e,sdkType:n,sdkVersion:r}=t.k.state;return{projectId:e,st:n||`appkit`,sv:r||`html-wagmi-4.2.2`}}async function Fe(e,n){let r=Ne(),{sdkType:i,sdkVersion:a,projectId:o}=t.k.getSnapshot(),s={jsonrpc:`2.0`,id:1,method:e,params:{...n||{},st:i,sv:a,projectId:o}},c=await(await fetch(r,{method:`POST`,body:JSON.stringify(s),headers:{"Content-Type":`application/json`}})).json();if(c.error)throw new Me(c.error.message);return c}async function Ie(e){return(await Fe(`reown_getExchanges`,e)).result}async function Le(e){return(await Fe(`reown_getExchangePayUrl`,e)).result}async function Re(e){return(await Fe(`reown_getExchangeBuyStatus`,e)).result}async function ze(e){let n=t.K.bigNumber(e.amount).times(10**e.toToken.metadata.decimals).toString(),{chainId:r,chainNamespace:i}=t.W.parseCaipNetworkId(e.sourceToken.network),{chainId:a,chainNamespace:o}=t.W.parseCaipNetworkId(e.toToken.network),s=e.sourceToken.asset===`native`?t.f(i):e.sourceToken.asset,c=e.toToken.asset===`native`?t.f(o):e.toToken.asset;return await je.post({path:`/appkit/v1/transfers/quote`,body:{user:e.address,originChainId:r.toString(),originCurrency:s,destinationChainId:a.toString(),destinationCurrency:c,recipient:e.recipient,amount:n},params:Pe()})}async function Be(e){let t=n.t.isLowerCaseMatch(e.sourceToken.network,e.toToken.network),r=n.t.isLowerCaseMatch(e.sourceToken.asset,e.toToken.asset);return t&&r?Oe(e):ze(e)}async function Ve(e){return await je.get({path:`/appkit/v1/transfers/status`,params:{requestId:e.requestId,...Pe()}})}async function He(e){return await je.get({path:`/appkit/v1/transfers/assets/exchanges/${e}`,params:Pe()})}var Ue=[`eip155`,`solana`],We={eip155:{native:{assetNamespace:`slip44`,assetReference:`60`},defaultTokenNamespace:`erc20`},solana:{native:{assetNamespace:`slip44`,assetReference:`501`},defaultTokenNamespace:`token`}};function Ge(e,n){let{chainNamespace:r,chainId:i}=t.W.parseCaipNetworkId(e),a=We[r];if(!a)throw Error(`Unsupported chain namespace for CAIP-19 formatting: ${r}`);let o=a.native.assetNamespace,s=a.native.assetReference;return n!==`native`&&(o=a.defaultTokenNamespace,s=n),`${`${r}:${i}`}/${o}:${s}`}function Ke(e){let{chainNamespace:n}=t.W.parseCaipNetworkId(e);return Ue.includes(n)}function qe(e){let r=t.n.getAllRequestedCaipNetworks().find(t=>t.caipNetworkId===e.chainId),i=e.address;if(!r)throw Error(`Target network not found for balance chainId "${e.chainId}"`);if(n.t.isLowerCaseMatch(e.symbol,r.nativeCurrency.symbol))i=`native`;else if(t.j.isCaipAddress(i)){let{address:e}=t.W.parseCaipAddress(i);i=e}else if(!i)throw Error(`Balance address not found for balance symbol "${e.symbol}"`);return{network:r.caipNetworkId,asset:i,metadata:{name:e.name,symbol:e.symbol,decimals:Number(e.quantity.decimals),logoURI:e.iconUrl},amount:e.quantity.numeric}}function Je(e){return{chainId:e.network,address:`${e.network}:${e.asset}`,symbol:e.metadata.symbol,name:e.metadata.name,iconUrl:e.metadata.logoURI||``,price:0,quantity:{numeric:`0`,decimals:e.metadata.decimals.toString()}}}function Ye(e){let n=t.K.bigNumber(e,{safe:!0});return n.lt(.001)?`<0.001`:n.round(4).toString()}function Xe(e){let n=t.n.getAllRequestedCaipNetworks().find(t=>t.caipNetworkId===e.network);return n?!!n.testnet:!1}var Ze=0,Qe=`unknown`;const $e=`direct-transfer`,et=`deposit`,tt=`transaction`;var O=t.L({paymentAsset:{network:`eip155:1`,asset:`0x0`,metadata:{name:`0x0`,symbol:`0x0`,decimals:0}},recipient:`0x0`,amount:0,isConfigured:!1,error:null,isPaymentInProgress:!1,exchanges:[],isLoading:!1,openInNewTab:!0,redirectUrl:void 0,payWithExchange:void 0,currentPayment:void 0,analyticsSet:!1,paymentId:void 0,choice:`pay`,tokenBalances:{[t.J.CHAIN.EVM]:[],[t.J.CHAIN.SOLANA]:[]},isFetchingTokenBalances:!1,selectedPaymentAsset:null,quote:void 0,quoteStatus:`waiting`,quoteError:null,isFetchingQuote:!1,selectedExchange:void 0,exchangeUrlForQuote:void 0,requestId:void 0});const k={state:O,subscribe(e){return t.R(O,()=>e(O))},subscribeKey(e,n){return t.I(O,e,n)},async handleOpenPay(e){this.resetState(),this.setPaymentConfig(e),this.initializeAnalytics(),we(),await this.prepareTokenLogo(),O.isConfigured=!0,t.v.sendEvent({type:`track`,event:`PAY_MODAL_OPEN`,properties:{exchanges:O.exchanges,configuration:{network:O.paymentAsset.network,asset:O.paymentAsset.asset,recipient:O.recipient,amount:O.amount}}}),await t.g.open({view:`Pay`})},resetState(){O.paymentAsset={network:`eip155:1`,asset:`0x0`,metadata:{name:`0x0`,symbol:`0x0`,decimals:0}},O.recipient=`0x0`,O.amount=0,O.isConfigured=!1,O.error=null,O.isPaymentInProgress=!1,O.isLoading=!1,O.currentPayment=void 0,O.selectedExchange=void 0,O.exchangeUrlForQuote=void 0,O.requestId=void 0},resetQuoteState(){O.quote=void 0,O.quoteStatus=`waiting`,O.quoteError=null,O.isFetchingQuote=!1,O.requestId=void 0},setPaymentConfig(e){if(!e.paymentAsset)throw new D(T.INVALID_PAYMENT_CONFIG);try{O.choice=e.choice??`pay`,O.paymentAsset=e.paymentAsset,O.recipient=e.recipient,O.amount=e.amount,O.openInNewTab=e.openInNewTab??!0,O.redirectUrl=e.redirectUrl,O.payWithExchange=e.payWithExchange,O.error=null}catch(e){throw new D(T.INVALID_PAYMENT_CONFIG,e.message)}},setSelectedPaymentAsset(e){O.selectedPaymentAsset=e},setSelectedExchange(e){O.selectedExchange=e},setRequestId(e){O.requestId=e},setPaymentInProgress(e){O.isPaymentInProgress=e},getPaymentAsset(){return O.paymentAsset},getExchanges(){return O.exchanges},async fetchExchanges(){try{O.isLoading=!0,O.exchanges=(await Ie({page:Ze})).exchanges.slice(0,2)}catch{throw t.C.showError(E.UNABLE_TO_GET_EXCHANGES),new D(T.UNABLE_TO_GET_EXCHANGES)}finally{O.isLoading=!1}},async getAvailableExchanges(e){try{let t=e?.asset&&e?.network?Ge(e.network,e.asset):void 0;return await Ie({page:e?.page??Ze,asset:t,amount:e?.amount?.toString()})}catch{throw new D(T.UNABLE_TO_GET_EXCHANGES)}},async getPayUrl(e,n,r=!1){try{let i=Number(n.amount),a=await Le({exchangeId:e,asset:Ge(n.network,n.asset),amount:i.toString(),recipient:`${n.network}:${n.recipient}`});return t.v.sendEvent({type:`track`,event:`PAY_EXCHANGE_SELECTED`,properties:{source:`pay`,exchange:{id:e},configuration:{network:n.network,asset:n.asset,recipient:n.recipient,amount:i},currentPayment:{type:`exchange`,exchangeId:e},headless:r}}),r&&(this.initiatePayment(),t.v.sendEvent({type:`track`,event:`PAY_INITIATED`,properties:{source:`pay`,paymentId:O.paymentId||Qe,configuration:{network:n.network,asset:n.asset,recipient:n.recipient,amount:i},currentPayment:{type:`exchange`,exchangeId:e}}})),a}catch(e){throw e instanceof Error&&e.message.includes(`is not supported`)?new D(T.ASSET_NOT_SUPPORTED):Error(e.message)}},async generateExchangeUrlForQuote({exchangeId:e,paymentAsset:t,amount:n,recipient:r}){let i=await Le({exchangeId:e,asset:Ge(t.network,t.asset),amount:n.toString(),recipient:r});O.exchangeSessionId=i.sessionId,O.exchangeUrlForQuote=i.url},async openPayUrl(e,n,r=!1){try{let i=await this.getPayUrl(e.exchangeId,n,r);if(!i)throw new D(T.UNABLE_TO_GET_PAY_URL);let a=e.openInNewTab??!0?`_blank`:`_self`;return t.j.openHref(i.url,a),i}catch(e){throw e instanceof D?O.error=e.message:O.error=E.GENERIC_PAYMENT_ERROR,new D(T.UNABLE_TO_GET_PAY_URL)}},async onTransfer({chainNamespace:e,fromAddress:r,toAddress:i,amount:a,paymentAsset:o}){if(O.currentPayment={type:`wallet`,status:`IN_PROGRESS`},!O.isPaymentInProgress)try{this.initiatePayment();let s=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===o.network);if(!s)throw Error(`Target network not found`);let c=t.n.state.activeCaipNetwork;switch(n.t.isLowerCaseMatch(c?.caipNetworkId,s.caipNetworkId)||await t.n.switchActiveNetwork(s),e){case t.J.CHAIN.EVM:o.asset===`native`&&(O.currentPayment.result=await Te(o,e,{recipient:i,amount:a,fromAddress:r})),o.asset.startsWith(`0x`)&&(O.currentPayment.result=await Ee(o,{recipient:i,amount:a,fromAddress:r})),O.currentPayment.status=`SUCCESS`;break;case t.J.CHAIN.SOLANA:O.currentPayment.result=await De(e,{recipient:i,amount:a,fromAddress:r,tokenMint:o.asset===`native`?void 0:o.asset}),O.currentPayment.status=`SUCCESS`;break;default:throw new D(T.INVALID_CHAIN_NAMESPACE)}}catch(e){throw e instanceof D?O.error=e.message:O.error=E.GENERIC_PAYMENT_ERROR,O.currentPayment.status=`FAILED`,t.C.showError(O.error),e}finally{O.isPaymentInProgress=!1}},async onSendTransaction(e){try{let{namespace:r,transactionStep:i}=e;k.initiatePayment();let a=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===O.paymentAsset?.network);if(!a)throw Error(`Target network not found`);let o=t.n.state.activeCaipNetwork;if(n.t.isLowerCaseMatch(o?.caipNetworkId,a.caipNetworkId)||await t.n.switchActiveNetwork(a),r===t.J.CHAIN.EVM){let{from:e,to:n,data:a,value:o}=i.transaction;await t.c.sendTransaction({address:e,to:n,data:a,value:BigInt(o),chainNamespace:r})}else if(r===t.J.CHAIN.SOLANA){let{instructions:e}=i.transaction;await t.c.writeSolanaTransaction({instructions:e})}}catch(e){throw e instanceof D?O.error=e.message:O.error=E.GENERIC_PAYMENT_ERROR,t.C.showError(O.error),e}finally{O.isPaymentInProgress=!1}},getExchangeById(e){return O.exchanges.find(t=>t.id===e)},validatePayConfig(e){let{paymentAsset:t,recipient:n,amount:r}=e;if(!t)throw new D(T.INVALID_PAYMENT_CONFIG);if(!n)throw new D(T.INVALID_RECIPIENT);if(!t.asset)throw new D(T.INVALID_ASSET);if(r==null||r<=0)throw new D(T.INVALID_AMOUNT)},async handlePayWithExchange(e){try{O.currentPayment={type:`exchange`,exchangeId:e};let{network:t,asset:n}=O.paymentAsset,r={network:t,asset:n,amount:O.amount,recipient:O.recipient},i=await this.getPayUrl(e,r);if(!i)throw new D(T.UNABLE_TO_INITIATE_PAYMENT);return O.currentPayment.sessionId=i.sessionId,O.currentPayment.status=`IN_PROGRESS`,O.currentPayment.exchangeId=e,this.initiatePayment(),{url:i.url,openInNewTab:O.openInNewTab}}catch(e){return e instanceof D?O.error=e.message:O.error=E.GENERIC_PAYMENT_ERROR,O.isPaymentInProgress=!1,t.C.showError(O.error),null}},async getBuyStatus(e,n){try{let r=await Re({sessionId:n,exchangeId:e});return(r.status===`SUCCESS`||r.status===`FAILED`)&&t.v.sendEvent({type:`track`,event:r.status===`SUCCESS`?`PAY_SUCCESS`:`PAY_ERROR`,properties:{message:r.status===`FAILED`?t.j.parseError(O.error):void 0,source:`pay`,paymentId:O.paymentId||Qe,configuration:{network:O.paymentAsset.network,asset:O.paymentAsset.asset,recipient:O.recipient,amount:O.amount},currentPayment:{type:`exchange`,exchangeId:O.currentPayment?.exchangeId,sessionId:O.currentPayment?.sessionId,result:r.txHash}}}),r}catch{throw new D(T.UNABLE_TO_GET_BUY_STATUS)}},async fetchTokensFromEOA({caipAddress:e,caipNetwork:n,namespace:r}){if(!e)return[];let{address:i}=t.W.parseCaipAddress(e),a=n;return r===t.J.CHAIN.EVM&&(a=void 0),await t.s.getMyTokensWithBalance({address:i,caipNetwork:a})},async fetchTokensFromExchange(){if(!O.selectedExchange)return[];let e=await He(O.selectedExchange.id),n=Object.values(e.assets).flat();return await Promise.all(n.map(async e=>{let n=Je(e),{chainNamespace:r}=t.W.parseCaipNetworkId(n.chainId),i=n.address;if(t.j.isCaipAddress(i)){let{address:e}=t.W.parseCaipAddress(i);i=e}return n.iconUrl=await t.T.getImageByToken(i??``,r).catch(()=>void 0)??``,n}))},async fetchTokens({caipAddress:e,caipNetwork:n,namespace:r}){try{O.isFetchingTokenBalances=!0;let t=await(O.selectedExchange?this.fetchTokensFromExchange():this.fetchTokensFromEOA({caipAddress:e,caipNetwork:n,namespace:r}));O.tokenBalances={...O.tokenBalances,[r]:t}}catch(e){let n=e instanceof Error?e.message:`Unable to get token balances`;t.C.showError(n)}finally{O.isFetchingTokenBalances=!1}},async fetchQuote({amount:e,address:n,sourceToken:r,toToken:i,recipient:a}){try{k.resetQuoteState(),O.isFetchingQuote=!0;let o=await Be({amount:e,address:O.selectedExchange?void 0:n,sourceToken:r,toToken:i,recipient:a});if(O.selectedExchange){let e=ke(o);if(e){let n=`${r.network}:${e.deposit.receiver}`,i=t.K.formatNumber(e.deposit.amount,{decimals:r.metadata.decimals??0,round:8});await k.generateExchangeUrlForQuote({exchangeId:O.selectedExchange.id,paymentAsset:r,amount:i.toString(),recipient:n})}}O.quote=o}catch(e){let n=E.UNABLE_TO_GET_QUOTE;if(e instanceof Error&&e.cause&&e.cause instanceof Response)try{let t=await e.cause.json();t.error&&typeof t.error==`string`&&(n=t.error)}catch{}throw O.quoteError=n,t.C.showError(n),new D(T.UNABLE_TO_GET_QUOTE)}finally{O.isFetchingQuote=!1}},async fetchQuoteStatus({requestId:e}){try{if(e===`direct-transfer`){let e=O.selectedExchange,t=O.exchangeSessionId;if(e&&t){switch((await this.getBuyStatus(e.id,t)).status){case`IN_PROGRESS`:O.quoteStatus=`waiting`;break;case`SUCCESS`:O.quoteStatus=`success`,O.isPaymentInProgress=!1;break;case`FAILED`:O.quoteStatus=`failure`,O.isPaymentInProgress=!1;break;case`UNKNOWN`:O.quoteStatus=`waiting`;break;default:O.quoteStatus=`waiting`;break}return}O.quoteStatus=`success`;return}let{status:t}=await Ve({requestId:e});O.quoteStatus=t}catch{throw O.quoteStatus=`failure`,new D(T.UNABLE_TO_GET_QUOTE_STATUS)}},initiatePayment(){O.isPaymentInProgress=!0,O.paymentId=crypto.randomUUID()},initializeAnalytics(){O.analyticsSet||(O.analyticsSet=!0,this.subscribeKey(`isPaymentInProgress`,e=>{if(O.currentPayment?.status&&O.currentPayment.status!==`UNKNOWN`){let e={IN_PROGRESS:`PAY_INITIATED`,SUCCESS:`PAY_SUCCESS`,FAILED:`PAY_ERROR`}[O.currentPayment.status];t.v.sendEvent({type:`track`,event:e,properties:{message:O.currentPayment.status===`FAILED`?t.j.parseError(O.error):void 0,source:`pay`,paymentId:O.paymentId||Qe,configuration:{network:O.paymentAsset.network,asset:O.paymentAsset.asset,recipient:O.recipient,amount:O.amount},currentPayment:{type:O.currentPayment.type,exchangeId:O.currentPayment.exchangeId,sessionId:O.currentPayment.sessionId,result:O.currentPayment.result}}})}}))},async prepareTokenLogo(){if(!O.paymentAsset.metadata.logoURI)try{let{chainNamespace:e}=t.W.parseCaipNetworkId(O.paymentAsset.network),n=await t.T.getImageByToken(O.paymentAsset.asset,e);O.paymentAsset.metadata.logoURI=n}catch{}}};var nt=n.u`
+  wui-separator {
+    margin: var(--apkt-spacing-3) calc(var(--apkt-spacing-3) * -1) var(--apkt-spacing-2)
+      calc(var(--apkt-spacing-3) * -1);
+    width: calc(100% + var(--apkt-spacing-3) * 2);
+  }
+
+  .token-display {
+    padding: var(--apkt-spacing-3) var(--apkt-spacing-3);
+    border-radius: var(--apkt-borderRadius-5);
+    background-color: var(--apkt-tokens-theme-backgroundPrimary);
+    margin-top: var(--apkt-spacing-3);
+    margin-bottom: var(--apkt-spacing-3);
+  }
+
+  .token-display wui-text {
+    text-transform: none;
+  }
+
+  wui-loading-spinner {
+    padding: var(--apkt-spacing-2);
+  }
+
+  .left-image-container {
+    position: relative;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .token-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+    width: 40px;
+    height: 40px;
+  }
+
+  .chain-image {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    bottom: -3px;
+    right: -5px;
+    border-radius: ${({borderRadius:e})=>e.round};
+    border: 2px solid ${({tokens:e})=>e.theme.backgroundPrimary};
+  }
+
+  .payment-methods-container {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-top-right-radius: ${({borderRadius:e})=>e[8]};
+    border-top-left-radius: ${({borderRadius:e})=>e[8]};
+  }
+`,A=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},j=class extends n.p{constructor(){super(),this.unsubscribe=[],this.amount=k.state.amount,this.namespace=void 0,this.paymentAsset=k.state.paymentAsset,this.activeConnectorIds=t.m.state.activeConnectorIds,this.caipAddress=void 0,this.exchanges=k.state.exchanges,this.isLoading=k.state.isLoading,this.initializeNamespace(),this.unsubscribe.push(k.subscribeKey(`amount`,e=>this.amount=e)),this.unsubscribe.push(t.m.subscribeKey(`activeConnectorIds`,e=>this.activeConnectorIds=e)),this.unsubscribe.push(k.subscribeKey(`exchanges`,e=>this.exchanges=e)),this.unsubscribe.push(k.subscribeKey(`isLoading`,e=>this.isLoading=e)),k.fetchExchanges(),k.setSelectedExchange(void 0)}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return n._`
+      <wui-flex flexDirection="column">
+        ${this.paymentDetailsTemplate()} ${this.paymentMethodsTemplate()}
+      </wui-flex>
+    `}paymentMethodsTemplate(){return n._`
+      <wui-flex flexDirection="column" padding="3" gap="2" class="payment-methods-container">
+        ${this.payWithWalletTemplate()} ${this.templateSeparator()}
+        ${this.templateExchangeOptions()}
+      </wui-flex>
+    `}initializeNamespace(){let e=t.n.state.activeChain;this.namespace=e,this.caipAddress=t.n.getAccountData(e)?.caipAddress,this.unsubscribe.push(t.n.subscribeChainProp(`accountState`,e=>{this.caipAddress=e?.caipAddress},e))}paymentDetailsTemplate(){let e=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===this.paymentAsset.network);return n._`
+      <wui-flex
+        alignItems="center"
+        justifyContent="space-between"
+        .padding=${[`6`,`8`,`6`,`8`]}
+        gap="2"
+      >
+        <wui-flex alignItems="center" gap="1">
+          <wui-text variant="h1-regular" color="primary">
+            ${Ye(this.amount||`0`)}
+          </wui-text>
+
+          <wui-flex flexDirection="column">
+            <wui-text variant="h6-regular" color="secondary">
+              ${this.paymentAsset.metadata.symbol||`Unknown`}
+            </wui-text>
+            <wui-text variant="md-medium" color="secondary"
+              >on ${e?.name||`Unknown`}</wui-text
+            >
+          </wui-flex>
+        </wui-flex>
+
+        <wui-flex class="left-image-container">
+          <wui-image
+            src=${r.o(this.paymentAsset.metadata.logoURI)}
+            class="token-image"
+          ></wui-image>
+          <wui-image
+            src=${r.o(t.T.getNetworkImage(e))}
+            class="chain-image"
+          ></wui-image>
+        </wui-flex>
+      </wui-flex>
+    `}payWithWalletTemplate(){return Ke(this.paymentAsset.network)?this.caipAddress?this.connectedWalletTemplate():this.disconnectedWalletTemplate():n._``}connectedWalletTemplate(){let{name:e,image:t}=this.getWalletProperties({namespace:this.namespace});return n._`
+      <wui-flex flexDirection="column" gap="3">
+        <wui-list-item
+          type="secondary"
+          boxColor="foregroundSecondary"
+          @click=${this.onWalletPayment}
+          .boxed=${!1}
+          ?chevron=${!0}
+          ?fullSize=${!1}
+          ?rounded=${!0}
+          data-testid="wallet-payment-option"
+          imageSrc=${r.o(t)}
+          imageSize="3xl"
+        >
+          <wui-text variant="lg-regular" color="primary">Pay with ${e}</wui-text>
+        </wui-list-item>
+
+        <wui-list-item
+          type="secondary"
+          icon="power"
+          iconColor="error"
+          @click=${this.onDisconnect}
+          data-testid="disconnect-button"
+          ?chevron=${!1}
+          boxColor="foregroundSecondary"
+        >
+          <wui-text variant="lg-regular" color="secondary">Disconnect</wui-text>
+        </wui-list-item>
+      </wui-flex>
+    `}disconnectedWalletTemplate(){return n._`<wui-list-item
+      type="secondary"
+      boxColor="foregroundSecondary"
+      variant="icon"
+      iconColor="default"
+      iconVariant="overlay"
+      icon="wallet"
+      @click=${this.onWalletPayment}
+      ?chevron=${!0}
+      data-testid="wallet-payment-option"
+    >
+      <wui-text variant="lg-regular" color="primary">Pay with wallet</wui-text>
+    </wui-list-item>`}templateExchangeOptions(){if(this.isLoading)return n._`<wui-flex justifyContent="center" alignItems="center">
+        <wui-loading-spinner size="md"></wui-loading-spinner>
+      </wui-flex>`;let e=this.exchanges.filter(e=>Xe(this.paymentAsset)?e.id===Ce:e.id!==Ce);return e.length===0?n._`<wui-flex justifyContent="center" alignItems="center">
+        <wui-text variant="md-medium" color="primary">No exchanges available</wui-text>
+      </wui-flex>`:e.map(e=>n._`
+        <wui-list-item
+          type="secondary"
+          boxColor="foregroundSecondary"
+          @click=${()=>this.onExchangePayment(e)}
+          data-testid="exchange-option-${e.id}"
+          ?chevron=${!0}
+          imageSrc=${r.o(e.imageUrl)}
+        >
+          <wui-text flexGrow="1" variant="lg-regular" color="primary">
+            Pay with ${e.name}
+          </wui-text>
+        </wui-list-item>
+      `)}templateSeparator(){return n._`<wui-separator text="or" bgColor="secondary"></wui-separator>`}async onWalletPayment(){if(!this.namespace)throw Error(`Namespace not found`);this.caipAddress?t.y.push(`PayQuote`):(await t.m.connect(),await t.g.open({view:`PayQuote`}))}onExchangePayment(e){k.setSelectedExchange(e),t.y.push(`PayQuote`)}async onDisconnect(){try{await t.c.disconnect(),await t.g.open({view:`Pay`})}catch{console.error(`Failed to disconnect`),t.C.showError(`Failed to disconnect`)}}getWalletProperties({namespace:e}){if(!e)return{name:void 0,image:void 0};let n=this.activeConnectorIds[e];if(!n)return{name:void 0,image:void 0};let r=t.m.getConnector({id:n,namespace:e});if(!r)return{name:void 0,image:void 0};let i=t.T.getConnectorImage(r);return{name:r.name,image:i}}};j.styles=nt,A([r.s()],j.prototype,`amount`,void 0),A([r.s()],j.prototype,`namespace`,void 0),A([r.s()],j.prototype,`paymentAsset`,void 0),A([r.s()],j.prototype,`activeConnectorIds`,void 0),A([r.s()],j.prototype,`caipAddress`,void 0),A([r.s()],j.prototype,`exchanges`,void 0),A([r.s()],j.prototype,`isLoading`,void 0),j=A([n.r(`w3m-pay-view`)],j);var rt=n.u`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .pulse-container {
+    position: relative;
+    width: var(--pulse-size);
+    height: var(--pulse-size);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .pulse-rings {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+  }
+
+  .pulse-ring {
+    position: absolute;
+    inset: 0;
+    border-radius: 50%;
+    border: 2px solid var(--pulse-color);
+    opacity: 0;
+    animation: pulse var(--pulse-duration, 2s) ease-out infinite;
+  }
+
+  .pulse-content {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  @keyframes pulse {
+    0% {
+      transform: scale(0.5);
+      opacity: var(--pulse-opacity, 0.3);
+    }
+    50% {
+      opacity: calc(var(--pulse-opacity, 0.3) * 0.5);
+    }
+    100% {
+      transform: scale(1.2);
+      opacity: 0;
+    }
+  }
+`,M=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},it=3,at=2,ot=.3,st=`200px`,ct={"accent-primary":n.d.tokens.core.backgroundAccentPrimary},N=class extends n.p{constructor(){super(...arguments),this.rings=it,this.duration=at,this.opacity=ot,this.size=st,this.variant=`accent-primary`}render(){let e=ct[this.variant];return this.style.cssText=`
+      --pulse-size: ${this.size};
+      --pulse-duration: ${this.duration}s;
+      --pulse-color: ${e};
+      --pulse-opacity: ${this.opacity};
+    `,n._`
+      <div class="pulse-container">
+        <div class="pulse-rings">${Array.from({length:this.rings},(e,t)=>this.renderRing(t,this.rings))}</div>
+        <div class="pulse-content">
+          <slot></slot>
+        </div>
+      </div>
+    `}renderRing(e,t){return n._`<div class="pulse-ring" style=${`animation-delay: ${e/t*this.duration}s;`}></div>`}};N.styles=[n.s,rt],M([r.c({type:Number})],N.prototype,`rings`,void 0),M([r.c({type:Number})],N.prototype,`duration`,void 0),M([r.c({type:Number})],N.prototype,`opacity`,void 0),M([r.c()],N.prototype,`size`,void 0),M([r.c()],N.prototype,`variant`,void 0),N=M([n.r(`wui-pulse`)],N);const lt=[{id:`received`,title:`Receiving funds`,icon:`dollar`},{id:`processing`,title:`Swapping asset`,icon:`recycleHorizontal`},{id:`sending`,title:`Sending asset to the recipient address`,icon:`send`}],ut=[`success`,`submitted`,`failure`,`timeout`,`refund`];var dt=n.u`
+  :host {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+
+  wui-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+  }
+
+  .token-badge-container {
+    position: absolute;
+    bottom: 6px;
+    left: 50%;
+    transform: translateX(-50%);
+    border-radius: ${({borderRadius:e})=>e[4]};
+    z-index: 3;
+    min-width: 105px;
+  }
+
+  .token-badge-container.loading {
+    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    border: 3px solid ${({tokens:e})=>e.theme.backgroundPrimary};
+  }
+
+  .token-badge-container.success {
+    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    border: 3px solid ${({tokens:e})=>e.theme.backgroundPrimary};
+  }
+
+  .token-image-container {
+    position: relative;
+  }
+
+  .token-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+    width: 64px;
+    height: 64px;
+  }
+
+  .token-image.success {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  .token-image.error {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  .token-image.loading {
+    background: ${({colors:e})=>e.accent010};
+  }
+
+  .token-image wui-icon {
+    width: 32px;
+    height: 32px;
+  }
+
+  .token-badge {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border: 1px solid ${({tokens:e})=>e.theme.foregroundSecondary};
+    border-radius: ${({borderRadius:e})=>e[4]};
+  }
+
+  .token-badge wui-text {
+    white-space: nowrap;
+  }
+
+  .payment-lifecycle-container {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-top-right-radius: ${({borderRadius:e})=>e[6]};
+    border-top-left-radius: ${({borderRadius:e})=>e[6]};
+  }
+
+  .payment-step-badge {
+    padding: ${({spacing:e})=>e[1]} ${({spacing:e})=>e[2]};
+    border-radius: ${({borderRadius:e})=>e[1]};
+  }
+
+  .payment-step-badge.loading {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  .payment-step-badge.error {
+    background-color: ${({tokens:e})=>e.core.backgroundError};
+  }
+
+  .payment-step-badge.success {
+    background-color: ${({tokens:e})=>e.core.backgroundSuccess};
+  }
+
+  .step-icon-container {
+    position: relative;
+    height: 40px;
+    width: 40px;
+    border-radius: ${({borderRadius:e})=>e.round};
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  .step-icon-box {
+    position: absolute;
+    right: -4px;
+    bottom: -1px;
+    padding: 2px;
+    border-radius: ${({borderRadius:e})=>e.round};
+    border: 2px solid ${({tokens:e})=>e.theme.backgroundPrimary};
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  .step-icon-box.success {
+    background-color: ${({tokens:e})=>e.core.backgroundSuccess};
+  }
+`,P=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},ft={received:[`pending`,`success`,`submitted`],processing:[`success`,`submitted`],sending:[`success`,`submitted`]},pt=3e3,F=class extends n.p{constructor(){super(),this.unsubscribe=[],this.pollingInterval=null,this.paymentAsset=k.state.paymentAsset,this.quoteStatus=k.state.quoteStatus,this.quote=k.state.quote,this.amount=k.state.amount,this.namespace=void 0,this.caipAddress=void 0,this.profileName=null,this.activeConnectorIds=t.m.state.activeConnectorIds,this.selectedExchange=k.state.selectedExchange,this.initializeNamespace(),this.unsubscribe.push(k.subscribeKey(`quoteStatus`,e=>this.quoteStatus=e),k.subscribeKey(`quote`,e=>this.quote=e),t.m.subscribeKey(`activeConnectorIds`,e=>this.activeConnectorIds=e),k.subscribeKey(`selectedExchange`,e=>this.selectedExchange=e))}connectedCallback(){super.connectedCallback(),this.startPolling()}disconnectedCallback(){super.disconnectedCallback(),this.stopPolling(),this.unsubscribe.forEach(e=>e())}render(){return n._`
+      <wui-flex flexDirection="column" .padding=${[`3`,`0`,`0`,`0`]} gap="2">
+        ${this.tokenTemplate()} ${this.paymentTemplate()} ${this.paymentLifecycleTemplate()}
+      </wui-flex>
+    `}tokenTemplate(){let e=Ye(this.amount||`0`),i=this.paymentAsset.metadata.symbol??`Unknown`,a=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===this.paymentAsset.network),o=this.quoteStatus===`failure`||this.quoteStatus===`timeout`||this.quoteStatus===`refund`;return this.quoteStatus===`success`||this.quoteStatus===`submitted`?n._`<wui-flex alignItems="center" justifyContent="center">
+        <wui-flex justifyContent="center" alignItems="center" class="token-image success">
+          <wui-icon name="checkmark" color="success" size="inherit"></wui-icon>
+        </wui-flex>
+      </wui-flex>`:o?n._`<wui-flex alignItems="center" justifyContent="center">
+        <wui-flex justifyContent="center" alignItems="center" class="token-image error">
+          <wui-icon name="close" color="error" size="inherit"></wui-icon>
+        </wui-flex>
+      </wui-flex>`:n._`
+      <wui-flex alignItems="center" justifyContent="center">
+        <wui-flex class="token-image-container">
+          <wui-pulse size="125px" rings="3" duration="4" opacity="0.5" variant="accent-primary">
+            <wui-flex justifyContent="center" alignItems="center" class="token-image loading">
+              <wui-icon name="paperPlaneTitle" color="accent-primary" size="inherit"></wui-icon>
+            </wui-flex>
+          </wui-pulse>
+
+          <wui-flex
+            justifyContent="center"
+            alignItems="center"
+            class="token-badge-container loading"
+          >
+            <wui-flex
+              alignItems="center"
+              justifyContent="center"
+              gap="01"
+              padding="1"
+              class="token-badge"
+            >
+              <wui-image
+                src=${r.o(t.T.getNetworkImage(a))}
+                class="chain-image"
+                size="mdl"
+              ></wui-image>
+
+              <wui-text variant="lg-regular" color="primary">${e} ${i}</wui-text>
+            </wui-flex>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `}paymentTemplate(){return n._`
+      <wui-flex flexDirection="column" gap="2" .padding=${[`0`,`6`,`0`,`6`]}>
+        ${this.renderPayment()}
+        <wui-separator></wui-separator>
+        ${this.renderWallet()}
+      </wui-flex>
+    `}paymentLifecycleTemplate(){let e=this.getStepsWithStatus();return n._`
+      <wui-flex flexDirection="column" padding="4" gap="2" class="payment-lifecycle-container">
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">PAYMENT CYCLE</wui-text>
+
+          ${this.renderPaymentCycleBadge()}
+        </wui-flex>
+
+        <wui-flex flexDirection="column" gap="5" .padding=${[`2`,`0`,`2`,`0`]}>
+          ${e.map(e=>this.renderStep(e))}
+        </wui-flex>
+      </wui-flex>
+    `}renderPaymentCycleBadge(){let e=this.quoteStatus===`failure`||this.quoteStatus===`timeout`||this.quoteStatus===`refund`,t=this.quoteStatus===`success`||this.quoteStatus===`submitted`;return e?n._`
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          class="payment-step-badge error"
+          gap="1"
+        >
+          <wui-icon name="close" color="error" size="xs"></wui-icon>
+          <wui-text variant="sm-regular" color="error">Failed</wui-text>
+        </wui-flex>
+      `:t?n._`
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          class="payment-step-badge success"
+          gap="1"
+        >
+          <wui-icon name="checkmark" color="success" size="xs"></wui-icon>
+          <wui-text variant="sm-regular" color="success">Completed</wui-text>
+        </wui-flex>
+      `:n._`
+      <wui-flex alignItems="center" justifyContent="space-between" gap="3">
+        <wui-flex
+          justifyContent="center"
+          alignItems="center"
+          class="payment-step-badge loading"
+          gap="1"
+        >
+          <wui-icon name="clock" color="default" size="xs"></wui-icon>
+          <wui-text variant="sm-regular" color="primary">Est. ${this.quote?.timeInSeconds??0} sec</wui-text>
+        </wui-flex>
+
+        <wui-icon name="chevronBottom" color="default" size="xxs"></wui-icon>
+      </wui-flex>
+    `}renderPayment(){let e=t.n.getAllRequestedCaipNetworks().find(e=>{let r=this.quote?.origin.currency.network;if(!r)return!1;let{chainId:i}=t.W.parseCaipNetworkId(r);return n.t.isLowerCaseMatch(e.id.toString(),i.toString())});return n._`
+      <wui-flex
+        alignItems="flex-start"
+        justifyContent="space-between"
+        .padding=${[`3`,`0`,`3`,`0`]}
+      >
+        <wui-text variant="lg-regular" color="secondary">Payment Method</wui-text>
+
+        <wui-flex flexDirection="column" alignItems="flex-end" gap="1">
+          <wui-flex alignItems="center" gap="01">
+            <wui-text variant="lg-regular" color="primary">${Ye(t.K.formatNumber(this.quote?.origin.amount||`0`,{decimals:this.quote?.origin.currency.metadata.decimals??0}).toString())}</wui-text>
+            <wui-text variant="lg-regular" color="secondary">${this.quote?.origin.currency.metadata.symbol??`Unknown`}</wui-text>
+          </wui-flex>
+
+          <wui-flex alignItems="center" gap="1">
+            <wui-text variant="md-regular" color="secondary">on</wui-text>
+            <wui-image
+              src=${r.o(t.T.getNetworkImage(e))}
+              size="xs"
+            ></wui-image>
+            <wui-text variant="md-regular" color="secondary">${e?.name}</wui-text>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `}renderWallet(){return n._`
+      <wui-flex
+        alignItems="flex-start"
+        justifyContent="space-between"
+        .padding=${[`3`,`0`,`3`,`0`]}
+      >
+        <wui-text variant="lg-regular" color="secondary">Wallet</wui-text>
+
+        ${this.renderWalletText()}
+      </wui-flex>
+    `}renderWalletText(){let{image:e}=this.getWalletProperties({namespace:this.namespace}),{address:i}=this.caipAddress?t.W.parseCaipAddress(this.caipAddress):{},a=this.selectedExchange?.name;return this.selectedExchange?n._`
+        <wui-flex alignItems="center" justifyContent="flex-end" gap="1">
+          <wui-text variant="lg-regular" color="primary">${a}</wui-text>
+          <wui-image src=${r.o(this.selectedExchange.imageUrl)} size="mdl"></wui-image>
+        </wui-flex>
+      `:n._`
+      <wui-flex alignItems="center" justifyContent="flex-end" gap="1">
+        <wui-text variant="lg-regular" color="primary">
+          ${n.i.getTruncateString({string:this.profileName||i||a||``,charsStart:this.profileName?16:4,charsEnd:this.profileName?0:6,truncate:this.profileName?`end`:`middle`})}
+        </wui-text>
+
+        <wui-image src=${r.o(e)} size="mdl"></wui-image>
+      </wui-flex>
+    `}getStepsWithStatus(){return this.quoteStatus===`failure`||this.quoteStatus===`timeout`||this.quoteStatus===`refund`?lt.map(e=>({...e,status:`failed`})):lt.map(e=>{let t=(ft[e.id]??[]).includes(this.quoteStatus)?`completed`:`pending`;return{...e,status:t}})}renderStep({title:e,icon:t,status:i}){return n._`
+      <wui-flex alignItems="center" gap="3">
+        <wui-flex justifyContent="center" alignItems="center" class="step-icon-container">
+          <wui-icon name=${t} color="default" size="mdl"></wui-icon>
+
+          <wui-flex alignItems="center" justifyContent="center" class=${r.n({"step-icon-box":!0,success:i===`completed`})}>
+            ${this.renderStatusIndicator(i)}
+          </wui-flex>
+        </wui-flex>
+
+        <wui-text variant="md-regular" color="primary">${e}</wui-text>
+      </wui-flex>
+    `}renderStatusIndicator(e){return e===`completed`?n._`<wui-icon size="sm" color="success" name="checkmark"></wui-icon>`:e===`failed`?n._`<wui-icon size="sm" color="error" name="close"></wui-icon>`:e===`pending`?n._`<wui-loading-spinner color="accent-primary" size="sm"></wui-loading-spinner>`:null}startPolling(){this.pollingInterval||=(this.fetchQuoteStatus(),setInterval(()=>{this.fetchQuoteStatus()},pt))}stopPolling(){this.pollingInterval&&=(clearInterval(this.pollingInterval),null)}async fetchQuoteStatus(){let e=k.state.requestId;if(!e||ut.includes(this.quoteStatus))this.stopPolling();else try{await k.fetchQuoteStatus({requestId:e}),ut.includes(this.quoteStatus)&&this.stopPolling()}catch{this.stopPolling()}}initializeNamespace(){let e=t.n.state.activeChain;this.namespace=e,this.caipAddress=t.n.getAccountData(e)?.caipAddress,this.profileName=t.n.getAccountData(e)?.profileName??null,this.unsubscribe.push(t.n.subscribeChainProp(`accountState`,e=>{this.caipAddress=e?.caipAddress,this.profileName=e?.profileName??null},e))}getWalletProperties({namespace:e}){if(!e)return{name:void 0,image:void 0};let n=this.activeConnectorIds[e];if(!n)return{name:void 0,image:void 0};let r=t.m.getConnector({id:n,namespace:e});if(!r)return{name:void 0,image:void 0};let i=t.T.getConnectorImage(r);return{name:r.name,image:i}}};F.styles=dt,P([r.s()],F.prototype,`paymentAsset`,void 0),P([r.s()],F.prototype,`quoteStatus`,void 0),P([r.s()],F.prototype,`quote`,void 0),P([r.s()],F.prototype,`amount`,void 0),P([r.s()],F.prototype,`namespace`,void 0),P([r.s()],F.prototype,`caipAddress`,void 0),P([r.s()],F.prototype,`profileName`,void 0),P([r.s()],F.prototype,`activeConnectorIds`,void 0),P([r.s()],F.prototype,`selectedExchange`,void 0),F=P([n.r(`w3m-pay-loading-view`)],F);var mt=n.u`
+  button {
+    display: flex;
+    align-items: center;
+    height: 40px;
+    padding: ${({spacing:e})=>e[2]};
+    border-radius: ${({borderRadius:e})=>e[4]};
+    column-gap: ${({spacing:e})=>e[1]};
+    background-color: transparent;
+    transition: background-color ${({durations:e})=>e.lg}
+      ${({easings:e})=>e[`ease-out-power-2`]};
+    will-change: background-color;
+  }
+
+  wui-image,
+  .icon-box {
+    width: ${({spacing:e})=>e[6]};
+    height: ${({spacing:e})=>e[6]};
+    border-radius: ${({borderRadius:e})=>e[4]};
+  }
+
+  wui-text {
+    flex: 1;
+  }
+
+  .icon-box {
+    position: relative;
+  }
+
+  .icon-box[data-active='true'] {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  .circle {
+    position: absolute;
+    left: 16px;
+    top: 15px;
+    width: 8px;
+    height: 8px;
+    background-color: ${({tokens:e})=>e.core.textSuccess};
+    box-shadow: 0 0 0 2px ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-radius: 50%;
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  @media (hover: hover) {
+    button:hover:enabled,
+    button:active:enabled {
+      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    }
+  }
+`,I=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},L=class extends n.p{constructor(){super(...arguments),this.address=``,this.profileName=``,this.alt=``,this.imageSrc=``,this.icon=void 0,this.iconSize=`md`,this.enableGreenCircle=!0,this.loading=!1,this.charsStart=4,this.charsEnd=6}render(){return n._`
+      <button>
+        ${this.leftImageTemplate()} ${this.textTemplate()} ${this.rightImageTemplate()}
+      </button>
+    `}leftImageTemplate(){let e=this.icon?n._`<wui-icon
+          size=${r.o(this.iconSize)}
+          color="default"
+          name=${this.icon}
+          class="icon"
+        ></wui-icon>`:n._`<wui-image src=${this.imageSrc} alt=${this.alt}></wui-image>`;return n._`
+      <wui-flex
+        alignItems="center"
+        justifyContent="center"
+        class="icon-box"
+        data-active=${!!this.icon}
+      >
+        ${e}
+        ${this.enableGreenCircle?n._`<wui-flex class="circle"></wui-flex>`:null}
+      </wui-flex>
+    `}textTemplate(){return n._`
+      <wui-text variant="lg-regular" color="primary">
+        ${n.i.getTruncateString({string:this.profileName||this.address,charsStart:this.profileName?16:this.charsStart,charsEnd:this.profileName?0:this.charsEnd,truncate:this.profileName?`end`:`middle`})}
+      </wui-text>
+    `}rightImageTemplate(){return n._`<wui-icon name="chevronBottom" size="sm" color="default"></wui-icon>`}};L.styles=[n.s,n.a,mt],I([r.c()],L.prototype,`address`,void 0),I([r.c()],L.prototype,`profileName`,void 0),I([r.c()],L.prototype,`alt`,void 0),I([r.c()],L.prototype,`imageSrc`,void 0),I([r.c()],L.prototype,`icon`,void 0),I([r.c()],L.prototype,`iconSize`,void 0),I([r.c({type:Boolean})],L.prototype,`enableGreenCircle`,void 0),I([r.c({type:Boolean})],L.prototype,`loading`,void 0),I([r.c({type:Number})],L.prototype,`charsStart`,void 0),I([r.c({type:Number})],L.prototype,`charsEnd`,void 0),L=I([n.r(`wui-wallet-switch`)],L);var ht=n.S`
+  :host {
+    display: block;
+  }
+`,gt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},_t=class extends n.p{render(){return n._`
+      <wui-flex flexDirection="column" gap="4">
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">Pay</wui-text>
+          <wui-shimmer width="60px" height="16px" borderRadius="4xs" variant="light"></wui-shimmer>
+        </wui-flex>
+
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">Network Fee</wui-text>
+
+          <wui-flex flexDirection="column" alignItems="flex-end" gap="2">
+            <wui-shimmer
+              width="75px"
+              height="16px"
+              borderRadius="4xs"
+              variant="light"
+            ></wui-shimmer>
+
+            <wui-flex alignItems="center" gap="01">
+              <wui-shimmer width="14px" height="14px" rounded variant="light"></wui-shimmer>
+              <wui-shimmer
+                width="49px"
+                height="14px"
+                borderRadius="4xs"
+                variant="light"
+              ></wui-shimmer>
+            </wui-flex>
+          </wui-flex>
+        </wui-flex>
+
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">Service Fee</wui-text>
+          <wui-shimmer width="75px" height="16px" borderRadius="4xs" variant="light"></wui-shimmer>
+        </wui-flex>
+      </wui-flex>
+    `}};_t.styles=[ht],_t=gt([n.r(`w3m-pay-fees-skeleton`)],_t);var vt=n.u`
+  :host {
+    display: block;
+  }
+
+  wui-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+  }
+`,yt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},bt=class extends n.p{constructor(){super(),this.unsubscribe=[],this.quote=k.state.quote,this.unsubscribe.push(k.subscribeKey(`quote`,e=>this.quote=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return n._`
+      <wui-flex flexDirection="column" gap="4">
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">Pay</wui-text>
+          <wui-text variant="md-regular" color="primary">
+            ${t.K.formatNumber(this.quote?.origin.amount||`0`,{decimals:this.quote?.origin.currency.metadata.decimals??0,round:6}).toString()} ${this.quote?.origin.currency.metadata.symbol||`Unknown`}
+          </wui-text>
+        </wui-flex>
+
+        ${this.quote&&this.quote.fees.length>0?this.quote.fees.map(e=>this.renderFee(e)):null}
+      </wui-flex>
+    `}renderFee(e){let i=e.id===`network`,a=t.K.formatNumber(e.amount||`0`,{decimals:e.currency.metadata.decimals??0,round:6}).toString();if(i){let i=t.n.getAllRequestedCaipNetworks().find(t=>n.t.isLowerCaseMatch(t.caipNetworkId,e.currency.network));return n._`
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">${e.label}</wui-text>
+
+          <wui-flex flexDirection="column" alignItems="flex-end" gap="2">
+            <wui-text variant="md-regular" color="primary">
+              ${a} ${e.currency.metadata.symbol||`Unknown`}
+            </wui-text>
+
+            <wui-flex alignItems="center" gap="01">
+              <wui-image
+                src=${r.o(t.T.getNetworkImage(i))}
+                size="xs"
+              ></wui-image>
+              <wui-text variant="sm-regular" color="secondary">
+                ${i?.name||`Unknown`}
+              </wui-text>
+            </wui-flex>
+          </wui-flex>
+        </wui-flex>
+      `}return n._`
+      <wui-flex alignItems="center" justifyContent="space-between">
+        <wui-text variant="md-regular" color="secondary">${e.label}</wui-text>
+        <wui-text variant="md-regular" color="primary">
+          ${a} ${e.currency.metadata.symbol||`Unknown`}
+        </wui-text>
+      </wui-flex>
+    `}};bt.styles=[vt],yt([r.s()],bt.prototype,`quote`,void 0),bt=yt([n.r(`w3m-pay-fees`)],bt);var xt=n.u`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .disabled-container {
+    padding: ${({spacing:e})=>e[2]};
+    min-height: 168px;
+  }
+
+  wui-icon {
+    width: ${({spacing:e})=>e[8]};
+    height: ${({spacing:e})=>e[8]};
+  }
+
+  wui-flex > wui-text {
+    max-width: 273px;
+  }
+`,St=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Ct=class extends n.p{constructor(){super(),this.unsubscribe=[],this.selectedExchange=k.state.selectedExchange,this.unsubscribe.push(k.subscribeKey(`selectedExchange`,e=>this.selectedExchange=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){return n._`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        justifyContent="center"
+        gap="3"
+        class="disabled-container"
+      >
+        <wui-icon name="coins" color="default" size="inherit"></wui-icon>
+
+        <wui-text variant="md-regular" color="primary" align="center">
+          You don't have enough funds to complete this transaction
+        </wui-text>
+
+        ${this.selectedExchange?null:n._`<wui-button
+              size="md"
+              variant="neutral-secondary"
+              @click=${this.dispatchConnectOtherWalletEvent.bind(this)}
+              >Connect other wallet</wui-button
+            >`}
+      </wui-flex>
+    `}dispatchConnectOtherWalletEvent(){this.dispatchEvent(new CustomEvent(`connectOtherWallet`,{detail:!0,bubbles:!0,composed:!0}))}};Ct.styles=[xt],St([r.c({type:Array})],Ct.prototype,`selectedExchange`,void 0),Ct=St([n.r(`w3m-pay-options-empty`)],Ct);var wt=n.u`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .pay-options-container {
+    max-height: 196px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+  }
+
+  .pay-options-container::-webkit-scrollbar {
+    display: none;
+  }
+
+  .pay-option-container {
+    border-radius: ${({borderRadius:e})=>e[4]};
+    padding: ${({spacing:e})=>e[3]};
+    min-height: 60px;
+  }
+
+  .token-images-container {
+    position: relative;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .chain-image {
+    position: absolute;
+    bottom: -3px;
+    right: -5px;
+    border: 2px solid ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+`,Tt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Et=class extends n.p{render(){return n._`
+      <wui-flex flexDirection="column" gap="2" class="pay-options-container">
+        ${this.renderOptionEntry()} ${this.renderOptionEntry()} ${this.renderOptionEntry()}
+      </wui-flex>
+    `}renderOptionEntry(){return n._`
+      <wui-flex
+        alignItems="center"
+        justifyContent="space-between"
+        gap="2"
+        class="pay-option-container"
+      >
+        <wui-flex alignItems="center" gap="2">
+          <wui-flex class="token-images-container">
+            <wui-shimmer
+              width="32px"
+              height="32px"
+              rounded
+              variant="light"
+              class="token-image"
+            ></wui-shimmer>
+            <wui-shimmer
+              width="16px"
+              height="16px"
+              rounded
+              variant="light"
+              class="chain-image"
+            ></wui-shimmer>
+          </wui-flex>
+
+          <wui-flex flexDirection="column" gap="1">
+            <wui-shimmer
+              width="74px"
+              height="16px"
+              borderRadius="4xs"
+              variant="light"
+            ></wui-shimmer>
+            <wui-shimmer
+              width="46px"
+              height="14px"
+              borderRadius="4xs"
+              variant="light"
+            ></wui-shimmer>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `}};Et.styles=[wt],Et=Tt([n.r(`w3m-pay-options-skeleton`)],Et);var Dt=n.u`
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .pay-options-container {
+    max-height: 196px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    scrollbar-width: none;
+    mask-image: var(--options-mask-image);
+    -webkit-mask-image: var(--options-mask-image);
+  }
+
+  .pay-options-container::-webkit-scrollbar {
+    display: none;
+  }
+
+  .pay-option-container {
+    cursor: pointer;
+    border-radius: ${({borderRadius:e})=>e[4]};
+    padding: ${({spacing:e})=>e[3]};
+    transition: background-color ${({durations:e})=>e.lg}
+      ${({easings:e})=>e[`ease-out-power-1`]};
+    will-change: background-color;
+  }
+
+  .token-images-container {
+    position: relative;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .token-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+    width: 32px;
+    height: 32px;
+  }
+
+  .chain-image {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    bottom: -3px;
+    right: -5px;
+    border-radius: ${({borderRadius:e})=>e.round};
+    border: 2px solid ${({tokens:e})=>e.theme.backgroundPrimary};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    .pay-option-container:hover {
+      background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    }
+  }
+`,Ot=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},kt=300,R=class extends n.p{constructor(){super(),this.unsubscribe=[],this.options=[],this.selectedPaymentAsset=null}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.resizeObserver?.disconnect(),(this.shadowRoot?.querySelector(`.pay-options-container`))?.removeEventListener(`scroll`,this.handleOptionsListScroll.bind(this))}firstUpdated(){let e=this.shadowRoot?.querySelector(`.pay-options-container`);e&&(requestAnimationFrame(this.handleOptionsListScroll.bind(this)),e?.addEventListener(`scroll`,this.handleOptionsListScroll.bind(this)),this.resizeObserver=new ResizeObserver(()=>{this.handleOptionsListScroll()}),this.resizeObserver?.observe(e),this.handleOptionsListScroll())}render(){return n._`
+      <wui-flex flexDirection="column" gap="2" class="pay-options-container">
+        ${this.options.map(e=>this.payOptionTemplate(e))}
+      </wui-flex>
+    `}payOptionTemplate(e){let{network:i,metadata:a,asset:o,amount:s=`0`}=e,c=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===i),l=`${i}:${o}`==`${this.selectedPaymentAsset?.network}:${this.selectedPaymentAsset?.asset}`,u=t.K.bigNumber(s,{safe:!0}),d=u.gt(0);return n._`
+      <wui-flex
+        alignItems="center"
+        justifyContent="space-between"
+        gap="2"
+        @click=${()=>this.onSelect?.(e)}
+        class="pay-option-container"
+      >
+        <wui-flex alignItems="center" gap="2">
+          <wui-flex class="token-images-container">
+            <wui-image
+              src=${r.o(a.logoURI)}
+              class="token-image"
+              size="3xl"
+            ></wui-image>
+            <wui-image
+              src=${r.o(t.T.getNetworkImage(c))}
+              class="chain-image"
+              size="md"
+            ></wui-image>
+          </wui-flex>
+
+          <wui-flex flexDirection="column" gap="1">
+            <wui-text variant="lg-regular" color="primary">${a.symbol}</wui-text>
+            ${d?n._`<wui-text variant="sm-regular" color="secondary">
+                  ${u.round(6).toString()} ${a.symbol}
+                </wui-text>`:null}
+          </wui-flex>
+        </wui-flex>
+
+        ${l?n._`<wui-icon name="checkmark" size="md" color="success"></wui-icon>`:null}
+      </wui-flex>
+    `}handleOptionsListScroll(){let e=this.shadowRoot?.querySelector(`.pay-options-container`);e&&(e.scrollHeight>kt?(e.style.setProperty(`--options-mask-image`,`linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, calc(1 - var(--options-scroll--top-opacity))) 0px,
+          rgba(200, 200, 200, calc(1 - var(--options-scroll--top-opacity))) 1px,
+          black 50px,
+          black calc(100% - 50px),
+          rgba(155, 155, 155, calc(1 - var(--options-scroll--bottom-opacity))) calc(100% - 1px),
+          rgba(0, 0, 0, calc(1 - var(--options-scroll--bottom-opacity))) 100%
+        )`),e.style.setProperty(`--options-scroll--top-opacity`,n.f.interpolate([0,50],[0,1],e.scrollTop).toString()),e.style.setProperty(`--options-scroll--bottom-opacity`,n.f.interpolate([0,50],[0,1],e.scrollHeight-e.scrollTop-e.offsetHeight).toString())):(e.style.setProperty(`--options-mask-image`,`none`),e.style.setProperty(`--options-scroll--top-opacity`,`0`),e.style.setProperty(`--options-scroll--bottom-opacity`,`0`)))}};R.styles=[Dt],Ot([r.c({type:Array})],R.prototype,`options`,void 0),Ot([r.c()],R.prototype,`selectedPaymentAsset`,void 0),Ot([r.c()],R.prototype,`onSelect`,void 0),R=Ot([n.r(`w3m-pay-options`)],R);var At=n.u`
+  .payment-methods-container {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border-top-right-radius: ${({borderRadius:e})=>e[5]};
+    border-top-left-radius: ${({borderRadius:e})=>e[5]};
+  }
+
+  .pay-options-container {
+    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    border-radius: ${({borderRadius:e})=>e[5]};
+    padding: ${({spacing:e})=>e[1]};
+  }
+
+  w3m-tooltip-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    max-width: fit-content;
+  }
+
+  wui-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+  }
+
+  w3m-pay-options.disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+`,z=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},jt={eip155:`ethereum`,solana:`solana`,bip122:`bitcoin`,ton:`ton`},Mt={eip155:{icon:jt.eip155,label:`EVM`},solana:{icon:jt.solana,label:`Solana`},bip122:{icon:jt.bip122,label:`Bitcoin`},ton:{icon:jt.ton,label:`Ton`}},B=class extends n.p{constructor(){super(),this.unsubscribe=[],this.profileName=null,this.paymentAsset=k.state.paymentAsset,this.namespace=void 0,this.caipAddress=void 0,this.amount=k.state.amount,this.recipient=k.state.recipient,this.activeConnectorIds=t.m.state.activeConnectorIds,this.selectedPaymentAsset=k.state.selectedPaymentAsset,this.selectedExchange=k.state.selectedExchange,this.isFetchingQuote=k.state.isFetchingQuote,this.quoteError=k.state.quoteError,this.quote=k.state.quote,this.isFetchingTokenBalances=k.state.isFetchingTokenBalances,this.tokenBalances=k.state.tokenBalances,this.isPaymentInProgress=k.state.isPaymentInProgress,this.exchangeUrlForQuote=k.state.exchangeUrlForQuote,this.completedTransactionsCount=0,this.unsubscribe.push(k.subscribeKey(`paymentAsset`,e=>this.paymentAsset=e)),this.unsubscribe.push(k.subscribeKey(`tokenBalances`,e=>this.onTokenBalancesChanged(e))),this.unsubscribe.push(k.subscribeKey(`isFetchingTokenBalances`,e=>this.isFetchingTokenBalances=e)),this.unsubscribe.push(t.m.subscribeKey(`activeConnectorIds`,e=>this.activeConnectorIds=e)),this.unsubscribe.push(k.subscribeKey(`selectedPaymentAsset`,e=>this.selectedPaymentAsset=e)),this.unsubscribe.push(k.subscribeKey(`isFetchingQuote`,e=>this.isFetchingQuote=e)),this.unsubscribe.push(k.subscribeKey(`quoteError`,e=>this.quoteError=e)),this.unsubscribe.push(k.subscribeKey(`quote`,e=>this.quote=e)),this.unsubscribe.push(k.subscribeKey(`amount`,e=>this.amount=e)),this.unsubscribe.push(k.subscribeKey(`recipient`,e=>this.recipient=e)),this.unsubscribe.push(k.subscribeKey(`isPaymentInProgress`,e=>this.isPaymentInProgress=e)),this.unsubscribe.push(k.subscribeKey(`selectedExchange`,e=>this.selectedExchange=e)),this.unsubscribe.push(k.subscribeKey(`exchangeUrlForQuote`,e=>this.exchangeUrlForQuote=e)),this.resetQuoteState(),this.initializeNamespace(),this.fetchTokens()}disconnectedCallback(){super.disconnectedCallback(),this.resetAssetsState(),this.unsubscribe.forEach(e=>e())}updated(e){super.updated(e),e.has(`selectedPaymentAsset`)&&this.fetchQuote()}render(){return n._`
+      <wui-flex flexDirection="column">
+        ${this.profileTemplate()}
+
+        <wui-flex
+          flexDirection="column"
+          gap="4"
+          class="payment-methods-container"
+          .padding=${[`4`,`4`,`5`,`4`]}
+        >
+          ${this.paymentOptionsViewTemplate()} ${this.amountWithFeeTemplate()}
+
+          <wui-flex
+            alignItems="center"
+            justifyContent="space-between"
+            .padding=${[`1`,`0`,`1`,`0`]}
+          >
+            <wui-separator></wui-separator>
+          </wui-flex>
+
+          ${this.paymentActionsTemplate()}
+        </wui-flex>
+      </wui-flex>
+    `}profileTemplate(){if(this.selectedExchange){let e=t.K.formatNumber(this.quote?.origin.amount,{decimals:this.quote?.origin.currency.metadata.decimals??0}).toString();return n._`
+        <wui-flex
+          .padding=${[`4`,`3`,`4`,`3`]}
+          alignItems="center"
+          justifyContent="space-between"
+          gap="2"
+        >
+          <wui-text variant="lg-regular" color="secondary">Paying with</wui-text>
+
+          ${this.quote?n._`<wui-text variant="lg-regular" color="primary">
+                ${t.K.bigNumber(e,{safe:!0}).round(6).toString()}
+                ${this.quote.origin.currency.metadata.symbol}
+              </wui-text>`:n._`<wui-shimmer width="80px" height="18px" variant="light"></wui-shimmer>`}
+        </wui-flex>
+      `}let e=t.j.getPlainAddress(this.caipAddress)??``,{name:i,image:a}=this.getWalletProperties({namespace:this.namespace}),{icon:o,label:s}=Mt[this.namespace]??{};return n._`
+      <wui-flex
+        .padding=${[`4`,`3`,`4`,`3`]}
+        alignItems="center"
+        justifyContent="space-between"
+        gap="2"
+      >
+        <wui-wallet-switch
+          profileName=${r.o(this.profileName)}
+          address=${r.o(e)}
+          imageSrc=${r.o(a)}
+          alt=${r.o(i)}
+          @click=${this.onConnectOtherWallet.bind(this)}
+          data-testid="wui-wallet-switch"
+        ></wui-wallet-switch>
+
+        <wui-wallet-switch
+          profileName=${r.o(s)}
+          address=${r.o(e)}
+          icon=${r.o(o)}
+          iconSize="xs"
+          .enableGreenCircle=${!1}
+          alt=${r.o(s)}
+          @click=${this.onConnectOtherWallet.bind(this)}
+          data-testid="wui-wallet-switch"
+        ></wui-wallet-switch>
+      </wui-flex>
+    `}initializeNamespace(){let e=t.n.state.activeChain;this.namespace=e,this.caipAddress=t.n.getAccountData(e)?.caipAddress,this.profileName=t.n.getAccountData(e)?.profileName??null,this.unsubscribe.push(t.n.subscribeChainProp(`accountState`,e=>this.onAccountStateChanged(e),e))}async fetchTokens(){if(this.namespace){let e;if(this.caipAddress){let{chainId:n,chainNamespace:r}=t.W.parseCaipAddress(this.caipAddress),i=`${r}:${n}`;e=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===i)}await k.fetchTokens({caipAddress:this.caipAddress,caipNetwork:e,namespace:this.namespace})}}fetchQuote(){if(this.amount&&this.recipient&&this.selectedPaymentAsset&&this.paymentAsset){let{address:e}=this.caipAddress?t.W.parseCaipAddress(this.caipAddress):{};k.fetchQuote({amount:this.amount.toString(),address:e,sourceToken:this.selectedPaymentAsset,toToken:this.paymentAsset,recipient:this.recipient})}}getWalletProperties({namespace:e}){if(!e)return{name:void 0,image:void 0};let n=this.activeConnectorIds[e];if(!n)return{name:void 0,image:void 0};let r=t.m.getConnector({id:n,namespace:e});if(!r)return{name:void 0,image:void 0};let i=t.T.getConnectorImage(r);return{name:r.name,image:i}}paymentOptionsViewTemplate(){return n._`
+      <wui-flex flexDirection="column" gap="2">
+        <wui-text variant="sm-regular" color="secondary">CHOOSE PAYMENT OPTION</wui-text>
+        <wui-flex class="pay-options-container">${this.paymentOptionsTemplate()}</wui-flex>
+      </wui-flex>
+    `}paymentOptionsTemplate(){let e=this.getPaymentAssetFromTokenBalances();return this.isFetchingTokenBalances?n._`<w3m-pay-options-skeleton></w3m-pay-options-skeleton>`:e.length===0?n._`<w3m-pay-options-empty
+        @connectOtherWallet=${this.onConnectOtherWallet.bind(this)}
+      ></w3m-pay-options-empty>`:n._`<w3m-pay-options
+      class=${r.n({disabled:this.isFetchingQuote})}
+      .options=${e}
+      .selectedPaymentAsset=${r.o(this.selectedPaymentAsset)}
+      .onSelect=${this.onSelectedPaymentAssetChanged.bind(this)}
+    ></w3m-pay-options>`}amountWithFeeTemplate(){return this.isFetchingQuote||!this.selectedPaymentAsset||this.quoteError?n._`<w3m-pay-fees-skeleton></w3m-pay-fees-skeleton>`:n._`<w3m-pay-fees></w3m-pay-fees>`}paymentActionsTemplate(){let e=this.isFetchingQuote||this.isFetchingTokenBalances,r=this.isFetchingQuote||this.isFetchingTokenBalances||!this.selectedPaymentAsset||!!this.quoteError,i=t.K.formatNumber(this.quote?.origin.amount??0,{decimals:this.quote?.origin.currency.metadata.decimals??0}).toString();return this.selectedExchange?e||r?n._`
+          <wui-shimmer width="100%" height="48px" variant="light" ?rounded=${!0}></wui-shimmer>
+        `:n._`<wui-button
+        size="lg"
+        fullWidth
+        variant="accent-secondary"
+        @click=${this.onPayWithExchange.bind(this)}
+      >
+        ${`Continue in ${this.selectedExchange.name}`}
+
+        <wui-icon name="arrowRight" color="inherit" size="sm" slot="iconRight"></wui-icon>
+      </wui-button>`:n._`
+      <wui-flex alignItems="center" justifyContent="space-between">
+        <wui-flex flexDirection="column" gap="1">
+          <wui-text variant="md-regular" color="secondary">Order Total</wui-text>
+
+          ${e||r?n._`<wui-shimmer width="58px" height="32px" variant="light"></wui-shimmer>`:n._`<wui-flex alignItems="center" gap="01">
+                <wui-text variant="h4-regular" color="primary">${Ye(i)}</wui-text>
+
+                <wui-text variant="lg-regular" color="secondary">
+                  ${this.quote?.origin.currency.metadata.symbol||`Unknown`}
+                </wui-text>
+              </wui-flex>`}
+        </wui-flex>
+
+        ${this.actionButtonTemplate({isLoading:e,isDisabled:r})}
+      </wui-flex>
+    `}actionButtonTemplate(e){let t=Ae(this.quote),{isLoading:r,isDisabled:i}=e,a=`Pay`;return t.length>1&&this.completedTransactionsCount===0&&(a=`Approve`),n._`
+      <wui-button
+        size="lg"
+        variant="accent-primary"
+        ?loading=${r||this.isPaymentInProgress}
+        ?disabled=${i||this.isPaymentInProgress}
+        @click=${()=>{t.length>0?this.onSendTransactions():this.onTransfer()}}
+      >
+        ${a}
+        ${r?null:n._`<wui-icon
+              name="arrowRight"
+              color="inherit"
+              size="sm"
+              slot="iconRight"
+            ></wui-icon>`}
+      </wui-button>
+    `}getPaymentAssetFromTokenBalances(){return this.namespace?(this.tokenBalances[this.namespace]??[]).map(e=>{try{return qe(e)}catch{return null}}).filter(e=>!!e).filter(e=>{let{chainId:r}=t.W.parseCaipNetworkId(e.network),{chainId:i}=t.W.parseCaipNetworkId(this.paymentAsset.network);return n.t.isLowerCaseMatch(e.asset,this.paymentAsset.asset)?!0:this.selectedExchange?!n.t.isLowerCaseMatch(r.toString(),i.toString()):!0}):[]}onTokenBalancesChanged(e){this.tokenBalances=e;let[t]=this.getPaymentAssetFromTokenBalances();t&&k.setSelectedPaymentAsset(t)}async onConnectOtherWallet(){await t.m.connect(),await t.g.open({view:`PayQuote`})}onAccountStateChanged(e){let{address:r}=this.caipAddress?t.W.parseCaipAddress(this.caipAddress):{};if(this.caipAddress=e?.caipAddress,this.profileName=e?.profileName??null,r){let{address:e}=this.caipAddress?t.W.parseCaipAddress(this.caipAddress):{};e?n.t.isLowerCaseMatch(e,r)||(this.resetAssetsState(),this.resetQuoteState(),this.fetchTokens()):t.g.close()}}onSelectedPaymentAssetChanged(e){this.isFetchingQuote||k.setSelectedPaymentAsset(e)}async onTransfer(){let e=ke(this.quote);if(e){if(!n.t.isLowerCaseMatch(this.selectedPaymentAsset?.asset,e.deposit.currency))throw Error(`Quote asset is not the same as the selected payment asset`);let r=this.selectedPaymentAsset?.amount??`0`,i=t.K.formatNumber(e.deposit.amount,{decimals:this.selectedPaymentAsset?.metadata.decimals??0}).toString();if(!t.K.bigNumber(r).gte(i)){t.C.showError(`Insufficient funds`);return}if(this.quote&&this.selectedPaymentAsset&&this.caipAddress&&this.namespace){let{address:n}=t.W.parseCaipAddress(this.caipAddress);await k.onTransfer({chainNamespace:this.namespace,fromAddress:n,toAddress:e.deposit.receiver,amount:i,paymentAsset:this.selectedPaymentAsset}),k.setRequestId(e.requestId),t.y.push(`PayLoading`)}}}async onSendTransactions(){let e=this.selectedPaymentAsset?.amount??`0`,n=t.K.formatNumber(this.quote?.origin.amount??0,{decimals:this.selectedPaymentAsset?.metadata.decimals??0}).toString();if(!t.K.bigNumber(e).gte(n)){t.C.showError(`Insufficient funds`);return}let r=Ae(this.quote),[i]=Ae(this.quote,this.completedTransactionsCount);i&&this.namespace&&(await k.onSendTransaction({namespace:this.namespace,transactionStep:i}),this.completedTransactionsCount+=1,this.completedTransactionsCount===r.length&&(k.setRequestId(i.requestId),t.y.push(`PayLoading`)))}onPayWithExchange(){if(this.exchangeUrlForQuote){let e=t.j.returnOpenHref(``,`popupWindow`,`scrollbar=yes,width=480,height=720`);if(!e)throw Error(`Could not create popup window`);e.location.href=this.exchangeUrlForQuote;let n=ke(this.quote);n&&k.setRequestId(n.requestId),k.initiatePayment(),t.y.push(`PayLoading`)}}resetAssetsState(){k.setSelectedPaymentAsset(null)}resetQuoteState(){k.resetQuoteState()}};B.styles=At,z([r.s()],B.prototype,`profileName`,void 0),z([r.s()],B.prototype,`paymentAsset`,void 0),z([r.s()],B.prototype,`namespace`,void 0),z([r.s()],B.prototype,`caipAddress`,void 0),z([r.s()],B.prototype,`amount`,void 0),z([r.s()],B.prototype,`recipient`,void 0),z([r.s()],B.prototype,`activeConnectorIds`,void 0),z([r.s()],B.prototype,`selectedPaymentAsset`,void 0),z([r.s()],B.prototype,`selectedExchange`,void 0),z([r.s()],B.prototype,`isFetchingQuote`,void 0),z([r.s()],B.prototype,`quoteError`,void 0),z([r.s()],B.prototype,`quote`,void 0),z([r.s()],B.prototype,`isFetchingTokenBalances`,void 0),z([r.s()],B.prototype,`tokenBalances`,void 0),z([r.s()],B.prototype,`isPaymentInProgress`,void 0),z([r.s()],B.prototype,`exchangeUrlForQuote`,void 0),z([r.s()],B.prototype,`completedTransactionsCount`,void 0),B=z([n.r(`w3m-pay-quote-view`)],B);var Nt=n.u`
+  wui-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+  }
+
+  .transfers-badge {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    border: 1px solid ${({tokens:e})=>e.theme.foregroundSecondary};
+    border-radius: ${({borderRadius:e})=>e[4]};
+  }
+`,Pt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},V=class extends n.p{constructor(){super(),this.unsubscribe=[],this.paymentAsset=k.state.paymentAsset,this.amount=k.state.amount,this.unsubscribe.push(k.subscribeKey(`paymentAsset`,e=>{this.paymentAsset=e}),k.subscribeKey(`amount`,e=>{this.amount=e}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let e=t.n.getAllRequestedCaipNetworks().find(e=>e.caipNetworkId===this.paymentAsset.network);return n._`<wui-flex
+      alignItems="center"
+      gap="1"
+      .padding=${[`1`,`2`,`1`,`1`]}
+      class="transfers-badge"
+    >
+      <wui-image src=${r.o(this.paymentAsset.metadata.logoURI)} size="xl"></wui-image>
+      <wui-text variant="lg-regular" color="primary">
+        ${this.amount} ${this.paymentAsset.metadata.symbol}
+      </wui-text>
+      <wui-text variant="sm-regular" color="secondary">
+        on ${e?.name??`Unknown`}
+      </wui-text>
+    </wui-flex>`}};V.styles=[Nt],Pt([r.c()],V.prototype,`paymentAsset`,void 0),Pt([r.c()],V.prototype,`amount`,void 0),V=Pt([n.r(`w3m-pay-header`)],V);var Ft=n.u`
+  :host {
+    height: 60px;
+  }
+
+  :host > wui-flex {
+    box-sizing: border-box;
+    background-color: var(--local-header-background-color);
+  }
+
+  wui-text {
+    background-color: var(--local-header-background-color);
+  }
+
+  wui-flex.w3m-header-title {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  wui-flex.w3m-header-title[view-direction='prev'] {
+    animation:
+      slide-down-out 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]},
+      slide-down-in 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-delay: 0ms, 200ms;
+  }
+
+  wui-flex.w3m-header-title[view-direction='next'] {
+    animation:
+      slide-up-out 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]},
+      slide-up-in 120ms forwards ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-delay: 0ms, 200ms;
+  }
+
+  wui-icon-button[data-hidden='true'] {
+    opacity: 0 !important;
+    pointer-events: none;
+  }
+
+  @keyframes slide-up-out {
+    from {
+      transform: translateY(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateY(3px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-up-in {
+    from {
+      transform: translateY(-3px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes slide-down-out {
+    from {
+      transform: translateY(0px);
+      opacity: 1;
+    }
+    to {
+      transform: translateY(-3px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes slide-down-in {
+    from {
+      transform: translateY(3px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+`,H=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},It=[`SmartSessionList`],Lt={PayWithExchange:n.d.tokens.theme.foregroundPrimary};function Rt(){let e=t.y.state.data?.connector?.name,n=t.y.state.data?.wallet?.name,r=t.y.state.data?.network?.name,i=n??e,a=t.m.getConnectors(),o=a.length===1&&a[0]?.id===`w3m-email`,s=t.n.getAccountData()?.socialProvider,c=s?s.charAt(0).toUpperCase()+s.slice(1):`Connect Social`;return{Connect:`Connect ${o?`Email`:``} Wallet`,Create:`Create Wallet`,ChooseAccountName:void 0,Account:void 0,AccountSettings:void 0,AllWallets:`All Wallets`,ApproveTransaction:`Approve Transaction`,BuyInProgress:`Buy`,UsageExceeded:`Usage Exceeded`,ConnectingExternal:i??`Connect Wallet`,ConnectingWalletConnect:i??`WalletConnect`,ConnectingWalletConnectBasic:`WalletConnect`,ConnectingSiwe:`Sign In`,Convert:`Convert`,ConvertSelectToken:`Select token`,ConvertPreview:`Preview Convert`,Downloads:i?`Get ${i}`:`Downloads`,EmailLogin:`Email Login`,EmailVerifyOtp:`Confirm Email`,EmailVerifyDevice:`Register Device`,GetWallet:`Get a Wallet`,Networks:`Choose Network`,OnRampProviders:`Choose Provider`,OnRampActivity:`Activity`,OnRampTokenSelect:`Select Token`,OnRampFiatSelect:`Select Currency`,Pay:`How you pay`,ProfileWallets:`Wallets`,SwitchNetwork:r??`Switch Network`,Transactions:`Activity`,UnsupportedChain:`Switch Network`,UpgradeEmailWallet:`Upgrade Your Wallet`,UpdateEmailWallet:`Edit Email`,UpdateEmailPrimaryOtp:`Confirm Current Email`,UpdateEmailSecondaryOtp:`Confirm New Email`,WhatIsABuy:`What is Buy?`,RegisterAccountName:`Choose Name`,RegisterAccountNameSuccess:``,WalletReceive:`Receive`,WalletCompatibleNetworks:`Compatible Networks`,Swap:`Swap`,SwapSelectToken:`Select Token`,SwapPreview:`Preview Swap`,WalletSend:`Send`,WalletSendPreview:`Review Send`,WalletSendSelectToken:`Select Token`,WalletSendConfirmed:`Confirmed`,WhatIsANetwork:`What is a network?`,WhatIsAWallet:`What is a Wallet?`,ConnectWallets:`Connect Wallet`,ConnectSocials:`All Socials`,ConnectingSocial:c,ConnectingMultiChain:`Select Chain`,ConnectingFarcaster:`Farcaster`,SwitchActiveChain:`Switch Chain`,SmartSessionCreated:void 0,SmartSessionList:`Smart Sessions`,SIWXSignMessage:`Sign In`,PayLoading:`Processing payment...`,PayQuote:`Payment Quote`,DataCapture:`Profile`,DataCaptureOtpConfirm:`Confirm Email`,FundWallet:`Fund Wallet`,PayWithExchange:`Deposit from Exchange`,PayWithExchangeSelectAsset:`Select Asset`,SmartAccountSettings:`Smart Account Settings`}}var U=class extends n.p{constructor(){super(),this.unsubscribe=[],this.heading=Rt()[t.y.state.view],this.network=t.n.state.activeCaipNetwork,this.networkImage=t.T.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=t.y.state.view,this.viewDirection=``,this.unsubscribe.push(t.E.subscribeNetworkImages(()=>{this.networkImage=t.T.getNetworkImage(this.network)}),t.y.subscribeKey(`view`,e=>{setTimeout(()=>{this.view=e,this.heading=Rt()[e]},y.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),t.n.subscribeKey(`activeCaipNetwork`,e=>{this.network=e,this.networkImage=t.T.getNetworkImage(this.network)}))}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){let e=Lt[t.y.state.view]??n.d.tokens.theme.backgroundPrimary;return this.style.setProperty(`--local-header-background-color`,e),n._`
+      <wui-flex
+        .padding=${[`0`,`4`,`0`,`4`]}
+        justifyContent="space-between"
+        alignItems="center"
+      >
+        ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
+      </wui-flex>
+    `}onWalletHelp(){t.v.sendEvent({type:`track`,event:`CLICK_WALLET_HELP`}),t.y.push(`WhatIsAWallet`)}async onClose(){await te.safeClose()}rightHeaderTemplate(){let e=t.k?.state?.features?.smartSessions;return t.y.state.view!==`Account`||!e?this.closeButtonTemplate():n._`<wui-flex>
+      <wui-icon-button
+        icon="clock"
+        size="lg"
+        iconSize="lg"
+        type="neutral"
+        variant="primary"
+        @click=${()=>t.y.push(`SmartSessionList`)}
+        data-testid="w3m-header-smart-sessions"
+      ></wui-icon-button>
+      ${this.closeButtonTemplate()}
+    </wui-flex> `}closeButtonTemplate(){return n._`
+      <wui-icon-button
+        icon="close"
+        size="lg"
+        type="neutral"
+        variant="primary"
+        iconSize="lg"
+        @click=${this.onClose.bind(this)}
+        data-testid="w3m-header-close"
+      ></wui-icon-button>
+    `}titleTemplate(){if(this.view===`PayQuote`)return n._`<w3m-pay-header></w3m-pay-header>`;let e=It.includes(this.view);return n._`
+      <wui-flex
+        view-direction="${this.viewDirection}"
+        class="w3m-header-title"
+        alignItems="center"
+        gap="2"
+      >
+        <wui-text
+          display="inline"
+          variant="lg-regular"
+          color="primary"
+          data-testid="w3m-header-text"
+        >
+          ${this.heading}
+        </wui-text>
+        ${e?n._`<wui-tag variant="accent" size="md">Beta</wui-tag>`:null}
+      </wui-flex>
+    `}leftHeaderTemplate(){let{view:e}=t.y.state,i=e===`Connect`,a=t.k.state.enableEmbedded,o=e===`ApproveTransaction`,s=e===`ConnectingSiwe`,c=e===`Account`,l=t.k.state.enableNetworkSwitch,u=o||s||i&&a;return c&&l?n._`<wui-select
+        id="dynamic"
+        data-testid="w3m-account-select-network"
+        active-network=${r.o(this.network?.name)}
+        @click=${this.onNetworks.bind(this)}
+        imageSrc=${r.o(this.networkImage)}
+      ></wui-select>`:this.showBack&&!u?n._`<wui-icon-button
+        data-testid="header-back"
+        id="dynamic"
+        icon="chevronLeft"
+        size="lg"
+        iconSize="lg"
+        type="neutral"
+        variant="primary"
+        @click=${this.onGoBack.bind(this)}
+      ></wui-icon-button>`:n._`<wui-icon-button
+      data-hidden=${!i}
+      id="dynamic"
+      icon="helpCircle"
+      size="lg"
+      iconSize="lg"
+      type="neutral"
+      variant="primary"
+      @click=${this.onWalletHelp.bind(this)}
+    ></wui-icon-button>`}onNetworks(){this.isAllowedNetworkSwitch()&&(t.v.sendEvent({type:`track`,event:`CLICK_NETWORKS`}),t.y.push(`Networks`))}isAllowedNetworkSwitch(){let e=t.n.getAllRequestedCaipNetworks(),n=e?e.length>1:!1,r=e?.find(({id:e})=>e===this.network?.id);return n||!r}onViewChange(){let{history:e}=t.y.state,n=y.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(n=y.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=n}async onHistoryChange(){let{history:e}=t.y.state,n=this.shadowRoot?.querySelector(`#dynamic`);e.length>1&&!this.showBack&&n?(await n.animate([{opacity:1},{opacity:0}],{duration:200,fill:`forwards`,easing:`ease`}).finished,this.showBack=!0,n.animate([{opacity:0},{opacity:1}],{duration:200,fill:`forwards`,easing:`ease`})):e.length<=1&&this.showBack&&n&&(await n.animate([{opacity:1},{opacity:0}],{duration:200,fill:`forwards`,easing:`ease`}).finished,this.showBack=!1,n.animate([{opacity:0},{opacity:1}],{duration:200,fill:`forwards`,easing:`ease`}))}onGoBack(){t.y.goBack()}};U.styles=Ft,H([r.s()],U.prototype,`heading`,void 0),H([r.s()],U.prototype,`network`,void 0),H([r.s()],U.prototype,`networkImage`,void 0),H([r.s()],U.prototype,`showBack`,void 0),H([r.s()],U.prototype,`prevHistoryLength`,void 0),H([r.s()],U.prototype,`view`,void 0),H([r.s()],U.prototype,`viewDirection`,void 0),U=H([n.r(`w3m-header`)],U);var zt=n.u`
+  :host {
+    display: flex;
+    align-items: center;
+    gap: ${({spacing:e})=>e[1]};
+    padding: ${({spacing:e})=>e[2]} ${({spacing:e})=>e[3]}
+      ${({spacing:e})=>e[2]} ${({spacing:e})=>e[2]};
+    border-radius: ${({borderRadius:e})=>e[20]};
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+    box-shadow:
+      0px 0px 8px 0px rgba(0, 0, 0, 0.1),
+      inset 0 0 0 1px ${({tokens:e})=>e.theme.borderPrimary};
+    max-width: 320px;
+  }
+
+  wui-icon-box {
+    border-radius: ${({borderRadius:e})=>e.round} !important;
+    overflow: hidden;
+  }
+
+  wui-loading-spinner {
+    padding: ${({spacing:e})=>e[1]};
+    background-color: ${({tokens:e})=>e.core.foregroundAccent010};
+    border-radius: ${({borderRadius:e})=>e.round} !important;
+  }
+`,Bt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},W=class extends n.p{constructor(){super(...arguments),this.message=``,this.variant=`success`}render(){return n._`
+      ${this.templateIcon()}
+      <wui-text variant="lg-regular" color="primary" data-testid="wui-snackbar-message"
+        >${this.message}</wui-text
+      >
+    `}templateIcon(){return this.variant===`loading`?n._`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:n._`<wui-icon-box
+      size="md"
+      color=${{success:`success`,error:`error`,warning:`warning`,info:`default`}[this.variant]}
+      icon=${{success:`checkmark`,error:`warning`,warning:`warningCircle`,info:`info`}[this.variant]}
+    ></wui-icon-box>`}};W.styles=[n.s,zt],Bt([r.c()],W.prototype,`message`,void 0),Bt([r.c()],W.prototype,`variant`,void 0),W=Bt([n.r(`wui-snackbar`)],W);var Vt=n.S`
+  :host {
+    display: block;
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    top: 11px;
+    left: 50%;
+    width: max-content;
+  }
+`,Ht=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Ut=class extends n.p{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=t.C.state.open,this.unsubscribe.push(t.C.subscribeKey(`open`,e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e=>e())}render(){let{message:e,variant:r}=t.C.state;return n._` <wui-snackbar message=${e} variant=${r}></wui-snackbar> `}onOpen(){clearTimeout(this.timeout),this.open?(this.animate([{opacity:0,transform:`translateX(-50%) scale(0.85)`},{opacity:1,transform:`translateX(-50%) scale(1)`}],{duration:150,fill:`forwards`,easing:`ease`}),this.timeout&&clearTimeout(this.timeout),t.C.state.autoClose&&(this.timeout=setTimeout(()=>t.C.hide(),2500))):this.animate([{opacity:1,transform:`translateX(-50%) scale(1)`},{opacity:0,transform:`translateX(-50%) scale(0.85)`}],{duration:150,fill:`forwards`,easing:`ease`})}};Ut.styles=Vt,Ht([r.s()],Ut.prototype,`open`,void 0),Ut=Ht([n.r(`w3m-snackbar`)],Ut);var Wt=n.S`
+  :host {
+    width: 100%;
+    display: block;
+  }
+`,Gt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},G=class extends n.p{constructor(){super(),this.unsubscribe=[],this.text=``,this.open=p.state.open,this.unsubscribe.push(t.y.subscribeKey(`view`,()=>{p.hide()}),t.g.subscribeKey(`open`,e=>{e||p.hide()}),p.subscribeKey(`open`,e=>{this.open=e}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),p.hide()}render(){return n._`
+      <div
+        @pointermove=${this.onMouseEnter.bind(this)}
+        @pointerleave=${this.onMouseLeave.bind(this)}
+      >
+        ${this.renderChildren()}
+      </div>
+    `}renderChildren(){return n._`<slot></slot> `}onMouseEnter(){let e=this.getBoundingClientRect();if(!this.open){let t=document.querySelector(`w3m-modal`),n={width:e.width,height:e.height,left:e.left,top:e.top};if(t){let r=t.getBoundingClientRect();n.left=e.left-(window.innerWidth-r.width)/2,n.top=e.top-(window.innerHeight-r.height)/2}p.showTooltip({message:this.text,triggerRect:n,variant:`shade`})}}onMouseLeave(e){this.contains(e.relatedTarget)||p.hide()}};G.styles=[Wt],Gt([r.c()],G.prototype,`text`,void 0),Gt([r.s()],G.prototype,`open`,void 0),G=Gt([n.r(`w3m-tooltip-trigger`)],G);var Kt=n.u`
+  :host {
+    pointer-events: none;
+  }
+
+  :host > wui-flex {
+    display: var(--w3m-tooltip-display);
+    opacity: var(--w3m-tooltip-opacity);
+    padding: 9px ${({spacing:e})=>e[3]} 10px ${({spacing:e})=>e[3]};
+    border-radius: ${({borderRadius:e})=>e[3]};
+    color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    position: absolute;
+    top: var(--w3m-tooltip-top);
+    left: var(--w3m-tooltip-left);
+    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
+    max-width: calc(var(--apkt-modal-width) - ${({spacing:e})=>e[5]});
+    transition: opacity ${({durations:e})=>e.lg}
+      ${({easings:e})=>e[`ease-out-power-2`]};
+    will-change: opacity;
+    opacity: 0;
+    animation-duration: ${({durations:e})=>e.xl};
+    animation-timing-function: ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-name: fade-in;
+    animation-fill-mode: forwards;
+  }
+
+  :host([data-variant='shade']) > wui-flex {
+    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  :host([data-variant='shade']) > wui-flex > wui-text {
+    color: ${({tokens:e})=>e.theme.textSecondary};
+  }
+
+  :host([data-variant='fill']) > wui-flex {
+    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    border: 1px solid ${({tokens:e})=>e.theme.borderPrimary};
+  }
+
+  wui-icon {
+    position: absolute;
+    width: 12px !important;
+    height: 4px !important;
+    color: ${({tokens:e})=>e.theme.foregroundPrimary};
+  }
+
+  wui-icon[data-placement='top'] {
+    bottom: 0px;
+    left: 50%;
+    transform: translate(-50%, 95%);
+  }
+
+  wui-icon[data-placement='bottom'] {
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, -95%) rotate(180deg);
+  }
+
+  wui-icon[data-placement='right'] {
+    top: 50%;
+    left: 0;
+    transform: translate(-65%, -50%) rotate(90deg);
+  }
+
+  wui-icon[data-placement='left'] {
+    top: 50%;
+    right: 0%;
+    transform: translate(65%, -50%) rotate(270deg);
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+`,K=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},q=class extends n.p{constructor(){super(),this.unsubscribe=[],this.open=p.state.open,this.message=p.state.message,this.triggerRect=p.state.triggerRect,this.variant=p.state.variant,this.unsubscribe.push(p.subscribe(e=>{this.open=e.open,this.message=e.message,this.triggerRect=e.triggerRect,this.variant=e.variant}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){this.dataset.variant=this.variant;let e=this.triggerRect.top,t=this.triggerRect.left;return this.style.cssText=`
+    --w3m-tooltip-top: ${e}px;
+    --w3m-tooltip-left: ${t}px;
+    --w3m-tooltip-parent-width: ${this.triggerRect.width/2}px;
+    --w3m-tooltip-display: ${this.open?`flex`:`none`};
+    --w3m-tooltip-opacity: ${this.open?1:0};
+    `,n._`<wui-flex>
+      <wui-icon data-placement="top" size="inherit" name="cursor"></wui-icon>
+      <wui-text color="primary" variant="sm-regular">${this.message}</wui-text>
+    </wui-flex>`}};q.styles=[Kt],K([r.s()],q.prototype,`open`,void 0),K([r.s()],q.prototype,`message`,void 0),K([r.s()],q.prototype,`triggerRect`,void 0),K([r.s()],q.prototype,`variant`,void 0),q=K([n.r(`w3m-tooltip`)],q);const qt={getTabsByNamespace(e){return e&&e===t.J.CHAIN.EVM?t.k.state.remoteFeatures?.activity===!1?y.ACCOUNT_TABS.filter(e=>e.label!==`Activity`):y.ACCOUNT_TABS:[]},isValidReownName(e){return/^[a-zA-Z0-9]+$/gu.test(e)},isValidEmail(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/gu.test(e)},validateReownName(e){return e.replace(/\^/gu,``).toLowerCase().replace(/[^a-zA-Z0-9]/gu,``)},hasFooter(){let e=t.y.state.view;if(y.VIEWS_WITH_LEGAL_FOOTER.includes(e)){let{termsConditionsUrl:e,privacyPolicyUrl:n}=t.k.state,r=t.k.state.features?.legalCheckbox;return!(!e&&!n||r)}return y.VIEWS_WITH_DEFAULT_FOOTER.includes(e)}};var Jt=n.u`
+  :host wui-ux-by-reown {
+    padding-top: 0;
+  }
+
+  :host wui-ux-by-reown.branding-only {
+    padding-top: ${({spacing:e})=>e[3]};
+  }
+
+  a {
+    text-decoration: none;
+    color: ${({tokens:e})=>e.core.textAccentPrimary};
+    font-weight: 500;
+  }
+`,Yt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Xt=class extends n.p{constructor(){super(),this.unsubscribe=[],this.remoteFeatures=t.k.state.remoteFeatures,this.unsubscribe.push(t.k.subscribeKey(`remoteFeatures`,e=>this.remoteFeatures=e))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){let{termsConditionsUrl:e,privacyPolicyUrl:r}=t.k.state,i=t.k.state.features?.legalCheckbox;return!e&&!r||i?n._`
+        <wui-flex flexDirection="column"> ${this.reownBrandingTemplate(!0)} </wui-flex>
+      `:n._`
+      <wui-flex flexDirection="column">
+        <wui-flex .padding=${[`4`,`3`,`3`,`3`]} justifyContent="center">
+          <wui-text color="secondary" variant="md-regular" align="center">
+            By connecting your wallet, you agree to our <br />
+            ${this.termsTemplate()} ${this.andTemplate()} ${this.privacyTemplate()}
+          </wui-text>
+        </wui-flex>
+        ${this.reownBrandingTemplate()}
+      </wui-flex>
+    `}andTemplate(){let{termsConditionsUrl:e,privacyPolicyUrl:n}=t.k.state;return e&&n?`and`:``}termsTemplate(){let{termsConditionsUrl:e}=t.k.state;return e?n._`<a href=${e} target="_blank" rel="noopener noreferrer"
+      >Terms of Service</a
+    >`:null}privacyTemplate(){let{privacyPolicyUrl:e}=t.k.state;return e?n._`<a href=${e} target="_blank" rel="noopener noreferrer"
+      >Privacy Policy</a
+    >`:null}reownBrandingTemplate(e=!1){return this.remoteFeatures?.reownBranding?e?n._`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>`:n._`<wui-ux-by-reown></wui-ux-by-reown>`:null}};Xt.styles=[Jt],Yt([r.s()],Xt.prototype,`remoteFeatures`,void 0),Xt=Yt([n.r(`w3m-legal-footer`)],Xt);var Zt=n.S``,Qt=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},$t=class extends n.p{render(){let{termsConditionsUrl:e,privacyPolicyUrl:r}=t.k.state;return!e&&!r?null:n._`
+      <wui-flex
+        .padding=${[`4`,`3`,`3`,`3`]}
+        flexDirection="column"
+        alignItems="center"
+        justifyContent="center"
+        gap="3"
+      >
+        <wui-text color="secondary" variant="md-regular" align="center">
+          We work with the best providers to give you the lowest fees and best support. More options
+          coming soon!
+        </wui-text>
+
+        ${this.howDoesItWorkTemplate()}
+      </wui-flex>
+    `}howDoesItWorkTemplate(){return n._` <wui-link @click=${this.onWhatIsBuy.bind(this)}>
+      <wui-icon size="xs" color="accent-primary" slot="iconLeft" name="helpCircle"></wui-icon>
+      How does it work?
+    </wui-link>`}onWhatIsBuy(){t.v.sendEvent({type:`track`,event:`SELECT_WHAT_IS_A_BUY`,properties:{isSmartAccount:t.p(t.n.state.activeChain)===t.w.ACCOUNT_TYPES.SMART_ACCOUNT}}),t.y.push(`WhatIsABuy`)}};$t.styles=[Zt],$t=Qt([n.r(`w3m-onramp-providers-footer`)],$t);var en=n.u`
+  :host {
+    display: block;
+  }
+
+  div.container {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    overflow: hidden;
+    height: auto;
+    display: block;
+  }
+
+  div.container[status='hide'] {
+    animation: fade-out;
+    animation-duration: var(--apkt-duration-dynamic);
+    animation-timing-function: ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-fill-mode: both;
+    animation-delay: 0s;
+  }
+
+  div.container[status='show'] {
+    animation: fade-in;
+    animation-duration: var(--apkt-duration-dynamic);
+    animation-timing-function: ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-fill-mode: both;
+    animation-delay: var(--apkt-duration-dynamic);
+  }
+
+  @keyframes fade-in {
+    from {
+      opacity: 0;
+      filter: blur(6px);
+    }
+    to {
+      opacity: 1;
+      filter: blur(0px);
+    }
+  }
+
+  @keyframes fade-out {
+    from {
+      opacity: 1;
+      filter: blur(0px);
+    }
+    to {
+      opacity: 0;
+      filter: blur(6px);
+    }
+  }
+`,tn=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},nn=class extends n.p{constructor(){super(...arguments),this.resizeObserver=void 0,this.unsubscribe=[],this.status=`hide`,this.view=t.y.state.view}firstUpdated(){this.status=qt.hasFooter()?`show`:`hide`,this.unsubscribe.push(t.y.subscribeKey(`view`,e=>{this.view=e,this.status=qt.hasFooter()?`show`:`hide`,this.status===`hide`&&document.documentElement.style.setProperty(`--apkt-footer-height`,`0px`)})),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target===this.getWrapper()){let e=`${t.contentRect.height}px`;document.documentElement.style.setProperty(`--apkt-footer-height`,e)}}),this.resizeObserver.observe(this.getWrapper())}render(){return n._`
+      <div class="container" status=${this.status}>${this.templatePageContainer()}</div>
+    `}templatePageContainer(){return qt.hasFooter()?n._` ${this.templateFooter()}`:null}templateFooter(){switch(this.view){case`Networks`:return this.templateNetworksFooter();case`Connect`:case`ConnectWallets`:case`OnRampFiatSelect`:case`OnRampTokenSelect`:return n._`<w3m-legal-footer></w3m-legal-footer>`;case`OnRampProviders`:return n._`<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`;default:return null}}templateNetworksFooter(){return n._` <wui-flex
+      class="footer-in"
+      padding="3"
+      flexDirection="column"
+      gap="3"
+      alignItems="center"
+    >
+      <wui-text variant="md-regular" color="secondary" align="center">
+        Your connected wallet may not support some of the networks available for this dApp
+      </wui-text>
+      <wui-link @click=${this.onNetworkHelp.bind(this)}>
+        <wui-icon size="sm" color="accent-primary" slot="iconLeft" name="helpCircle"></wui-icon>
+        What is a network
+      </wui-link>
+    </wui-flex>`}onNetworkHelp(){t.v.sendEvent({type:`track`,event:`CLICK_NETWORK_HELP`}),t.y.push(`WhatIsANetwork`)}getWrapper(){return this.shadowRoot?.querySelector(`div.container`)}};nn.styles=[en],tn([r.s()],nn.prototype,`status`,void 0),tn([r.s()],nn.prototype,`view`,void 0),nn=tn([n.r(`w3m-footer`)],nn);var rn=n.u`
+  :host {
+    display: block;
+    width: inherit;
+  }
+`,an=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},on=class extends n.p{constructor(){super(),this.unsubscribe=[],this.viewState=t.y.state.view,this.history=t.y.state.history.join(`,`),this.unsubscribe.push(t.y.subscribeKey(`view`,()=>{this.history=t.y.state.history.join(`,`),document.documentElement.style.setProperty(`--apkt-duration-dynamic`,`var(--apkt-durations-lg)`)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),document.documentElement.style.setProperty(`--apkt-duration-dynamic`,`0s`)}render(){return n._`${this.templatePageContainer()}`}templatePageContainer(){return n._`<w3m-router-container
+      history=${this.history}
+      .setView=${()=>{this.viewState=t.y.state.view}}
+    >
+      ${this.viewTemplate(this.viewState)}
+    </w3m-router-container>`}viewTemplate(e){switch(e){case`AccountSettings`:return n._`<w3m-account-settings-view></w3m-account-settings-view>`;case`Account`:return n._`<w3m-account-view></w3m-account-view>`;case`AllWallets`:return n._`<w3m-all-wallets-view></w3m-all-wallets-view>`;case`ApproveTransaction`:return n._`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;case`BuyInProgress`:return n._`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;case`ChooseAccountName`:return n._`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;case`Connect`:return n._`<w3m-connect-view></w3m-connect-view>`;case`Create`:return n._`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;case`ConnectingWalletConnect`:return n._`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;case`ConnectingWalletConnectBasic`:return n._`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;case`ConnectingExternal`:return n._`<w3m-connecting-external-view></w3m-connecting-external-view>`;case`ConnectingSiwe`:return n._`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;case`ConnectWallets`:return n._`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;case`ConnectSocials`:return n._`<w3m-connect-socials-view></w3m-connect-socials-view>`;case`ConnectingSocial`:return n._`<w3m-connecting-social-view></w3m-connecting-social-view>`;case`DataCapture`:return n._`<w3m-data-capture-view></w3m-data-capture-view>`;case`DataCaptureOtpConfirm`:return n._`<w3m-data-capture-otp-confirm-view></w3m-data-capture-otp-confirm-view>`;case`Downloads`:return n._`<w3m-downloads-view></w3m-downloads-view>`;case`EmailLogin`:return n._`<w3m-email-login-view></w3m-email-login-view>`;case`EmailVerifyOtp`:return n._`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;case`EmailVerifyDevice`:return n._`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;case`GetWallet`:return n._`<w3m-get-wallet-view></w3m-get-wallet-view>`;case`Networks`:return n._`<w3m-networks-view></w3m-networks-view>`;case`SwitchNetwork`:return n._`<w3m-network-switch-view></w3m-network-switch-view>`;case`ProfileWallets`:return n._`<w3m-profile-wallets-view></w3m-profile-wallets-view>`;case`Transactions`:return n._`<w3m-transactions-view></w3m-transactions-view>`;case`OnRampProviders`:return n._`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;case`OnRampTokenSelect`:return n._`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;case`OnRampFiatSelect`:return n._`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;case`UpgradeEmailWallet`:return n._`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;case`UpdateEmailWallet`:return n._`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;case`UpdateEmailPrimaryOtp`:return n._`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;case`UpdateEmailSecondaryOtp`:return n._`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;case`UnsupportedChain`:return n._`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;case`Swap`:return n._`<w3m-swap-view></w3m-swap-view>`;case`SwapSelectToken`:return n._`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;case`SwapPreview`:return n._`<w3m-swap-preview-view></w3m-swap-preview-view>`;case`WalletSend`:return n._`<w3m-wallet-send-view></w3m-wallet-send-view>`;case`WalletSendSelectToken`:return n._`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;case`WalletSendPreview`:return n._`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;case`WalletSendConfirmed`:return n._`<w3m-send-confirmed-view></w3m-send-confirmed-view>`;case`WhatIsABuy`:return n._`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;case`WalletReceive`:return n._`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;case`WalletCompatibleNetworks`:return n._`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;case`WhatIsAWallet`:return n._`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;case`ConnectingMultiChain`:return n._`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;case`WhatIsANetwork`:return n._`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;case`ConnectingFarcaster`:return n._`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;case`SwitchActiveChain`:return n._`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;case`RegisterAccountName`:return n._`<w3m-register-account-name-view></w3m-register-account-name-view>`;case`RegisterAccountNameSuccess`:return n._`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;case`SmartSessionCreated`:return n._`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;case`SmartSessionList`:return n._`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;case`SIWXSignMessage`:return n._`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;case`Pay`:return n._`<w3m-pay-view></w3m-pay-view>`;case`PayLoading`:return n._`<w3m-pay-loading-view></w3m-pay-loading-view>`;case`PayQuote`:return n._`<w3m-pay-quote-view></w3m-pay-quote-view>`;case`FundWallet`:return n._`<w3m-fund-wallet-view></w3m-fund-wallet-view>`;case`PayWithExchange`:return n._`<w3m-deposit-from-exchange-view></w3m-deposit-from-exchange-view>`;case`PayWithExchangeSelectAsset`:return n._`<w3m-deposit-from-exchange-select-asset-view></w3m-deposit-from-exchange-select-asset-view>`;case`UsageExceeded`:return n._`<w3m-usage-exceeded-view></w3m-usage-exceeded-view>`;case`SmartAccountSettings`:return n._`<w3m-smart-account-settings-view></w3m-smart-account-settings-view>`;default:return n._`<w3m-connect-view></w3m-connect-view>`}}};on.styles=[rn],an([r.s()],on.prototype,`viewState`,void 0),an([r.s()],on.prototype,`history`,void 0),on=an([n.r(`w3m-router`)],on);var sn=n.u`
+  :host {
+    z-index: ${({tokens:e})=>e.core.zIndex};
+    display: block;
+    backface-visibility: hidden;
+    will-change: opacity;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    opacity: 0;
+    background-color: ${({tokens:e})=>e.theme.overlay};
+    backdrop-filter: blur(0px);
+    transition:
+      opacity ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
+      backdrop-filter ${({durations:e})=>e.lg}
+        ${({easings:e})=>e[`ease-out-power-2`]};
+    will-change: opacity;
+  }
+
+  :host(.open) {
+    opacity: 1;
+    backdrop-filter: blur(8px);
+  }
+
+  :host(.appkit-modal) {
+    position: relative;
+    pointer-events: unset;
+    background: none;
+    width: 100%;
+    opacity: 1;
+  }
+
+  wui-card {
+    max-width: var(--apkt-modal-width);
+    width: 100%;
+    position: relative;
+    outline: none;
+    transform: translateY(4px);
+    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
+    transition:
+      transform ${({durations:e})=>e.lg}
+        ${({easings:e})=>e[`ease-out-power-2`]},
+      border-radius ${({durations:e})=>e.lg}
+        ${({easings:e})=>e[`ease-out-power-1`]},
+      background-color ${({durations:e})=>e.lg}
+        ${({easings:e})=>e[`ease-out-power-1`]},
+      box-shadow ${({durations:e})=>e.lg}
+        ${({easings:e})=>e[`ease-out-power-1`]};
+    will-change: border-radius, background-color, transform, box-shadow;
+    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    padding: var(--local-modal-padding);
+    box-sizing: border-box;
+  }
+
+  :host(.open) wui-card {
+    transform: translateY(0px);
+  }
+
+  wui-card::before {
+    z-index: 1;
+    pointer-events: none;
+    content: '';
+    position: absolute;
+    inset: 0;
+    border-radius: clamp(0px, var(--apkt-borderRadius-8), 44px);
+    transition: box-shadow ${({durations:e})=>e.lg}
+      ${({easings:e})=>e[`ease-out-power-2`]};
+    transition-delay: ${({durations:e})=>e.md};
+    will-change: box-shadow;
+  }
+
+  :host([data-mobile-fullscreen='true']) wui-card::before {
+    border-radius: 0px;
+  }
+
+  :host([data-border='true']) wui-card::before {
+    box-shadow: inset 0px 0px 0px 4px ${({tokens:e})=>e.theme.foregroundSecondary};
+  }
+
+  :host([data-border='false']) wui-card::before {
+    box-shadow: inset 0px 0px 0px 1px ${({tokens:e})=>e.theme.borderPrimaryDark};
+  }
+
+  :host([data-border='true']) wui-card {
+    animation:
+      fade-in ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
+      card-background-border var(--apkt-duration-dynamic)
+        ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-fill-mode: backwards, both;
+    animation-delay: var(--apkt-duration-dynamic);
+  }
+
+  :host([data-border='false']) wui-card {
+    animation:
+      fade-in ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
+      card-background-default var(--apkt-duration-dynamic)
+        ${({easings:e})=>e[`ease-out-power-2`]};
+    animation-fill-mode: backwards, both;
+    animation-delay: 0s;
+  }
+
+  :host(.appkit-modal) wui-card {
+    max-width: var(--apkt-modal-width);
+  }
+
+  wui-card[shake='true'] {
+    animation:
+      fade-in ${({durations:e})=>e.lg} ${({easings:e})=>e[`ease-out-power-2`]},
+      w3m-shake ${({durations:e})=>e.xl}
+        ${({easings:e})=>e[`ease-out-power-2`]};
+  }
+
+  wui-flex {
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  @media (max-height: 700px) and (min-width: 431px) {
+    wui-flex {
+      align-items: flex-start;
+    }
+
+    wui-card {
+      margin: var(--apkt-spacing-6) 0px;
+    }
+  }
+
+  @media (max-width: 430px) {
+    :host([data-mobile-fullscreen='true']) {
+      height: 100dvh;
+    }
+    :host([data-mobile-fullscreen='true']) wui-flex {
+      align-items: stretch;
+    }
+    :host([data-mobile-fullscreen='true']) wui-card {
+      max-width: 100%;
+      height: 100%;
+      border-radius: 0;
+      border: none;
+    }
+    :host(:not([data-mobile-fullscreen='true'])) wui-flex {
+      align-items: flex-end;
+    }
+
+    :host(:not([data-mobile-fullscreen='true'])) wui-card {
+      max-width: 100%;
+      border-bottom: none;
+    }
+
+    :host(:not([data-mobile-fullscreen='true'])) wui-card[data-embedded='true'] {
+      border-bottom-left-radius: clamp(0px, var(--apkt-borderRadius-8), 44px);
+      border-bottom-right-radius: clamp(0px, var(--apkt-borderRadius-8), 44px);
+    }
+
+    :host(:not([data-mobile-fullscreen='true'])) wui-card:not([data-embedded='true']) {
+      border-bottom-left-radius: 0px;
+      border-bottom-right-radius: 0px;
+    }
+
+    wui-card[shake='true'] {
+      animation: w3m-shake 0.5s ${({easings:e})=>e[`ease-out-power-2`]};
+    }
+  }
+
+  @keyframes fade-in {
+    0% {
+      transform: scale(0.99) translateY(4px);
+    }
+    100% {
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes w3m-shake {
+    0% {
+      transform: scale(1) rotate(0deg);
+    }
+    20% {
+      transform: scale(1) rotate(-1deg);
+    }
+    40% {
+      transform: scale(1) rotate(1.5deg);
+    }
+    60% {
+      transform: scale(1) rotate(-1.5deg);
+    }
+    80% {
+      transform: scale(1) rotate(1deg);
+    }
+    100% {
+      transform: scale(1) rotate(0deg);
+    }
+  }
+
+  @keyframes card-background-border {
+    from {
+      background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    }
+    to {
+      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    }
+  }
+
+  @keyframes card-background-default {
+    from {
+      background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
+    }
+    to {
+      background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    }
+  }
+`,J=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},cn=`scroll-lock`,ln={PayWithExchange:`0`,PayWithExchangeSelectAsset:`0`,Pay:`0`,PayQuote:`0`,PayLoading:`0`},Y=class extends n.p{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=t.k.state.enableEmbedded,this.open=t.g.state.open,this.caipAddress=t.n.state.activeCaipAddress,this.caipNetwork=t.n.state.activeCaipNetwork,this.shake=t.g.state.shake,this.filterByNamespace=t.m.state.filterByNamespace,this.padding=n.d.spacing[1],this.mobileFullScreen=t.k.state.enableMobileFullScreen,this.initializeTheming(),t.t.prefetchAnalyticsConfig(),this.unsubscribe.push(t.g.subscribeKey(`open`,e=>e?this.onOpen():this.onClose()),t.g.subscribeKey(`shake`,e=>this.shake=e),t.n.subscribeKey(`activeCaipNetwork`,e=>this.onNewNetwork(e)),t.n.subscribeKey(`activeCaipAddress`,e=>this.onNewAddress(e)),t.k.subscribeKey(`enableEmbedded`,e=>this.enableEmbedded=e),t.m.subscribeKey(`filterByNamespace`,e=>{this.filterByNamespace!==e&&!t.n.getAccountData(e)?.caipAddress&&(t.t.fetchRecommendedWallets(),this.filterByNamespace=e)}),t.y.subscribeKey(`view`,()=>{this.dataset.border=qt.hasFooter()?`true`:`false`,this.padding=ln[t.y.state.view]??n.d.spacing[1]}))}firstUpdated(){if(this.dataset.border=qt.hasFooter()?`true`:`false`,this.mobileFullScreen&&this.setAttribute(`data-mobile-fullscreen`,`true`),this.caipAddress){if(this.enableEmbedded){t.g.close(),this.prefetch();return}this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.onRemoveKeyboardListener()}render(){return this.style.setProperty(`--local-modal-padding`,this.padding),this.enableEmbedded?n._`${this.contentTemplate()}
+        <w3m-tooltip></w3m-tooltip> `:this.open?n._`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            ${this.contentTemplate()}
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        `:null}contentTemplate(){return n._` <wui-card
+      shake="${this.shake}"
+      data-embedded="${r.o(this.enableEmbedded)}"
+      role="alertdialog"
+      aria-modal="true"
+      tabindex="0"
+      data-testid="w3m-modal-card"
+    >
+      <w3m-header></w3m-header>
+      <w3m-router></w3m-router>
+      <w3m-footer></w3m-footer>
+      <w3m-snackbar></w3m-snackbar>
+      <w3m-alertbar></w3m-alertbar>
+    </wui-card>`}async onOverlayClick(e){if(e.target===e.currentTarget){if(this.mobileFullScreen)return;await this.handleClose()}}async handleClose(){await te.safeClose()}initializeTheming(){let{themeVariables:e,themeMode:r}=t.h.state;n.o(e,n.i.getColorTheme(r))}onClose(){this.open=!1,this.classList.remove(`open`),this.onScrollUnlock(),t.C.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add(`open`),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){let e=document.createElement(`style`);e.dataset.w3m=cn,e.textContent=`
+      body {
+        touch-action: none;
+        overflow: hidden;
+        overscroll-behavior: contain;
+      }
+      w3m-modal {
+        pointer-events: auto;
+      }
+    `,document.head.appendChild(e)}onScrollUnlock(){let e=document.head.querySelector(`style[data-w3m="${cn}"]`);e&&e.remove()}onAddKeyboardListener(){this.abortController=new AbortController;let e=this.shadowRoot?.querySelector(`wui-card`);e?.focus(),window.addEventListener(`keydown`,t=>{if(t.key===`Escape`)this.handleClose();else if(t.key===`Tab`){let{tagName:n}=t.target;n&&!n.includes(`W3M-`)&&!n.includes(`WUI-`)&&e?.focus()}},this.abortController)}onRemoveKeyboardListener(){this.abortController?.abort(),this.abortController=void 0}async onNewAddress(e){let n=t.n.state.isSwitchingNamespace,r=t.y.state.view===`ProfileWallets`;!e&&!n&&!r&&t.g.close(),await i.n.initializeIfEnabled(e),this.caipAddress=e,t.n.setIsSwitchingNamespace(!1)}onNewNetwork(e){let n=this.caipNetwork?.caipNetworkId?.toString()!==e?.caipNetworkId?.toString(),r=t.y.state.view===`UnsupportedChain`,i=t.g.state.open,a=!1;this.enableEmbedded&&t.y.state.view===`SwitchNetwork`&&(a=!0),n&&d.resetState(),i&&r&&(a=!0),a&&t.y.state.view!==`SIWXSignMessage`&&t.y.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||=(t.t.prefetch(),t.t.fetchWalletsByPage({page:1}),!0)}};Y.styles=sn,J([r.c({type:Boolean})],Y.prototype,`enableEmbedded`,void 0),J([r.s()],Y.prototype,`open`,void 0),J([r.s()],Y.prototype,`caipAddress`,void 0),J([r.s()],Y.prototype,`caipNetwork`,void 0),J([r.s()],Y.prototype,`shake`,void 0),J([r.s()],Y.prototype,`filterByNamespace`,void 0),J([r.s()],Y.prototype,`padding`,void 0),J([r.s()],Y.prototype,`mobileFullScreen`,void 0);var un=class extends Y{};un=J([n.r(`w3m-modal`)],un);var dn=class extends Y{};dn=J([n.r(`appkit-modal`)],dn);var fn=n.u`
+  .icon-box {
+    width: 64px;
+    height: 64px;
+    border-radius: ${({borderRadius:e})=>e[5]};
+    background-color: ${({colors:e})=>e.semanticError010};
+  }
+`,pn=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},mn=class extends n.p{constructor(){super()}render(){return n._`
+      <wui-flex
+        flexDirection="column"
+        alignItems="center"
+        gap="4"
+        .padding="${[`1`,`3`,`4`,`3`]}"
+      >
+        <wui-flex justifyContent="center" alignItems="center" class="icon-box">
+          <wui-icon size="xxl" color="error" name="warningCircle"></wui-icon>
+        </wui-flex>
+
+        <wui-text variant="lg-medium" color="primary" align="center">
+          The app isn't responding as expected
+        </wui-text>
+        <wui-text variant="md-regular" color="secondary" align="center">
+          Try again or reach out to the app team for help.
+        </wui-text>
+
+        <wui-button
+          variant="neutral-secondary"
+          size="md"
+          @click=${this.onTryAgainClick.bind(this)}
+          data-testid="w3m-usage-exceeded-button"
+        >
+          <wui-icon color="inherit" slot="iconLeft" name="refresh"></wui-icon>
+          Try Again
+        </wui-button>
+      </wui-flex>
+    `}onTryAgainClick(){t.y.goBack()}};mn.styles=fn,mn=pn([n.r(`w3m-usage-exceeded-view`)],mn);var hn=n.u`
+  :host {
+    width: 100%;
+  }
+`,X=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},Z=class extends n.p{constructor(){super(...arguments),this.hasImpressionSent=!1,this.walletImages=[],this.imageSrc=``,this.name=``,this.size=`md`,this.tabIdx=void 0,this.disabled=!1,this.showAllWallets=!1,this.loading=!1,this.loadingSpinnerColor=`accent-100`,this.rdnsId=``,this.displayIndex=void 0,this.walletRank=void 0,this.namespaces=[]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this.cleanupIntersectionObserver()}updated(e){super.updated(e),(e.has(`name`)||e.has(`imageSrc`)||e.has(`walletRank`))&&(this.hasImpressionSent=!1),e.has(`walletRank`)&&this.walletRank&&!this.intersectionObserver&&this.setupIntersectionObserver()}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&!this.loading&&!this.hasImpressionSent&&this.sendImpressionEvent()})},{threshold:.1}),this.intersectionObserver.observe(this)}cleanupIntersectionObserver(){this.intersectionObserver&&=(this.intersectionObserver.disconnect(),void 0)}sendImpressionEvent(){!this.name||this.hasImpressionSent||!this.walletRank||(this.hasImpressionSent=!0,(this.rdnsId||this.name)&&t.v.sendWalletImpressionEvent({name:this.name,walletRank:this.walletRank,rdnsId:this.rdnsId,view:t.y.state.view,displayIndex:this.displayIndex}))}handleGetWalletNamespaces(){return Object.keys(t.o.state.adapters).length>1?this.namespaces:[]}render(){return n._`
+      <wui-list-wallet
+        .walletImages=${this.walletImages}
+        imageSrc=${r.o(this.imageSrc)}
+        name=${this.name}
+        size=${r.o(this.size)}
+        tagLabel=${r.o(this.tagLabel)}
+        .tagVariant=${this.tagVariant}
+        .walletIcon=${this.walletIcon}
+        .tabIdx=${this.tabIdx}
+        .disabled=${this.disabled}
+        .showAllWallets=${this.showAllWallets}
+        .loading=${this.loading}
+        loadingSpinnerColor=${this.loadingSpinnerColor}
+        .namespaces=${this.handleGetWalletNamespaces()}
+      ></wui-list-wallet>
+    `}};Z.styles=hn,X([r.c({type:Array})],Z.prototype,`walletImages`,void 0),X([r.c()],Z.prototype,`imageSrc`,void 0),X([r.c()],Z.prototype,`name`,void 0),X([r.c()],Z.prototype,`size`,void 0),X([r.c()],Z.prototype,`tagLabel`,void 0),X([r.c()],Z.prototype,`tagVariant`,void 0),X([r.c()],Z.prototype,`walletIcon`,void 0),X([r.c()],Z.prototype,`tabIdx`,void 0),X([r.c({type:Boolean})],Z.prototype,`disabled`,void 0),X([r.c({type:Boolean})],Z.prototype,`showAllWallets`,void 0),X([r.c({type:Boolean})],Z.prototype,`loading`,void 0),X([r.c({type:String})],Z.prototype,`loadingSpinnerColor`,void 0),X([r.c()],Z.prototype,`rdnsId`,void 0),X([r.c()],Z.prototype,`displayIndex`,void 0),X([r.c()],Z.prototype,`walletRank`,void 0),X([r.c({type:Array})],Z.prototype,`namespaces`,void 0),Z=X([n.r(`w3m-list-wallet`)],Z);var gn=n.u`
+  :host {
+    --local-duration-height: 0s;
+    --local-duration: ${({durations:e})=>e.lg};
+    --local-transition: ${({easings:e})=>e[`ease-out-power-2`]};
+  }
+
+  .container {
+    display: block;
+    overflow: hidden;
+    overflow: hidden;
+    position: relative;
+    height: var(--local-container-height);
+    transition: height var(--local-duration-height) var(--local-transition);
+    will-change: height, padding-bottom;
+  }
+
+  .container[data-mobile-fullscreen='true'] {
+    overflow: scroll;
+  }
+
+  .page {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: auto;
+    width: inherit;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    background-color: ${({tokens:e})=>e.theme.backgroundPrimary};
+    border-bottom-left-radius: var(--local-border-bottom-radius);
+    border-bottom-right-radius: var(--local-border-bottom-radius);
+    transition: border-bottom-left-radius var(--local-duration) var(--local-transition);
+  }
+
+  .page[data-mobile-fullscreen='true'] {
+    height: 100%;
+  }
+
+  .page-content {
+    display: flex;
+    flex-direction: column;
+    min-height: 100%;
+  }
+
+  .footer {
+    height: var(--apkt-footer-height);
+  }
+
+  div.page[view-direction^='prev-'] .page-content {
+    animation:
+      slide-left-out var(--local-duration) forwards var(--local-transition),
+      slide-left-in var(--local-duration) forwards var(--local-transition);
+    animation-delay: 0ms, var(--local-duration, ${({durations:e})=>e.lg});
+  }
+
+  div.page[view-direction^='next-'] .page-content {
+    animation:
+      slide-right-out var(--local-duration) forwards var(--local-transition),
+      slide-right-in var(--local-duration) forwards var(--local-transition);
+    animation-delay: 0ms, var(--local-duration, ${({durations:e})=>e.lg});
+  }
+
+  @keyframes slide-left-out {
+    from {
+      transform: translateX(0px) scale(1);
+      opacity: 1;
+      filter: blur(0px);
+    }
+    to {
+      transform: translateX(8px) scale(0.99);
+      opacity: 0;
+      filter: blur(4px);
+    }
+  }
+
+  @keyframes slide-left-in {
+    from {
+      transform: translateX(-8px) scale(0.99);
+      opacity: 0;
+      filter: blur(4px);
+    }
+    to {
+      transform: translateX(0) translateY(0) scale(1);
+      opacity: 1;
+      filter: blur(0px);
+    }
+  }
+
+  @keyframes slide-right-out {
+    from {
+      transform: translateX(0px) scale(1);
+      opacity: 1;
+      filter: blur(0px);
+    }
+    to {
+      transform: translateX(-8px) scale(0.99);
+      opacity: 0;
+      filter: blur(4px);
+    }
+  }
+
+  @keyframes slide-right-in {
+    from {
+      transform: translateX(8px) scale(0.99);
+      opacity: 0;
+      filter: blur(4px);
+    }
+    to {
+      transform: translateX(0) translateY(0) scale(1);
+      opacity: 1;
+      filter: blur(0px);
+    }
+  }
+`,Q=function(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},_n=60,$=class extends n.p{constructor(){super(...arguments),this.resizeObserver=void 0,this.transitionDuration=`0.15s`,this.transitionFunction=``,this.history=``,this.view=``,this.setView=void 0,this.viewDirection=``,this.historyState=``,this.previousHeight=`0px`,this.mobileFullScreen=t.k.state.enableMobileFullScreen,this.onViewportResize=()=>{this.updateContainerHeight()}}updated(e){if(e.has(`history`)){let e=this.history;this.historyState!==``&&this.historyState!==e&&this.onViewChange(e)}e.has(`transitionDuration`)&&this.style.setProperty(`--local-duration`,this.transitionDuration),e.has(`transitionFunction`)&&this.style.setProperty(`--local-transition`,this.transitionFunction)}firstUpdated(){this.transitionFunction&&this.style.setProperty(`--local-transition`,this.transitionFunction),this.style.setProperty(`--local-duration`,this.transitionDuration),this.historyState=this.history,this.resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target===this.getWrapper()){let e=t.contentRect.height,n=parseFloat(getComputedStyle(document.documentElement).getPropertyValue(`--apkt-footer-height`)||`0`);this.mobileFullScreen?(e=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-n,this.style.setProperty(`--local-border-bottom-radius`,`0px`)):(e+=n,this.style.setProperty(`--local-border-bottom-radius`,n?`var(--apkt-borderRadius-5)`:`0px`)),this.style.setProperty(`--local-container-height`,`${e}px`),this.previousHeight!==`0px`&&this.style.setProperty(`--local-duration-height`,this.transitionDuration),this.previousHeight=`${e}px`}}),this.resizeObserver.observe(this.getWrapper()),this.updateContainerHeight(),window.addEventListener(`resize`,this.onViewportResize),window.visualViewport?.addEventListener(`resize`,this.onViewportResize)}disconnectedCallback(){let e=this.getWrapper();e&&this.resizeObserver&&this.resizeObserver.unobserve(e),window.removeEventListener(`resize`,this.onViewportResize),window.visualViewport?.removeEventListener(`resize`,this.onViewportResize)}render(){return n._`
+      <div class="container" data-mobile-fullscreen="${r.o(this.mobileFullScreen)}">
+        <div
+          class="page"
+          data-mobile-fullscreen="${r.o(this.mobileFullScreen)}"
+          view-direction="${this.viewDirection}"
+        >
+          <div class="page-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `}onViewChange(e){let t=e.split(`,`).filter(Boolean),r=this.historyState.split(`,`).filter(Boolean),i=r.length,a=t.length,o=t[t.length-1]||``,s=n.i.cssDurationToNumber(this.transitionDuration),c=``;a>i?c=`next`:a<i?c=`prev`:a===i&&t[a-1]!==r[i-1]&&(c=`next`),this.viewDirection=`${c}-${o}`,setTimeout(()=>{this.historyState=e,this.setView?.(o)},s),setTimeout(()=>{this.viewDirection=``},s*2)}getWrapper(){return this.shadowRoot?.querySelector(`div.page`)}updateContainerHeight(){let e=this.getWrapper();if(!e)return;let t=parseFloat(getComputedStyle(document.documentElement).getPropertyValue(`--apkt-footer-height`)||`0`),n=0;this.mobileFullScreen?(n=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-t,this.style.setProperty(`--local-border-bottom-radius`,`0px`)):(n=e.getBoundingClientRect().height+t,this.style.setProperty(`--local-border-bottom-radius`,t?`var(--apkt-borderRadius-5)`:`0px`)),this.style.setProperty(`--local-container-height`,`${n}px`),this.previousHeight!==`0px`&&this.style.setProperty(`--local-duration-height`,this.transitionDuration),this.previousHeight=`${n}px`}getHeaderHeight(){return _n}};$.styles=[gn],Q([r.c({type:String})],$.prototype,`transitionDuration`,void 0),Q([r.c({type:String})],$.prototype,`transitionFunction`,void 0),Q([r.c({type:String})],$.prototype,`history`,void 0),Q([r.c({type:String})],$.prototype,`view`,void 0),Q([r.c({attribute:!1})],$.prototype,`setView`,void 0),Q([r.s()],$.prototype,`viewDirection`,void 0),Q([r.s()],$.prototype,`historyState`,void 0),Q([r.s()],$.prototype,`previousHeight`,void 0),Q([r.s()],$.prototype,`mobileFullScreen`,void 0),$=Q([n.r(`w3m-router-container`)],$);