@dodoex/wallet-web3 0.6.4 → 0.6.5

package/dist/cjs/w3m-modal-70bcf6d8.cjs

@@ -0,0 +1,2380 @@
+"use strict";var e=require("./core-78a709db.cjs"),t=require("./index-ef4ef0cc.cjs");require("events"),require("./index-2e8e7a50.cjs"),require("./__tslib-a9f27ba6.cjs"),require("./index-5dac528b.cjs"),require("@ethersproject/providers"),require("zustand"),require("@ethersproject/bytes"),require("@ethersproject/properties"),require("@ethersproject/address"),require("@ethersproject/abstract-signer"),require("buffer"),require("@ethersproject/abstract-provider"),require("@ethersproject/contracts"),require("@ethersproject/constants"),require("@ethersproject/transactions");const o={getGasPriceInEther:(e,t)=>Number(t*e)/1e18,getGasPriceInUSD(t,r,i){const n=o.getGasPriceInEther(r,i);return e.NumberUtil.bigNumber(t).times(n).toNumber()},getPriceImpact({sourceTokenAmount:t,sourceTokenPriceInUSD:o,toTokenPriceInUSD:r,toTokenAmount:i}){const n=e.NumberUtil.bigNumber(t).times(o),a=e.NumberUtil.bigNumber(i).times(r);return n.minus(a).div(n).times(100).toNumber()},getMaxSlippage(t,o){const r=e.NumberUtil.bigNumber(t).div(100);return e.NumberUtil.multiply(o,r).toNumber()},getProviderFee:(t,o=.0085)=>e.NumberUtil.bigNumber(t).times(o).toString(),isInsufficientNetworkTokenForGas(t,o){const r=o||"0";return!!e.NumberUtil.bigNumber(t).eq(0)||e.NumberUtil.bigNumber(e.NumberUtil.bigNumber(r)).gt(t)},isInsufficientSourceTokenForSwap(t,o,r){const i=r?.find((e=>e.address===o))?.quantity?.numeric;return e.NumberUtil.bigNumber(i||"0").lt(t)}},r=15e4,i={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:e.ConstantsUtil$1.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},n=e.proxy({...i}),a={state:n,subscribe:t=>e.subscribe(n,(()=>t(n))),subscribeKey:(t,o)=>e.subscribeKey(n,t,o),getParams(){const t=e.ChainController.state.activeChain,o=e.ChainController.getAccountData(t)?.caipAddress??e.ChainController.state.activeCaipAddress,r=e.CoreHelperUtil.getPlainAddress(o),i=e.getActiveNetworkTokenAddress(),a=e.ConnectorController.getConnectorId(e.ChainController.state.activeChain);if(!r)throw new Error("No address found to swap the tokens from.");const s=!n.toToken?.address||!n.toToken?.decimals,c=!n.sourceToken?.address||!n.sourceToken?.decimals||!e.NumberUtil.bigNumber(n.sourceTokenAmount).gt(0),l=!n.sourceTokenAmount;return{networkAddress:i,fromAddress:r,fromCaipAddress:o,sourceTokenAddress:n.sourceToken?.address,toTokenAddress:n.toToken?.address,toTokenAmount:n.toTokenAmount,toTokenDecimals:n.toToken?.decimals,sourceTokenAmount:n.sourceTokenAmount,sourceTokenDecimals:n.sourceToken?.decimals,invalidToToken:s,invalidSourceToken:c,invalidSourceTokenAmount:l,availableToSwap:o&&!s&&!c&&!l,isAuthConnector:a===e.ConstantsUtil.CONNECTOR_ID.AUTH}},async setSourceToken(e){if(!e)return n.sourceToken=e,n.sourceTokenAmount="",void(n.sourceTokenPriceInUSD=0);n.sourceToken=e,await s.setTokenPrice(e.address,"sourceToken")},setSourceTokenAmount(e){n.sourceTokenAmount=e},async setToToken(e){if(!e)return n.toToken=e,n.toTokenAmount="",void(n.toTokenPriceInUSD=0);n.toToken=e,await s.setTokenPrice(e.address,"toToken")},setToTokenAmount(t){n.toTokenAmount=t?e.NumberUtil.toFixed(t,6):""},async setTokenPrice(e,t){let o=n.tokensPriceMap[e]||0;o||(n.loadingPrices=!0,o=await s.getAddressPrice(e)),"sourceToken"===t?n.sourceTokenPriceInUSD=o:"toToken"===t&&(n.toTokenPriceInUSD=o),n.loadingPrices&&(n.loadingPrices=!1),s.getParams().availableToSwap&&!n.switchingTokens&&s.swapTokens()},async switchTokens(){if(!n.initializing&&n.initialized&&!n.switchingTokens){n.switchingTokens=!0;try{const e=n.toToken?{...n.toToken}:void 0,t=n.sourceToken?{...n.sourceToken}:void 0,o=e&&""===n.toTokenAmount?"1":n.toTokenAmount;s.setSourceTokenAmount(o),s.setToTokenAmount(""),await s.setSourceToken(e),await s.setToToken(t),n.switchingTokens=!1,s.swapTokens()}catch(e){throw n.switchingTokens=!1,e}}},resetState(){n.myTokensWithBalance=i.myTokensWithBalance,n.tokensPriceMap=i.tokensPriceMap,n.initialized=i.initialized,n.initializing=i.initializing,n.switchingTokens=i.switchingTokens,n.sourceToken=i.sourceToken,n.sourceTokenAmount=i.sourceTokenAmount,n.sourceTokenPriceInUSD=i.sourceTokenPriceInUSD,n.toToken=i.toToken,n.toTokenAmount=i.toTokenAmount,n.toTokenPriceInUSD=i.toTokenPriceInUSD,n.networkPrice=i.networkPrice,n.networkTokenSymbol=i.networkTokenSymbol,n.networkBalanceInUSD=i.networkBalanceInUSD,n.inputError=i.inputError},resetValues(){const{networkAddress:e}=s.getParams(),t=n.tokens?.find((t=>t.address===e));s.setSourceToken(t),s.setToToken(void 0)},getApprovalLoadingState:()=>n.loadingApprovalTransaction,clearError(){n.transactionError=void 0},async initializeState(){if(!n.initializing){if(n.initializing=!0,!n.initialized)try{await s.fetchTokens(),n.initialized=!0}catch(t){n.initialized=!1,e.SnackController.showError("Failed to initialize swap"),e.RouterController.goBack()}n.initializing=!1}},async fetchTokens(){const{networkAddress:e}=s.getParams();await s.getNetworkTokenPrice(),await s.getMyTokensWithBalance();const t=n.myTokensWithBalance?.find((t=>t.address===e));t&&(n.networkTokenSymbol=t.symbol,s.setSourceToken(t),s.setSourceTokenAmount("0"))},async getTokenList(){const t=e.ChainController.state.activeCaipNetwork?.caipNetworkId;if(n.caipNetworkId!==t||!n.tokens)try{n.tokensLoading=!0;const o=await e.SwapApiUtil.getTokenList(t);n.tokens=o,n.caipNetworkId=t,n.popularTokens=o.sort(((e,t)=>e.symbol<t.symbol?-1:e.symbol>t.symbol?1:0));const r=(t&&e.ConstantsUtil$1.SUGGESTED_TOKENS_BY_CHAIN?.[t]||[]).map((e=>o.find((t=>t.symbol===e)))).filter((e=>Boolean(e))),i=(e.ConstantsUtil$1.SWAP_SUGGESTED_TOKENS||[]).map((e=>o.find((t=>t.symbol===e)))).filter((e=>Boolean(e))).filter((e=>!r.some((t=>t.address===e.address))));n.suggestedTokens=[...r,...i]}catch(e){n.tokens=[],n.popularTokens=[],n.suggestedTokens=[]}finally{n.tokensLoading=!1}},async getAddressPrice(t){const o=n.tokensPriceMap[t];if(o)return o;const r=await e.BlockchainApiController.fetchTokenPrice({addresses:[t]}),i=r?.fungibles||[],a=[...n.tokens||[],...n.myTokensWithBalance||[]],s=a?.find((e=>e.address===t))?.symbol,c=i.find((e=>e.symbol.toLowerCase()===s?.toLowerCase()))?.price||0,l=parseFloat(c.toString());return n.tokensPriceMap[t]=l,l},async getNetworkTokenPrice(){const{networkAddress:t}=s.getParams(),o=await e.BlockchainApiController.fetchTokenPrice({addresses:[t]}).catch((()=>(e.SnackController.showError("Failed to fetch network token price"),{fungibles:[]}))),r=o.fungibles?.[0],i=r?.price.toString()||"0";n.tokensPriceMap[t]=parseFloat(i),n.networkTokenSymbol=r?.symbol||"",n.networkPrice=i},async getMyTokensWithBalance(t){const o=await e.BalanceUtil.getMyTokensWithBalance({forceUpdate:t,caipNetwork:e.ChainController.state.activeCaipNetwork,address:e.ChainController.getAccountData()?.address}),r=e.SwapApiUtil.mapBalancesToSwapTokens(o);r&&(await s.getInitialGasPrice(),s.setBalances(r))},setBalances(t){const{networkAddress:o}=s.getParams(),r=e.ChainController.state.activeCaipNetwork;if(!r)return;const i=t.find((e=>e.address===o));t.forEach((e=>{n.tokensPriceMap[e.address]=e.price||0})),n.myTokensWithBalance=t.filter((e=>e.address.startsWith(r.caipNetworkId))),n.networkBalanceInUSD=i?e.NumberUtil.multiply(i.quantity.numeric,i.price).toString():"0"},async getInitialGasPrice(){const t=await e.SwapApiUtil.fetchGasPrice();if(!t)return{gasPrice:null,gasPriceInUSD:null};switch(e.ChainController.state?.activeCaipNetwork?.chainNamespace){case e.ConstantsUtil.CHAIN.SOLANA:return n.gasFee=t.standard??"0",n.gasPriceInUSD=e.NumberUtil.multiply(t.standard,n.networkPrice).div(1e9).toNumber(),{gasPrice:BigInt(n.gasFee),gasPriceInUSD:Number(n.gasPriceInUSD)};case e.ConstantsUtil.CHAIN.EVM:default:const i=t.standard??"0",a=BigInt(i),s=BigInt(r),c=o.getGasPriceInUSD(n.networkPrice,s,a);return n.gasFee=i,n.gasPriceInUSD=c,{gasPrice:a,gasPriceInUSD:c}}},async swapTokens(){const t=e.ChainController.getAccountData()?.address,o=n.sourceToken,r=n.toToken,i=e.NumberUtil.bigNumber(n.sourceTokenAmount).gt(0);if(i||s.setToTokenAmount(""),!r||!o||n.loadingPrices||!i||!t)return;n.loadingQuote=!0;const a=e.NumberUtil.bigNumber(n.sourceTokenAmount).times(10**o.decimals).round(0).toFixed(0);try{const i=await e.BlockchainApiController.fetchSwapQuote({userAddress:t,from:o.address,to:r.address,gasPrice:n.gasFee,amount:a.toString()});n.loadingQuote=!1;const c=i?.quotes?.[0]?.toAmount;if(!c)return void e.AlertController.open({displayMessage:"Incorrect amount",debugMessage:"Please enter a valid amount"},"error");const l=e.NumberUtil.bigNumber(c).div(10**r.decimals).toString();s.setToTokenAmount(l);s.hasInsufficientToken(n.sourceTokenAmount,o.address)?n.inputError="Insufficient balance":(n.inputError=void 0,s.setTransactionDetails())}catch(t){const o=await e.SwapApiUtil.handleSwapError(t);n.loadingQuote=!1,n.inputError=o||"Insufficient balance"}},async getTransaction(){const{fromCaipAddress:t,availableToSwap:o}=s.getParams(),r=n.sourceToken,i=n.toToken;if(t&&o&&r&&i&&!n.loadingQuote)try{n.loadingBuildTransaction=!0;let o;return o=await e.SwapApiUtil.fetchSwapAllowance({userAddress:t,tokenAddress:r.address,sourceTokenAmount:n.sourceTokenAmount,sourceTokenDecimals:r.decimals})?await s.createSwapTransaction():await s.createAllowanceTransaction(),n.loadingBuildTransaction=!1,n.fetchError=!1,o}catch(t){return e.RouterController.goBack(),e.SnackController.showError("Failed to check allowance"),n.loadingBuildTransaction=!1,n.approvalTransaction=void 0,n.swapTransaction=void 0,void(n.fetchError=!0)}},async createAllowanceTransaction(){const{fromCaipAddress:t,sourceTokenAddress:o,toTokenAddress:r}=s.getParams();if(t&&r){if(!o)throw new Error("createAllowanceTransaction - No source token address found.");try{const i=await e.BlockchainApiController.generateApproveCalldata({from:o,to:r,userAddress:t}),a=e.CoreHelperUtil.getPlainAddress(i.tx.from);if(!a)throw new Error("SwapController:createAllowanceTransaction - address is required");const s={data:i.tx.data,to:a,gasPrice:BigInt(i.tx.eip155.gasPrice),value:BigInt(i.tx.value),toAmount:n.toTokenAmount};return n.swapTransaction=void 0,n.approvalTransaction={data:s.data,to:s.to,gasPrice:s.gasPrice,value:s.value,toAmount:s.toAmount},{data:s.data,to:s.to,gasPrice:s.gasPrice,value:s.value,toAmount:s.toAmount}}catch(t){return e.RouterController.goBack(),e.SnackController.showError("Failed to create approval transaction"),n.approvalTransaction=void 0,n.swapTransaction=void 0,void(n.fetchError=!0)}}},async createSwapTransaction(){const{networkAddress:t,fromCaipAddress:r,sourceTokenAmount:i}=s.getParams(),a=n.sourceToken,c=n.toToken;if(!(r&&i&&a&&c))return;const l=e.ConnectionController.parseUnits(i,a.decimals)?.toString();try{const i=await e.BlockchainApiController.generateSwapCalldata({userAddress:r,from:a.address,to:c.address,amount:l,disableEstimate:!0}),s=a.address===t,u=BigInt(i.tx.eip155.gas),d=BigInt(i.tx.eip155.gasPrice),p=e.CoreHelperUtil.getPlainAddress(i.tx.to);if(!p)throw new Error("SwapController:createSwapTransaction - address is required");const h={data:i.tx.data,to:p,gas:u,gasPrice:d,value:s?BigInt(l??"0"):BigInt("0"),toAmount:n.toTokenAmount};return n.gasPriceInUSD=o.getGasPriceInUSD(n.networkPrice,u,d),n.approvalTransaction=void 0,n.swapTransaction=h,h}catch(t){return e.RouterController.goBack(),e.SnackController.showError("Failed to create transaction"),n.approvalTransaction=void 0,n.swapTransaction=void 0,void(n.fetchError=!0)}},onEmbeddedWalletApprovalSuccess(){e.SnackController.showLoading("Approve limit increase in your wallet"),e.RouterController.replace("SwapPreview")},async sendTransactionForApproval(t){const{fromAddress:o,isAuthConnector:r}=s.getParams();n.loadingApprovalTransaction=!0;r?e.RouterController.pushTransactionStack({onSuccess:s.onEmbeddedWalletApprovalSuccess}):e.SnackController.showLoading("Approve limit increase in your wallet");try{await e.ConnectionController.sendTransaction({address:o,to:t.to,data:t.data,value:t.value,chainNamespace:e.ConstantsUtil.CHAIN.EVM}),await s.swapTokens(),await s.getTransaction(),n.approvalTransaction=void 0,n.loadingApprovalTransaction=!1}catch(t){const o=t;n.transactionError=o?.displayMessage,n.loadingApprovalTransaction=!1,e.SnackController.showError(o?.displayMessage||"Transaction error"),e.EventsController.sendEvent({type:"track",event:"SWAP_APPROVAL_ERROR",properties:{message:o?.displayMessage||o?.message||"Unknown",network:e.ChainController.state.activeCaipNetwork?.caipNetworkId||"",swapFromToken:s.state.sourceToken?.symbol||"",swapToToken:s.state.toToken?.symbol||"",swapFromAmount:s.state.sourceTokenAmount||"",swapToAmount:s.state.toTokenAmount||"",isSmartAccount:e.getPreferredAccountType(e.ConstantsUtil.CHAIN.EVM)===e.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT}})}},async sendTransactionForSwap(t){if(!t)return;const{fromAddress:o,toTokenAmount:r,isAuthConnector:i}=s.getParams();n.loadingTransaction=!0;const c=`Swapping ${n.sourceToken?.symbol} to ${e.NumberUtil.formatNumberToLocalString(r,3)} ${n.toToken?.symbol}`,l=`Swapped ${n.sourceToken?.symbol} to ${e.NumberUtil.formatNumberToLocalString(r,3)} ${n.toToken?.symbol}`;i?e.RouterController.pushTransactionStack({onSuccess(){e.RouterController.replace("Account"),e.SnackController.showLoading(c),a.resetState()}}):e.SnackController.showLoading("Confirm transaction in your wallet");try{const r=[n.sourceToken?.address,n.toToken?.address].join(","),c=await e.ConnectionController.sendTransaction({address:o,to:t.to,data:t.data,value:t.value,chainNamespace:e.ConstantsUtil.CHAIN.EVM});return n.loadingTransaction=!1,e.SnackController.showSuccess(l),e.EventsController.sendEvent({type:"track",event:"SWAP_SUCCESS",properties:{network:e.ChainController.state.activeCaipNetwork?.caipNetworkId||"",swapFromToken:s.state.sourceToken?.symbol||"",swapToToken:s.state.toToken?.symbol||"",swapFromAmount:s.state.sourceTokenAmount||"",swapToAmount:s.state.toTokenAmount||"",isSmartAccount:e.getPreferredAccountType(e.ConstantsUtil.CHAIN.EVM)===e.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT}}),a.resetState(),i||e.RouterController.replace("Account"),a.getMyTokensWithBalance(r),c}catch(t){const o=t;return n.transactionError=o?.displayMessage,n.loadingTransaction=!1,e.SnackController.showError(o?.displayMessage||"Transaction error"),void e.EventsController.sendEvent({type:"track",event:"SWAP_ERROR",properties:{message:o?.displayMessage||o?.message||"Unknown",network:e.ChainController.state.activeCaipNetwork?.caipNetworkId||"",swapFromToken:s.state.sourceToken?.symbol||"",swapToToken:s.state.toToken?.symbol||"",swapFromAmount:s.state.sourceTokenAmount||"",swapToAmount:s.state.toTokenAmount||"",isSmartAccount:e.getPreferredAccountType(e.ConstantsUtil.CHAIN.EVM)===e.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT}})}},hasInsufficientToken:(e,t)=>o.isInsufficientSourceTokenForSwap(e,t,n.myTokensWithBalance),setTransactionDetails(){const{toTokenAddress:e,toTokenDecimals:t}=s.getParams();e&&t&&(n.gasPriceInUSD=o.getGasPriceInUSD(n.networkPrice,BigInt(n.gasFee),BigInt(r)),n.priceImpact=o.getPriceImpact({sourceTokenAmount:n.sourceTokenAmount,sourceTokenPriceInUSD:n.sourceTokenPriceInUSD,toTokenPriceInUSD:n.toTokenPriceInUSD,toTokenAmount:n.toTokenAmount}),n.maxSlippage=o.getMaxSlippage(n.slippage,n.toTokenAmount),n.providerFee=o.getProviderFee(n.sourceTokenAmount))}},s=e.withErrorBoundary(a),c=e.proxy({message:"",open:!1,triggerRect:{width:0,height:0,top:0,left:0},variant:"shade"}),l={state:c,subscribe:t=>e.subscribe(c,(()=>t(c))),subscribeKey:(t,o)=>e.subscribeKey(c,t,o),showTooltip({message:e,triggerRect:t,variant:o}){c.open=!0,c.message=e,c.triggerRect=t,c.variant=o},hide(){c.open=!1,c.message="",c.triggerRect={width:0,height:0,top:0,left:0}}},u=e.withErrorBoundary(l),d={isUnsupportedChainView:()=>"UnsupportedChain"===e.RouterController.state.view||"SwitchNetwork"===e.RouterController.state.view&&e.RouterController.state.history.includes("UnsupportedChain"),async safeClose(){if(this.isUnsupportedChainView())return void e.ModalController.shake();await e.SIWXUtil.isSIWXCloseDisabled()?e.ModalController.shake():("DataCapture"!==e.RouterController.state.view&&"DataCaptureOtpConfirm"!==e.RouterController.state.view||e.ConnectionController.disconnect(),e.ModalController.close())}},p={interpolate(e,t,o){if(2!==e.length||2!==t.length)throw new Error("inputRange and outputRange must be an array of length 2");const r=e[0]||0,i=e[1]||0,n=t[0]||0,a=t[1]||0;return o<r?n:o>i?a:(a-n)/(i-r)*(o-r)+n}};var h=e.css`
+  :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;
+  }
+`,m=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let w=class extends e.i{render(){return e.b`<slot></slot>`}};w.styles=[e.resetStyles,h],w=m([t.customElement("wui-card")],w);var g=e.css`
+  :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);
+  }
+`,y=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const b={info:"info",success:"checkmark",warning:"warningCircle",error:"warning"};let f=class extends e.i{constructor(){super(...arguments),this.message="",this.type="info"}render(){return e.b`
+      <wui-flex
+        data-type=${t.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=${b[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(){e.AlertController.close()}};f.styles=[e.resetStyles,g],y([t.n()],f.prototype,"message",void 0),y([t.n()],f.prototype,"type",void 0),f=y([t.customElement("wui-alertbar")],f);var v=e.css`
+  :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;
+  }
+`,k=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const x={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"}};let C=class extends e.i{constructor(){super(),this.unsubscribe=[],this.open=e.AlertController.state.open,this.onOpen(!0),this.unsubscribe.push(e.AlertController.subscribeKey("open",(e=>{this.open=e,this.onOpen(!1)})))}disconnectedCallback(){this.unsubscribe.forEach((e=>e()))}render(){const{message:t,variant:o}=e.AlertController.state,r=x[o];return e.b`
+      <wui-alertbar
+        message=${t}
+        backgroundColor=${r?.backgroundColor}
+        iconColor=${r?.iconColor}
+        icon=${r?.icon}
+        type=${o}
+      ></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")}};C.styles=v,k([t.r()],C.prototype,"open",void 0),C=k([t.customElement("w3m-alertbar")],C);var A=e.css`
+  :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;
+  }
+`,T=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let S=class extends e.i{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 e.b`<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=${t.o(this.iconSize)}></wui-icon>
+    </button>`}};S.styles=[e.resetStyles,e.elementStyles,A],T([t.n()],S.prototype,"icon",void 0),T([t.n()],S.prototype,"variant",void 0),T([t.n()],S.prototype,"type",void 0),T([t.n()],S.prototype,"size",void 0),T([t.n()],S.prototype,"iconSize",void 0),T([t.n({type:Boolean})],S.prototype,"fullWidth",void 0),T([t.n({type:Boolean})],S.prototype,"disabled",void 0),S=T([t.customElement("wui-icon-button")],S);var E=e.css`
+  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;
+  }
+`,I=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const P={lg:"lg-regular",md:"md-regular",sm:"sm-regular"},N={lg:"lg",md:"md",sm:"sm"};let $=class extends e.i{constructor(){super(...arguments),this.imageSrc="",this.text="",this.size="lg",this.type="text-dropdown",this.disabled=!1}render(){return e.b`<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(){const t=P[this.size];return this.text?e.b`<wui-text color="primary" variant=${t}>${this.text}</wui-text>`:null}imageTemplate(){if(this.imageSrc)return e.b`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;const t=N[this.size];return e.b` <wui-flex class="left-icon-container">
+      <wui-icon size=${t} name="networkPlaceholder"></wui-icon>
+    </wui-flex>`}};$.styles=[e.resetStyles,e.elementStyles,E],I([t.n()],$.prototype,"imageSrc",void 0),I([t.n()],$.prototype,"text",void 0),I([t.n()],$.prototype,"size",void 0),I([t.n()],$.prototype,"type",void 0),I([t.n({type:Boolean})],$.prototype,"disabled",void 0),$=I([t.customElement("wui-select")],$);const R={ACCOUNT_TABS:[{label:"Tokens"},{label:"Activity"}],SECURE_SITE_ORIGIN:("undefined"!=typeof process&&void 0!==process.env?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 U=e.css`
+  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);
+  }
+`,O=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let _=class extends e.i{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="default",this.variant="accent"}render(){return e.b`
+      <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>
+    `}};_.styles=[e.resetStyles,e.elementStyles,U],O([t.n()],_.prototype,"size",void 0),O([t.n({type:Boolean})],_.prototype,"disabled",void 0),O([t.n()],_.prototype,"icon",void 0),O([t.n()],_.prototype,"iconColor",void 0),O([t.n()],_.prototype,"variant",void 0),_=O([t.customElement("wui-icon-link")],_);const W=e.w`<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>`,D=e.w`
+  <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 L=e.css`
+  :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);
+  }
+`,B=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let z=class extends e.i{constructor(){super(...arguments),this.size="md",this.name="uknown",this.networkImagesBySize={sm:D,md:t.networkSvgMd,lg:W},this.selected=!1,this.round=!1}render(){const t={sm:"4",md:"6",lg:"10"};return this.round?(this.dataset.round="true",this.style.cssText="\n      --local-width: var(--apkt-spacing-10);\n      --local-height: var(--apkt-spacing-10);\n      --local-icon-size: var(--apkt-spacing-4);\n    "):this.style.cssText=`\n\n      --local-path: var(--apkt-path-network-${this.size});\n      --local-width:  var(--apkt-width-network-${this.size});\n      --local-height:  var(--apkt-height-network-${this.size});\n      --local-icon-size:  var(--apkt-spacing-${t[this.size]});\n    `,e.b`${this.templateVisual()} ${this.svgTemplate()} `}svgTemplate(){return this.round?null:this.networkImagesBySize[this.size]}templateVisual(){return this.imageSrc?e.b`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:e.b`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`}};z.styles=[e.resetStyles,L],B([t.n()],z.prototype,"size",void 0),B([t.n()],z.prototype,"name",void 0),B([t.n({type:Object})],z.prototype,"networkImagesBySize",void 0),B([t.n()],z.prototype,"imageSrc",void 0),B([t.n({type:Boolean})],z.prototype,"selected",void 0),B([t.n({type:Boolean})],z.prototype,"round",void 0),z=B([t.customElement("wui-network-image")],z);var j=e.css`
+  :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};
+  }
+`,F=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let q=class extends e.i{constructor(){super(...arguments),this.text="",this.bgColor="primary"}render(){return this.dataset.bgColor=this.bgColor,e.b`${this.template()}`}template(){return this.text?e.b`<wui-text variant="md-regular" color="secondary">${this.text}</wui-text>`:null}};q.styles=[e.resetStyles,j],F([t.n()],q.prototype,"text",void 0),F([t.n()],q.prototype,"bgColor",void 0),q=F([t.customElement("wui-separator")],q);const M={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"},H={[M.INVALID_PAYMENT_CONFIG]:"Invalid payment configuration",[M.INVALID_RECIPIENT]:"Invalid recipient address",[M.INVALID_ASSET]:"Invalid asset specified",[M.INVALID_AMOUNT]:"Invalid payment amount",[M.INVALID_RECIPIENT_ADDRESS_FOR_ASSET]:"Invalid recipient address for the asset selected",[M.UNKNOWN_ERROR]:"Unknown payment error occurred",[M.UNABLE_TO_INITIATE_PAYMENT]:"Unable to initiate payment",[M.INVALID_CHAIN_NAMESPACE]:"Invalid chain namespace",[M.GENERIC_PAYMENT_ERROR]:"Unable to process payment",[M.UNABLE_TO_GET_EXCHANGES]:"Unable to get exchanges",[M.ASSET_NOT_SUPPORTED]:"Asset not supported by the selected exchange",[M.UNABLE_TO_GET_PAY_URL]:"Unable to get payment URL",[M.UNABLE_TO_GET_BUY_STATUS]:"Unable to get buy status",[M.UNABLE_TO_GET_TOKEN_BALANCES]:"Unable to get token balances",[M.UNABLE_TO_GET_QUOTE]:"Unable to get quote. Please choose a different token",[M.UNABLE_TO_GET_QUOTE_STATUS]:"Unable to get quote status"};class V extends Error{get message(){return H[this.code]}constructor(e,t){super(H[e]),this.name="AppKitPayError",this.code=e,this.details=t,Error.captureStackTrace&&Error.captureStackTrace(this,V)}}const G="https://rpc.walletconnect.org/v1/json-rpc",K="reown_test";function Y(e){if(!e)return null;const t=e.steps[0];return t&&t.type===de?t:null}function Q(e,t=0){if(!e)return[];const o=e.steps.filter((e=>e.type===pe)),r=o.filter(((e,o)=>o+1>t));return o.length>0&&o.length<3?r:[]}const X=new e.FetchUtil({baseUrl:e.CoreHelperUtil.getApiUrl(),clientId:null});class Z extends Error{}function J(){const{projectId:t,sdkType:o,sdkVersion:r}=e.OptionsController.state;return{projectId:t,st:o||"appkit",sv:r||"html-wagmi-4.2.2"}}async function ee(t,o){const r=function(){const t=e.OptionsController.getSnapshot().projectId;return`${G}?projectId=${t}`}(),{sdkType:i,sdkVersion:n,projectId:a}=e.OptionsController.getSnapshot(),s={jsonrpc:"2.0",id:1,method:t,params:{...o||{},st:i,sv:n,projectId:a}},c=await fetch(r,{method:"POST",body:JSON.stringify(s),headers:{"Content-Type":"application/json"}}),l=await c.json();if(l.error)throw new Z(l.error.message);return l}async function te(e){return(await ee("reown_getExchanges",e)).result}async function oe(e){return(await ee("reown_getExchangePayUrl",e)).result}async function re(t){const o=e.HelpersUtil.isLowerCaseMatch(t.sourceToken.network,t.toToken.network),r=e.HelpersUtil.isLowerCaseMatch(t.sourceToken.asset,t.toToken.asset);return o&&r?async function({sourceToken:t,toToken:o,amount:r,recipient:i}){const n=e.ConnectionController.parseUnits(r,t.metadata.decimals),a=e.ConnectionController.parseUnits(r,o.metadata.decimals);return Promise.resolve({type:ue,origin:{amount:n?.toString()??"0",currency:t},destination:{amount:a?.toString()??"0",currency:o},fees:[{id:"service",label:"Service Fee",amount:"0",currency:o}],steps:[{requestId:ue,type:"deposit",deposit:{amount:n?.toString()??"0",currency:t.asset,receiver:i}}],timeInSeconds:6})}(t):async function(t){const o=e.NumberUtil.bigNumber(t.amount).times(10**t.toToken.metadata.decimals).toString(),{chainId:r,chainNamespace:i}=e.ParseUtil.parseCaipNetworkId(t.sourceToken.network),{chainId:n,chainNamespace:a}=e.ParseUtil.parseCaipNetworkId(t.toToken.network),s="native"===t.sourceToken.asset?e.getNativeTokenAddress(i):t.sourceToken.asset,c="native"===t.toToken.asset?e.getNativeTokenAddress(a):t.toToken.asset;return await X.post({path:"/appkit/v1/transfers/quote",body:{user:t.address,originChainId:r.toString(),originCurrency:s,destinationChainId:n.toString(),destinationCurrency:c,recipient:t.recipient,amount:o},params:J()})}(t)}const ie=["eip155","solana"],ne={eip155:{native:{assetNamespace:"slip44",assetReference:"60"},defaultTokenNamespace:"erc20"},solana:{native:{assetNamespace:"slip44",assetReference:"501"},defaultTokenNamespace:"token"}},ae={56:"714",204:"714"};function se(t,o){const{chainNamespace:r,chainId:i}=e.ParseUtil.parseCaipNetworkId(t),n=ne[r];if(!n)throw new Error(`Unsupported chain namespace for CAIP-19 formatting: ${r}`);let a=n.native.assetNamespace,s=n.native.assetReference;"native"!==o?(a=n.defaultTokenNamespace,s=o):"eip155"===r&&ae[i]&&(s=ae[i]);return`${`${r}:${i}`}/${a}:${s}`}function ce(t){const o=e.NumberUtil.bigNumber(t,{safe:!0});return o.lt(.001)?"<0.001":o.round(4).toString()}const le="unknown",ue="direct-transfer",de="deposit",pe="transaction",he=e.proxy({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:{[e.ConstantsUtil.CHAIN.EVM]:[],[e.ConstantsUtil.CHAIN.SOLANA]:[]},isFetchingTokenBalances:!1,selectedPaymentAsset:null,quote:void 0,quoteStatus:"waiting",quoteError:null,isFetchingQuote:!1,selectedExchange:void 0,exchangeUrlForQuote:void 0,requestId:void 0}),me={state:he,subscribe:t=>e.subscribe(he,(()=>t(he))),subscribeKey:(t,o)=>e.subscribeKey(he,t,o),async handleOpenPay(t){this.resetState(),this.setPaymentConfig(t),this.initializeAnalytics(),function(){const{chainNamespace:t}=e.ParseUtil.parseCaipNetworkId(me.state.paymentAsset.network);if(!e.CoreHelperUtil.isAddress(me.state.recipient,t))throw new V(M.INVALID_RECIPIENT_ADDRESS_FOR_ASSET,`Provide valid recipient address for namespace "${t}"`)}(),await this.prepareTokenLogo(),he.isConfigured=!0,e.EventsController.sendEvent({type:"track",event:"PAY_MODAL_OPEN",properties:{exchanges:he.exchanges,configuration:{network:he.paymentAsset.network,asset:he.paymentAsset.asset,recipient:he.recipient,amount:he.amount}}}),await e.ModalController.open({view:"Pay"})},resetState(){he.paymentAsset={network:"eip155:1",asset:"0x0",metadata:{name:"0x0",symbol:"0x0",decimals:0}},he.recipient="0x0",he.amount=0,he.isConfigured=!1,he.error=null,he.isPaymentInProgress=!1,he.isLoading=!1,he.currentPayment=void 0,he.selectedExchange=void 0,he.exchangeUrlForQuote=void 0,he.requestId=void 0},resetQuoteState(){he.quote=void 0,he.quoteStatus="waiting",he.quoteError=null,he.isFetchingQuote=!1,he.requestId=void 0},setPaymentConfig(e){if(!e.paymentAsset)throw new V(M.INVALID_PAYMENT_CONFIG);try{he.choice=e.choice??"pay",he.paymentAsset=e.paymentAsset,he.recipient=e.recipient,he.amount=e.amount,he.openInNewTab=e.openInNewTab??!0,he.redirectUrl=e.redirectUrl,he.payWithExchange=e.payWithExchange,he.error=null}catch(e){throw new V(M.INVALID_PAYMENT_CONFIG,e.message)}},setSelectedPaymentAsset(e){he.selectedPaymentAsset=e},setSelectedExchange(e){he.selectedExchange=e},setRequestId(e){he.requestId=e},setPaymentInProgress(e){he.isPaymentInProgress=e},getPaymentAsset:()=>he.paymentAsset,getExchanges:()=>he.exchanges,async fetchExchanges(){try{he.isLoading=!0;const e=await te({page:0});he.exchanges=e.exchanges.slice(0,2)}catch(t){throw e.SnackController.showError(H.UNABLE_TO_GET_EXCHANGES),new V(M.UNABLE_TO_GET_EXCHANGES)}finally{he.isLoading=!1}},async getAvailableExchanges(e){try{const t=e?.asset&&e?.network?se(e.network,e.asset):void 0;return await te({page:e?.page??0,asset:t,amount:e?.amount?.toString()})}catch(e){throw new V(M.UNABLE_TO_GET_EXCHANGES)}},async getPayUrl(t,o,r=!1){try{const i=Number(o.amount),n=await oe({exchangeId:t,asset:se(o.network,o.asset),amount:i.toString(),recipient:`${o.network}:${o.recipient}`});return e.EventsController.sendEvent({type:"track",event:"PAY_EXCHANGE_SELECTED",properties:{source:"pay",exchange:{id:t},configuration:{network:o.network,asset:o.asset,recipient:o.recipient,amount:i},currentPayment:{type:"exchange",exchangeId:t},headless:r}}),r&&(this.initiatePayment(),e.EventsController.sendEvent({type:"track",event:"PAY_INITIATED",properties:{source:"pay",paymentId:he.paymentId||le,configuration:{network:o.network,asset:o.asset,recipient:o.recipient,amount:i},currentPayment:{type:"exchange",exchangeId:t}}})),n}catch(e){if(e instanceof Error&&e.message.includes("is not supported"))throw new V(M.ASSET_NOT_SUPPORTED);throw new Error(e.message)}},async generateExchangeUrlForQuote({exchangeId:e,paymentAsset:t,amount:o,recipient:r}){const i=await oe({exchangeId:e,asset:se(t.network,t.asset),amount:o.toString(),recipient:r});he.exchangeSessionId=i.sessionId,he.exchangeUrlForQuote=i.url},async openPayUrl(t,o,r=!1){try{const i=await this.getPayUrl(t.exchangeId,o,r);if(!i)throw new V(M.UNABLE_TO_GET_PAY_URL);const n=t.openInNewTab??!0?"_blank":"_self";return e.CoreHelperUtil.openHref(i.url,n),i}catch(e){throw he.error=e instanceof V?e.message:H.GENERIC_PAYMENT_ERROR,new V(M.UNABLE_TO_GET_PAY_URL)}},async onTransfer({chainNamespace:t,fromAddress:o,toAddress:r,amount:i,paymentAsset:n}){if(he.currentPayment={type:"wallet",status:"IN_PROGRESS"},!he.isPaymentInProgress)try{this.initiatePayment();const a=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===n.network));if(!a)throw new Error("Target network not found");const s=e.ChainController.state.activeCaipNetwork;switch(e.HelpersUtil.isLowerCaseMatch(s?.caipNetworkId,a.caipNetworkId)||await e.ChainController.switchActiveNetwork(a),t){case e.ConstantsUtil.CHAIN.EVM:"native"===n.asset&&(he.currentPayment.result=await async function(t,o,r){if(o!==e.ConstantsUtil.CHAIN.EVM)throw new V(M.INVALID_CHAIN_NAMESPACE);if(!r.fromAddress)throw new V(M.INVALID_PAYMENT_CONFIG,"fromAddress is required for native EVM payments.");const i="string"==typeof r.amount?parseFloat(r.amount):r.amount;if(isNaN(i))throw new V(M.INVALID_PAYMENT_CONFIG);const n=t.metadata?.decimals??18,a=e.ConnectionController.parseUnits(i.toString(),n);if("bigint"!=typeof a)throw new V(M.GENERIC_PAYMENT_ERROR);return await e.ConnectionController.sendTransaction({chainNamespace:o,to:r.recipient,address:r.fromAddress,value:a,data:"0x"})??void 0}(n,t,{recipient:r,amount:i,fromAddress:o})),n.asset.startsWith("0x")&&(he.currentPayment.result=await async function(t,o){if(!o.fromAddress)throw new V(M.INVALID_PAYMENT_CONFIG,"fromAddress is required for ERC20 EVM payments.");const r=t.asset,i=o.recipient,n=Number(t.metadata.decimals),a=e.ConnectionController.parseUnits(o.amount.toString(),n);if(void 0===a)throw new V(M.GENERIC_PAYMENT_ERROR);return await e.ConnectionController.writeContract({fromAddress:o.fromAddress,tokenAddress:r,args:[i,a],method:"transfer",abi:e.ContractUtil.getERC20Abi(r),chainNamespace:e.ConstantsUtil.CHAIN.EVM})??void 0}(n,{recipient:r,amount:i,fromAddress:o})),he.currentPayment.status="SUCCESS";break;case e.ConstantsUtil.CHAIN.SOLANA:he.currentPayment.result=await async function(t,o){if(t!==e.ConstantsUtil.CHAIN.SOLANA)throw new V(M.INVALID_CHAIN_NAMESPACE);if(!o.fromAddress)throw new V(M.INVALID_PAYMENT_CONFIG,"fromAddress is required for Solana payments.");const r="string"==typeof o.amount?parseFloat(o.amount):o.amount;if(isNaN(r)||r<=0)throw new V(M.INVALID_PAYMENT_CONFIG,"Invalid payment amount.");try{if(!e.ProviderController.getProvider(t))throw new V(M.GENERIC_PAYMENT_ERROR,"No Solana provider available.");const i=await e.ConnectionController.sendTransaction({chainNamespace:e.ConstantsUtil.CHAIN.SOLANA,to:o.recipient,value:r,tokenMint:o.tokenMint});if(!i)throw new V(M.GENERIC_PAYMENT_ERROR,"Transaction failed.");return i}catch(e){if(e instanceof V)throw e;throw new V(M.GENERIC_PAYMENT_ERROR,`Solana payment failed: ${e}`)}}(t,{recipient:r,amount:i,fromAddress:o,tokenMint:"native"===n.asset?void 0:n.asset}),he.currentPayment.status="SUCCESS";break;default:throw new V(M.INVALID_CHAIN_NAMESPACE)}}catch(t){throw he.error=t instanceof V?t.message:H.GENERIC_PAYMENT_ERROR,he.currentPayment.status="FAILED",e.SnackController.showError(he.error),t}finally{he.isPaymentInProgress=!1}},async onSendTransaction(t){try{const{namespace:o,transactionStep:r}=t;me.initiatePayment();const i=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===he.paymentAsset?.network));if(!i)throw new Error("Target network not found");const n=e.ChainController.state.activeCaipNetwork;if(e.HelpersUtil.isLowerCaseMatch(n?.caipNetworkId,i.caipNetworkId)||await e.ChainController.switchActiveNetwork(i),o===e.ConstantsUtil.CHAIN.EVM){const{from:t,to:i,data:n,value:a}=r.transaction;await e.ConnectionController.sendTransaction({address:t,to:i,data:n,value:BigInt(a),chainNamespace:o})}else if(o===e.ConstantsUtil.CHAIN.SOLANA){const{instructions:t}=r.transaction;await e.ConnectionController.writeSolanaTransaction({instructions:t})}}catch(t){throw he.error=t instanceof V?t.message:H.GENERIC_PAYMENT_ERROR,e.SnackController.showError(he.error),t}finally{he.isPaymentInProgress=!1}},getExchangeById:e=>he.exchanges.find((t=>t.id===e)),validatePayConfig(e){const{paymentAsset:t,recipient:o,amount:r}=e;if(!t)throw new V(M.INVALID_PAYMENT_CONFIG);if(!o)throw new V(M.INVALID_RECIPIENT);if(!t.asset)throw new V(M.INVALID_ASSET);if(null==r||r<=0)throw new V(M.INVALID_AMOUNT)},async handlePayWithExchange(t){try{he.currentPayment={type:"exchange",exchangeId:t};const{network:e,asset:o}=he.paymentAsset,r={network:e,asset:o,amount:he.amount,recipient:he.recipient},i=await this.getPayUrl(t,r);if(!i)throw new V(M.UNABLE_TO_INITIATE_PAYMENT);return he.currentPayment.sessionId=i.sessionId,he.currentPayment.status="IN_PROGRESS",he.currentPayment.exchangeId=t,this.initiatePayment(),{url:i.url,openInNewTab:he.openInNewTab}}catch(t){return he.error=t instanceof V?t.message:H.GENERIC_PAYMENT_ERROR,he.isPaymentInProgress=!1,e.SnackController.showError(he.error),null}},async getBuyStatus(t,o){try{const r=await async function(e){return(await ee("reown_getExchangeBuyStatus",e)).result}({sessionId:o,exchangeId:t});return"SUCCESS"!==r.status&&"FAILED"!==r.status||e.EventsController.sendEvent({type:"track",event:"SUCCESS"===r.status?"PAY_SUCCESS":"PAY_ERROR",properties:{message:"FAILED"===r.status?e.CoreHelperUtil.parseError(he.error):void 0,source:"pay",paymentId:he.paymentId||le,configuration:{network:he.paymentAsset.network,asset:he.paymentAsset.asset,recipient:he.recipient,amount:he.amount},currentPayment:{type:"exchange",exchangeId:he.currentPayment?.exchangeId,sessionId:he.currentPayment?.sessionId,result:r.txHash}}}),r}catch(e){throw new V(M.UNABLE_TO_GET_BUY_STATUS)}},async fetchTokensFromEOA({caipAddress:t,caipNetwork:o,namespace:r}){if(!t)return[];const{address:i}=e.ParseUtil.parseCaipAddress(t);let n=o;r===e.ConstantsUtil.CHAIN.EVM&&(n=void 0);return await e.BalanceUtil.getMyTokensWithBalance({address:i,caipNetwork:n})},async fetchTokensFromExchange(){if(!he.selectedExchange)return[];const t=await async function(e){return await X.get({path:`/appkit/v1/transfers/assets/exchanges/${e}`,params:J()})}(he.selectedExchange.id),o=Object.values(t.assets).flat();return await Promise.all(o.map((async t=>{const o={chainId:(r=t).network,address:`${r.network}:${r.asset}`,symbol:r.metadata.symbol,name:r.metadata.name,iconUrl:r.metadata.logoURI||"",price:0,quantity:{numeric:"0",decimals:r.metadata.decimals.toString()}};var r;const{chainNamespace:i}=e.ParseUtil.parseCaipNetworkId(o.chainId);let n=o.address;if(e.CoreHelperUtil.isCaipAddress(n)){const{address:t}=e.ParseUtil.parseCaipAddress(n);n=t}const a=await e.AssetUtil.getImageByToken(n??"",i).catch((()=>{}));return o.iconUrl=a??"",o})))},async fetchTokens({caipAddress:t,caipNetwork:o,namespace:r}){try{he.isFetchingTokenBalances=!0;const e=Boolean(he.selectedExchange)?this.fetchTokensFromExchange():this.fetchTokensFromEOA({caipAddress:t,caipNetwork:o,namespace:r}),i=await e;he.tokenBalances={...he.tokenBalances,[r]:i}}catch(t){const o=t instanceof Error?t.message:"Unable to get token balances";e.SnackController.showError(o)}finally{he.isFetchingTokenBalances=!1}},async fetchQuote({amount:t,address:o,sourceToken:r,toToken:i,recipient:n}){try{me.resetQuoteState(),he.isFetchingQuote=!0;const a=await re({amount:t,address:he.selectedExchange?void 0:o,sourceToken:r,toToken:i,recipient:n});if(he.selectedExchange){const t=Y(a);if(t){const o=`${r.network}:${t.deposit.receiver}`,i=e.NumberUtil.formatNumber(t.deposit.amount,{decimals:r.metadata.decimals??0,round:8});await me.generateExchangeUrlForQuote({exchangeId:he.selectedExchange.id,paymentAsset:r,amount:i.toString(),recipient:o})}}he.quote=a}catch(t){let o=H.UNABLE_TO_GET_QUOTE;if(t instanceof Error&&t.cause&&t.cause instanceof Response)try{const e=await t.cause.json();e.error&&"string"==typeof e.error&&(o=e.error)}catch{}throw he.quoteError=o,e.SnackController.showError(o),new V(M.UNABLE_TO_GET_QUOTE)}finally{he.isFetchingQuote=!1}},async fetchQuoteStatus({requestId:e}){try{if(e===ue){const e=he.selectedExchange,t=he.exchangeSessionId;if(e&&t){switch((await this.getBuyStatus(e.id,t)).status){case"IN_PROGRESS":case"UNKNOWN":default:he.quoteStatus="waiting";break;case"SUCCESS":he.quoteStatus="success",he.isPaymentInProgress=!1;break;case"FAILED":he.quoteStatus="failure",he.isPaymentInProgress=!1}return}return void(he.quoteStatus="success")}const{status:t}=await async function(e){return await X.get({path:"/appkit/v1/transfers/status",params:{requestId:e.requestId,...J()}})}({requestId:e});he.quoteStatus=t}catch{throw he.quoteStatus="failure",new V(M.UNABLE_TO_GET_QUOTE_STATUS)}},initiatePayment(){he.isPaymentInProgress=!0,he.paymentId=crypto.randomUUID()},initializeAnalytics(){he.analyticsSet||(he.analyticsSet=!0,this.subscribeKey("isPaymentInProgress",(t=>{if(he.currentPayment?.status&&"UNKNOWN"!==he.currentPayment.status){const t={IN_PROGRESS:"PAY_INITIATED",SUCCESS:"PAY_SUCCESS",FAILED:"PAY_ERROR"}[he.currentPayment.status];e.EventsController.sendEvent({type:"track",event:t,properties:{message:"FAILED"===he.currentPayment.status?e.CoreHelperUtil.parseError(he.error):void 0,source:"pay",paymentId:he.paymentId||le,configuration:{network:he.paymentAsset.network,asset:he.paymentAsset.asset,recipient:he.recipient,amount:he.amount},currentPayment:{type:he.currentPayment.type,exchangeId:he.currentPayment.exchangeId,sessionId:he.currentPayment.sessionId,result:he.currentPayment.result}}})}})))},async prepareTokenLogo(){if(!he.paymentAsset.metadata.logoURI)try{const{chainNamespace:t}=e.ParseUtil.parseCaipNetworkId(he.paymentAsset.network),o=await e.AssetUtil.getImageByToken(he.paymentAsset.asset,t);he.paymentAsset.metadata.logoURI=o}catch{}}};var we=e.css`
+  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]};
+  }
+`,ge=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let ye=class extends e.i{constructor(){super(),this.unsubscribe=[],this.amount=me.state.amount,this.namespace=void 0,this.paymentAsset=me.state.paymentAsset,this.activeConnectorIds=e.ConnectorController.state.activeConnectorIds,this.caipAddress=void 0,this.exchanges=me.state.exchanges,this.isLoading=me.state.isLoading,this.initializeNamespace(),this.unsubscribe.push(me.subscribeKey("amount",(e=>this.amount=e))),this.unsubscribe.push(e.ConnectorController.subscribeKey("activeConnectorIds",(e=>this.activeConnectorIds=e))),this.unsubscribe.push(me.subscribeKey("exchanges",(e=>this.exchanges=e))),this.unsubscribe.push(me.subscribeKey("isLoading",(e=>this.isLoading=e))),me.fetchExchanges(),me.setSelectedExchange(void 0)}disconnectedCallback(){this.unsubscribe.forEach((e=>e()))}render(){return e.b`
+      <wui-flex flexDirection="column">
+        ${this.paymentDetailsTemplate()} ${this.paymentMethodsTemplate()}
+      </wui-flex>
+    `}paymentMethodsTemplate(){return e.b`
+      <wui-flex flexDirection="column" padding="3" gap="2" class="payment-methods-container">
+        ${this.payWithWalletTemplate()} ${this.templateSeparator()}
+        ${this.templateExchangeOptions()}
+      </wui-flex>
+    `}initializeNamespace(){const t=e.ChainController.state.activeChain;this.namespace=t,this.caipAddress=e.ChainController.getAccountData(t)?.caipAddress,this.unsubscribe.push(e.ChainController.subscribeChainProp("accountState",(e=>{this.caipAddress=e?.caipAddress}),t))}paymentDetailsTemplate(){const o=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===this.paymentAsset.network));return e.b`
+      <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">
+            ${ce(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 ${o?.name||"Unknown"}</wui-text
+            >
+          </wui-flex>
+        </wui-flex>
+
+        <wui-flex class="left-image-container">
+          <wui-image
+            src=${t.o(this.paymentAsset.metadata.logoURI)}
+            class="token-image"
+          ></wui-image>
+          <wui-image
+            src=${t.o(e.AssetUtil.getNetworkImage(o))}
+            class="chain-image"
+          ></wui-image>
+        </wui-flex>
+      </wui-flex>
+    `}payWithWalletTemplate(){return function(t){const{chainNamespace:o}=e.ParseUtil.parseCaipNetworkId(t);return ie.includes(o)}(this.paymentAsset.network)?this.caipAddress?this.connectedWalletTemplate():this.disconnectedWalletTemplate():e.b``}connectedWalletTemplate(){const{name:o,image:r}=this.getWalletProperties({namespace:this.namespace});return e.b`
+      <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=${t.o(r)}
+          imageSize="3xl"
+        >
+          <wui-text variant="lg-regular" color="primary">Pay with ${o}</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 e.b`<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 e.b`<wui-flex justifyContent="center" alignItems="center">
+        <wui-loading-spinner size="md"></wui-loading-spinner>
+      </wui-flex>`;const o=this.exchanges.filter((t=>function(t){const o=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===t.network));return!!o&&Boolean(o.testnet)}(this.paymentAsset)?t.id===K:t.id!==K));return 0===o.length?e.b`<wui-flex justifyContent="center" alignItems="center">
+        <wui-text variant="md-medium" color="primary">No exchanges available</wui-text>
+      </wui-flex>`:o.map((o=>e.b`
+        <wui-list-item
+          type="secondary"
+          boxColor="foregroundSecondary"
+          @click=${()=>this.onExchangePayment(o)}
+          data-testid="exchange-option-${o.id}"
+          ?chevron=${!0}
+          imageSrc=${t.o(o.imageUrl)}
+        >
+          <wui-text flexGrow="1" variant="lg-regular" color="primary">
+            Pay with ${o.name}
+          </wui-text>
+        </wui-list-item>
+      `))}templateSeparator(){return e.b`<wui-separator text="or" bgColor="secondary"></wui-separator>`}async onWalletPayment(){if(!this.namespace)throw new Error("Namespace not found");this.caipAddress?e.RouterController.push("PayQuote"):(await e.ConnectorController.connect(),await e.ModalController.open({view:"PayQuote"}))}onExchangePayment(t){me.setSelectedExchange(t),e.RouterController.push("PayQuote")}async onDisconnect(){try{await e.ConnectionController.disconnect(),await e.ModalController.open({view:"Pay"})}catch{console.error("Failed to disconnect"),e.SnackController.showError("Failed to disconnect")}}getWalletProperties({namespace:t}){if(!t)return{name:void 0,image:void 0};const o=this.activeConnectorIds[t];if(!o)return{name:void 0,image:void 0};const r=e.ConnectorController.getConnector({id:o,namespace:t});if(!r)return{name:void 0,image:void 0};const i=e.AssetUtil.getConnectorImage(r);return{name:r.name,image:i}}};ye.styles=we,ge([t.r()],ye.prototype,"amount",void 0),ge([t.r()],ye.prototype,"namespace",void 0),ge([t.r()],ye.prototype,"paymentAsset",void 0),ge([t.r()],ye.prototype,"activeConnectorIds",void 0),ge([t.r()],ye.prototype,"caipAddress",void 0),ge([t.r()],ye.prototype,"exchanges",void 0),ge([t.r()],ye.prototype,"isLoading",void 0),ye=ge([t.customElement("w3m-pay-view")],ye);var be=e.css`
+  :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;
+    }
+  }
+`,fe=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const ve={"accent-primary":e.vars.tokens.core.backgroundAccentPrimary};let ke=class extends e.i{constructor(){super(...arguments),this.rings=3,this.duration=2,this.opacity=.3,this.size="200px",this.variant="accent-primary"}render(){const t=ve[this.variant];this.style.cssText=`\n      --pulse-size: ${this.size};\n      --pulse-duration: ${this.duration}s;\n      --pulse-color: ${t};\n      --pulse-opacity: ${this.opacity};\n    `;const o=Array.from({length:this.rings},((e,t)=>this.renderRing(t,this.rings)));return e.b`
+      <div class="pulse-container">
+        <div class="pulse-rings">${o}</div>
+        <div class="pulse-content">
+          <slot></slot>
+        </div>
+      </div>
+    `}renderRing(t,o){const r=`animation-delay: ${t/o*this.duration}s;`;return e.b`<div class="pulse-ring" style=${r}></div>`}};ke.styles=[e.resetStyles,be],fe([t.n({type:Number})],ke.prototype,"rings",void 0),fe([t.n({type:Number})],ke.prototype,"duration",void 0),fe([t.n({type:Number})],ke.prototype,"opacity",void 0),fe([t.n()],ke.prototype,"size",void 0),fe([t.n()],ke.prototype,"variant",void 0),ke=fe([t.customElement("wui-pulse")],ke);const xe=[{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"}],Ce=["success","submitted","failure","timeout","refund"];var Ae=e.css`
+  :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};
+  }
+`,Te=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const Se={received:["pending","success","submitted"],processing:["success","submitted"],sending:["success","submitted"]};let Ee=class extends e.i{constructor(){super(),this.unsubscribe=[],this.pollingInterval=null,this.paymentAsset=me.state.paymentAsset,this.quoteStatus=me.state.quoteStatus,this.quote=me.state.quote,this.amount=me.state.amount,this.namespace=void 0,this.caipAddress=void 0,this.profileName=null,this.activeConnectorIds=e.ConnectorController.state.activeConnectorIds,this.selectedExchange=me.state.selectedExchange,this.initializeNamespace(),this.unsubscribe.push(me.subscribeKey("quoteStatus",(e=>this.quoteStatus=e)),me.subscribeKey("quote",(e=>this.quote=e)),e.ConnectorController.subscribeKey("activeConnectorIds",(e=>this.activeConnectorIds=e)),me.subscribeKey("selectedExchange",(e=>this.selectedExchange=e)))}connectedCallback(){super.connectedCallback(),this.startPolling()}disconnectedCallback(){super.disconnectedCallback(),this.stopPolling(),this.unsubscribe.forEach((e=>e()))}render(){return e.b`
+      <wui-flex flexDirection="column" .padding=${["3","0","0","0"]} gap="2">
+        ${this.tokenTemplate()} ${this.paymentTemplate()} ${this.paymentLifecycleTemplate()}
+      </wui-flex>
+    `}tokenTemplate(){const o=ce(this.amount||"0"),r=this.paymentAsset.metadata.symbol??"Unknown",i=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===this.paymentAsset.network)),n="failure"===this.quoteStatus||"timeout"===this.quoteStatus||"refund"===this.quoteStatus;return"success"===this.quoteStatus||"submitted"===this.quoteStatus?e.b`<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>`:n?e.b`<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>`:e.b`
+      <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=${t.o(e.AssetUtil.getNetworkImage(i))}
+                class="chain-image"
+                size="mdl"
+              ></wui-image>
+
+              <wui-text variant="lg-regular" color="primary">${o} ${r}</wui-text>
+            </wui-flex>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `}paymentTemplate(){return e.b`
+      <wui-flex flexDirection="column" gap="2" .padding=${["0","6","0","6"]}>
+        ${this.renderPayment()}
+        <wui-separator></wui-separator>
+        ${this.renderWallet()}
+      </wui-flex>
+    `}paymentLifecycleTemplate(){const t=this.getStepsWithStatus();return e.b`
+      <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"]}>
+          ${t.map((e=>this.renderStep(e)))}
+        </wui-flex>
+      </wui-flex>
+    `}renderPaymentCycleBadge(){const t="failure"===this.quoteStatus||"timeout"===this.quoteStatus||"refund"===this.quoteStatus,o="success"===this.quoteStatus||"submitted"===this.quoteStatus;if(t)return e.b`
+        <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>
+      `;if(o)return e.b`
+        <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>
+      `;const r=this.quote?.timeInSeconds??0;return e.b`
+      <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. ${r} sec</wui-text>
+        </wui-flex>
+
+        <wui-icon name="chevronBottom" color="default" size="xxs"></wui-icon>
+      </wui-flex>
+    `}renderPayment(){const o=e.ChainController.getAllRequestedCaipNetworks().find((t=>{const o=this.quote?.origin.currency.network;if(!o)return!1;const{chainId:r}=e.ParseUtil.parseCaipNetworkId(o);return e.HelpersUtil.isLowerCaseMatch(t.id.toString(),r.toString())})),r=ce(e.NumberUtil.formatNumber(this.quote?.origin.amount||"0",{decimals:this.quote?.origin.currency.metadata.decimals??0}).toString()),i=this.quote?.origin.currency.metadata.symbol??"Unknown";return e.b`
+      <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">${r}</wui-text>
+            <wui-text variant="lg-regular" color="secondary">${i}</wui-text>
+          </wui-flex>
+
+          <wui-flex alignItems="center" gap="1">
+            <wui-text variant="md-regular" color="secondary">on</wui-text>
+            <wui-image
+              src=${t.o(e.AssetUtil.getNetworkImage(o))}
+              size="xs"
+            ></wui-image>
+            <wui-text variant="md-regular" color="secondary">${o?.name}</wui-text>
+          </wui-flex>
+        </wui-flex>
+      </wui-flex>
+    `}renderWallet(){return e.b`
+      <wui-flex
+        alignItems="flex-start"
+        justifyContent="space-between"
+        .padding=${["3","0","3","0"]}
+      >
+        <wui-text variant="lg-regular" color="secondary"
+          >${this.selectedExchange?"Exchange":"Wallet"}</wui-text
+        >
+
+        ${this.renderWalletText()}
+      </wui-flex>
+    `}renderWalletText(){const{image:o}=this.getWalletProperties({namespace:this.namespace}),{address:r}=this.caipAddress?e.ParseUtil.parseCaipAddress(this.caipAddress):{},i=this.selectedExchange?.name;return this.selectedExchange?e.b`
+        <wui-flex alignItems="center" justifyContent="flex-end" gap="1">
+          <wui-text variant="lg-regular" color="primary">${i}</wui-text>
+          <wui-image src=${t.o(this.selectedExchange.imageUrl)} size="mdl"></wui-image>
+        </wui-flex>
+      `:e.b`
+      <wui-flex alignItems="center" justifyContent="flex-end" gap="1">
+        <wui-text variant="lg-regular" color="primary">
+          ${t.UiHelperUtil.getTruncateString({string:this.profileName||r||i||"",charsStart:this.profileName?16:4,charsEnd:this.profileName?0:6,truncate:this.profileName?"end":"middle"})}
+        </wui-text>
+
+        <wui-image src=${t.o(o)} size="mdl"></wui-image>
+      </wui-flex>
+    `}getStepsWithStatus(){return"failure"===this.quoteStatus||"timeout"===this.quoteStatus||"refund"===this.quoteStatus?xe.map((e=>({...e,status:"failed"}))):xe.map((e=>{const t=(Se[e.id]??[]).includes(this.quoteStatus)?"completed":"pending";return{...e,status:t}}))}renderStep({title:o,icon:r,status:i}){const n={"step-icon-box":!0,success:"completed"===i};return e.b`
+      <wui-flex alignItems="center" gap="3">
+        <wui-flex justifyContent="center" alignItems="center" class="step-icon-container">
+          <wui-icon name=${r} color="default" size="mdl"></wui-icon>
+
+          <wui-flex alignItems="center" justifyContent="center" class=${t.e$1(n)}>
+            ${this.renderStatusIndicator(i)}
+          </wui-flex>
+        </wui-flex>
+
+        <wui-text variant="md-regular" color="primary">${o}</wui-text>
+      </wui-flex>
+    `}renderStatusIndicator(t){return"completed"===t?e.b`<wui-icon size="sm" color="success" name="checkmark"></wui-icon>`:"failed"===t?e.b`<wui-icon size="sm" color="error" name="close"></wui-icon>`:"pending"===t?e.b`<wui-loading-spinner color="accent-primary" size="sm"></wui-loading-spinner>`:null}startPolling(){this.pollingInterval||(this.fetchQuoteStatus(),this.pollingInterval=setInterval((()=>{this.fetchQuoteStatus()}),3e3))}stopPolling(){this.pollingInterval&&(clearInterval(this.pollingInterval),this.pollingInterval=null)}async fetchQuoteStatus(){const e=me.state.requestId;if(!e||Ce.includes(this.quoteStatus))this.stopPolling();else try{await me.fetchQuoteStatus({requestId:e}),Ce.includes(this.quoteStatus)&&this.stopPolling()}catch{this.stopPolling()}}initializeNamespace(){const t=e.ChainController.state.activeChain;this.namespace=t,this.caipAddress=e.ChainController.getAccountData(t)?.caipAddress,this.profileName=e.ChainController.getAccountData(t)?.profileName??null,this.unsubscribe.push(e.ChainController.subscribeChainProp("accountState",(e=>{this.caipAddress=e?.caipAddress,this.profileName=e?.profileName??null}),t))}getWalletProperties({namespace:t}){if(!t)return{name:void 0,image:void 0};const o=this.activeConnectorIds[t];if(!o)return{name:void 0,image:void 0};const r=e.ConnectorController.getConnector({id:o,namespace:t});if(!r)return{name:void 0,image:void 0};const i=e.AssetUtil.getConnectorImage(r);return{name:r.name,image:i}}};Ee.styles=Ae,Te([t.r()],Ee.prototype,"paymentAsset",void 0),Te([t.r()],Ee.prototype,"quoteStatus",void 0),Te([t.r()],Ee.prototype,"quote",void 0),Te([t.r()],Ee.prototype,"amount",void 0),Te([t.r()],Ee.prototype,"namespace",void 0),Te([t.r()],Ee.prototype,"caipAddress",void 0),Te([t.r()],Ee.prototype,"profileName",void 0),Te([t.r()],Ee.prototype,"activeConnectorIds",void 0),Te([t.r()],Ee.prototype,"selectedExchange",void 0),Ee=Te([t.customElement("w3m-pay-loading-view")],Ee);var Ie=e.css`
+  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};
+    }
+  }
+`,Pe=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Ne=class extends e.i{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 e.b`
+      <button>
+        ${this.leftImageTemplate()} ${this.textTemplate()} ${this.rightImageTemplate()}
+      </button>
+    `}leftImageTemplate(){const o=this.icon?e.b`<wui-icon
+          size=${t.o(this.iconSize)}
+          color="default"
+          name=${this.icon}
+          class="icon"
+        ></wui-icon>`:e.b`<wui-image src=${this.imageSrc} alt=${this.alt}></wui-image>`;return e.b`
+      <wui-flex
+        alignItems="center"
+        justifyContent="center"
+        class="icon-box"
+        data-active=${Boolean(this.icon)}
+      >
+        ${o}
+        ${this.enableGreenCircle?e.b`<wui-flex class="circle"></wui-flex>`:null}
+      </wui-flex>
+    `}textTemplate(){return e.b`
+      <wui-text variant="lg-regular" color="primary">
+        ${t.UiHelperUtil.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 e.b`<wui-icon name="chevronBottom" size="sm" color="default"></wui-icon>`}};Ne.styles=[e.resetStyles,e.elementStyles,Ie],Pe([t.n()],Ne.prototype,"address",void 0),Pe([t.n()],Ne.prototype,"profileName",void 0),Pe([t.n()],Ne.prototype,"alt",void 0),Pe([t.n()],Ne.prototype,"imageSrc",void 0),Pe([t.n()],Ne.prototype,"icon",void 0),Pe([t.n()],Ne.prototype,"iconSize",void 0),Pe([t.n({type:Boolean})],Ne.prototype,"enableGreenCircle",void 0),Pe([t.n({type:Boolean})],Ne.prototype,"loading",void 0),Pe([t.n({type:Number})],Ne.prototype,"charsStart",void 0),Pe([t.n({type:Number})],Ne.prototype,"charsEnd",void 0),Ne=Pe([t.customElement("wui-wallet-switch")],Ne);var $e=e.i$1`
+  :host {
+    display: block;
+  }
+`,Re=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Ue=class extends e.i{render(){return e.b`
+      <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>
+    `}};Ue.styles=[$e],Ue=Re([t.customElement("w3m-pay-fees-skeleton")],Ue);var Oe=e.css`
+  :host {
+    display: block;
+  }
+
+  wui-image {
+    border-radius: ${({borderRadius:e})=>e.round};
+  }
+`,_e=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let We=class extends e.i{constructor(){super(),this.unsubscribe=[],this.quote=me.state.quote,this.unsubscribe.push(me.subscribeKey("quote",(e=>this.quote=e)))}disconnectedCallback(){this.unsubscribe.forEach((e=>e()))}render(){const t=e.NumberUtil.formatNumber(this.quote?.origin.amount||"0",{decimals:this.quote?.origin.currency.metadata.decimals??0,round:6}).toString();return e.b`
+      <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} ${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(o){const r="network"===o.id,i=e.NumberUtil.formatNumber(o.amount||"0",{decimals:o.currency.metadata.decimals??0,round:6}).toString();if(r){const r=e.ChainController.getAllRequestedCaipNetworks().find((t=>e.HelpersUtil.isLowerCaseMatch(t.caipNetworkId,o.currency.network)));return e.b`
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="md-regular" color="secondary">${o.label}</wui-text>
+
+          <wui-flex flexDirection="column" alignItems="flex-end" gap="2">
+            <wui-text variant="md-regular" color="primary">
+              ${i} ${o.currency.metadata.symbol||"Unknown"}
+            </wui-text>
+
+            <wui-flex alignItems="center" gap="01">
+              <wui-image
+                src=${t.o(e.AssetUtil.getNetworkImage(r))}
+                size="xs"
+              ></wui-image>
+              <wui-text variant="sm-regular" color="secondary">
+                ${r?.name||"Unknown"}
+              </wui-text>
+            </wui-flex>
+          </wui-flex>
+        </wui-flex>
+      `}return e.b`
+      <wui-flex alignItems="center" justifyContent="space-between">
+        <wui-text variant="md-regular" color="secondary">${o.label}</wui-text>
+        <wui-text variant="md-regular" color="primary">
+          ${i} ${o.currency.metadata.symbol||"Unknown"}
+        </wui-text>
+      </wui-flex>
+    `}};We.styles=[Oe],_e([t.r()],We.prototype,"quote",void 0),We=_e([t.customElement("w3m-pay-fees")],We);var De=e.css`
+  :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;
+  }
+`,Le=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Be=class extends e.i{constructor(){super(),this.unsubscribe=[],this.selectedExchange=me.state.selectedExchange,this.unsubscribe.push(me.subscribeKey("selectedExchange",(e=>this.selectedExchange=e)))}disconnectedCallback(){this.unsubscribe.forEach((e=>e()))}render(){const t=Boolean(this.selectedExchange);return e.b`
+      <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>
+
+        ${t?null:e.b`<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}))}};Be.styles=[De],Le([t.n({type:Array})],Be.prototype,"selectedExchange",void 0),Be=Le([t.customElement("w3m-pay-options-empty")],Be);var ze=e.css`
+  :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};
+  }
+`,je=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Fe=class extends e.i{render(){return e.b`
+      <wui-flex flexDirection="column" gap="2" class="pay-options-container">
+        ${this.renderOptionEntry()} ${this.renderOptionEntry()} ${this.renderOptionEntry()}
+      </wui-flex>
+    `}renderOptionEntry(){return e.b`
+      <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>
+    `}};Fe.styles=[ze],Fe=je([t.customElement("w3m-pay-options-skeleton")],Fe);var qe=e.css`
+  :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};
+    }
+  }
+`,Me=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let He=class extends e.i{constructor(){super(),this.unsubscribe=[],this.options=[],this.selectedPaymentAsset=null}disconnectedCallback(){this.unsubscribe.forEach((e=>e())),this.resizeObserver?.disconnect();const e=this.shadowRoot?.querySelector(".pay-options-container");e?.removeEventListener("scroll",this.handleOptionsListScroll.bind(this))}firstUpdated(){const 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 e.b`
+      <wui-flex flexDirection="column" gap="2" class="pay-options-container">
+        ${this.options.map((e=>this.payOptionTemplate(e)))}
+      </wui-flex>
+    `}payOptionTemplate(o){const{network:r,metadata:i,asset:n,amount:a="0"}=o,s=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===r)),c=`${r}:${n}`===`${this.selectedPaymentAsset?.network}:${this.selectedPaymentAsset?.asset}`,l=e.NumberUtil.bigNumber(a,{safe:!0}),u=l.gt(0);return e.b`
+      <wui-flex
+        alignItems="center"
+        justifyContent="space-between"
+        gap="2"
+        @click=${()=>this.onSelect?.(o)}
+        class="pay-option-container"
+      >
+        <wui-flex alignItems="center" gap="2">
+          <wui-flex class="token-images-container">
+            <wui-image
+              src=${t.o(i.logoURI)}
+              class="token-image"
+              size="3xl"
+            ></wui-image>
+            <wui-image
+              src=${t.o(e.AssetUtil.getNetworkImage(s))}
+              class="chain-image"
+              size="md"
+            ></wui-image>
+          </wui-flex>
+
+          <wui-flex flexDirection="column" gap="1">
+            <wui-text variant="lg-regular" color="primary">${i.symbol}</wui-text>
+            ${u?e.b`<wui-text variant="sm-regular" color="secondary">
+                  ${l.round(6).toString()} ${i.symbol}
+                </wui-text>`:null}
+          </wui-flex>
+        </wui-flex>
+
+        ${c?e.b`<wui-icon name="checkmark" size="md" color="success"></wui-icon>`:null}
+      </wui-flex>
+    `}handleOptionsListScroll(){const e=this.shadowRoot?.querySelector(".pay-options-container");if(!e)return;e.scrollHeight>300?(e.style.setProperty("--options-mask-image","linear-gradient(\n          to bottom,\n          rgba(0, 0, 0, calc(1 - var(--options-scroll--top-opacity))) 0px,\n          rgba(200, 200, 200, calc(1 - var(--options-scroll--top-opacity))) 1px,\n          black 50px,\n          black calc(100% - 50px),\n          rgba(155, 155, 155, calc(1 - var(--options-scroll--bottom-opacity))) calc(100% - 1px),\n          rgba(0, 0, 0, calc(1 - var(--options-scroll--bottom-opacity))) 100%\n        )"),e.style.setProperty("--options-scroll--top-opacity",p.interpolate([0,50],[0,1],e.scrollTop).toString()),e.style.setProperty("--options-scroll--bottom-opacity",p.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"))}};He.styles=[qe],Me([t.n({type:Array})],He.prototype,"options",void 0),Me([t.n()],He.prototype,"selectedPaymentAsset",void 0),Me([t.n()],He.prototype,"onSelect",void 0),He=Me([t.customElement("w3m-pay-options")],He);var Ve=e.css`
+  .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;
+  }
+`,Ge=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const Ke={eip155:{icon:"ethereum",label:"EVM"},solana:{icon:"solana",label:"Solana"},bip122:{icon:"bitcoin",label:"Bitcoin"},ton:{icon:"ton",label:"Ton"}};let Ye=class extends e.i{constructor(){super(),this.unsubscribe=[],this.profileName=null,this.paymentAsset=me.state.paymentAsset,this.namespace=void 0,this.caipAddress=void 0,this.amount=me.state.amount,this.recipient=me.state.recipient,this.activeConnectorIds=e.ConnectorController.state.activeConnectorIds,this.selectedPaymentAsset=me.state.selectedPaymentAsset,this.selectedExchange=me.state.selectedExchange,this.isFetchingQuote=me.state.isFetchingQuote,this.quoteError=me.state.quoteError,this.quote=me.state.quote,this.isFetchingTokenBalances=me.state.isFetchingTokenBalances,this.tokenBalances=me.state.tokenBalances,this.isPaymentInProgress=me.state.isPaymentInProgress,this.exchangeUrlForQuote=me.state.exchangeUrlForQuote,this.completedTransactionsCount=0,this.unsubscribe.push(me.subscribeKey("paymentAsset",(e=>this.paymentAsset=e))),this.unsubscribe.push(me.subscribeKey("tokenBalances",(e=>this.onTokenBalancesChanged(e)))),this.unsubscribe.push(me.subscribeKey("isFetchingTokenBalances",(e=>this.isFetchingTokenBalances=e))),this.unsubscribe.push(e.ConnectorController.subscribeKey("activeConnectorIds",(e=>this.activeConnectorIds=e))),this.unsubscribe.push(me.subscribeKey("selectedPaymentAsset",(e=>this.selectedPaymentAsset=e))),this.unsubscribe.push(me.subscribeKey("isFetchingQuote",(e=>this.isFetchingQuote=e))),this.unsubscribe.push(me.subscribeKey("quoteError",(e=>this.quoteError=e))),this.unsubscribe.push(me.subscribeKey("quote",(e=>this.quote=e))),this.unsubscribe.push(me.subscribeKey("amount",(e=>this.amount=e))),this.unsubscribe.push(me.subscribeKey("recipient",(e=>this.recipient=e))),this.unsubscribe.push(me.subscribeKey("isPaymentInProgress",(e=>this.isPaymentInProgress=e))),this.unsubscribe.push(me.subscribeKey("selectedExchange",(e=>this.selectedExchange=e))),this.unsubscribe.push(me.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 e.b`
+      <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){const t=e.NumberUtil.formatNumber(this.quote?.origin.amount,{decimals:this.quote?.origin.currency.metadata.decimals??0}).toString();return e.b`
+        <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?e.b`<wui-text variant="lg-regular" color="primary">
+                ${e.NumberUtil.bigNumber(t,{safe:!0}).round(6).toString()}
+                ${this.quote.origin.currency.metadata.symbol}
+              </wui-text>`:e.b`<wui-shimmer width="80px" height="18px" variant="light"></wui-shimmer>`}
+        </wui-flex>
+      `}const o=e.CoreHelperUtil.getPlainAddress(this.caipAddress)??"",{name:r,image:i}=this.getWalletProperties({namespace:this.namespace}),{icon:n,label:a}=Ke[this.namespace]??{};return e.b`
+      <wui-flex
+        .padding=${["4","3","4","3"]}
+        alignItems="center"
+        justifyContent="space-between"
+        gap="2"
+      >
+        <wui-wallet-switch
+          profileName=${t.o(this.profileName)}
+          address=${t.o(o)}
+          imageSrc=${t.o(i)}
+          alt=${t.o(r)}
+          @click=${this.onConnectOtherWallet.bind(this)}
+          data-testid="wui-wallet-switch"
+        ></wui-wallet-switch>
+
+        <wui-wallet-switch
+          profileName=${t.o(a)}
+          address=${t.o(o)}
+          icon=${t.o(n)}
+          iconSize="xs"
+          .enableGreenCircle=${!1}
+          alt=${t.o(a)}
+          @click=${this.onConnectOtherWallet.bind(this)}
+          data-testid="wui-wallet-switch"
+        ></wui-wallet-switch>
+      </wui-flex>
+    `}initializeNamespace(){const t=e.ChainController.state.activeChain;this.namespace=t,this.caipAddress=e.ChainController.getAccountData(t)?.caipAddress,this.profileName=e.ChainController.getAccountData(t)?.profileName??null,this.unsubscribe.push(e.ChainController.subscribeChainProp("accountState",(e=>this.onAccountStateChanged(e)),t))}async fetchTokens(){if(this.namespace){let t;if(this.caipAddress){const{chainId:o,chainNamespace:r}=e.ParseUtil.parseCaipAddress(this.caipAddress),i=`${r}:${o}`;t=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===i))}await me.fetchTokens({caipAddress:this.caipAddress,caipNetwork:t,namespace:this.namespace})}}fetchQuote(){if(this.amount&&this.recipient&&this.selectedPaymentAsset&&this.paymentAsset){const{address:t}=this.caipAddress?e.ParseUtil.parseCaipAddress(this.caipAddress):{};me.fetchQuote({amount:this.amount.toString(),address:t,sourceToken:this.selectedPaymentAsset,toToken:this.paymentAsset,recipient:this.recipient})}}getWalletProperties({namespace:t}){if(!t)return{name:void 0,image:void 0};const o=this.activeConnectorIds[t];if(!o)return{name:void 0,image:void 0};const r=e.ConnectorController.getConnector({id:o,namespace:t});if(!r)return{name:void 0,image:void 0};const i=e.AssetUtil.getConnectorImage(r);return{name:r.name,image:i}}paymentOptionsViewTemplate(){return e.b`
+      <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(){const o=this.getPaymentAssetFromTokenBalances();if(this.isFetchingTokenBalances)return e.b`<w3m-pay-options-skeleton></w3m-pay-options-skeleton>`;if(0===o.length)return e.b`<w3m-pay-options-empty
+        @connectOtherWallet=${this.onConnectOtherWallet.bind(this)}
+      ></w3m-pay-options-empty>`;const r={disabled:this.isFetchingQuote};return e.b`<w3m-pay-options
+      class=${t.e$1(r)}
+      .options=${o}
+      .selectedPaymentAsset=${t.o(this.selectedPaymentAsset)}
+      .onSelect=${this.onSelectedPaymentAssetChanged.bind(this)}
+    ></w3m-pay-options>`}amountWithFeeTemplate(){return this.isFetchingQuote||!this.selectedPaymentAsset||this.quoteError?e.b`<w3m-pay-fees-skeleton></w3m-pay-fees-skeleton>`:e.b`<w3m-pay-fees></w3m-pay-fees>`}paymentActionsTemplate(){const t=this.isFetchingQuote||this.isFetchingTokenBalances,o=this.isFetchingQuote||this.isFetchingTokenBalances||!this.selectedPaymentAsset||Boolean(this.quoteError),r=e.NumberUtil.formatNumber(this.quote?.origin.amount??0,{decimals:this.quote?.origin.currency.metadata.decimals??0}).toString();return this.selectedExchange?t||o?e.b`
+          <wui-shimmer width="100%" height="48px" variant="light" ?rounded=${!0}></wui-shimmer>
+        `:e.b`<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>`:e.b`
+      <wui-flex alignItems="center" justifyContent="space-between">
+        <wui-flex flexDirection="column" gap="1">
+          <wui-text variant="md-regular" color="secondary">Order Total</wui-text>
+
+          ${t||o?e.b`<wui-shimmer width="58px" height="32px" variant="light"></wui-shimmer>`:e.b`<wui-flex alignItems="center" gap="01">
+                <wui-text variant="h4-regular" color="primary">${ce(r)}</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:t,isDisabled:o})}
+      </wui-flex>
+    `}actionButtonTemplate(t){const o=Q(this.quote),{isLoading:r,isDisabled:i}=t;let n="Pay";return o.length>1&&0===this.completedTransactionsCount&&(n="Approve"),e.b`
+      <wui-button
+        size="lg"
+        variant="accent-primary"
+        ?loading=${r||this.isPaymentInProgress}
+        ?disabled=${i||this.isPaymentInProgress}
+        @click=${()=>{o.length>0?this.onSendTransactions():this.onTransfer()}}
+      >
+        ${n}
+        ${r?null:e.b`<wui-icon
+              name="arrowRight"
+              color="inherit"
+              size="sm"
+              slot="iconRight"
+            ></wui-icon>`}
+      </wui-button>
+    `}getPaymentAssetFromTokenBalances(){if(!this.namespace)return[];return(this.tokenBalances[this.namespace]??[]).map((t=>{try{return function(t){const o=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===t.chainId));let r=t.address;if(!o)throw new Error(`Target network not found for balance chainId "${t.chainId}"`);if(e.HelpersUtil.isLowerCaseMatch(t.symbol,o.nativeCurrency.symbol))r="native";else if(e.CoreHelperUtil.isCaipAddress(r)){const{address:t}=e.ParseUtil.parseCaipAddress(r);r=t}else if(!r)throw new Error(`Balance address not found for balance symbol "${t.symbol}"`);return{network:o.caipNetworkId,asset:r,metadata:{name:t.name,symbol:t.symbol,decimals:Number(t.quantity.decimals),logoURI:t.iconUrl},amount:t.quantity.numeric}}(t)}catch(e){return null}})).filter((e=>Boolean(e))).filter((t=>{const{chainId:o}=e.ParseUtil.parseCaipNetworkId(t.network),{chainId:r}=e.ParseUtil.parseCaipNetworkId(this.paymentAsset.network);return!!e.HelpersUtil.isLowerCaseMatch(t.asset,this.paymentAsset.asset)||(!this.selectedExchange||!e.HelpersUtil.isLowerCaseMatch(o.toString(),r.toString()))}))}onTokenBalancesChanged(e){this.tokenBalances=e;const[t]=this.getPaymentAssetFromTokenBalances();t&&me.setSelectedPaymentAsset(t)}async onConnectOtherWallet(){await e.ConnectorController.connect(),await e.ModalController.open({view:"PayQuote"})}onAccountStateChanged(t){const{address:o}=this.caipAddress?e.ParseUtil.parseCaipAddress(this.caipAddress):{};if(this.caipAddress=t?.caipAddress,this.profileName=t?.profileName??null,o){const{address:t}=this.caipAddress?e.ParseUtil.parseCaipAddress(this.caipAddress):{};t?e.HelpersUtil.isLowerCaseMatch(t,o)||(this.resetAssetsState(),this.resetQuoteState(),this.fetchTokens()):e.ModalController.close()}}onSelectedPaymentAssetChanged(e){this.isFetchingQuote||me.setSelectedPaymentAsset(e)}async onTransfer(){const t=Y(this.quote);if(t){if(!e.HelpersUtil.isLowerCaseMatch(this.selectedPaymentAsset?.asset,t.deposit.currency))throw new Error("Quote asset is not the same as the selected payment asset");const o=this.selectedPaymentAsset?.amount??"0",r=e.NumberUtil.formatNumber(t.deposit.amount,{decimals:this.selectedPaymentAsset?.metadata.decimals??0}).toString();if(!e.NumberUtil.bigNumber(o).gte(r))return void e.SnackController.showError("Insufficient funds");if(this.quote&&this.selectedPaymentAsset&&this.caipAddress&&this.namespace){const{address:o}=e.ParseUtil.parseCaipAddress(this.caipAddress);await me.onTransfer({chainNamespace:this.namespace,fromAddress:o,toAddress:t.deposit.receiver,amount:r,paymentAsset:this.selectedPaymentAsset}),me.setRequestId(t.requestId),e.RouterController.push("PayLoading")}}}async onSendTransactions(){const t=this.selectedPaymentAsset?.amount??"0",o=e.NumberUtil.formatNumber(this.quote?.origin.amount??0,{decimals:this.selectedPaymentAsset?.metadata.decimals??0}).toString();if(!e.NumberUtil.bigNumber(t).gte(o))return void e.SnackController.showError("Insufficient funds");const r=Q(this.quote),[i]=Q(this.quote,this.completedTransactionsCount);if(i&&this.namespace){await me.onSendTransaction({namespace:this.namespace,transactionStep:i}),this.completedTransactionsCount+=1;this.completedTransactionsCount===r.length&&(me.setRequestId(i.requestId),e.RouterController.push("PayLoading"))}}onPayWithExchange(){if(this.exchangeUrlForQuote){const t=e.CoreHelperUtil.returnOpenHref("","popupWindow","scrollbar=yes,width=480,height=720");if(!t)throw new Error("Could not create popup window");t.location.href=this.exchangeUrlForQuote;const o=Y(this.quote);o&&me.setRequestId(o.requestId),me.initiatePayment(),e.RouterController.push("PayLoading")}}resetAssetsState(){me.setSelectedPaymentAsset(null)}resetQuoteState(){me.resetQuoteState()}};Ye.styles=Ve,Ge([t.r()],Ye.prototype,"profileName",void 0),Ge([t.r()],Ye.prototype,"paymentAsset",void 0),Ge([t.r()],Ye.prototype,"namespace",void 0),Ge([t.r()],Ye.prototype,"caipAddress",void 0),Ge([t.r()],Ye.prototype,"amount",void 0),Ge([t.r()],Ye.prototype,"recipient",void 0),Ge([t.r()],Ye.prototype,"activeConnectorIds",void 0),Ge([t.r()],Ye.prototype,"selectedPaymentAsset",void 0),Ge([t.r()],Ye.prototype,"selectedExchange",void 0),Ge([t.r()],Ye.prototype,"isFetchingQuote",void 0),Ge([t.r()],Ye.prototype,"quoteError",void 0),Ge([t.r()],Ye.prototype,"quote",void 0),Ge([t.r()],Ye.prototype,"isFetchingTokenBalances",void 0),Ge([t.r()],Ye.prototype,"tokenBalances",void 0),Ge([t.r()],Ye.prototype,"isPaymentInProgress",void 0),Ge([t.r()],Ye.prototype,"exchangeUrlForQuote",void 0),Ge([t.r()],Ye.prototype,"completedTransactionsCount",void 0),Ye=Ge([t.customElement("w3m-pay-quote-view")],Ye);var Qe=e.css`
+  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]};
+  }
+`,Xe=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Ze=class extends e.i{constructor(){super(),this.unsubscribe=[],this.paymentAsset=me.state.paymentAsset,this.amount=me.state.amount,this.unsubscribe.push(me.subscribeKey("paymentAsset",(e=>{this.paymentAsset=e})),me.subscribeKey("amount",(e=>{this.amount=e})))}disconnectedCallback(){this.unsubscribe.forEach((e=>e()))}render(){const o=e.ChainController.getAllRequestedCaipNetworks().find((e=>e.caipNetworkId===this.paymentAsset.network));return e.b`<wui-flex
+      alignItems="center"
+      gap="1"
+      .padding=${["1","2","1","1"]}
+      class="transfers-badge"
+    >
+      <wui-image src=${t.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 ${o?.name??"Unknown"}
+      </wui-text>
+    </wui-flex>`}};Ze.styles=[Qe],Xe([t.n()],Ze.prototype,"paymentAsset",void 0),Xe([t.n()],Ze.prototype,"amount",void 0),Ze=Xe([t.customElement("w3m-pay-header")],Ze);var Je=e.css`
+  :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;
+    }
+  }
+`,et=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const tt=["SmartSessionList"],ot={PayWithExchange:e.vars.tokens.theme.foregroundPrimary};function rt(){const t=e.RouterController.state.data?.connector?.name,o=e.RouterController.state.data?.wallet?.name,r=e.RouterController.state.data?.network?.name,i=o??t,n=e.ConnectorController.getConnectors(),a=1===n.length&&"w3m-email"===n[0]?.id,s=e.ChainController.getAccountData()?.socialProvider;return{Connect:`Connect ${a?"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:s?s.charAt(0).toUpperCase()+s.slice(1):"Connect Social",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"}}let it=class extends e.i{constructor(){super(),this.unsubscribe=[],this.heading=rt()[e.RouterController.state.view],this.network=e.ChainController.state.activeCaipNetwork,this.networkImage=e.AssetUtil.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=e.RouterController.state.view,this.viewDirection="",this.unsubscribe.push(e.AssetController.subscribeNetworkImages((()=>{this.networkImage=e.AssetUtil.getNetworkImage(this.network)})),e.RouterController.subscribeKey("view",(e=>{setTimeout((()=>{this.view=e,this.heading=rt()[e]}),R.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()})),e.ChainController.subscribeKey("activeCaipNetwork",(t=>{this.network=t,this.networkImage=e.AssetUtil.getNetworkImage(this.network)})))}disconnectCallback(){this.unsubscribe.forEach((e=>e()))}render(){const t=ot[e.RouterController.state.view]??e.vars.tokens.theme.backgroundPrimary;return this.style.setProperty("--local-header-background-color",t),e.b`
+      <wui-flex
+        .padding=${["0","4","0","4"]}
+        justifyContent="space-between"
+        alignItems="center"
+      >
+        ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
+      </wui-flex>
+    `}onWalletHelp(){e.EventsController.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),e.RouterController.push("WhatIsAWallet")}async onClose(){await d.safeClose()}rightHeaderTemplate(){const t=e.OptionsController?.state?.features?.smartSessions;return"Account"===e.RouterController.state.view&&t?e.b`<wui-flex>
+      <wui-icon-button
+        icon="clock"
+        size="lg"
+        iconSize="lg"
+        type="neutral"
+        variant="primary"
+        @click=${()=>e.RouterController.push("SmartSessionList")}
+        data-testid="w3m-header-smart-sessions"
+      ></wui-icon-button>
+      ${this.closeButtonTemplate()}
+    </wui-flex> `:this.closeButtonTemplate()}closeButtonTemplate(){return e.b`
+      <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("PayQuote"===this.view)return e.b`<w3m-pay-header></w3m-pay-header>`;const t=tt.includes(this.view);return e.b`
+      <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>
+        ${t?e.b`<wui-tag variant="accent" size="md">Beta</wui-tag>`:null}
+      </wui-flex>
+    `}leftHeaderTemplate(){const{view:o}=e.RouterController.state,r="Connect"===o,i=e.OptionsController.state.enableEmbedded,n="ApproveTransaction"===o,a="ConnectingSiwe"===o,s="Account"===o,c=e.OptionsController.state.enableNetworkSwitch,l=n||a||r&&i;return s&&c?e.b`<wui-select
+        id="dynamic"
+        data-testid="w3m-account-select-network"
+        active-network=${t.o(this.network?.name)}
+        @click=${this.onNetworks.bind(this)}
+        imageSrc=${t.o(this.networkImage)}
+      ></wui-select>`:this.showBack&&!l?e.b`<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>`:e.b`<wui-icon-button
+      data-hidden=${!r}
+      id="dynamic"
+      icon="helpCircle"
+      size="lg"
+      iconSize="lg"
+      type="neutral"
+      variant="primary"
+      @click=${this.onWalletHelp.bind(this)}
+    ></wui-icon-button>`}onNetworks(){this.isAllowedNetworkSwitch()&&(e.EventsController.sendEvent({type:"track",event:"CLICK_NETWORKS"}),e.RouterController.push("Networks"))}isAllowedNetworkSwitch(){const t=e.ChainController.getAllRequestedCaipNetworks(),o=!!t&&t.length>1,r=t?.find((({id:e})=>e===this.network?.id));return o||!r}onViewChange(){const{history:t}=e.RouterController.state;let o=R.VIEW_DIRECTION.Next;t.length<this.prevHistoryLength&&(o=R.VIEW_DIRECTION.Prev),this.prevHistoryLength=t.length,this.viewDirection=o}async onHistoryChange(){const{history:t}=e.RouterController.state,o=this.shadowRoot?.querySelector("#dynamic");t.length>1&&!this.showBack&&o?(await o.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!0,o.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"})):t.length<=1&&this.showBack&&o&&(await o.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!1,o.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}onGoBack(){e.RouterController.goBack()}};it.styles=Je,et([t.r()],it.prototype,"heading",void 0),et([t.r()],it.prototype,"network",void 0),et([t.r()],it.prototype,"networkImage",void 0),et([t.r()],it.prototype,"showBack",void 0),et([t.r()],it.prototype,"prevHistoryLength",void 0),et([t.r()],it.prototype,"view",void 0),et([t.r()],it.prototype,"viewDirection",void 0),it=et([t.customElement("w3m-header")],it);var nt=e.css`
+  :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;
+  }
+`,at=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let st=class extends e.i{constructor(){super(...arguments),this.message="",this.variant="success"}render(){return e.b`
+      ${this.templateIcon()}
+      <wui-text variant="lg-regular" color="primary" data-testid="wui-snackbar-message"
+        >${this.message}</wui-text
+      >
+    `}templateIcon(){return"loading"===this.variant?e.b`<wui-loading-spinner size="md" color="accent-primary"></wui-loading-spinner>`:e.b`<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>`}};st.styles=[e.resetStyles,nt],at([t.n()],st.prototype,"message",void 0),at([t.n()],st.prototype,"variant",void 0),st=at([t.customElement("wui-snackbar")],st);var ct=e.i$1`
+  :host {
+    display: block;
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    top: 11px;
+    left: 50%;
+    width: max-content;
+  }
+`,lt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let ut=class extends e.i{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=e.SnackController.state.open,this.unsubscribe.push(e.SnackController.subscribeKey("open",(e=>{this.open=e,this.onOpen()})))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach((e=>e()))}render(){const{message:t,variant:o}=e.SnackController.state;return e.b` <wui-snackbar message=${t} variant=${o}></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),e.SnackController.state.autoClose&&(this.timeout=setTimeout((()=>e.SnackController.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=ct,lt([t.r()],ut.prototype,"open",void 0),ut=lt([t.customElement("w3m-snackbar")],ut);var dt=e.i$1`
+  :host {
+    width: 100%;
+    display: block;
+  }
+`,pt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let ht=class extends e.i{constructor(){super(),this.unsubscribe=[],this.text="",this.open=u.state.open,this.unsubscribe.push(e.RouterController.subscribeKey("view",(()=>{u.hide()})),e.ModalController.subscribeKey("open",(e=>{e||u.hide()})),u.subscribeKey("open",(e=>{this.open=e})))}disconnectedCallback(){this.unsubscribe.forEach((e=>e())),u.hide()}render(){return e.b`
+      <div
+        @pointermove=${this.onMouseEnter.bind(this)}
+        @pointerleave=${this.onMouseLeave.bind(this)}
+      >
+        ${this.renderChildren()}
+      </div>
+    `}renderChildren(){return e.b`<slot></slot> `}onMouseEnter(){const e=this.getBoundingClientRect();if(!this.open){const t=document.querySelector("w3m-modal"),o={width:e.width,height:e.height,left:e.left,top:e.top};if(t){const r=t.getBoundingClientRect();o.left=e.left-(window.innerWidth-r.width)/2,o.top=e.top-(window.innerHeight-r.height)/2}u.showTooltip({message:this.text,triggerRect:o,variant:"shade"})}}onMouseLeave(e){this.contains(e.relatedTarget)||u.hide()}};ht.styles=[dt],pt([t.n()],ht.prototype,"text",void 0),pt([t.r()],ht.prototype,"open",void 0),ht=pt([t.customElement("w3m-tooltip-trigger")],ht);var mt=e.css`
+  :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;
+    }
+  }
+`,wt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let gt=class extends e.i{constructor(){super(),this.unsubscribe=[],this.open=u.state.open,this.message=u.state.message,this.triggerRect=u.state.triggerRect,this.variant=u.state.variant,this.unsubscribe.push(u.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;const t=this.triggerRect.top,o=this.triggerRect.left;return this.style.cssText=`\n    --w3m-tooltip-top: ${t}px;\n    --w3m-tooltip-left: ${o}px;\n    --w3m-tooltip-parent-width: ${this.triggerRect.width/2}px;\n    --w3m-tooltip-display: ${this.open?"flex":"none"};\n    --w3m-tooltip-opacity: ${this.open?1:0};\n    `,e.b`<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>`}};gt.styles=[mt],wt([t.r()],gt.prototype,"open",void 0),wt([t.r()],gt.prototype,"message",void 0),wt([t.r()],gt.prototype,"triggerRect",void 0),wt([t.r()],gt.prototype,"variant",void 0),gt=wt([t.customElement("w3m-tooltip")],gt);const yt={getTabsByNamespace:t=>Boolean(t)&&t===e.ConstantsUtil.CHAIN.EVM?!1===e.OptionsController.state.remoteFeatures?.activity?R.ACCOUNT_TABS.filter((e=>"Activity"!==e.label)):R.ACCOUNT_TABS:[],isValidReownName:e=>/^[a-zA-Z0-9]+$/gu.test(e),isValidEmail:e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/gu.test(e),validateReownName:e=>e.replace(/\^/gu,"").toLowerCase().replace(/[^a-zA-Z0-9]/gu,""),hasFooter(){const t=e.RouterController.state.view;if(R.VIEWS_WITH_LEGAL_FOOTER.includes(t)){const{termsConditionsUrl:t,privacyPolicyUrl:o}=e.OptionsController.state,r=e.OptionsController.state.features?.legalCheckbox;return!(!t&&!o||r)}return R.VIEWS_WITH_DEFAULT_FOOTER.includes(t)}};var bt=e.css`
+  :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;
+  }
+`,ft=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let vt=class extends e.i{constructor(){super(),this.unsubscribe=[],this.remoteFeatures=e.OptionsController.state.remoteFeatures,this.unsubscribe.push(e.OptionsController.subscribeKey("remoteFeatures",(e=>this.remoteFeatures=e)))}disconnectedCallback(){this.unsubscribe.forEach((e=>e()))}render(){const{termsConditionsUrl:t,privacyPolicyUrl:o}=e.OptionsController.state,r=e.OptionsController.state.features?.legalCheckbox;return!t&&!o||r?e.b`
+        <wui-flex flexDirection="column"> ${this.reownBrandingTemplate(!0)} </wui-flex>
+      `:e.b`
+      <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(){const{termsConditionsUrl:t,privacyPolicyUrl:o}=e.OptionsController.state;return t&&o?"and":""}termsTemplate(){const{termsConditionsUrl:t}=e.OptionsController.state;return t?e.b`<a href=${t} target="_blank" rel="noopener noreferrer"
+      >Terms of Service</a
+    >`:null}privacyTemplate(){const{privacyPolicyUrl:t}=e.OptionsController.state;return t?e.b`<a href=${t} target="_blank" rel="noopener noreferrer"
+      >Privacy Policy</a
+    >`:null}reownBrandingTemplate(t=!1){return this.remoteFeatures?.reownBranding?t?e.b`<wui-ux-by-reown class="branding-only"></wui-ux-by-reown>`:e.b`<wui-ux-by-reown></wui-ux-by-reown>`:null}};vt.styles=[bt],ft([t.r()],vt.prototype,"remoteFeatures",void 0),vt=ft([t.customElement("w3m-legal-footer")],vt);var kt=e.i$1``,xt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Ct=class extends e.i{render(){const{termsConditionsUrl:t,privacyPolicyUrl:o}=e.OptionsController.state;return t||o?e.b`
+      <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>
+    `:null}howDoesItWorkTemplate(){return e.b` <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(){e.EventsController.sendEvent({type:"track",event:"SELECT_WHAT_IS_A_BUY",properties:{isSmartAccount:e.getPreferredAccountType(e.ChainController.state.activeChain)===e.W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT}}),e.RouterController.push("WhatIsABuy")}};Ct.styles=[kt],Ct=xt([t.customElement("w3m-onramp-providers-footer")],Ct);var At=e.css`
+  :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);
+    }
+  }
+`,Tt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let St=class extends e.i{constructor(){super(...arguments),this.resizeObserver=void 0,this.unsubscribe=[],this.status="hide",this.view=e.RouterController.state.view}firstUpdated(){this.status=yt.hasFooter()?"show":"hide",this.unsubscribe.push(e.RouterController.subscribeKey("view",(e=>{if(this.view=e,this.status=yt.hasFooter()?"show":"hide","hide"===this.status){document.documentElement.style.setProperty("--apkt-footer-height","0px")}}))),this.resizeObserver=new ResizeObserver((e=>{for(const t of e)if(t.target===this.getWrapper()){const e=`${t.contentRect.height}px`;document.documentElement.style.setProperty("--apkt-footer-height",e)}})),this.resizeObserver.observe(this.getWrapper())}render(){return e.b`
+      <div class="container" status=${this.status}>${this.templatePageContainer()}</div>
+    `}templatePageContainer(){return yt.hasFooter()?e.b` ${this.templateFooter()}`:null}templateFooter(){switch(this.view){case"Networks":return this.templateNetworksFooter();case"Connect":case"ConnectWallets":case"OnRampFiatSelect":case"OnRampTokenSelect":return e.b`<w3m-legal-footer></w3m-legal-footer>`;case"OnRampProviders":return e.b`<w3m-onramp-providers-footer></w3m-onramp-providers-footer>`;default:return null}}templateNetworksFooter(){return e.b` <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(){e.EventsController.sendEvent({type:"track",event:"CLICK_NETWORK_HELP"}),e.RouterController.push("WhatIsANetwork")}getWrapper(){return this.shadowRoot?.querySelector("div.container")}};St.styles=[At],Tt([t.r()],St.prototype,"status",void 0),Tt([t.r()],St.prototype,"view",void 0),St=Tt([t.customElement("w3m-footer")],St);var Et=e.css`
+  :host {
+    display: block;
+    width: inherit;
+  }
+`,It=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};let Pt=class extends e.i{constructor(){super(),this.unsubscribe=[],this.viewState=e.RouterController.state.view,this.history=e.RouterController.state.history.join(","),this.unsubscribe.push(e.RouterController.subscribeKey("view",(()=>{this.history=e.RouterController.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 e.b`${this.templatePageContainer()}`}templatePageContainer(){return e.b`<w3m-router-container
+      history=${this.history}
+      .setView=${()=>{this.viewState=e.RouterController.state.view}}
+    >
+      ${this.viewTemplate(this.viewState)}
+    </w3m-router-container>`}viewTemplate(t){switch(t){case"AccountSettings":return e.b`<w3m-account-settings-view></w3m-account-settings-view>`;case"Account":return e.b`<w3m-account-view></w3m-account-view>`;case"AllWallets":return e.b`<w3m-all-wallets-view></w3m-all-wallets-view>`;case"ApproveTransaction":return e.b`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;case"BuyInProgress":return e.b`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;case"ChooseAccountName":return e.b`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;case"Connect":default:return e.b`<w3m-connect-view></w3m-connect-view>`;case"Create":return e.b`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;case"ConnectingWalletConnect":return e.b`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;case"ConnectingWalletConnectBasic":return e.b`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;case"ConnectingExternal":return e.b`<w3m-connecting-external-view></w3m-connecting-external-view>`;case"ConnectingSiwe":return e.b`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;case"ConnectWallets":return e.b`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;case"ConnectSocials":return e.b`<w3m-connect-socials-view></w3m-connect-socials-view>`;case"ConnectingSocial":return e.b`<w3m-connecting-social-view></w3m-connecting-social-view>`;case"DataCapture":return e.b`<w3m-data-capture-view></w3m-data-capture-view>`;case"DataCaptureOtpConfirm":return e.b`<w3m-data-capture-otp-confirm-view></w3m-data-capture-otp-confirm-view>`;case"Downloads":return e.b`<w3m-downloads-view></w3m-downloads-view>`;case"EmailLogin":return e.b`<w3m-email-login-view></w3m-email-login-view>`;case"EmailVerifyOtp":return e.b`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;case"EmailVerifyDevice":return e.b`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;case"GetWallet":return e.b`<w3m-get-wallet-view></w3m-get-wallet-view>`;case"Networks":return e.b`<w3m-networks-view></w3m-networks-view>`;case"SwitchNetwork":return e.b`<w3m-network-switch-view></w3m-network-switch-view>`;case"ProfileWallets":return e.b`<w3m-profile-wallets-view></w3m-profile-wallets-view>`;case"Transactions":return e.b`<w3m-transactions-view></w3m-transactions-view>`;case"OnRampProviders":return e.b`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;case"OnRampTokenSelect":return e.b`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;case"OnRampFiatSelect":return e.b`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;case"UpgradeEmailWallet":return e.b`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;case"UpdateEmailWallet":return e.b`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;case"UpdateEmailPrimaryOtp":return e.b`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;case"UpdateEmailSecondaryOtp":return e.b`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;case"UnsupportedChain":return e.b`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;case"Swap":return e.b`<w3m-swap-view></w3m-swap-view>`;case"SwapSelectToken":return e.b`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;case"SwapPreview":return e.b`<w3m-swap-preview-view></w3m-swap-preview-view>`;case"WalletSend":return e.b`<w3m-wallet-send-view></w3m-wallet-send-view>`;case"WalletSendSelectToken":return e.b`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;case"WalletSendPreview":return e.b`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;case"WalletSendConfirmed":return e.b`<w3m-send-confirmed-view></w3m-send-confirmed-view>`;case"WhatIsABuy":return e.b`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;case"WalletReceive":return e.b`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;case"WalletCompatibleNetworks":return e.b`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;case"WhatIsAWallet":return e.b`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;case"ConnectingMultiChain":return e.b`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;case"WhatIsANetwork":return e.b`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;case"ConnectingFarcaster":return e.b`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;case"SwitchActiveChain":return e.b`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;case"RegisterAccountName":return e.b`<w3m-register-account-name-view></w3m-register-account-name-view>`;case"RegisterAccountNameSuccess":return e.b`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;case"SmartSessionCreated":return e.b`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;case"SmartSessionList":return e.b`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;case"SIWXSignMessage":return e.b`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;case"Pay":return e.b`<w3m-pay-view></w3m-pay-view>`;case"PayLoading":return e.b`<w3m-pay-loading-view></w3m-pay-loading-view>`;case"PayQuote":return e.b`<w3m-pay-quote-view></w3m-pay-quote-view>`;case"FundWallet":return e.b`<w3m-fund-wallet-view></w3m-fund-wallet-view>`;case"PayWithExchange":return e.b`<w3m-deposit-from-exchange-view></w3m-deposit-from-exchange-view>`;case"PayWithExchangeSelectAsset":return e.b`<w3m-deposit-from-exchange-select-asset-view></w3m-deposit-from-exchange-select-asset-view>`;case"UsageExceeded":return e.b`<w3m-usage-exceeded-view></w3m-usage-exceeded-view>`;case"SmartAccountSettings":return e.b`<w3m-smart-account-settings-view></w3m-smart-account-settings-view>`}}};Pt.styles=[Et],It([t.r()],Pt.prototype,"viewState",void 0),It([t.r()],Pt.prototype,"history",void 0),Pt=It([t.customElement("w3m-router")],Pt);var Nt=e.css`
+  :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};
+    }
+  }
+`,$t=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};const Rt="scroll-lock",Ut={PayWithExchange:"0",PayWithExchangeSelectAsset:"0",Pay:"0",PayQuote:"0",PayLoading:"0"};class Ot extends e.i{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=e.OptionsController.state.enableEmbedded,this.open=e.ModalController.state.open,this.caipAddress=e.ChainController.state.activeCaipAddress,this.caipNetwork=e.ChainController.state.activeCaipNetwork,this.shake=e.ModalController.state.shake,this.filterByNamespace=e.ConnectorController.state.filterByNamespace,this.padding=e.vars.spacing[1],this.mobileFullScreen=e.OptionsController.state.enableMobileFullScreen,this.initializeTheming(),e.ApiController.prefetchAnalyticsConfig(),this.unsubscribe.push(e.ModalController.subscribeKey("open",(e=>e?this.onOpen():this.onClose())),e.ModalController.subscribeKey("shake",(e=>this.shake=e)),e.ChainController.subscribeKey("activeCaipNetwork",(e=>this.onNewNetwork(e))),e.ChainController.subscribeKey("activeCaipAddress",(e=>this.onNewAddress(e))),e.OptionsController.subscribeKey("enableEmbedded",(e=>this.enableEmbedded=e)),e.ConnectorController.subscribeKey("filterByNamespace",(t=>{this.filterByNamespace===t||e.ChainController.getAccountData(t)?.caipAddress||(e.ApiController.fetchRecommendedWallets(),this.filterByNamespace=t)})),e.RouterController.subscribeKey("view",(()=>{this.dataset.border=yt.hasFooter()?"true":"false",this.padding=Ut[e.RouterController.state.view]??e.vars.spacing[1]})))}firstUpdated(){if(this.dataset.border=yt.hasFooter()?"true":"false",this.mobileFullScreen&&this.setAttribute("data-mobile-fullscreen","true"),this.caipAddress){if(this.enableEmbedded)return e.ModalController.close(),void this.prefetch();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?e.b`${this.contentTemplate()}
+        <w3m-tooltip></w3m-tooltip> `:this.open?e.b`
+          <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
+            ${this.contentTemplate()}
+          </wui-flex>
+          <w3m-tooltip></w3m-tooltip>
+        `:null}contentTemplate(){return e.b` <wui-card
+      shake="${this.shake}"
+      data-embedded="${t.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 d.safeClose()}initializeTheming(){const{themeVariables:o,themeMode:r}=e.ThemeController.state,i=t.UiHelperUtil.getColorTheme(r);e.initializeTheming(o,i)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),e.SnackController.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add("open"),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){const e=document.createElement("style");e.dataset.w3m=Rt,e.textContent="\n      body {\n        touch-action: none;\n        overflow: hidden;\n        overscroll-behavior: contain;\n      }\n      w3m-modal {\n        pointer-events: auto;\n      }\n    ",document.head.appendChild(e)}onScrollUnlock(){const e=document.head.querySelector(`style[data-w3m="${Rt}"]`);e&&e.remove()}onAddKeyboardListener(){this.abortController=new AbortController;const e=this.shadowRoot?.querySelector("wui-card");e?.focus(),window.addEventListener("keydown",(t=>{if("Escape"===t.key)this.handleClose();else if("Tab"===t.key){const{tagName:o}=t.target;!o||o.includes("W3M-")||o.includes("WUI-")||e?.focus()}}),this.abortController)}onRemoveKeyboardListener(){this.abortController?.abort(),this.abortController=void 0}async onNewAddress(t){const o=e.ChainController.state.isSwitchingNamespace,r="ProfileWallets"===e.RouterController.state.view;!t&&!o&&!r&&e.ModalController.close(),await e.SIWXUtil.initializeIfEnabled(t),this.caipAddress=t,e.ChainController.setIsSwitchingNamespace(!1)}onNewNetwork(t){const o=this.caipNetwork,r=o?.caipNetworkId?.toString(),i=t?.caipNetworkId?.toString(),n=r!==i,a="UnsupportedChain"===e.RouterController.state.view,c=e.ModalController.state.open;let l=!1;this.enableEmbedded&&"SwitchNetwork"===e.RouterController.state.view&&(l=!0),n&&s.resetState(),c&&a&&(l=!0),l&&"SIWXSignMessage"!==e.RouterController.state.view&&e.RouterController.goBack(),this.caipNetwork=t}prefetch(){this.hasPrefetched||(e.ApiController.prefetch(),e.ApiController.fetchWalletsByPage({page:1}),this.hasPrefetched=!0)}}Ot.styles=Nt,$t([t.n({type:Boolean})],Ot.prototype,"enableEmbedded",void 0),$t([t.r()],Ot.prototype,"open",void 0),$t([t.r()],Ot.prototype,"caipAddress",void 0),$t([t.r()],Ot.prototype,"caipNetwork",void 0),$t([t.r()],Ot.prototype,"shake",void 0),$t([t.r()],Ot.prototype,"filterByNamespace",void 0),$t([t.r()],Ot.prototype,"padding",void 0),$t([t.r()],Ot.prototype,"mobileFullScreen",void 0),exports.W3mModal=class extends Ot{},exports.W3mModal=$t([t.customElement("w3m-modal")],exports.W3mModal),exports.AppKitModal=class extends Ot{},exports.AppKitModal=$t([t.customElement("appkit-modal")],exports.AppKitModal);var _t=e.css`
+  .icon-box {
+    width: 64px;
+    height: 64px;
+    border-radius: ${({borderRadius:e})=>e[5]};
+    background-color: ${({colors:e})=>e.semanticError010};
+  }
+`,Wt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};exports.W3mUsageExceededView=class extends e.i{constructor(){super()}render(){return e.b`
+      <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(){e.RouterController.goBack()}},exports.W3mUsageExceededView.styles=_t,exports.W3mUsageExceededView=Wt([t.customElement("w3m-usage-exceeded-view")],exports.W3mUsageExceededView);var Dt=e.css`
+  :host {
+    width: 100%;
+  }
+`,Lt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};exports.W3mListWallet=class extends e.i{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(),this.intersectionObserver=void 0)}sendImpressionEvent(){this.name&&!this.hasImpressionSent&&this.walletRank&&(this.hasImpressionSent=!0,(this.rdnsId||this.name)&&e.EventsController.sendWalletImpressionEvent({name:this.name,walletRank:this.walletRank,rdnsId:this.rdnsId,view:e.RouterController.state.view,displayIndex:this.displayIndex}))}handleGetWalletNamespaces(){return Object.keys(e.AdapterController.state.adapters).length>1?this.namespaces:[]}render(){return e.b`
+      <wui-list-wallet
+        .walletImages=${this.walletImages}
+        imageSrc=${t.o(this.imageSrc)}
+        name=${this.name}
+        size=${t.o(this.size)}
+        tagLabel=${t.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>
+    `}},exports.W3mListWallet.styles=Dt,Lt([t.n({type:Array})],exports.W3mListWallet.prototype,"walletImages",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"imageSrc",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"name",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"size",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"tagLabel",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"tagVariant",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"walletIcon",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"tabIdx",void 0),Lt([t.n({type:Boolean})],exports.W3mListWallet.prototype,"disabled",void 0),Lt([t.n({type:Boolean})],exports.W3mListWallet.prototype,"showAllWallets",void 0),Lt([t.n({type:Boolean})],exports.W3mListWallet.prototype,"loading",void 0),Lt([t.n({type:String})],exports.W3mListWallet.prototype,"loadingSpinnerColor",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"rdnsId",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"displayIndex",void 0),Lt([t.n()],exports.W3mListWallet.prototype,"walletRank",void 0),Lt([t.n({type:Array})],exports.W3mListWallet.prototype,"namespaces",void 0),exports.W3mListWallet=Lt([t.customElement("w3m-list-wallet")],exports.W3mListWallet);var Bt=e.css`
+  :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);
+    }
+  }
+`,zt=function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);return n>3&&a&&Object.defineProperty(t,o,a),a};exports.W3mRouterContainer=class extends e.i{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=e.OptionsController.state.enableMobileFullScreen,this.onViewportResize=()=>{this.updateContainerHeight()}}updated(e){if(e.has("history")){const 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(const t of e)if(t.target===this.getWrapper()){let e=t.contentRect.height;const o=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height")||"0");if(this.mobileFullScreen){e=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-o,this.style.setProperty("--local-border-bottom-radius","0px")}else{e=e+o,this.style.setProperty("--local-border-bottom-radius",o?"var(--apkt-borderRadius-5)":"0px")}this.style.setProperty("--local-container-height",`${e}px`),"0px"!==this.previousHeight&&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(){const e=this.getWrapper();e&&this.resizeObserver&&this.resizeObserver.unobserve(e),window.removeEventListener("resize",this.onViewportResize),window.visualViewport?.removeEventListener("resize",this.onViewportResize)}render(){return e.b`
+      <div class="container" data-mobile-fullscreen="${t.o(this.mobileFullScreen)}">
+        <div
+          class="page"
+          data-mobile-fullscreen="${t.o(this.mobileFullScreen)}"
+          view-direction="${this.viewDirection}"
+        >
+          <div class="page-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `}onViewChange(e){const o=e.split(",").filter(Boolean),r=this.historyState.split(",").filter(Boolean),i=r.length,n=o.length,a=o[o.length-1]||"",s=t.UiHelperUtil.cssDurationToNumber(this.transitionDuration);let c="";n>i?c="next":n<i?c="prev":n===i&&o[n-1]!==r[i-1]&&(c="next"),this.viewDirection=`${c}-${a}`,setTimeout((()=>{this.historyState=e,this.setView?.(a)}),s),setTimeout((()=>{this.viewDirection=""}),2*s)}getWrapper(){return this.shadowRoot?.querySelector("div.page")}updateContainerHeight(){const e=this.getWrapper();if(!e)return;const t=parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--apkt-footer-height")||"0");let o=0;if(this.mobileFullScreen){o=(window.visualViewport?.height||window.innerHeight)-this.getHeaderHeight()-t,this.style.setProperty("--local-border-bottom-radius","0px")}else o=e.getBoundingClientRect().height+t,this.style.setProperty("--local-border-bottom-radius",t?"var(--apkt-borderRadius-5)":"0px");this.style.setProperty("--local-container-height",`${o}px`),"0px"!==this.previousHeight&&this.style.setProperty("--local-duration-height",this.transitionDuration),this.previousHeight=`${o}px`}getHeaderHeight(){return 60}},exports.W3mRouterContainer.styles=[Bt],zt([t.n({type:String})],exports.W3mRouterContainer.prototype,"transitionDuration",void 0),zt([t.n({type:String})],exports.W3mRouterContainer.prototype,"transitionFunction",void 0),zt([t.n({type:String})],exports.W3mRouterContainer.prototype,"history",void 0),zt([t.n({type:String})],exports.W3mRouterContainer.prototype,"view",void 0),zt([t.n({attribute:!1})],exports.W3mRouterContainer.prototype,"setView",void 0),zt([t.r()],exports.W3mRouterContainer.prototype,"viewDirection",void 0),zt([t.r()],exports.W3mRouterContainer.prototype,"historyState",void 0),zt([t.r()],exports.W3mRouterContainer.prototype,"previousHeight",void 0),zt([t.r()],exports.W3mRouterContainer.prototype,"mobileFullScreen",void 0),exports.W3mRouterContainer=zt([t.customElement("w3m-router-container")],exports.W3mRouterContainer),exports.W3mModalBase=Ot;