@prohetamine/redstone 0.0.1

package/dist/send-B-AooLph.js

@@ -0,0 +1,554 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CjZQCcwG.js");require("./index-BvUx3ULC.js");require("./index-DhN9vL4k.js");const $=require("./SwapController-4lzoYsYr.js"),A=e.css`
+  :host {
+    width: 100%;
+    height: 100px;
+    border-radius: ${({borderRadius:t})=>t[5]};
+    border: 1px solid ${({tokens:t})=>t.theme.foregroundPrimary};
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    transition: background-color ${({durations:t})=>t.lg}
+      ${({easings:t})=>t["ease-out-power-1"]};
+    will-change: background-color;
+    position: relative;
+  }
+
+  :host(:hover) {
+    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
+  }
+
+  wui-flex {
+    width: 100%;
+    height: fit-content;
+  }
+
+  wui-button {
+    display: ruby;
+    color: ${({tokens:t})=>t.theme.textPrimary};
+    margin: 0 ${({spacing:t})=>t[2]};
+  }
+
+  .instruction {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 2;
+  }
+
+  .paste {
+    display: inline-flex;
+  }
+
+  textarea {
+    background: transparent;
+    width: 100%;
+    font-family: ${({fontFamily:t})=>t.regular};
+    font-style: normal;
+    font-size: ${({textSize:t})=>t.large};
+    font-weight: ${({fontWeight:t})=>t.regular};
+    line-height: ${({typography:t})=>t["lg-regular"].lineHeight};
+    letter-spacing: ${({typography:t})=>t["lg-regular"].letterSpacing};
+    color: ${({tokens:t})=>t.theme.textPrimary};
+    caret-color: ${({tokens:t})=>t.core.backgroundAccentPrimary};
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    -moz-appearance: textfield;
+    padding: 0px;
+    border: none;
+    outline: none;
+    appearance: none;
+    resize: none;
+    overflow: hidden;
+  }
+`;var g=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};let h=class extends e.i{constructor(){super(...arguments),this.inputElementRef=e.e(),this.instructionElementRef=e.e(),this.readOnly=!1,this.instructionHidden=!!this.value,this.pasting=!1,this.onDebouncedSearch=e.CoreHelperUtil.debounce(async i=>{if(!i.length){this.setReceiverAddress("");return}const n=e.ChainController.state.activeChain;if(e.CoreHelperUtil.isAddress(i,n)){this.setReceiverAddress(i);return}try{const s=await e.ConnectionController.getEnsAddress(i);if(s){e.SendController.setReceiverProfileName(i),e.SendController.setReceiverAddress(s);const r=await e.ConnectionController.getEnsAvatar(i);e.SendController.setReceiverProfileImageUrl(r||void 0)}}catch{this.setReceiverAddress(i)}finally{e.SendController.setLoading(!1)}})}firstUpdated(){this.value&&(this.instructionHidden=!0),this.checkHidden()}render(){return this.readOnly?e.b` <wui-flex
+        flexDirection="column"
+        justifyContent="center"
+        gap="01"
+        .padding=${["8","4","5","4"]}
+      >
+        <textarea
+          spellcheck="false"
+          ?disabled=${!0}
+          autocomplete="off"
+          .value=${this.value??""}
+        >
+           ${this.value??""}</textarea
+        >
+      </wui-flex>`:e.b` <wui-flex
+      @click=${this.onBoxClick.bind(this)}
+      flexDirection="column"
+      justifyContent="center"
+      gap="01"
+      .padding=${["8","4","5","4"]}
+    >
+      <wui-text
+        ${e.n$1(this.instructionElementRef)}
+        class="instruction"
+        color="secondary"
+        variant="md-medium"
+      >
+        Type or
+        <wui-button
+          class="paste"
+          size="md"
+          variant="neutral-secondary"
+          iconLeft="copy"
+          @click=${this.onPasteClick.bind(this)}
+        >
+          <wui-icon size="sm" color="inherit" slot="iconLeft" name="copy"></wui-icon>
+          Paste
+        </wui-button>
+        address
+      </wui-text>
+      <textarea
+        spellcheck="false"
+        ?disabled=${!this.instructionHidden}
+        ${e.n$1(this.inputElementRef)}
+        @input=${this.onInputChange.bind(this)}
+        @blur=${this.onBlur.bind(this)}
+        .value=${this.value??""}
+        autocomplete="off"
+      >
+${this.value??""}</textarea
+      >
+    </wui-flex>`}async focusInput(){var i;this.instructionElementRef.value&&(this.instructionHidden=!0,await this.toggleInstructionFocus(!1),this.instructionElementRef.value.style.pointerEvents="none",(i=this.inputElementRef.value)==null||i.focus(),this.inputElementRef.value&&(this.inputElementRef.value.selectionStart=this.inputElementRef.value.selectionEnd=this.inputElementRef.value.value.length))}async focusInstruction(){var i;this.instructionElementRef.value&&(this.instructionHidden=!1,await this.toggleInstructionFocus(!0),this.instructionElementRef.value.style.pointerEvents="auto",(i=this.inputElementRef.value)==null||i.blur())}async toggleInstructionFocus(i){this.instructionElementRef.value&&await this.instructionElementRef.value.animate([{opacity:i?0:1},{opacity:i?1:0}],{duration:100,easing:"ease",fill:"forwards"}).finished}onBoxClick(){!this.value&&!this.instructionHidden&&this.focusInput()}onBlur(){!this.value&&this.instructionHidden&&!this.pasting&&this.focusInstruction()}checkHidden(){this.instructionHidden&&this.focusInput()}async onPasteClick(){this.pasting=!0;const i=await navigator.clipboard.readText();e.SendController.setReceiverAddress(i),this.focusInput()}onInputChange(i){var o;const n=i.target;this.pasting=!1,this.value=(o=i.target)==null?void 0:o.value,n.value&&!this.instructionHidden&&this.focusInput(),e.SendController.setLoading(!0),this.onDebouncedSearch(n.value)}setReceiverAddress(i){e.SendController.setReceiverAddress(i),e.SendController.setReceiverProfileName(void 0),e.SendController.setReceiverProfileImageUrl(void 0),e.SendController.setLoading(!1)}};h.styles=A;g([e.n()],h.prototype,"value",void 0);g([e.n({type:Boolean})],h.prototype,"readOnly",void 0);g([e.r()],h.prototype,"instructionHidden",void 0);g([e.r()],h.prototype,"pasting",void 0);h=g([e.customElement("w3m-input-address")],h);const T=e.css`
+  :host {
+    width: 100%;
+    height: 100px;
+    border-radius: ${({borderRadius:t})=>t[5]};
+    border: 1px solid ${({tokens:t})=>t.theme.foregroundPrimary};
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    transition: background-color ${({durations:t})=>t.lg}
+      ${({easings:t})=>t["ease-out-power-1"]};
+    will-change: background-color;
+    transition: all ${({easings:t})=>t["ease-out-power-1"]}
+      ${({durations:t})=>t.lg};
+  }
+
+  :host(:hover) {
+    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
+  }
+
+  wui-flex {
+    width: 100%;
+    height: fit-content;
+  }
+
+  wui-button {
+    width: 100%;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  wui-input-amount {
+    mask-image: linear-gradient(
+      270deg,
+      transparent 0px,
+      transparent 8px,
+      black 24px,
+      black 25px,
+      black 32px,
+      black 100%
+    );
+  }
+
+  .totalValue {
+    width: 100%;
+  }
+`;var b=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};let f=class extends e.i{constructor(){super(...arguments),this.readOnly=!1,this.isInsufficientBalance=!1}render(){const i=this.readOnly||!this.token;return e.b` <wui-flex
+      flexDirection="column"
+      gap="01"
+      .padding=${["5","3","4","3"]}
+    >
+      <wui-flex alignItems="center">
+        <wui-input-amount
+          @inputChange=${this.onInputChange.bind(this)}
+          ?disabled=${i}
+          .value=${this.sendTokenAmount?String(this.sendTokenAmount):""}
+          ?error=${!!this.isInsufficientBalance}
+        ></wui-input-amount>
+        ${this.buttonTemplate()}
+      </wui-flex>
+      ${this.bottomTemplate()}
+    </wui-flex>`}buttonTemplate(){return this.token?e.b`<wui-token-button
+        text=${this.token.symbol}
+        imageSrc=${this.token.iconUrl}
+        @click=${this.handleSelectButtonClick.bind(this)}
+      >
+      </wui-token-button>`:e.b`<wui-button
+      size="md"
+      variant="neutral-secondary"
+      @click=${this.handleSelectButtonClick.bind(this)}
+      >Select token</wui-button
+    >`}handleSelectButtonClick(){this.readOnly||e.RouterController.push("WalletSendSelectToken")}sendValueTemplate(){if(!this.readOnly&&this.token&&this.sendTokenAmount){const n=this.token.price*this.sendTokenAmount;return e.b`<wui-text class="totalValue" variant="sm-regular" color="secondary"
+        >${n?`$${e.NumberUtil.formatNumberToLocalString(n,2)}`:"Incorrect value"}</wui-text
+      >`}return null}maxAmountTemplate(){return this.token?e.b` <wui-text variant="sm-regular" color="secondary">
+        ${e.UiHelperUtil.roundNumber(Number(this.token.quantity.numeric),6,5)}
+      </wui-text>`:null}actionTemplate(){return this.token?e.b`<wui-link @click=${this.onMaxClick.bind(this)}>Max</wui-link>`:null}bottomTemplate(){return this.readOnly?null:e.b`<wui-flex alignItems="center" justifyContent="space-between">
+      ${this.sendValueTemplate()}
+      <wui-flex alignItems="center" gap="01" justifyContent="flex-end">
+        ${this.maxAmountTemplate()} ${this.actionTemplate()}
+      </wui-flex>
+    </wui-flex>`}onInputChange(i){e.SendController.setTokenAmount(i.detail)}onMaxClick(){if(this.token){const i=e.NumberUtil.bigNumber(this.token.quantity.numeric);e.SendController.setTokenAmount(Number(i.toFixed(20)))}}};f.styles=T;b([e.n({type:Object})],f.prototype,"token",void 0);b([e.n({type:Boolean})],f.prototype,"readOnly",void 0);b([e.n({type:Number})],f.prototype,"sendTokenAmount",void 0);b([e.n({type:Boolean})],f.prototype,"isInsufficientBalance",void 0);f=b([e.customElement("w3m-input-token")],f);const R=e.css`
+  :host {
+    display: block;
+  }
+
+  wui-flex {
+    position: relative;
+  }
+
+  wui-icon-box {
+    width: 32px;
+    height: 32px;
+    border-radius: ${({borderRadius:t})=>t[10]} !important;
+    border: 4px solid ${({tokens:t})=>t.theme.backgroundPrimary};
+    background: ${({tokens:t})=>t.theme.foregroundPrimary};
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+  }
+
+  wui-button {
+    --local-border-radius: ${({borderRadius:t})=>t[4]} !important;
+  }
+
+  .inputContainer {
+    height: fit-content;
+  }
+`;var u=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};const c={INSUFFICIENT_FUNDS:"Insufficient Funds",INCORRECT_VALUE:"Incorrect Value",INVALID_ADDRESS:"Invalid Address",ADD_ADDRESS:"Add Address",ADD_AMOUNT:"Add Amount",SELECT_TOKEN:"Select Token",PREVIEW_SEND:"Preview Send"};exports.W3mWalletSendView=class extends e.i{constructor(){var n,o;super(),this.unsubscribe=[],this.isTryingToChooseDifferentWallet=!1,this.token=e.SendController.state.token,this.sendTokenAmount=e.SendController.state.sendTokenAmount,this.receiverAddress=e.SendController.state.receiverAddress,this.receiverProfileName=e.SendController.state.receiverProfileName,this.loading=e.SendController.state.loading,this.params=(n=e.RouterController.state.data)==null?void 0:n.send,this.caipAddress=(o=e.ChainController.getAccountData())==null?void 0:o.caipAddress,this.message=c.PREVIEW_SEND,this.disconnecting=!1,this.token&&!this.params&&(this.fetchBalances(),this.fetchNetworkPrice());const i=e.ChainController.subscribeKey("activeCaipAddress",s=>{!s&&this.isTryingToChooseDifferentWallet&&(this.isTryingToChooseDifferentWallet=!1,e.ModalController.open({view:"Connect",data:{redirectView:"WalletSend"}}).catch(()=>null),i())});this.unsubscribe.push(e.ChainController.subscribeAccountStateProp("caipAddress",s=>{this.caipAddress=s}),e.SendController.subscribe(s=>{this.token=s.token,this.sendTokenAmount=s.sendTokenAmount,this.receiverAddress=s.receiverAddress,this.receiverProfileName=s.receiverProfileName,this.loading=s.loading}))}disconnectedCallback(){this.unsubscribe.forEach(i=>i())}async firstUpdated(){await this.handleSendParameters()}render(){this.getMessage();const i=!!this.params;return e.b` <wui-flex flexDirection="column" .padding=${["0","4","4","4"]}>
+      <wui-flex class="inputContainer" gap="2" flexDirection="column">
+        <w3m-input-token
+          .token=${this.token}
+          .sendTokenAmount=${this.sendTokenAmount}
+          ?readOnly=${i}
+          ?isInsufficientBalance=${this.message===c.INSUFFICIENT_FUNDS}
+        ></w3m-input-token>
+        <wui-icon-box size="md" variant="secondary" icon="arrowBottom"></wui-icon-box>
+        <w3m-input-address
+          ?readOnly=${i}
+          .value=${this.receiverProfileName?this.receiverProfileName:this.receiverAddress}
+        ></w3m-input-address>
+      </wui-flex>
+      ${this.buttonTemplate()}
+    </wui-flex>`}async fetchBalances(){await e.SendController.fetchTokenBalance(),e.SendController.fetchNetworkBalance()}async fetchNetworkPrice(){await $.SwapController.getNetworkTokenPrice()}onButtonClick(){e.RouterController.push("WalletSendPreview",{send:this.params})}onFundWalletClick(){e.RouterController.push("FundWallet",{redirectView:"WalletSend"})}async onConnectDifferentWalletClick(){try{this.isTryingToChooseDifferentWallet=!0,this.disconnecting=!0,await e.ConnectionController.disconnect()}finally{this.disconnecting=!1}}getMessage(){var i;this.message=c.PREVIEW_SEND,this.receiverAddress&&!e.CoreHelperUtil.isAddress(this.receiverAddress,e.ChainController.state.activeChain)&&(this.message=c.INVALID_ADDRESS),this.receiverAddress||(this.message=c.ADD_ADDRESS),this.sendTokenAmount&&this.token&&this.sendTokenAmount>Number(this.token.quantity.numeric)&&(this.message=c.INSUFFICIENT_FUNDS),this.sendTokenAmount||(this.message=c.ADD_AMOUNT),this.sendTokenAmount&&((i=this.token)!=null&&i.price)&&(this.sendTokenAmount*this.token.price||(this.message=c.INCORRECT_VALUE)),this.token||(this.message=c.SELECT_TOKEN)}buttonTemplate(){const i=!this.message.startsWith(c.PREVIEW_SEND),n=this.message===c.INSUFFICIENT_FUNDS,o=!!this.params;return n&&!o?e.b`
+        <wui-flex .margin=${["4","0","0","0"]} flexDirection="column" gap="4">
+          <wui-button
+            @click=${this.onFundWalletClick.bind(this)}
+            size="lg"
+            variant="accent-secondary"
+            fullWidth
+          >
+            Fund Wallet
+          </wui-button>
+
+          <wui-separator data-testid="wui-separator" text="or"></wui-separator>
+
+          <wui-button
+            @click=${this.onConnectDifferentWalletClick.bind(this)}
+            size="lg"
+            variant="neutral-secondary"
+            fullWidth
+            ?loading=${this.disconnecting}
+          >
+            Connect a different wallet
+          </wui-button>
+        </wui-flex>
+      `:e.b`<wui-flex .margin=${["4","0","0","0"]}>
+      <wui-button
+        @click=${this.onButtonClick.bind(this)}
+        ?disabled=${i}
+        size="lg"
+        variant="accent-primary"
+        ?loading=${this.loading}
+        fullWidth
+      >
+        ${this.message}
+      </wui-button>
+    </wui-flex>`}async handleSendParameters(){if(this.loading=!0,!this.params){this.loading=!1;return}const i=Number(this.params.amount);if(isNaN(i)){e.SnackController.showError("Invalid amount"),this.loading=!1;return}const{namespace:n,chainId:o,assetAddress:s}=this.params;if(!e.ConstantsUtil$1.SEND_PARAMS_SUPPORTED_CHAINS.includes(n)){e.SnackController.showError(`Chain "${n}" is not supported for send parameters`),this.loading=!1;return}const r=e.ChainController.getCaipNetworkById(o,n);if(!r){e.SnackController.showError(`Network with id "${o}" not found`),this.loading=!1;return}try{const{balance:l,name:a,symbol:S,decimals:y}=await e.BalanceUtil.fetchERC20Balance({caipAddress:this.caipAddress,assetAddress:s,caipNetwork:r});if(!a||!S||!y||!l){e.SnackController.showError("Token not found");return}e.SendController.setToken({name:a,symbol:S,chainId:r.id.toString(),address:`${r.chainNamespace}:${r.id}:${s}`,value:0,price:0,quantity:{decimals:y.toString(),numeric:l.toString()},iconUrl:e.AssetUtil.getTokenImage(S)??""}),e.SendController.setTokenAmount(i),e.SendController.setReceiverAddress(this.params.to)}catch(l){console.error("Failed to load token information:",l),e.SnackController.showError("Failed to load token information")}finally{this.loading=!1}}};exports.W3mWalletSendView.styles=R;u([e.r()],exports.W3mWalletSendView.prototype,"token",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"sendTokenAmount",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"receiverAddress",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"receiverProfileName",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"loading",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"params",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"caipAddress",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"message",void 0);u([e.r()],exports.W3mWalletSendView.prototype,"disconnecting",void 0);exports.W3mWalletSendView=u([e.customElement("w3m-wallet-send-view")],exports.W3mWalletSendView);const E=e.css`
+  .contentContainer {
+    height: 440px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+
+  wui-icon-box {
+    width: 40px;
+    height: 40px;
+    border-radius: ${({borderRadius:t})=>t[3]};
+  }
+`;var x=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};exports.W3mSendSelectTokenView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.tokenBalances=e.SendController.state.tokenBalances,this.search="",this.onDebouncedSearch=e.CoreHelperUtil.debounce(i=>{this.search=i}),this.fetchBalancesAndNetworkPrice(),this.unsubscribe.push(e.SendController.subscribe(i=>{this.tokenBalances=i.tokenBalances}))}disconnectedCallback(){this.unsubscribe.forEach(i=>i())}render(){return e.b`
+      <wui-flex flexDirection="column">
+        ${this.templateSearchInput()} <wui-separator></wui-separator> ${this.templateTokens()}
+      </wui-flex>
+    `}async fetchBalancesAndNetworkPrice(){var i;(!this.tokenBalances||((i=this.tokenBalances)==null?void 0:i.length)===0)&&(await this.fetchBalances(),await this.fetchNetworkPrice())}async fetchBalances(){await e.SendController.fetchTokenBalance(),e.SendController.fetchNetworkBalance()}async fetchNetworkPrice(){await $.SwapController.getNetworkTokenPrice()}templateSearchInput(){return e.b`
+      <wui-flex gap="2" padding="3">
+        <wui-input-text
+          @inputChange=${this.onInputChange.bind(this)}
+          class="network-search-input"
+          size="sm"
+          placeholder="Search token"
+          icon="search"
+        ></wui-input-text>
+      </wui-flex>
+    `}templateTokens(){var i,n;return this.tokens=(i=this.tokenBalances)==null?void 0:i.filter(o=>{var s;return o.chainId===((s=e.ChainController.state.activeCaipNetwork)==null?void 0:s.caipNetworkId)}),this.search?this.filteredTokens=(n=this.tokenBalances)==null?void 0:n.filter(o=>o.name.toLowerCase().includes(this.search.toLowerCase())):this.filteredTokens=this.tokens,e.b`
+      <wui-flex
+        class="contentContainer"
+        flexDirection="column"
+        .padding=${["0","3","0","3"]}
+      >
+        <wui-flex justifyContent="flex-start" .padding=${["4","3","3","3"]}>
+          <wui-text variant="md-medium" color="secondary">Your tokens</wui-text>
+        </wui-flex>
+        <wui-flex flexDirection="column" gap="2">
+          ${this.filteredTokens&&this.filteredTokens.length>0?this.filteredTokens.map(o=>e.b`<wui-list-token
+                    @click=${this.handleTokenClick.bind(this,o)}
+                    ?clickable=${!0}
+                    tokenName=${o.name}
+                    tokenImageUrl=${o.iconUrl}
+                    tokenAmount=${o.quantity.numeric}
+                    tokenValue=${o.value}
+                    tokenCurrency=${o.symbol}
+                  ></wui-list-token>`):e.b`<wui-flex
+                .padding=${["20","0","0","0"]}
+                alignItems="center"
+                flexDirection="column"
+                gap="4"
+              >
+                <wui-icon-box icon="coinPlaceholder" color="default" size="lg"></wui-icon-box>
+                <wui-flex
+                  class="textContent"
+                  gap="2"
+                  flexDirection="column"
+                  justifyContent="center"
+                  flexDirection="column"
+                >
+                  <wui-text variant="lg-medium" align="center" color="primary">
+                    No tokens found
+                  </wui-text>
+                  <wui-text variant="lg-regular" align="center" color="secondary">
+                    Your tokens will appear here
+                  </wui-text>
+                </wui-flex>
+                <wui-link @click=${this.onBuyClick.bind(this)}>Buy</wui-link>
+              </wui-flex>`}
+        </wui-flex>
+      </wui-flex>
+    `}onBuyClick(){e.RouterController.push("OnRampProviders")}onInputChange(i){this.onDebouncedSearch(i.detail)}handleTokenClick(i){e.SendController.setToken(i),e.SendController.setTokenAmount(void 0),e.RouterController.goBack()}};exports.W3mSendSelectTokenView.styles=E;x([e.r()],exports.W3mSendSelectTokenView.prototype,"tokenBalances",void 0);x([e.r()],exports.W3mSendSelectTokenView.prototype,"tokens",void 0);x([e.r()],exports.W3mSendSelectTokenView.prototype,"filteredTokens",void 0);x([e.r()],exports.W3mSendSelectTokenView.prototype,"search",void 0);exports.W3mSendSelectTokenView=x([e.customElement("w3m-wallet-send-select-token-view")],exports.W3mSendSelectTokenView);const P=e.css`
+  :host {
+    height: 32px;
+    display: flex;
+    align-items: center;
+    gap: ${({spacing:t})=>t[1]};
+    border-radius: ${({borderRadius:t})=>t[32]};
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    padding: ${({spacing:t})=>t[1]};
+    padding-left: ${({spacing:t})=>t[2]};
+  }
+
+  wui-avatar,
+  wui-image {
+    width: 24px;
+    height: 24px;
+    border-radius: ${({borderRadius:t})=>t[16]};
+  }
+
+  wui-icon {
+    border-radius: ${({borderRadius:t})=>t[16]};
+  }
+`;var v=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};let p=class extends e.i{constructor(){super(...arguments),this.text=""}render(){return e.b`<wui-text variant="lg-regular" color="primary">${this.text}</wui-text>
+      ${this.imageTemplate()}`}imageTemplate(){return this.address?e.b`<wui-avatar address=${this.address} .imageSrc=${this.imageSrc}></wui-avatar>`:this.imageSrc?e.b`<wui-image src=${this.imageSrc}></wui-image>`:e.b`<wui-icon size="lg" color="inverse" name="networkPlaceholder"></wui-icon>`}};p.styles=[e.resetStyles,e.elementStyles,P];v([e.n({type:String})],p.prototype,"text",void 0);v([e.n({type:String})],p.prototype,"address",void 0);v([e.n({type:String})],p.prototype,"imageSrc",void 0);p=v([e.customElement("wui-preview-item")],p);const W=e.css`
+  :host {
+    display: flex;
+    padding: ${({spacing:t})=>t[4]} ${({spacing:t})=>t[3]};
+    width: 100%;
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    border-radius: ${({borderRadius:t})=>t[4]};
+  }
+
+  wui-image {
+    width: 20px;
+    height: 20px;
+    border-radius: ${({borderRadius:t})=>t[16]};
+  }
+
+  wui-icon {
+    width: 20px;
+    height: 20px;
+  }
+`;var k=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};let m=class extends e.i{constructor(){super(...arguments),this.imageSrc=void 0,this.textTitle="",this.textValue=void 0}render(){return e.b`
+      <wui-flex justifyContent="space-between" alignItems="center">
+        <wui-text variant="lg-regular" color="primary"> ${this.textTitle} </wui-text>
+        ${this.templateContent()}
+      </wui-flex>
+    `}templateContent(){return this.imageSrc?e.b`<wui-image src=${this.imageSrc} alt=${this.textTitle}></wui-image>`:this.textValue?e.b` <wui-text variant="md-regular" color="secondary"> ${this.textValue} </wui-text>`:e.b`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`}};m.styles=[e.resetStyles,e.elementStyles,W];k([e.n()],m.prototype,"imageSrc",void 0);k([e.n()],m.prototype,"textTitle",void 0);k([e.n()],m.prototype,"textValue",void 0);m=k([e.customElement("wui-list-content")],m);const N=e.css`
+  :host {
+    display: flex;
+    width: auto;
+    flex-direction: column;
+    gap: ${({spacing:t})=>t[1]};
+    border-radius: ${({borderRadius:t})=>t[5]};
+    background: ${({tokens:t})=>t.theme.foregroundPrimary};
+    padding: ${({spacing:t})=>t[3]} ${({spacing:t})=>t[2]}
+      ${({spacing:t})=>t[2]} ${({spacing:t})=>t[2]};
+  }
+
+  wui-list-content {
+    width: -webkit-fill-available !important;
+  }
+
+  wui-text {
+    padding: 0 ${({spacing:t})=>t[2]};
+  }
+
+  wui-flex {
+    margin-top: ${({spacing:t})=>t[2]};
+  }
+
+  .network {
+    cursor: pointer;
+    transition: background-color ${({durations:t})=>t.lg}
+      ${({easings:t})=>t["ease-out-power-1"]};
+    will-change: background-color;
+  }
+
+  .network:focus-visible {
+    border: 1px solid ${({tokens:t})=>t.core.textAccentPrimary};
+    background-color: ${({tokens:t})=>t.core.glass010};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent010};
+    -moz-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent010};
+    box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent010};
+  }
+
+  .network:hover {
+    background-color: ${({tokens:t})=>t.core.glass010};
+  }
+
+  .network:active {
+    background-color: ${({tokens:t})=>t.core.glass010};
+  }
+`;var C=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};let w=class extends e.i{constructor(){var i;super(...arguments),this.params=(i=e.RouterController.state.data)==null?void 0:i.send}render(){return e.b` <wui-text variant="sm-regular" color="secondary">Details</wui-text>
+      <wui-flex flexDirection="column" gap="1">
+        <wui-list-content
+          textTitle="Address"
+          textValue=${e.UiHelperUtil.getTruncateString({string:this.receiverAddress??"",charsStart:4,charsEnd:4,truncate:"middle"})}
+        >
+        </wui-list-content>
+        ${this.networkTemplate()}
+      </wui-flex>`}networkTemplate(){var i;return(i=this.caipNetwork)!=null&&i.name?e.b` <wui-list-content
+        @click=${()=>this.onNetworkClick(this.caipNetwork)}
+        class="network"
+        textTitle="Network"
+        imageSrc=${e.o(e.AssetUtil.getNetworkImage(this.caipNetwork))}
+      ></wui-list-content>`:null}onNetworkClick(i){i&&!this.params&&e.RouterController.push("Networks",{network:i})}};w.styles=N;C([e.n()],w.prototype,"receiverAddress",void 0);C([e.n({type:Object})],w.prototype,"caipNetwork",void 0);C([e.r()],w.prototype,"params",void 0);w=C([e.customElement("w3m-wallet-send-details")],w);const I=e.css`
+  wui-avatar,
+  wui-image {
+    display: ruby;
+    width: 32px;
+    height: 32px;
+    border-radius: ${({borderRadius:t})=>t[20]};
+  }
+
+  .sendButton {
+    width: 70%;
+    --local-width: 100% !important;
+    --local-border-radius: ${({borderRadius:t})=>t[4]} !important;
+  }
+
+  .cancelButton {
+    width: 30%;
+    --local-width: 100% !important;
+    --local-border-radius: ${({borderRadius:t})=>t[4]} !important;
+  }
+`;var d=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};exports.W3mWalletSendPreviewView=class extends e.i{constructor(){var i;super(),this.unsubscribe=[],this.token=e.SendController.state.token,this.sendTokenAmount=e.SendController.state.sendTokenAmount,this.receiverAddress=e.SendController.state.receiverAddress,this.receiverProfileName=e.SendController.state.receiverProfileName,this.receiverProfileImageUrl=e.SendController.state.receiverProfileImageUrl,this.caipNetwork=e.ChainController.state.activeCaipNetwork,this.loading=e.SendController.state.loading,this.params=(i=e.RouterController.state.data)==null?void 0:i.send,this.unsubscribe.push(e.SendController.subscribe(n=>{this.token=n.token,this.sendTokenAmount=n.sendTokenAmount,this.receiverAddress=n.receiverAddress,this.receiverProfileName=n.receiverProfileName,this.receiverProfileImageUrl=n.receiverProfileImageUrl,this.loading=n.loading}),e.ChainController.subscribeKey("activeCaipNetwork",n=>this.caipNetwork=n))}disconnectedCallback(){this.unsubscribe.forEach(i=>i())}render(){var i,n;return e.b` <wui-flex flexDirection="column" .padding=${["0","4","4","4"]}>
+      <wui-flex gap="2" flexDirection="column" .padding=${["0","2","0","2"]}>
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-flex flexDirection="column" gap="01">
+            <wui-text variant="sm-regular" color="secondary">Send</wui-text>
+            ${this.sendValueTemplate()}
+          </wui-flex>
+          <wui-preview-item
+            text="${this.sendTokenAmount?e.UiHelperUtil.roundNumber(this.sendTokenAmount,6,5):"unknown"} ${(i=this.token)==null?void 0:i.symbol}"
+            .imageSrc=${(n=this.token)==null?void 0:n.iconUrl}
+          ></wui-preview-item>
+        </wui-flex>
+        <wui-flex>
+          <wui-icon color="default" size="md" name="arrowBottom"></wui-icon>
+        </wui-flex>
+        <wui-flex alignItems="center" justifyContent="space-between">
+          <wui-text variant="sm-regular" color="secondary">To</wui-text>
+          <wui-preview-item
+            text="${this.receiverProfileName?e.UiHelperUtil.getTruncateString({string:this.receiverProfileName,charsStart:20,charsEnd:0,truncate:"end"}):e.UiHelperUtil.getTruncateString({string:this.receiverAddress?this.receiverAddress:"",charsStart:4,charsEnd:4,truncate:"middle"})}"
+            address=${this.receiverAddress??""}
+            .imageSrc=${this.receiverProfileImageUrl??void 0}
+            .isAddress=${!0}
+          ></wui-preview-item>
+        </wui-flex>
+      </wui-flex>
+      <wui-flex flexDirection="column" .padding=${["6","0","0","0"]}>
+        <w3m-wallet-send-details
+          .caipNetwork=${this.caipNetwork}
+          .receiverAddress=${this.receiverAddress}
+        ></w3m-wallet-send-details>
+        <wui-flex justifyContent="center" gap="1" .padding=${["3","0","0","0"]}>
+          <wui-icon size="sm" color="default" name="warningCircle"></wui-icon>
+          <wui-text variant="sm-regular" color="secondary">Review transaction carefully</wui-text>
+        </wui-flex>
+        <wui-flex justifyContent="center" gap="3" .padding=${["4","0","0","0"]}>
+          <wui-button
+            class="cancelButton"
+            @click=${this.onCancelClick.bind(this)}
+            size="lg"
+            variant="neutral-secondary"
+          >
+            Cancel
+          </wui-button>
+          <wui-button
+            class="sendButton"
+            @click=${this.onSendClick.bind(this)}
+            size="lg"
+            variant="accent-primary"
+            .loading=${this.loading}
+          >
+            Send
+          </wui-button>
+        </wui-flex>
+      </wui-flex></wui-flex
+    >`}sendValueTemplate(){if(!this.params&&this.token&&this.sendTokenAmount){const n=this.token.price*this.sendTokenAmount;return e.b`<wui-text variant="md-regular" color="primary"
+        >$${n.toFixed(2)}</wui-text
+      >`}return null}async onSendClick(){if(!this.sendTokenAmount||!this.receiverAddress){e.SnackController.showError("Please enter a valid amount and receiver address");return}try{await e.SendController.sendToken(),this.params?e.RouterController.reset("WalletSendConfirmed"):(e.SnackController.showSuccess("Transaction started"),e.RouterController.replace("Account"))}catch(i){let n="Failed to send transaction";const o=i instanceof e.AppKitError&&i.originalName===e.ErrorUtil$1.PROVIDER_RPC_ERROR_NAME.USER_REJECTED_REQUEST,s=i instanceof e.AppKitError&&i.originalName===e.ErrorUtil$1.PROVIDER_RPC_ERROR_NAME.SEND_TRANSACTION_ERROR;(o||s)&&(n=i.message),e.EventsController.sendEvent({type:"track",event:o?"SEND_REJECTED":"SEND_ERROR",properties:e.SendController.getSdkEventProperties(i)}),e.SnackController.showError(n)}}onCancelClick(){e.RouterController.goBack()}};exports.W3mWalletSendPreviewView.styles=I;d([e.r()],exports.W3mWalletSendPreviewView.prototype,"token",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"sendTokenAmount",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"receiverAddress",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"receiverProfileName",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"receiverProfileImageUrl",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"caipNetwork",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"loading",void 0);d([e.r()],exports.W3mWalletSendPreviewView.prototype,"params",void 0);exports.W3mWalletSendPreviewView=d([e.customElement("w3m-wallet-send-preview-view")],exports.W3mWalletSendPreviewView);const D=e.css`
+  .icon-box {
+    width: 64px;
+    height: 64px;
+    border-radius: 16px;
+    background-color: ${({spacing:t})=>t[16]};
+    border: 8px solid ${({tokens:t})=>t.theme.borderPrimary};
+    border-radius: ${({borderRadius:t})=>t.round};
+  }
+`;var V=function(t,i,n,o){var s=arguments.length,r=s<3?i:o===null?o=Object.getOwnPropertyDescriptor(i,n):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,n,o);else for(var a=t.length-1;a>=0;a--)(l=t[a])&&(r=(s<3?l(r):s>3?l(i,n,r):l(i,n))||r);return s>3&&r&&Object.defineProperty(i,n,r),r};exports.W3mSendConfirmedView=class extends e.i{constructor(){super(),this.unsubscribe=[],this.unsubscribe.push()}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="success" name="checkmark"></wui-icon>
+        </wui-flex>
+
+        <wui-text variant="h6-medium" color="primary">You successfully sent asset</wui-text>
+
+        <wui-button
+          fullWidth
+          @click=${this.onCloseClick.bind(this)}
+          size="lg"
+          variant="neutral-secondary"
+        >
+          Close
+        </wui-button>
+      </wui-flex>
+    `}onCloseClick(){e.ModalController.close()}};exports.W3mSendConfirmedView.styles=D;exports.W3mSendConfirmedView=V([e.customElement("w3m-send-confirmed-view")],exports.W3mSendConfirmedView);