@shapeshiftoss/swap-widget 0.0.2 → 0.1.0

package/dist/assets/send-CkMBIRXT.js

@@ -1,554 +0,0 @@
-import{y as x,F as d,a4 as u,G as b,I as v,at as F,n as D,k as g,C as j,aF as l,J as c,au as z,R as h,N as H,U as R,as as q,S as y,r as Q,q as X,a1 as K,z as Y,D as J,a3 as Z,aN as L,aO as M,E as ee}from"./index-5jd8RPN9.js";import"./index-DEwQgT4r.js";import"./index-CZ4jTIsk.js";import{S as G}from"./SwapController-If0bFrNc.js";const te=x`
-  :host {
-    width: 100%;
-    height: 100px;
-    border-radius: ${({borderRadius:e})=>e[5]};
-    border: 1px solid ${({tokens:e})=>e.theme.foregroundPrimary};
-    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-    transition: background-color ${({durations:e})=>e.lg}
-      ${({easings:e})=>e["ease-out-power-1"]};
-    will-change: background-color;
-    position: relative;
-  }
-
-  :host(:hover) {
-    background-color: ${({tokens:e})=>e.theme.foregroundSecondary};
-  }
-
-  wui-flex {
-    width: 100%;
-    height: fit-content;
-  }
-
-  wui-button {
-    display: ruby;
-    color: ${({tokens:e})=>e.theme.textPrimary};
-    margin: 0 ${({spacing:e})=>e[2]};
-  }
-
-  .instruction {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 2;
-  }
-
-  .paste {
-    display: inline-flex;
-  }
-
-  textarea {
-    background: transparent;
-    width: 100%;
-    font-family: ${({fontFamily:e})=>e.regular};
-    font-style: normal;
-    font-size: ${({textSize:e})=>e.large};
-    font-weight: ${({fontWeight:e})=>e.regular};
-    line-height: ${({typography:e})=>e["lg-regular"].lineHeight};
-    letter-spacing: ${({typography:e})=>e["lg-regular"].letterSpacing};
-    color: ${({tokens:e})=>e.theme.textPrimary};
-    caret-color: ${({tokens:e})=>e.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 E=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let $=class extends v{constructor(){super(...arguments),this.inputElementRef=F(),this.instructionElementRef=F(),this.readOnly=!1,this.instructionHidden=!!this.value,this.pasting=!1,this.onDebouncedSearch=D.debounce(async t=>{if(!t.length){this.setReceiverAddress("");return}const i=g.state.activeChain;if(D.isAddress(t,i)){this.setReceiverAddress(t);return}try{const o=await j.getEnsAddress(t);if(o){l.setReceiverProfileName(t),l.setReceiverAddress(o);const n=await j.getEnsAvatar(t);l.setReceiverProfileImageUrl(n||void 0)}}catch{this.setReceiverAddress(t)}finally{l.setLoading(!1)}})}firstUpdated(){this.value&&(this.instructionHidden=!0),this.checkHidden()}render(){return this.readOnly?c` <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>`:c` <wui-flex
-      @click=${this.onBoxClick.bind(this)}
-      flexDirection="column"
-      justifyContent="center"
-      gap="01"
-      .padding=${["8","4","5","4"]}
-    >
-      <wui-text
-        ${z(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}
-        ${z(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 t;this.instructionElementRef.value&&(this.instructionHidden=!0,await this.toggleInstructionFocus(!1),this.instructionElementRef.value.style.pointerEvents="none",(t=this.inputElementRef.value)==null||t.focus(),this.inputElementRef.value&&(this.inputElementRef.value.selectionStart=this.inputElementRef.value.selectionEnd=this.inputElementRef.value.value.length))}async focusInstruction(){var t;this.instructionElementRef.value&&(this.instructionHidden=!1,await this.toggleInstructionFocus(!0),this.instructionElementRef.value.style.pointerEvents="auto",(t=this.inputElementRef.value)==null||t.blur())}async toggleInstructionFocus(t){this.instructionElementRef.value&&await this.instructionElementRef.value.animate([{opacity:t?0:1},{opacity:t?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 t=await navigator.clipboard.readText();l.setReceiverAddress(t),this.focusInput()}onInputChange(t){var r;const i=t.target;this.pasting=!1,this.value=(r=t.target)==null?void 0:r.value,i.value&&!this.instructionHidden&&this.focusInput(),l.setLoading(!0),this.onDebouncedSearch(i.value)}setReceiverAddress(t){l.setReceiverAddress(t),l.setReceiverProfileName(void 0),l.setReceiverProfileImageUrl(void 0),l.setLoading(!1)}};$.styles=te;E([d()],$.prototype,"value",void 0);E([d({type:Boolean})],$.prototype,"readOnly",void 0);E([u()],$.prototype,"instructionHidden",void 0);E([u()],$.prototype,"pasting",void 0);$=E([b("w3m-input-address")],$);const ie=x`
-  :host {
-    width: 100%;
-    height: 100px;
-    border-radius: ${({borderRadius:e})=>e[5]};
-    border: 1px solid ${({tokens:e})=>e.theme.foregroundPrimary};
-    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-    transition: background-color ${({durations:e})=>e.lg}
-      ${({easings:e})=>e["ease-out-power-1"]};
-    will-change: background-color;
-    transition: all ${({easings:e})=>e["ease-out-power-1"]}
-      ${({durations:e})=>e.lg};
-  }
-
-  :host(:hover) {
-    background-color: ${({tokens:e})=>e.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 P=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let A=class extends v{constructor(){super(...arguments),this.readOnly=!1,this.isInsufficientBalance=!1}render(){const t=this.readOnly||!this.token;return c` <wui-flex
-      flexDirection="column"
-      gap="01"
-      .padding=${["5","3","4","3"]}
-    >
-      <wui-flex alignItems="center">
-        <wui-input-amount
-          @inputChange=${this.onInputChange.bind(this)}
-          ?disabled=${t}
-          .value=${this.sendTokenAmount?String(this.sendTokenAmount):""}
-          ?error=${!!this.isInsufficientBalance}
-        ></wui-input-amount>
-        ${this.buttonTemplate()}
-      </wui-flex>
-      ${this.bottomTemplate()}
-    </wui-flex>`}buttonTemplate(){return this.token?c`<wui-token-button
-        text=${this.token.symbol}
-        imageSrc=${this.token.iconUrl}
-        @click=${this.handleSelectButtonClick.bind(this)}
-      >
-      </wui-token-button>`:c`<wui-button
-      size="md"
-      variant="neutral-secondary"
-      @click=${this.handleSelectButtonClick.bind(this)}
-      >Select token</wui-button
-    >`}handleSelectButtonClick(){this.readOnly||h.push("WalletSendSelectToken")}sendValueTemplate(){if(!this.readOnly&&this.token&&this.sendTokenAmount){const i=this.token.price*this.sendTokenAmount;return c`<wui-text class="totalValue" variant="sm-regular" color="secondary"
-        >${i?`$${H.formatNumberToLocalString(i,2)}`:"Incorrect value"}</wui-text
-      >`}return null}maxAmountTemplate(){return this.token?c` <wui-text variant="sm-regular" color="secondary">
-        ${R.roundNumber(Number(this.token.quantity.numeric),6,5)}
-      </wui-text>`:null}actionTemplate(){return this.token?c`<wui-link @click=${this.onMaxClick.bind(this)}>Max</wui-link>`:null}bottomTemplate(){return this.readOnly?null:c`<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(t){l.setTokenAmount(t.detail)}onMaxClick(){if(this.token){const t=H.bigNumber(this.token.quantity.numeric);l.setTokenAmount(Number(t.toFixed(20)))}}};A.styles=ie;P([d({type:Object})],A.prototype,"token",void 0);P([d({type:Boolean})],A.prototype,"readOnly",void 0);P([d({type:Number})],A.prototype,"sendTokenAmount",void 0);P([d({type:Boolean})],A.prototype,"isInsufficientBalance",void 0);A=P([b("w3m-input-token")],A);const ne=x`
-  :host {
-    display: block;
-  }
-
-  wui-flex {
-    position: relative;
-  }
-
-  wui-icon-box {
-    width: 32px;
-    height: 32px;
-    border-radius: ${({borderRadius:e})=>e[10]} !important;
-    border: 4px solid ${({tokens:e})=>e.theme.backgroundPrimary};
-    background: ${({tokens:e})=>e.theme.foregroundPrimary};
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 3;
-  }
-
-  wui-button {
-    --local-border-radius: ${({borderRadius:e})=>e[4]} !important;
-  }
-
-  .inputContainer {
-    height: fit-content;
-  }
-`;var w=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};const p={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"};let f=class extends v{constructor(){var i,r;super(),this.unsubscribe=[],this.isTryingToChooseDifferentWallet=!1,this.token=l.state.token,this.sendTokenAmount=l.state.sendTokenAmount,this.receiverAddress=l.state.receiverAddress,this.receiverProfileName=l.state.receiverProfileName,this.loading=l.state.loading,this.params=(i=h.state.data)==null?void 0:i.send,this.caipAddress=(r=g.getAccountData())==null?void 0:r.caipAddress,this.message=p.PREVIEW_SEND,this.disconnecting=!1,this.token&&!this.params&&(this.fetchBalances(),this.fetchNetworkPrice());const t=g.subscribeKey("activeCaipAddress",o=>{!o&&this.isTryingToChooseDifferentWallet&&(this.isTryingToChooseDifferentWallet=!1,q.open({view:"Connect",data:{redirectView:"WalletSend"}}).catch(()=>null),t())});this.unsubscribe.push(g.subscribeAccountStateProp("caipAddress",o=>{this.caipAddress=o}),l.subscribe(o=>{this.token=o.token,this.sendTokenAmount=o.sendTokenAmount,this.receiverAddress=o.receiverAddress,this.receiverProfileName=o.receiverProfileName,this.loading=o.loading}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}async firstUpdated(){await this.handleSendParameters()}render(){this.getMessage();const t=!!this.params;return c` <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=${t}
-          ?isInsufficientBalance=${this.message===p.INSUFFICIENT_FUNDS}
-        ></w3m-input-token>
-        <wui-icon-box size="md" variant="secondary" icon="arrowBottom"></wui-icon-box>
-        <w3m-input-address
-          ?readOnly=${t}
-          .value=${this.receiverProfileName?this.receiverProfileName:this.receiverAddress}
-        ></w3m-input-address>
-      </wui-flex>
-      ${this.buttonTemplate()}
-    </wui-flex>`}async fetchBalances(){await l.fetchTokenBalance(),l.fetchNetworkBalance()}async fetchNetworkPrice(){await G.getNetworkTokenPrice()}onButtonClick(){h.push("WalletSendPreview",{send:this.params})}onFundWalletClick(){h.push("FundWallet",{redirectView:"WalletSend"})}async onConnectDifferentWalletClick(){try{this.isTryingToChooseDifferentWallet=!0,this.disconnecting=!0,await j.disconnect()}finally{this.disconnecting=!1}}getMessage(){var t;this.message=p.PREVIEW_SEND,this.receiverAddress&&!D.isAddress(this.receiverAddress,g.state.activeChain)&&(this.message=p.INVALID_ADDRESS),this.receiverAddress||(this.message=p.ADD_ADDRESS),this.sendTokenAmount&&this.token&&this.sendTokenAmount>Number(this.token.quantity.numeric)&&(this.message=p.INSUFFICIENT_FUNDS),this.sendTokenAmount||(this.message=p.ADD_AMOUNT),this.sendTokenAmount&&((t=this.token)!=null&&t.price)&&(this.sendTokenAmount*this.token.price||(this.message=p.INCORRECT_VALUE)),this.token||(this.message=p.SELECT_TOKEN)}buttonTemplate(){const t=!this.message.startsWith(p.PREVIEW_SEND),i=this.message===p.INSUFFICIENT_FUNDS,r=!!this.params;return i&&!r?c`
-        <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>
-      `:c`<wui-flex .margin=${["4","0","0","0"]}>
-      <wui-button
-        @click=${this.onButtonClick.bind(this)}
-        ?disabled=${t}
-        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 t=Number(this.params.amount);if(isNaN(t)){y.showError("Invalid amount"),this.loading=!1;return}const{namespace:i,chainId:r,assetAddress:o}=this.params;if(!Q.SEND_PARAMS_SUPPORTED_CHAINS.includes(i)){y.showError(`Chain "${i}" is not supported for send parameters`),this.loading=!1;return}const n=g.getCaipNetworkById(r,i);if(!n){y.showError(`Network with id "${r}" not found`),this.loading=!1;return}try{const{balance:s,name:a,symbol:W,decimals:V}=await X.fetchERC20Balance({caipAddress:this.caipAddress,assetAddress:o,caipNetwork:n});if(!a||!W||!V||!s){y.showError("Token not found");return}l.setToken({name:a,symbol:W,chainId:n.id.toString(),address:`${n.chainNamespace}:${n.id}:${o}`,value:0,price:0,quantity:{decimals:V.toString(),numeric:s.toString()},iconUrl:K.getTokenImage(W)??""}),l.setTokenAmount(t),l.setReceiverAddress(this.params.to)}catch(s){console.error("Failed to load token information:",s),y.showError("Failed to load token information")}finally{this.loading=!1}}};f.styles=ne;w([u()],f.prototype,"token",void 0);w([u()],f.prototype,"sendTokenAmount",void 0);w([u()],f.prototype,"receiverAddress",void 0);w([u()],f.prototype,"receiverProfileName",void 0);w([u()],f.prototype,"loading",void 0);w([u()],f.prototype,"params",void 0);w([u()],f.prototype,"caipAddress",void 0);w([u()],f.prototype,"message",void 0);w([u()],f.prototype,"disconnecting",void 0);f=w([b("w3m-wallet-send-view")],f);const re=x`
-  .contentContainer {
-    height: 440px;
-    overflow: scroll;
-    scrollbar-width: none;
-  }
-
-  .contentContainer::-webkit-scrollbar {
-    display: none;
-  }
-
-  wui-icon-box {
-    width: 40px;
-    height: 40px;
-    border-radius: ${({borderRadius:e})=>e[3]};
-  }
-`;var I=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let C=class extends v{constructor(){super(),this.unsubscribe=[],this.tokenBalances=l.state.tokenBalances,this.search="",this.onDebouncedSearch=D.debounce(t=>{this.search=t}),this.fetchBalancesAndNetworkPrice(),this.unsubscribe.push(l.subscribe(t=>{this.tokenBalances=t.tokenBalances}))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){return c`
-      <wui-flex flexDirection="column">
-        ${this.templateSearchInput()} <wui-separator></wui-separator> ${this.templateTokens()}
-      </wui-flex>
-    `}async fetchBalancesAndNetworkPrice(){var t;(!this.tokenBalances||((t=this.tokenBalances)==null?void 0:t.length)===0)&&(await this.fetchBalances(),await this.fetchNetworkPrice())}async fetchBalances(){await l.fetchTokenBalance(),l.fetchNetworkBalance()}async fetchNetworkPrice(){await G.getNetworkTokenPrice()}templateSearchInput(){return c`
-      <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 t,i;return this.tokens=(t=this.tokenBalances)==null?void 0:t.filter(r=>{var o;return r.chainId===((o=g.state.activeCaipNetwork)==null?void 0:o.caipNetworkId)}),this.search?this.filteredTokens=(i=this.tokenBalances)==null?void 0:i.filter(r=>r.name.toLowerCase().includes(this.search.toLowerCase())):this.filteredTokens=this.tokens,c`
-      <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(r=>c`<wui-list-token
-                    @click=${this.handleTokenClick.bind(this,r)}
-                    ?clickable=${!0}
-                    tokenName=${r.name}
-                    tokenImageUrl=${r.iconUrl}
-                    tokenAmount=${r.quantity.numeric}
-                    tokenValue=${r.value}
-                    tokenCurrency=${r.symbol}
-                  ></wui-list-token>`):c`<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(){h.push("OnRampProviders")}onInputChange(t){this.onDebouncedSearch(t.detail)}handleTokenClick(t){l.setToken(t),l.setTokenAmount(void 0),h.goBack()}};C.styles=re;I([u()],C.prototype,"tokenBalances",void 0);I([u()],C.prototype,"tokens",void 0);I([u()],C.prototype,"filteredTokens",void 0);I([u()],C.prototype,"search",void 0);C=I([b("w3m-wallet-send-select-token-view")],C);const oe=x`
-  :host {
-    height: 32px;
-    display: flex;
-    align-items: center;
-    gap: ${({spacing:e})=>e[1]};
-    border-radius: ${({borderRadius:e})=>e[32]};
-    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-    padding: ${({spacing:e})=>e[1]};
-    padding-left: ${({spacing:e})=>e[2]};
-  }
-
-  wui-avatar,
-  wui-image {
-    width: 24px;
-    height: 24px;
-    border-radius: ${({borderRadius:e})=>e[16]};
-  }
-
-  wui-icon {
-    border-radius: ${({borderRadius:e})=>e[16]};
-  }
-`;var _=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let T=class extends v{constructor(){super(...arguments),this.text=""}render(){return c`<wui-text variant="lg-regular" color="primary">${this.text}</wui-text>
-      ${this.imageTemplate()}`}imageTemplate(){return this.address?c`<wui-avatar address=${this.address} .imageSrc=${this.imageSrc}></wui-avatar>`:this.imageSrc?c`<wui-image src=${this.imageSrc}></wui-image>`:c`<wui-icon size="lg" color="inverse" name="networkPlaceholder"></wui-icon>`}};T.styles=[Y,J,oe];_([d({type:String})],T.prototype,"text",void 0);_([d({type:String})],T.prototype,"address",void 0);_([d({type:String})],T.prototype,"imageSrc",void 0);T=_([b("wui-preview-item")],T);const se=x`
-  :host {
-    display: flex;
-    padding: ${({spacing:e})=>e[4]} ${({spacing:e})=>e[3]};
-    width: 100%;
-    background-color: ${({tokens:e})=>e.theme.foregroundPrimary};
-    border-radius: ${({borderRadius:e})=>e[4]};
-  }
-
-  wui-image {
-    width: 20px;
-    height: 20px;
-    border-radius: ${({borderRadius:e})=>e[16]};
-  }
-
-  wui-icon {
-    width: 20px;
-    height: 20px;
-  }
-`;var O=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let S=class extends v{constructor(){super(...arguments),this.imageSrc=void 0,this.textTitle="",this.textValue=void 0}render(){return c`
-      <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?c`<wui-image src=${this.imageSrc} alt=${this.textTitle}></wui-image>`:this.textValue?c` <wui-text variant="md-regular" color="secondary"> ${this.textValue} </wui-text>`:c`<wui-icon size="inherit" color="default" name="networkPlaceholder"></wui-icon>`}};S.styles=[Y,J,se];O([d()],S.prototype,"imageSrc",void 0);O([d()],S.prototype,"textTitle",void 0);O([d()],S.prototype,"textValue",void 0);S=O([b("wui-list-content")],S);const ae=x`
-  :host {
-    display: flex;
-    width: auto;
-    flex-direction: column;
-    gap: ${({spacing:e})=>e[1]};
-    border-radius: ${({borderRadius:e})=>e[5]};
-    background: ${({tokens:e})=>e.theme.foregroundPrimary};
-    padding: ${({spacing:e})=>e[3]} ${({spacing:e})=>e[2]}
-      ${({spacing:e})=>e[2]} ${({spacing:e})=>e[2]};
-  }
-
-  wui-list-content {
-    width: -webkit-fill-available !important;
-  }
-
-  wui-text {
-    padding: 0 ${({spacing:e})=>e[2]};
-  }
-
-  wui-flex {
-    margin-top: ${({spacing:e})=>e[2]};
-  }
-
-  .network {
-    cursor: pointer;
-    transition: background-color ${({durations:e})=>e.lg}
-      ${({easings:e})=>e["ease-out-power-1"]};
-    will-change: background-color;
-  }
-
-  .network:focus-visible {
-    border: 1px solid ${({tokens:e})=>e.core.textAccentPrimary};
-    background-color: ${({tokens:e})=>e.core.glass010};
-    -webkit-box-shadow: 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent010};
-    -moz-box-shadow: 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent010};
-    box-shadow: 0px 0px 0px 4px ${({tokens:e})=>e.core.foregroundAccent010};
-  }
-
-  .network:hover {
-    background-color: ${({tokens:e})=>e.core.glass010};
-  }
-
-  .network:active {
-    background-color: ${({tokens:e})=>e.core.glass010};
-  }
-`;var B=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let N=class extends v{constructor(){var t;super(...arguments),this.params=(t=h.state.data)==null?void 0:t.send}render(){return c` <wui-text variant="sm-regular" color="secondary">Details</wui-text>
-      <wui-flex flexDirection="column" gap="1">
-        <wui-list-content
-          textTitle="Address"
-          textValue=${R.getTruncateString({string:this.receiverAddress??"",charsStart:4,charsEnd:4,truncate:"middle"})}
-        >
-        </wui-list-content>
-        ${this.networkTemplate()}
-      </wui-flex>`}networkTemplate(){var t;return(t=this.caipNetwork)!=null&&t.name?c` <wui-list-content
-        @click=${()=>this.onNetworkClick(this.caipNetwork)}
-        class="network"
-        textTitle="Network"
-        imageSrc=${Z(K.getNetworkImage(this.caipNetwork))}
-      ></wui-list-content>`:null}onNetworkClick(t){t&&!this.params&&h.push("Networks",{network:t})}};N.styles=ae;B([d()],N.prototype,"receiverAddress",void 0);B([d({type:Object})],N.prototype,"caipNetwork",void 0);B([u()],N.prototype,"params",void 0);N=B([b("w3m-wallet-send-details")],N);const le=x`
-  wui-avatar,
-  wui-image {
-    display: ruby;
-    width: 32px;
-    height: 32px;
-    border-radius: ${({borderRadius:e})=>e[20]};
-  }
-
-  .sendButton {
-    width: 70%;
-    --local-width: 100% !important;
-    --local-border-radius: ${({borderRadius:e})=>e[4]} !important;
-  }
-
-  .cancelButton {
-    width: 30%;
-    --local-width: 100% !important;
-    --local-border-radius: ${({borderRadius:e})=>e[4]} !important;
-  }
-`;var k=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let m=class extends v{constructor(){var t;super(),this.unsubscribe=[],this.token=l.state.token,this.sendTokenAmount=l.state.sendTokenAmount,this.receiverAddress=l.state.receiverAddress,this.receiverProfileName=l.state.receiverProfileName,this.receiverProfileImageUrl=l.state.receiverProfileImageUrl,this.caipNetwork=g.state.activeCaipNetwork,this.loading=l.state.loading,this.params=(t=h.state.data)==null?void 0:t.send,this.unsubscribe.push(l.subscribe(i=>{this.token=i.token,this.sendTokenAmount=i.sendTokenAmount,this.receiverAddress=i.receiverAddress,this.receiverProfileName=i.receiverProfileName,this.receiverProfileImageUrl=i.receiverProfileImageUrl,this.loading=i.loading}),g.subscribeKey("activeCaipNetwork",i=>this.caipNetwork=i))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){var t,i;return c` <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?R.roundNumber(this.sendTokenAmount,6,5):"unknown"} ${(t=this.token)==null?void 0:t.symbol}"
-            .imageSrc=${(i=this.token)==null?void 0:i.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?R.getTruncateString({string:this.receiverProfileName,charsStart:20,charsEnd:0,truncate:"end"}):R.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 i=this.token.price*this.sendTokenAmount;return c`<wui-text variant="md-regular" color="primary"
-        >$${i.toFixed(2)}</wui-text
-      >`}return null}async onSendClick(){if(!this.sendTokenAmount||!this.receiverAddress){y.showError("Please enter a valid amount and receiver address");return}try{await l.sendToken(),this.params?h.reset("WalletSendConfirmed"):(y.showSuccess("Transaction started"),h.replace("Account"))}catch(t){let i="Failed to send transaction";const r=t instanceof L&&t.originalName===M.PROVIDER_RPC_ERROR_NAME.USER_REJECTED_REQUEST,o=t instanceof L&&t.originalName===M.PROVIDER_RPC_ERROR_NAME.SEND_TRANSACTION_ERROR;(r||o)&&(i=t.message),ee.sendEvent({type:"track",event:r?"SEND_REJECTED":"SEND_ERROR",properties:l.getSdkEventProperties(t)}),y.showError(i)}}onCancelClick(){h.goBack()}};m.styles=le;k([u()],m.prototype,"token",void 0);k([u()],m.prototype,"sendTokenAmount",void 0);k([u()],m.prototype,"receiverAddress",void 0);k([u()],m.prototype,"receiverProfileName",void 0);k([u()],m.prototype,"receiverProfileImageUrl",void 0);k([u()],m.prototype,"caipNetwork",void 0);k([u()],m.prototype,"loading",void 0);k([u()],m.prototype,"params",void 0);m=k([b("w3m-wallet-send-preview-view")],m);const ce=x`
-  .icon-box {
-    width: 64px;
-    height: 64px;
-    border-radius: 16px;
-    background-color: ${({spacing:e})=>e[16]};
-    border: 8px solid ${({tokens:e})=>e.theme.borderPrimary};
-    border-radius: ${({borderRadius:e})=>e.round};
-  }
-`;var ue=function(e,t,i,r){var o=arguments.length,n=o<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,i):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(n=(o<3?s(n):o>3?s(t,i,n):s(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};let U=class extends v{constructor(){super(),this.unsubscribe=[],this.unsubscribe.push()}render(){return c`
-      <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(){q.close()}};U.styles=ce;U=ue([b("w3m-send-confirmed-view")],U);export{U as W3mSendConfirmedView,C as W3mSendSelectTokenView,m as W3mWalletSendPreviewView,f as W3mWalletSendView};