@imtbl/sdk 1.28.5 → 1.28.6

package/dist/browser/checkout/SwapWidget-c2be5ea7.js

@@ -1 +0,0 @@
-import{u as e,aA as t,aB as o,j as a,aC as n,B as s,aD as r,a as i,b as d,aE as c,r as l,a4 as p,V as u,C as m,e as w,p as f,U as T,g as y,d as A,m as E,S,aF as v,ao as g,aG as x,H as h,aH as I,aI as b,k as C,l as k,aJ as P,t as R,f as _,y as F,aK as O,aL as W,a2 as D,av as N,aM as L,aN as V,aO as B,E as U,z as M,aP as j,J as G,aQ as H,a0 as $,i as z,W as J,aR as q,_ as K,$ as X,T as Q,D as Z,aS as Y,aT as ee,ax as te,aU as oe,aw as ae,aV as ne,aW as se,a1 as re,I as ie}from"./index-3c243042.js";import{S as de,T as ce,a as le,F as pe,N as ue,W as me,g as we}from"./balance-db7ddc43.js";import{p as fe,S as Te,C as ye,a as Ae,c as Ee,f as Se,T as ve,b as ge}from"./TopUpView-36554491.js";import{u as xe}from"./retry-c0af13a7.js";import{S as he}from"./SpendingCapHero-3796316b.js";function Ie({theme:l,environment:p}){const{t:u}=e(),m=l===t.DARK?o(p,"/quickswapdark.webp"):o(p,"/quickswaplight.webp");return a(s,{testId:"quickswap-footer-container",sx:n,children:[a(s,{testId:"quickswap-logo",sx:r,children:[i(d,{size:"xSmall",sx:{paddingRight:"base.spacing.x1"},children:"By"}),i("img",{style:{height:"26px"},alt:"Quickswap logo",src:m})]}),i(d,{testId:"quickswap-footer-disclaimer-text",size:"xSmall",sx:c,children:u("footers.quickswapFooter.disclaimerText")})]})}const be={exchange:null,walletProviderName:null,network:null,tokenBalances:[],supportedTopUps:null,allowedTokens:[]};var Ce;!function(e){e.SET_EXCHANGE="SET_EXCHANGE",e.SET_WALLET_PROVIDER_NAME="SET_WALLET_PROVIDER_NAME",e.SET_NETWORK="SET_NETWORK",e.SET_SUPPORTED_TOP_UPS="SET_SUPPORTED_TOP_UPS",e.SET_TOKEN_BALANCES="SET_TOKEN_BALANCES",e.SET_ALLOWED_TOKENS="SET_ALLOWED_TOKENS"}(Ce||(Ce={}));const ke=l.createContext({swapState:be,swapDispatch:()=>{}});ke.displayName="SwapContext";const Pe=(e,t)=>{switch(t.payload.type){case Ce.SET_EXCHANGE:return{...e,exchange:t.payload.exchange};case Ce.SET_WALLET_PROVIDER_NAME:return{...e,walletProviderName:t.payload.walletProviderName};case Ce.SET_NETWORK:return{...e,network:t.payload.network};case Ce.SET_SUPPORTED_TOP_UPS:return{...e,supportedTopUps:{isSwapEnabled:t.payload.supportedTopUps.isSwapEnabled??!0,isOnRampEnabled:t.payload.supportedTopUps.isOnRampEnabled??!0,isBridgeEnabled:t.payload.supportedTopUps.isBridgeEnabled??!0}};case Ce.SET_TOKEN_BALANCES:return{...e,tokenBalances:t.payload.tokenBalances};case Ce.SET_ALLOWED_TOKENS:return{...e,allowedTokens:t.payload.allowedTokens};default:return e}},Re={fromAmountIn:async(e,t,o,a,n)=>{const s=await t.getSigner().getAddress();return e.getUnsignedSwapTxFromAmountIn(s,o.address,n.address,p.from(fe(a,o.decimals)))},fromAmountOut:async(e,t,o,a,n)=>{const s=await t.getSigner().getAddress();return e.getUnsignedSwapTxFromAmountOut(s,n.address,o.address,p.from(fe(a,o.decimals)))}},_e={display:"flex",flexDirection:"row",justifyContent:"space-between",columnGap:"base.spacing.x1"},Fe={flex:1},Oe={flex:2};function We({testId:e,options:t,textInputValue:o,textInputPlaceholder:n,textInputValidator:r,textInputType:d,onTextInputChange:c,onTextInputBlur:l,onTextInputFocus:p,textInputTextAlign:u,textInputSubtext:m,textInputErrorMessage:w,selectTextAlign:f,selectSubtext:T,selectErrorMessage:y,textInputMaxButtonClick:A,onSelectChange:E,textInputDisabled:S,selectInputDisabled:v,selectedOption:g,coinSelectorHeading:x,defaultTokenImage:h}){return a(s,{sx:_e,children:[i(s,{sx:Fe,children:i(de,{testId:`${e}-select-form`,options:t,subtext:T,textAlign:f,errorMessage:y,onSelectChange:E,disabled:v,selectedOption:g,coinSelectorHeading:x,defaultTokenImage:h})}),i(s,{sx:Oe,children:i(ce,{type:d,testId:`${e}-text-form`,value:o,placeholder:n,subtext:m,textAlign:u,errorMessage:w,validator:r,onTextInputChange:c,onTextInputBlur:l,onTextInputFocus:p,maxButtonClick:A,disabled:S})})]})}const De={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6",paddingX:"base.spacing.x4"},Ne={width:"base.icon.size.400"};function Le({loading:t,updateLoading:o,validator:n,transaction:r,data:d,insufficientFundsForGas:c,openNotEnoughImxDrawer:p,openNetworkSwitchDrawer:v}){const{t:g}=e(),[x,h]=l.useState(!1),{viewDispatch:I}=l.useContext(u),{connectLoaderState:b}=l.useContext(m),{checkout:C,provider:k}=b,{track:P}=w(),R=async()=>{const e=n();if(P({userJourney:T.SWAP,screen:"SwapCoins",control:"Swap",controlType:"Button",extras:{swapFromAddress:d?.fromTokenAddress,swapFromAmount:d?.fromAmount,swapFromTokenSymbol:d?.fromTokenSymbol,swapToAddress:d?.toTokenAddress,swapToAmount:d?.toAmount,swapToTokenSymbol:d?.toTokenSymbol,isSwapFormValid:e,hasFundsForGas:!c}}),e&&C&&k&&r)if(c)p();else{try{const e=await k.provider.request({method:"eth_chainId",params:[]});if(parseInt(e.toString())!==y(C.config))return void v()}catch(e){console.error("Current network check failed",e)}if(r)try{o(!0);const e={fromAmount:d?.fromAmount||"",fromTokenAddress:d?.fromTokenAddress||"",toTokenAddress:d?.toTokenAddress||"",toAmount:d?.toAmount||""};if(r.approval)return void I({payload:{type:A.UPDATE_VIEW,view:{type:Te.APPROVE_ERC20,data:{approveTransaction:r.approval.transaction,transaction:r.swap.transaction,info:r.quote,swapFormInfo:e}}}});const t=await C.sendTransaction({provider:k,transaction:r.swap.transaction});I({payload:{type:A.UPDATE_VIEW,view:{type:Te.IN_PROGRESS,data:{transactionResponse:t.transactionResponse,swapForm:e}}}})}catch(e){if(console.error(e),o(!1),e.type===E.USER_REJECTED_REQUEST_ERROR)return void h(!0);if(e.type===E.UNPREDICTABLE_GAS_LIMIT)return void I({payload:{type:A.UPDATE_VIEW,view:{type:Te.PRICE_SURGE,data:d}}});if(e.type===E.TRANSACTION_FAILED||e.type===E.INSUFFICIENT_FUNDS||e.receipt&&0===e.receipt.status)return void I({payload:{type:A.UPDATE_VIEW,view:{type:Te.FAIL,reason:"Transaction failed",data:d}}});I({payload:{type:A.UPDATE_VIEW,view:{type:S.ERROR_VIEW,error:e}}})}}};return a(s,{sx:De,children:[i(f,{testId:"swap-button",disabled:t,variant:"primary",onClick:R,size:"large",children:t?i(f.Icon,{icon:"Loading",sx:Ne}):g("views.SWAP.swapForm.buttonText")}),i(le,{visible:x,showHeaderBar:!1,onCloseDrawer:()=>h(!1),onRetry:()=>{R(),h(!1)}})]})}const Ve={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x1",height:"100%"},Be={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"base.spacing.x4"},Ue={display:"flex",flexDirection:"column",justifyContent:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},Me={width:"100%",height:"base.spacing.x16"},je={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:"base.spacing.x6"};function Ge({environment:t,visible:o,showAdjustAmount:n,hasZeroImx:r,onCloseDrawer:c,onAddCoinsClick:l}){const{t:p}=e(),u=v(t);return i(g,{size:"full",onCloseDrawer:c,visible:o,showHeaderBar:!1,children:i(g.Content,{children:a(s,{testId:"not-enough-gas-bottom-sheet",sx:Ve,children:[i(x,{imageUrl:u,sx:{w:"base.icon.size.600",h:"base.icon.size.600"}}),i(h,{size:"small",sx:Be,testId:"not-enough-gas-heading",children:p(`drawers.notEnoughImx.content.${r?"noImx":"insufficientImx"}.heading`)}),i(d,{sx:Be,children:p(`drawers.notEnoughImx.content.${r?"noImx":"insufficientImx"}.body`)}),a(s,{sx:Ue,children:[n&&i(f,{testId:"not-enough-gas-adjust-amount-button",sx:Me,variant:"tertiary",onClick:c,children:p("drawers.notEnoughImx.buttons.adjustAmount")}),i(f,{testId:"not-enough-gas-add-imx-button",sx:Me,variant:"tertiary",onClick:l,children:p("drawers.notEnoughImx.buttons.addMoreImx")}),i(f,{sx:Me,variant:"tertiary",onClick:c,testId:"not-enough-gas-cancel-button",children:p("drawers.notEnoughImx.buttons.cancel")})]}),i(s,{sx:je,children:i(I,{testId:"footer-logo-image",logo:"ImmutableHorizontalLockup",sx:{width:"base.spacing.x25"}})})]})})})}const He={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x4",paddingX:"base.spacing.x4",height:"100%"},$e={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"base.spacing.x4"},ze={display:"flex",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},Je={width:"100%",height:"base.spacing.x16",marginBottom:"base.spacing.x16"},qe={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:"base.spacing.x6"},Ke={width:"base.icon.size.600",fill:"base.color.status.fatal.bright"};function Xe({visible:t,onCloseDrawer:o}){const{t:n}=e();return i(g,{size:"full",onCloseDrawer:o,visible:t,showHeaderBar:!1,children:i(g.Content,{children:a(s,{testId:"unable-to-swap-bottom-sheet",sx:He,children:[i(b,{icon:"Alert",testId:"unable-to-swap-icon",variant:"bold",sx:Ke}),i(h,{size:"small",sx:$e,testId:"unable-to-swap-heading",children:n("drawers.unableToSwap.heading")}),i(d,{sx:$e,children:n("drawers.unableToSwap.body")}),i(s,{sx:ze,children:i(f,{sx:Je,variant:"tertiary",onClick:o,testId:"unable-to-swap-cancel-button",children:n("drawers.unableToSwap.buttons.cancel")})}),i(s,{sx:qe,children:i(I,{testId:"footer-logo-image",logo:"ImmutableHorizontalLockup",sx:{width:"base.spacing.x25"}})})]})})})}const Qe=(e,t=500)=>{const[o,a]=l.useState(e);return l.useEffect((()=>{const o=setTimeout((()=>{a(e)}),t);return()=>{clearTimeout(o)}}),[e,t]),o};class Ze{static id=0;promiseId=0;promise;isCancelled=!1;onCancel=null;rejectPromise=()=>{};constructor(e){Ze.id+=1,this.promiseId=Ze.id,this.promise=new Promise(((t,o)=>{this.rejectPromise=o,e((e=>{this.isCancelled?o({cancelled:!0}):t(e)}),(e=>{this.isCancelled?o({cancelled:!0}):o(e)}))}))}static all(e){return new Ze(((t,o)=>{Promise.all(e.map((e=>e instanceof Ze?e.promise:e))).then(t,o)}))}then(e,t){return new Ze(((o,a)=>{this.promise.then((t=>o(e?e(t):t)),(e=>t?o(t(e)):a(e)))}))}catch(e){return this.then(void 0,e)}finally(e){return new Ze(((t,o)=>{this.promise.then(t,o).finally((()=>{e&&e()}))}))}cancel(){this.isCancelled||(this.isCancelled=!0,this.onCancel&&this.onCancel(),this.rejectPromise({cancelled:!0}))}onCancelled(e){this.onCancel=e}get cancelled(){return this.isCancelled}}var Ye;!function(e){e.FROM="FROM",e.TO="TO"}(Ye||(Ye={}));const et=({swapFromToken:e,swapToToken:t,swapFromAmount:o,swapToAmount:a,conversion:n})=>{const s={fromToConversion:"",swapToAmount:""};if(!a)return s;if(s.swapToAmount=R(a),o&&e&&t){const o=_(R(Se(n,t.decimals)),!0);s.fromToConversion=`1 ${e.symbol} ≈ ${o} ${t.symbol}`}return s},tt=(e,t)=>void 0!==e&&(""!==e&&t!==e);let ot;function at({data:t,theme:o}){const{t:n}=e(),{swapState:{allowedTokens:r,exchange:c,tokenBalances:f,network:E}}=l.useContext(ke),{connectLoaderState:v}=l.useContext(m),{checkout:g,provider:x}=v,I=C(g?.config.environment,o),b=l.useCallback(((e,t)=>k(t)?P:`${e.toLowerCase()}-${t.toLowerCase()}`),[]),{cryptoFiatState:U,cryptoFiatDispatch:M}=l.useContext(ye),{viewDispatch:j}=l.useContext(u),[G,H]=l.useState(Ye.FROM),[$,z]=l.useState(!1),[J,q]=l.useState(p.from(0)),[K,X]=l.useState(""),{track:Q}=w(),[Z,Y]=l.useState(t?.fromAmount||""),[ee,te]=l.useState(""),oe=Qe(Z,L),[ae,ne]=l.useState(),[se,re]=l.useState(""),[ie,de]=l.useState(""),[ce,le]=l.useState(0),[me,we]=l.useState(t?.toAmount||""),[Te,ve]=l.useState(""),ge=Qe(me,L),[he,Ie]=l.useState(),[be,Ce]=l.useState(""),[Pe,_e]=l.useState(""),[Fe,Oe]=l.useState(null),[De,Ne]=l.useState(""),[Ve,Be]=l.useState(void 0),[Ue,Me]=l.useState(""),[je,He]=l.useState([]),[$e,ze]=l.useState(!1),[Je,qe]=l.useState(!1),[Ke,at]=l.useState(!1);l.useEffect((()=>{if(0===f.length)return;if(!E)return;const e=f.filter((e=>e.balance.gt(0))).map((e=>({id:b(e.token.symbol,e.token.address),name:e.token.name,symbol:e.token.symbol,icon:e.token.icon,balance:{formattedAmount:R(e.formattedBalance),formattedFiatAmount:0===U.conversions.size?_(""):F(e.formattedBalance,e.token.symbol||"",U.conversions)}})));He(e),t?.fromTokenAddress&&!ae&&(ne(r.find((e=>k(e.address)&&t?.fromTokenAddress?.toLowerCase()===P||e.address?.toLowerCase()===t?.fromTokenAddress?.toLowerCase()))),re(f.find((e=>k(e.token.address)&&t?.fromTokenAddress?.toLowerCase()===P||e.token.address?.toLowerCase()===t?.fromTokenAddress?.toLowerCase()))?.formattedBalance??"")),tt(t?.toTokenAddress,t?.fromTokenAddress)&&!he&&Ie(r.find((e=>k(e.address)&&t?.toTokenAddress?.toLowerCase()===P||e.address?.toLowerCase()===t?.toTokenAddress?.toLowerCase())))}),[f,r,U.conversions,t?.fromTokenAddress,t?.toTokenAddress,ne,re,Ie,He,b,_,E]);const nt=l.useMemo((()=>r.map((e=>({id:b(e.symbol,e.address),name:e.name,symbol:e.symbol,icon:e.icon})))),[r,ae]);l.useEffect((()=>{M({payload:{type:Ae.SET_TOKEN_SYMBOLS,tokenSymbols:r.map((e=>e.symbol))}})}),[M,r]);const st=()=>{te(""),de(""),ve(""),Ce("")},rt=()=>{ot&&ot.cancel(),X(""),Me(""),Oe(null)},it=(e,t)=>!Number.isNaN(parseFloat(e))&&(!(parseFloat(e)<=0)&&(!!ae&&(!!he&&(!t||!$)))),dt=async(e=!1)=>{it(Z,e)&&(ot&&ot.cancel(),e||z(!0),await(async(e=!1)=>{if(x&&c&&ae&&he){try{e||X("");const t=Re.fromAmountIn(c,x,ae,Z,he),o=Re.fromAmountIn(c,x,ae,"1",he),a=Ze.all([t,o]);ot=a;const n=await a,s=n[0],i=n[1];q(i.quote.amount.value);const d=s.swap.gasFeeEstimate;let l=p.from(d?.value||0);s.approval?.gasFeeEstimate&&(l=l.add(s.approval.gasFeeEstimate.value));const u=Se(l,B),m=d?.token,w=r.find((e=>e.address?.toLocaleLowerCase()===m?.address?.toLocaleLowerCase()));Oe(s),Ne(u),Be({name:w?.name||"",symbol:w?.symbol||"",decimals:w?.decimals||0,address:w?.address,icon:w?.icon}),Me(F(u,w?.symbol||"",U.conversions)),we(_(R(Se(s.quote.amount.value,s.quote.amount.token.decimals),s.quote.amount.token.decimals))),st()}catch(e){e.cancelled||(rt(),ze(!1),qe(!0))}e||z(!1)}})(e))},ct=(e,t)=>!Number.isNaN(parseFloat(e))&&(!(parseFloat(e)<=0)&&(!!ae&&(!!he&&(!t||!$)))),lt=async(e=!1)=>{ct(me,e)&&(ot&&ot.cancel(),e||z(!0),await(async(e=!1)=>{if(x&&c&&ae&&he){try{e||X("");const t=Re.fromAmountOut(c,x,he,me,ae),o=Re.fromAmountIn(c,x,ae,"1",he),a=Ze.all([t,o]);ot=a;const n=await a,s=n[0],i=n[1];q(i.quote.amount.value);const d=s.swap.gasFeeEstimate;let l=p.from(d?.value||0);s.approval?.gasFeeEstimate&&(l=l.add(s.approval.gasFeeEstimate.value));const u=Se(l,B),m=d?.token,w=r.find((e=>e.symbol===m?.symbol));Oe(s),Ne(u),Be({name:w?.name||"",symbol:w?.symbol||"",decimals:w?.decimals||0,address:w?.address,icon:w?.icon}),Me(F(u,w?.symbol||"",U.conversions)),Y(_(R(Se(s.quote.amount.value,s.quote.amount.token.decimals)))),st()}catch(e){e.cancelled||(rt(),ze(!1),qe(!0))}e||z(!1)}})(e))},pt=async(e=!1)=>{G===Ye.FROM?await dt(e):await lt(e)};xe((()=>pt(!0)),O),l.useEffect((()=>{if(G===Ye.FROM){if(oe<=0)return z(!1),void rt();(async()=>{await pt()})()}}),[oe,ae,he,ce]),l.useEffect((()=>{if(G===Ye.TO){if(ge<=0)return z(!1),void rt();(async()=>{await pt()})()}}),[ge,he,ae]);const ut=l.useMemo((()=>{const e=f.find((e=>e.token.address?.toLowerCase()===P));if(!e)return!0;const t=ae?.address?.toLowerCase()===P,o=Ee(0!==De.length?De:"0"),a=t&&!Number.isNaN(parseFloat(Z))?fe(Z,ae?.decimals||18):p.from("0");return o.add(a).gt(e.balance)}),[De,f,ae,Z]);l.useEffect((()=>{Z&&ae&&_e(F(Z,ae.symbol,U.conversions))}),[Z,ae]);const mt=l.useCallback((e=>{const t=f.find((t=>e===b(t.token.symbol,t.token.address)));t&&(he&&e===b(he.symbol,he?.address)&&Ie(void 0),ne(t.token),re(t.formattedBalance),de(""))}),[he]),wt=l.useCallback((e=>{const t=r.find((t=>e===b(t.symbol,t.address)));t&&(ae&&e===b(ae.symbol,ae?.address)&&ne(void 0),Ie(t),Ce(""))}),[ae]);return l.useEffect((()=>{Fe&&J&&X(et({swapFromToken:ae,swapFromAmount:Z,swapToToken:he,swapToAmount:me,conversion:J}).fromToConversion)}),[Fe,J]),a(N,{children:[a(s,{sx:{paddingX:"base.spacing.x4",marginBottom:"base.spacing.x2"},children:[i(h,{size:"small",weight:"regular",sx:{paddingBottom:"base.spacing.x4"},children:n("views.SWAP.content.title")}),a(s,{sx:{display:"flex",flexDirection:"column",rowGap:"base.spacing.x6",paddingBottom:"base.spacing.x2"},children:[a(s,{children:[i(h,{size:"xSmall",sx:{display:"flex",justifyContent:"space-between",paddingBottom:"base.spacing.x1"},children:n("views.SWAP.swapForm.from.label")}),i(We,{testId:"fromTokenInputs",options:je,selectSubtext:ae?`${n("views.SWAP.content.availableBalancePrefix")} ${R(se)}`:"",selectTextAlign:"left",textInputType:"number",textInputValue:Z,textInputPlaceholder:n("views.SWAP.swapForm.from.inputPlaceholder"),textInputSubtext:`${n("views.SWAP.content.fiatPricePrefix")} \n              $${_(Pe,!0)}`,textInputTextAlign:"right",textInputValidator:W,onTextInputChange:e=>{return t=e,st(),rt(),we(""),it(t,!1)&&z(!0),void Y(t);var t},onTextInputFocus:()=>{H(Ye.FROM)},textInputMaxButtonClick:()=>{if(!se)return;const e=se.slice(0,se.indexOf(".")+V+1);st(),rt(),H(Ye.FROM),we(""),it(e,!1)&&z(!0),Z===e?le(ce+1):Y(e),Q({userJourney:T.SWAP,screen:"SwapCoins",control:"MaxFrom",controlType:"Button",extras:{fromBalance:se,fromBalanceTruncated:e}})},onSelectChange:mt,textInputErrorMessage:n(ee),selectErrorMessage:n(ie),selectedOption:ae?b(ae.symbol,ae.address):void 0,coinSelectorHeading:n("views.SWAP.swapForm.from.selectorTitle"),defaultTokenImage:I})]}),a(s,{children:[a(s,{sx:{display:"flex",justifyContent:"space-between",paddingBottom:"base.spacing.x1"},children:[i(h,{size:"xSmall",children:n("views.SWAP.swapForm.to.label")}),i(d,{sx:{color:"base.color.brand.4"},size:"small",children:K})]}),i(We,{testId:"toTokenInputs",options:nt,selectTextAlign:"left",textInputType:"number",textInputValue:me,textInputPlaceholder:n("views.SWAP.swapForm.to.inputPlaceholder"),textInputTextAlign:"right",textInputValidator:W,onTextInputChange:e=>{return t=e,st(),rt(),_e(""),Y(""),ct(t,!1)&&z(!0),void we(t);var t},onTextInputFocus:()=>{H(Ye.TO)},onSelectChange:wt,textInputErrorMessage:n(Te),selectErrorMessage:n(be),selectedOption:he?b(he.symbol,he.address):void 0,coinSelectorHeading:n("views.SWAP.swapForm.to.selectorTitle"),defaultTokenImage:I})]})]}),i(pe,{gasFeeFiatValue:Ue,gasFeeToken:Ve,gasFeeValue:De,fees:[{label:n("drawers.feesBreakdown.fees.gasFeeSwap.label"),fiatAmount:`~ ${n("drawers.feesBreakdown.fees.fiatPricePrefix")}${Ue}`,amount:R(De),prefix:"~"}],onFeesClick:()=>{Q({userJourney:T.SWAP,screen:"SwapCoins",control:"ViewFees",controlType:"Button"})},sx:{paddingBottom:"0"},loading:$})]}),i(Le,{validator:()=>{const e=function(e){return e?"":"views.SWAP.validation.noFromTokenSelected"}(ae),t=(a=se,(o=Z)&&0!==parseFloat(o)?a&&Number(o)>Number(a)?"views.SWAP.validation.insufficientBalance":"":"views.SWAP.validation.noAmountInputted");var o,a;const n=function(e){return e?"":"views.SWAP.validation.noToTokenSelected"}(he),s=function(e){return e&&0!==parseFloat(e)?"":"views.SWAP.validation.noAmountInputted"}(me);G===Ye.FROM?(ve(""),t&&te(t)):G===Ye.TO&&(te(""),s&&ve(s)),e&&de(e),n&&Ce(n);let r=!0;return(e||n||t&&G===Ye.FROM||s&&G===Ye.TO)&&(r=!1),Q({userJourney:T.SWAP,screen:"SwapCoins",control:"FormValid",controlType:"Button",extras:{isSwapFormValid:r,swapFromAddress:ae?.address,swapFromAmount:Z,swapFromTokenSymbol:ae?.symbol,swapToAddress:he?.address,swapToAmount:me,swapToTokenSymbol:he?.symbol}}),r},updateLoading:e=>{z(e)},loading:$,transaction:Fe,data:{fromAmount:Z,toAmount:me,fromTokenSymbol:ae?.symbol,fromTokenAddress:ae?.address,toTokenSymbol:he?.symbol,toTokenAddress:he?.address},insufficientFundsForGas:ut,openNotEnoughImxDrawer:()=>{qe(!1),ze(!0)},openNetworkSwitchDrawer:()=>at(!0)}),i(Ge,{environment:g?.config.environment??D.PRODUCTION,visible:$e,showAdjustAmount:ae?.address===P,hasZeroImx:!1,onAddCoinsClick:()=>{j({payload:{type:A.UPDATE_VIEW,view:{type:S.TOP_UP_VIEW},currentViewData:{fromTokenAddress:ae?.address??"",fromAmount:Z,toTokenAddress:he?.address??""}}})},onCloseDrawer:()=>ze(!1)}),i(Xe,{visible:Je,onCloseDrawer:()=>{qe(!1),ne(void 0),Y(""),Ie(void 0),we("")}}),i(ue,{visible:Ke,targetChainId:y(g?.config),provider:x,checkout:g,onCloseDrawer:()=>at(!1)})]})}const nt=(e,t)=>{if(0===e.length)return!0;let o=!1;return e.forEach((e=>{e.token.symbol===t&&e.balance.eq(0)&&(o=!0)})),o};function st({theme:t,fromAmount:o,toAmount:n,fromTokenAddress:r,toTokenAddress:d}){const{t:c}=e(),{viewDispatch:p}=l.useContext(u),{eventTargetState:{eventTarget:f}}=l.useContext(U),{swapState:{tokenBalances:y}}=l.useContext(ke),{connectLoaderState:{checkout:E}}=l.useContext(m),[v,g]=l.useState(!1),{page:x}=w();return l.useEffect((()=>{x({userJourney:T.SWAP,screen:"SwapCoins",extras:{fromAmount:o,toAmount:n,fromTokenAddress:r,toTokenAddress:d}})}),[]),l.useEffect((()=>{nt(y,H)&&g(!0)}),[y]),i(G,{header:i(M,{title:c("views.SWAP.header.title"),onCloseButtonClick:()=>j(f)}),footer:i(Ie,{environment:E?.config.environment,theme:t}),children:a(s,{sx:{height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[i(at,{data:{fromAmount:o,toAmount:n,fromTokenAddress:r,toTokenAddress:d},theme:t}),i(Ge,{environment:E?.config.environment??D.PRODUCTION,visible:v,showAdjustAmount:!1,hasZeroImx:!0,onAddCoinsClick:()=>{p({payload:{type:A.UPDATE_VIEW,view:{type:S.TOP_UP_VIEW}}})},onCloseDrawer:()=>{g(!1)}})]})})}function rt({transactionResponse:t,swapForm:o}){const{t:a}=e(),{viewDispatch:n}=l.useContext(u),{page:s}=w();return l.useEffect((()=>{s({userJourney:T.SWAP,screen:"SwapInProgress",extras:{swapFormInfo:o}})}),[]),l.useEffect((()=>{(async()=>{try{const e=await t.wait();if(1===e.status)return void n({payload:{type:A.UPDATE_VIEW,view:{type:Te.SUCCESS,data:{fromTokenAddress:o.fromTokenAddress,fromAmount:o.fromAmount,toTokenAddress:o.toTokenAddress,toAmount:o.toAmount||"",transactionHash:e.transactionHash}}}});n({payload:{type:A.UPDATE_VIEW,view:{type:Te.FAIL,data:o,reason:"Transaction failed"}}})}catch{n({payload:{type:A.UPDATE_VIEW,view:{type:Te.FAIL,data:o,reason:"Transaction failed"}}})}})()}),[t]),i($,{loadingText:a("views.SWAP.IN_PROGRESS.loading.text")})}function it({data:t}){const{t:o}=e(),{swapState:{allowedTokens:n}}=l.useContext(ke),{connectLoaderState:r}=l.useContext(m),{checkout:d,provider:c}=r,{viewDispatch:p}=l.useContext(u),{eventTargetState:{eventTarget:f}}=l.useContext(U),y=z(c),[v,g]=l.useState(!1),[x,h]=l.useState(!1),[I,b]=l.useState(!1),[C,k]=l.useState(!1),[P,R]=l.useState(!1),[_,F]=l.useState(!1),{page:O,track:W}=w();l.useEffect((()=>{O({userJourney:T.SWAP,screen:"ApproveERC20",extras:{swapFormInfo:t.swapFormInfo}})}),[]);const D=l.useMemo((()=>n.find((e=>e.address===t.swapFormInfo.fromTokenAddress))),[n,t.swapFormInfo.fromTokenAddress]),L=l.useCallback((()=>{p({payload:{type:A.UPDATE_VIEW,view:{type:S.ERROR_VIEW,error:new Error("No checkout object or no provider object found")}}})}),[p]),V=l.useCallback((()=>{p({payload:{type:A.UPDATE_VIEW,view:{type:Te.SWAP,data:t.swapFormInfo}}})}),[p]),B=(e,t)=>{e.type!==E.UNPREDICTABLE_GAS_LIMIT?e.type===E.TRANSACTION_FAILED||e.type===E.INSUFFICIENT_FUNDS||e.receipt&&0===e.receipt.status?p({payload:{type:A.UPDATE_VIEW,view:{type:Te.FAIL,reason:"Transaction failed",data:t}}}):p({payload:{type:A.UPDATE_VIEW,view:{type:S.ERROR_VIEW,error:e}}}):p({payload:{type:A.UPDATE_VIEW,view:{type:Te.PRICE_SURGE,data:t}}})},H=l.useCallback((async()=>{if(!C)if(W({userJourney:T.SWAP,screen:"ApproveERC20",control:"ApproveSpending",controlType:"Button"}),k(!0),d&&c){if(!v){g(!0);try{const e=await d.sendTransaction({provider:c,transaction:t.approveTransaction});h(!0);if(1!==(await e.transactionResponse.wait()).status)return void p({payload:{type:A.UPDATE_VIEW,view:{type:Te.FAIL,data:t.swapFormInfo}}});h(!1),g(!1),b(!0)}catch(e){if(h(!1),g(!1),e.type===E.USER_REJECTED_REQUEST_ERROR)return void R(!0);B(e,t.swapFormInfo)}finally{k(!1)}}}else L()}),[d,c,L,p,F,t.approveTransaction,t.swapFormInfo,v,g,h]),K=l.useMemo((()=>a(J,{heading:o(`views.APPROVE_ERC20.approveSpending.content.${y?"passport":"metamask"}.heading`),children:[y&&i(s,{children:o("views.APPROVE_ERC20.approveSpending.content.passport.body")}),!y&&i(s,{children:o("views.APPROVE_ERC20.approveSpending.content.metamask.body",{amount:`${t.swapFormInfo.fromAmount} ${D?.symbol||""}`})})]})),[t.swapFormInfo,D,y]),X=l.useMemo((()=>i(q,{loading:C,actionText:o(P?"views.APPROVE_ERC20.approveSpending.footer.retryText":"views.APPROVE_ERC20.approveSpending.footer.buttonText"),onActionClick:H})),[P,H,C]),Q=l.useCallback((async()=>{if(!C)if(W({userJourney:T.SWAP,screen:"ApproveERC20",control:"ApproveSwap",controlType:"Button"}),k(!0),d&&c){if(!v){g(!0);try{const e=await d.sendTransaction({provider:c,transaction:t.transaction});g(!1),p({payload:{type:A.UPDATE_VIEW,view:{type:Te.IN_PROGRESS,data:{transactionResponse:e.transactionResponse,swapForm:t.swapFormInfo}}}})}catch(e){if(g(!1),e.type===E.USER_REJECTED_REQUEST_ERROR)return void F(!0);B(e,t.swapFormInfo)}finally{k(!1)}}}else L()}),[d,c,L,p,F,t.transaction,t.swapFormInfo,v,g]),Z=i(J,{heading:o("views.APPROVE_ERC20.approveSwap.content.heading"),children:i(s,{children:o("views.APPROVE_ERC20.approveSwap.content.body")})}),Y=l.useMemo((()=>i(q,{loading:C,actionText:o(_?"views.APPROVE_ERC20.approveSwap.footer.retryText":"views.APPROVE_ERC20.approveSwap.footer.buttonText"),onActionClick:Q})),[_,Q,C]);return a(N,{children:[x&&i($,{loadingText:o("views.APPROVE_ERC20.approveSpending.loading.text")}),!x&&i(G,{header:i(M,{transparent:!0,showBack:!0,onCloseButtonClick:()=>j(f),onBackButtonClick:V}),floatHeader:!0,heroContent:i(I?me:he,{}),footer:I?Y:X,children:I?Z:K})]})}function dt({amount:t,fromTokenAddress:o,toTokenAddress:n,config:s}){const{t:r}=e(),{eventTargetState:{eventTarget:d}}=l.useContext(U),{environment:c,theme:p,isOnRampEnabled:f,isSwapEnabled:E,isBridgeEnabled:v}=s,{connectLoaderState:{checkout:g,provider:x}}=l.useContext(m),[h,I]=l.useReducer(K,{...X,history:[]}),[b,C]=l.useReducer(Pe,be),{page:k}=w(),[P,R]=l.useState(!1),_=l.useMemo((()=>({swapState:b,swapDispatch:C})),[b,C]),F=l.useMemo((()=>({viewState:h,viewDispatch:I})),[h,I]),O=l.useCallback(((e,t)=>{I({payload:{type:A.UPDATE_VIEW,view:{type:S.ERROR_VIEW,tryAgain:t,error:e}}})}),[I]),W=l.useCallback((()=>{I({payload:{type:A.UPDATE_VIEW,view:{type:Te.SWAP}}})}),[I]),D=l.useCallback((async()=>{if(!g)throw new Error("loadBalances: missing checkout");if(!x)throw new Error("loadBalances: missing provider");try{const e=await we({checkout:g,provider:x,allowTokenListType:Q.SWAP});if(void 0===e)return!1;C({payload:{type:Ce.SET_ALLOWED_TOKENS,allowedTokens:e.allowList.tokens}}),C({payload:{type:Ce.SET_TOKEN_BALANCES,tokenBalances:e.allowedBalances}})}catch(e){if(Z.nonRetryable(e))return O(e,D),!1}return!0}),[g,x]);return l.useEffect((()=>{(async()=>{if(!g||!x)return;const e=await g.getNetworkInfo({provider:x});if(e.chainId!==y(g.config))return;let t;try{t=await g.config.remote.getConfig("dex")}catch(e){return void O(e)}const o=new Y({chainId:e.chainId,baseConfig:new ee({environment:c}),secondaryFees:t.secondaryFees,overrides:t.overrides});C({payload:{type:Ce.SET_EXCHANGE,exchange:o}}),C({payload:{type:Ce.SET_NETWORK,network:e}}),await D()&&h.view.type===S.LOADING_VIEW&&W()})()}),[g,x]),i(u.Provider,{value:F,children:i(ke.Provider,{value:_,children:a(ge,{environment:c,children:[h.view.type===S.LOADING_VIEW&&i($,{loadingText:r("views.LOADING_VIEW.text")}),h.view.type===Te.SWAP&&i(st,{theme:p,fromAmount:h.view.data?.fromAmount??t,fromTokenAddress:h.view.data?.fromTokenAddress??o,toTokenAddress:h.view.data?.toTokenAddress??n}),h.view.type===Te.IN_PROGRESS&&i(rt,{transactionResponse:h.view.data.transactionResponse,swapForm:h.view.data.swapForm}),h.view.type===Te.APPROVE_ERC20&&i(it,{data:h.view.data}),h.view.type===Te.SUCCESS&&i(te,{statusText:r("views.SWAP.success.text"),actionText:r("views.SWAP.success.actionText"),onRenderEvent:()=>{k({userJourney:T.SWAP,screen:"SwapSuccess",extras:{fromTokenAddress:h.view.data?.fromTokenAddress,fromAmount:h.view.data?.fromAmount,toTokenAddress:h.view.data?.toTokenAddress,toAmount:h.view.data?.toAmount}}),oe(d,h.view.data.transactionHash)},onActionClick:()=>j(d),statusType:ae.SUCCESS,testId:"success-view"}),h.view.type===Te.FAIL&&i(te,{statusText:r("views.SWAP.failed.text"),actionText:r("views.SWAP.failed.actionText"),onRenderEvent:()=>{k({userJourney:T.SWAP,screen:"SwapFailed"}),ne(d,"Transaction failed")},onActionClick:()=>{h.view.type===Te.FAIL&&I({payload:{type:A.UPDATE_VIEW,view:{type:Te.SWAP,data:h.view.data}}})},statusType:ae.FAILURE,onCloseClick:()=>j(d),testId:"fail-view"}),h.view.type===Te.PRICE_SURGE&&i(te,{statusText:r("views.SWAP.rejected.text"),actionText:r("views.SWAP.rejected.actionText"),onRenderEvent:()=>{k({userJourney:T.SWAP,screen:"PriceSurge"}),se(d,"Price surge")},onActionClick:()=>{h.view.type===Te.PRICE_SURGE&&I({payload:{type:A.UPDATE_VIEW,view:{type:Te.SWAP,data:h.view.data}}})},statusType:ae.WARNING,onCloseClick:()=>j(d),testId:"price-surge-view"}),h.view.type===S.ERROR_VIEW&&i(re,{actionText:r("views.ERROR_VIEW.actionText"),onActionClick:async()=>{R(!0);const e=h.view;if(!e.tryAgain)return W(),void R(!1);await e.tryAgain()&&W(),R(!1)},onCloseClick:()=>j(d),errorEventActionLoading:P}),h.view.type===S.TOP_UP_VIEW&&i(ve,{analytics:{userJourney:T.SWAP},checkout:g,provider:x,widgetEvent:ie.IMTBL_SWAP_WIDGET_EVENT,showOnrampOption:f,showSwapOption:E,showBridgeOption:v,onCloseButtonClick:()=>j(d)})]})})})}export{dt as default};

package/dist/browser/checkout/index-37d968ab.js

@@ -1 +0,0 @@
-import{dA as r,ds as a}from"./index-3c243042.js";function s(r,a){return Object.keys(a).reduce((function(s,e){e.startsWith(r)&&(s[e.substr(r.length)]=a[e]);return s}),{})}function e(e,t){var i=document.createElement("a");i.href=t;var n=i.search.slice(1).split("&").reduce((function(a,s){var e=s.split("="),t=e[0],i=e[1];return a[t]=r(i),a}),{}),u=[],d=n.ajs_uid,o=n.ajs_event,j=n.ajs_aid,_=a(e.options.useQueryString)?e.options.useQueryString:{},v=_.aid,c=void 0===v?/.+/:v,f=_.uid,y=void 0===f?/.+/:f;if(j){var p=Array.isArray(n.ajs_aid)?n.ajs_aid[0]:n.ajs_aid;c.test(p)&&e.setAnonymousId(p)}if(d){var A=Array.isArray(n.ajs_uid)?n.ajs_uid[0]:n.ajs_uid;if(y.test(A)){var l=s("ajs_trait_",n);u.push(e.identify(A,l))}}if(o){var h=Array.isArray(n.ajs_event)?n.ajs_event[0]:n.ajs_event,m=s("ajs_prop_",n);u.push(e.track(h,m))}return Promise.all(u)}export{e as queryString};

package/dist/browser/checkout/index-d9c7fb5b.js

@@ -1 +0,0 @@
-import{de as n,df as t}from"./index-3c243042.js";function i(i){return n(this,void 0,void 0,(function(){var n;return t(this,(function(t){switch(t.label){case 0:return[4,import("./index.umd-d72441fd.js").then((function(n){return n.i}))];case 1:return n=t.sent(),i._plugins=n,[2]}}))}))}export{i as loadLegacyVideoPlugins};