@imtbl/checkout-widgets 2.0.0-alpha.0

package/dist/node/chunk-YZP7VIZZ.js

@@ -0,0 +1 @@
+import{c as De,d as Xe,e as Tt}from"./chunk-OQQYEFTA.js";import{a as jo,b as er,c as tr,d as or,e as rr,f as nr,g as vt}from"./chunk-AAYNER66.js";import{a as Fo}from"./chunk-U5NIPQGN.js";import{a as Oe,b as zt,c as Kt,d as Xo}from"./chunk-KSTBNWCA.js";import{b as Zo}from"./chunk-6TWJH2AM.js";import{a as Et}from"./chunk-HZLDGMYD.js";import{a as Yo}from"./chunk-3YTH4LI4.js";import{c as Ue}from"./chunk-MD2VWWAQ.js";import{a as ht}from"./chunk-KNH42REY.js";import{a as zo,b as xt}from"./chunk-JKILWATI.js";import{d as Q,e as wt,f as Le,i as Ce,j as Ye,m as ye,n as Mo,p as Ut,q as Go,u as Ko,v as Qo}from"./chunk-RLN6G3DA.js";import{a as he,c as qo}from"./chunk-BYAQUPEK.js";import{a as Ho}from"./chunk-Z3BWDS2L.js";import{$ as Y,A as xe,B as Re,D as Do,E as Oo,I as R,M as ie,N as e,O as l,Q as Z,R as gt,S as ue,T as Ve,U as Ee,W as Ht,Z as qe,c as Te,ca as Vo,d as Vt,da as H,ea as Uo,i as Wo,j as Ie,ma as yt,n as Ro,na as j,oa as $o,qa as Jo,ra as He,sa as ee,u as _o,v as Po,w as No,x as ft,y as Lo,z as re}from"./chunk-2MYO4ISV.js";import{IMTBLWidgetEvents as gi}from"@imtbl/checkout-sdk";import{useCallback as Mt,useContext as wi,useEffect as Ti,useMemo as da,useReducer as ca}from"react";import{BridgeConfiguration as xi,ETH_MAINNET_TO_ZKEVM_MAINNET as yi,ETH_SEPOLIA_TO_ZKEVM_DEVNET as Ei,ETH_SEPOLIA_TO_ZKEVM_TESTNET as hi,TokenBridge as vi}from"@imtbl/bridge-sdk";import{useTranslation as Si}from"react-i18next";import{ImmutableConfiguration as bi}from"@imtbl/config";import{JsonRpcProvider as pa}from"ethers";import{useCallback as rt,useContext as to,useEffect as Jr,useMemo as Za,useState as Bt}from"react";import{Box as oo}from"@biom3/react";import{WrappedBrowserProvider as ja,TokenFilterTypes as es,WalletProviderRdns as ts}from"@imtbl/checkout-sdk";import{useTranslation as os}from"react-i18next";import{JsonRpcProvider as Qr}from"ethers";import ar,{HttpStatusCode as ua}from"axios";import{IMMUTABLE_API_BASE_URL as fa}from"@imtbl/checkout-sdk";var ga=60,St=class{url;ttl;env;cacheMap;setCache(o,n){this.cacheMap[o]={data:n,ttl:new Date().getTime()+this.ttl*1e3}}getCache(o){let n=this.cacheMap[o];return!n||n.ttl<=new Date().getTime()?null:n.data}constructor(o){this.env=o.env,this.url=`${fa[this.env]}/checkout`,this.cacheMap={},this.ttl=o.ttl!==void 0?o.ttl:ga}static isHttpError=o=>"code"in o;async getTransactions(o){let{txType:n,fromAddress:i}=o;try{let r=`${this.url}/v1/transactions?from_address=${i}&tx_type=${n}`,a=this.getCache(r);if(a)return Promise.resolve(a);let s=await ar.get(r);if(s.status>=400)return Promise.reject({code:s.status,message:s.statusText});let{data:d}=s;return this.setCache(r,d),Promise.resolve(d)}catch(r){let a=ua.InternalServerError,s="InternalServerError";return ar.isAxiosError(r)&&(a=r.response?.status||a,s=r.message),Promise.reject({code:a,message:s})}}};var ze={IN_PROGRESS:"in_progress",WITHDRAWAL_PENDING:"withdrawal_pending"};import{createContext as wa}from"react";var $t={browserProvider:null,walletProviderName:null,from:null,to:null,tokenBridge:null,tokenBalances:[],allowedTokens:[],token:null,amount:"0",riskAssessment:void 0};var M=wa({bridgeState:{...$t,checkout:{}},bridgeDispatch:()=>{}});M.displayName="BridgeContext";var sr=(t,o)=>{switch(o.payload.type){case"SET_WALLETS_AND_NETWORKS":return{...t,from:o.payload.from,to:o.payload.to};case"SET_WALLET_PROVIDER_NAME":return{...t,walletProviderName:o.payload.walletProviderName};case"SET_PROVIDER":return{...t,browserProvider:o.payload.browserProvider};case"SET_TOKEN_BRIDGE":return{...t,tokenBridge:o.payload.tokenBridge};case"SET_TOKEN_BALANCES":return{...t,tokenBalances:o.payload.tokenBalances};case"SET_ALLOWED_TOKENS":return{...t,allowedTokens:o.payload.allowedTokens};case"SET_TOKEN_AND_AMOUNT":return{...t,token:o.payload.token,amount:o.payload.amount};case"SET_RISK_ASSESSMENT":return{...t,riskAssessment:o.payload.riskAssessment};default:return t}};import{BridgeEventType as Ze,IMTBLWidgetEvents as je}from"@imtbl/checkout-sdk";var ir=(t,o)=>{let n=new CustomEvent(je.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:Ze.TRANSACTION_SENT,data:{transactionHash:o}}});console.log("bridge success ",t,n),t!==void 0&&t.dispatchEvent(n)},lr=(t,o)=>{let n=new CustomEvent(je.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:Ze.FAILURE,data:{reason:o,timestamp:new Date().getTime()}}});console.log("bridge failed ",t,n),t!==void 0&&t.dispatchEvent(n)};function $(t){let o=new CustomEvent(je.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:Ze.CLOSE_WIDGET,data:{}}});console.log("bridge close ",t,o),t!==void 0&&t.dispatchEvent(o)}var dr=(t,o)=>{let n=new CustomEvent(je.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:Ze.CLAIM_WITHDRAWAL_SUCCESS,data:{transactionHash:o}}});console.log("bridge claim withdrawal success event:",t,n),t!==void 0&&t.dispatchEvent(n)},cr=(t,o,n)=>{let i=new CustomEvent(je.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:Ze.CLAIM_WITHDRAWAL_FAILURE,data:{transactionHash:o,reason:n,timestamp:new Date().getTime()}}});console.log("bridge claim withdrawal failed event:",t,i),t!==void 0&&t.dispatchEvent(i)};import{MenuItem as Jt,ShimmerBox as Ta,Stack as xa}from"@biom3/react";function pr(){return l(xa,{sx:{gap:"base.spacing.x2"},children:[e(Ta,{sx:{h:"base.spacing.x4",w:"base.spacing.x32",mt:"base.spacing.x2"}}),e(Jt,{shimmer:!0,emphasized:!0,size:"small"}),e(Jt,{shimmer:!0,emphasized:!0,size:"small"}),e(Jt,{shimmer:!0,emphasized:!0,size:"small"})]})}var mr={px:"base.spacing.x4",display:"flex",flexDirection:"column",height:"100%"},ur={flexGrow:"1",flexShrink:"0",flexBasis:"0"};var fr={flexGrow:"0",flexShrink:"1",mt:"base.spacing.x2"};import{Body as ya,Box as Ea,Button as ha}from"@biom3/react";import{useTranslation as va}from"react-i18next";var gr={bg:"base.color.translucent.emphasis.100",borderRadius:"base.borderRadius.x4",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",height:"100%",px:"base.spacing.x5"};function wr({openWalletDrawer:t}){let{t:o}=va();return l(Ea,{sx:gr,children:[e(ya,{sx:{mb:"base.spacing.x8"},children:o("views.TRANSACTIONS.status.emptyState.notConnected.body")}),e(ha,{variant:"secondary",size:"medium",testId:"transactions-connect-wallet-button",onClick:t,children:o("views.TRANSACTIONS.status.emptyState.notConnected.buttonText")})]})}import{Body as Yt,Box as qt,Link as xr}from"@biom3/react";import{useState as Sa,useEffect as ba}from"react";import{useTranslation as Ia}from"react-i18next";var Tr={backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",p:"base.spacing.x5",borderRadius:"base.borderRadius.x6"},Qt={color:"base.color.text.body.secondary"};function yr({checkout:t,isPassport:o}){let{t:n}=Ia(),[i,r]=Sa("");return ba(()=>{t&&r(ft[t.config.environment])},[t]),e(qt,{sx:Tr,children:l(qt,{sx:{display:"flex",flexDirection:"column"},children:[l(qt,{children:[e(Yt,{size:"small",children:n("views.TRANSACTIONS.support.body1")}),l(Yt,{size:"small",sx:Qt,children:[n("views.TRANSACTIONS.support.body2"),e(xr,{size:"small",rc:e("a",{target:"_blank",href:n("views.TRANSACTIONS.support.supportLink"),rel:"noreferrer"}),children:n("views.TRANSACTIONS.support.body3")})]})]}),o&&l(Yt,{size:"small",sx:Qt,children:[n("views.TRANSACTIONS.support.passport.body1")," ",e(xr,{size:"small",rc:e("a",{target:"_blank",href:i,rel:"noreferrer"}),children:n("views.TRANSACTIONS.support.passport.body2")})]})]})})}import{Box as Dr}from"@biom3/react";import{useCallback as Or,useContext as Ha,useEffect as za,useState as Ka}from"react";import{useTranslation as $a}from"react-i18next";import{formatUnits as Ja}from"ethers";import{Accordion as Xt,Box as Aa,Divider as Ba,MenuItem as tt,Link as ka}from"@biom3/react";import{useMemo as Wa}from"react";var bt={display:"flex",flexDirection:"column",borderRadius:"base.borderRadius.x4",bg:"base.color.translucent.emphasis.100"};var Er={p:"base.spacing.x3",d:"flex",justifyContent:"space-between",position:"relative"},hr={display:"flex",flexGrow:"1",alignItems:"center",gap:"base.spacing.x2"};import{Box as et,Icon as Ca,Body as vr,EllipsizedText as Sr,FramedImage as br}from"@biom3/react";function It({transaction:t,environment:o}){let n=Kt(t.details.from_chain),i=Kt(t.details.to_chain);return l(et,{sx:{display:"flex",px:"base.spacing.x4",gap:"base.spacing.x2"},children:[e(br,{sx:{w:"base.icon.size.400",h:"base.icon.size.400"},use:e("img",{src:ye(o,n),alt:Re[n]})}),l(et,{sx:{display:"flex",flexDirection:"column",flexGrow:"1"},children:[e(vr,{size:"xxSmall",sx:{color:"base.color.translucent.standard.900"},children:Re[n]}),e(Sr,{size:"xxSmall",sx:{color:"base.color.translucent.standard.600"},text:t.details.from_address})]}),e(et,{sx:{flexGrow:"1"}}),e(Ca,{icon:"ArrowForward",sx:{w:"base.icon.size.250",fill:"base.color.brand.4"}}),e(et,{sx:{flexGrow:"1"}}),e(br,{sx:{w:"base.icon.size.400",h:"base.icon.size.400"},use:e("img",{src:ye(o,i),alt:Re[i]})}),l(et,{sx:{display:"flex",flexDirection:"column",flexGrow:"1"},children:[e(vr,{size:"xxSmall",sx:{color:"base.color.translucent.standard.900"},children:Re[i]}),e(Sr,{size:"xxSmall",sx:{color:"base.color.translucent.standard.600"},text:t.details.to_address})]})]})}function Ir({label:t,details:o,transaction:n,fiatAmount:i,amount:r,icon:a,defaultTokenImage:s,environment:d}){let{track:m}=R(),T=Wa(()=>`${o.link}${o.hash}`,[o]),x=(f,S)=>{f.stopPropagation(),m({userJourney:"Bridge",screen:"TransactionItem",control:"Details",controlType:"Link",extras:{linkDetail:S}})};return e(Aa,{testId:`transaction-item-${n.blockchain_metadata.transaction_hash}`,sx:bt,children:l(Xt,{chevronSide:"right",sx:{button:{p:"base.spacing.x1"},article:{pr:"base.spacing.x10"}},onExpandChange:f=>f&&m({userJourney:"Bridge",screen:"TransactionItem",control:"Accordion",controlType:"Button"}),children:[e(Xt.TargetLeftSlot,{sx:{pr:"base.spacing.x2"},children:l(tt,{size:"xSmall",children:[e(tt.FramedImage,{circularFrame:!0,use:e(xt,{src:a,name:t,defaultImage:s})}),e(tt.Label,{children:t}),e(tt.Caption,{children:e(ka,{size:"xSmall",rc:e("a",{target:"_blank",href:T,rel:"noreferrer",onClick:f=>x(f,o)}),children:o.text})}),e(tt.PriceDisplay,{fiatAmount:i,price:r})]})}),l(Xt.ExpandedContent,{sx:{pr:"0",pl:"0",mb:"base.spacing.x3",gap:"0"},children:[e(Ba,{size:"xSmall",sx:{px:"base.spacing.x2"}}),e(It,{transaction:n,environment:d})]})]})})}var Cr=t=>{let o=440;return t&&(o-=20),{backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",pt:"base.spacing.x5",pb:"base.spacing.x4",borderRadius:"base.borderRadius.x6",h:`${o}px`,w:"100%",overflowY:"scroll"}},Ar={borderRadius:"base.borderRadius.x4",display:"flex",flexDirection:"column",gap:"base.spacing.x5"};import{Accordion as Zt,Body as Ra,Box as jt,Button as _a,Divider as Br,Icon as Pa,MenuItem as ot}from"@biom3/react";import{useContext as Na,useMemo as Ct}from"react";import{useTranslation as La}from"react-i18next";function kr({label:t,transaction:o,fiatAmount:n,amount:i,icon:r,defaultTokenImage:a,environment:s}){let{viewDispatch:d}=Na(H),{track:m}=R(),T=La(),x=Ct(()=>new Date().getTime(),[]),f=Ct(()=>o.details.current_status.withdrawal_ready_at?new Date(o.details.current_status.withdrawal_ready_at):void 0,[o]),S=o.details.current_status.status===ze.WITHDRAWAL_PENDING,u=new Intl.RelativeTimeFormat(T[1].language||"en",{numeric:"auto"}),g=Ct(()=>{if(!S||f===void 0)return"";let C=(f.getTime()-x)/(60*1e3);if(C<=1)return"in 1 minute";if(C<60)return u.format(Math.ceil(C),"minute");let L=C/60;if(C<60*24)return u.format(Math.ceil(L),"hour");let z=L/24;return u.format(Math.ceil(z),"day")},[x,T[1].language]),p=f?f.getTime()<x:!1,h=Ct(()=>p===!0?T.t("views.TRANSACTIONS.status.withdrawalPending.withdrawalReadyText"):`${T.t("views.TRANSACTIONS.status.withdrawalPending.withdrawalDelayText")} ${g}`,[g,T[1].language]),W=()=>{d({payload:{type:"UPDATE_VIEW",view:{type:"CLAIM_WITHDRAWAL",transaction:o}}})};return l(jt,{testId:`transaction-item-${o.blockchain_metadata.transaction_hash}`,sx:bt,children:[S&&l(ie,{children:[l(jt,{sx:Er,children:[l(jt,{sx:hr,children:[e(Pa,{icon:"Alert",variant:"bold",sx:{fill:p?"base.color.status.fatal.bright":"base.color.status.attention.bright",w:"base.icon.size.200"}}),e(Ra,{testId:`transaction-item-${o.blockchain_metadata.transaction_hash}-action-message`,size:"xSmall",sx:{color:"base.color.text.body.secondary"},children:h})]}),S&&p&&e(_a,{testId:`transaction-item-${o.blockchain_metadata.transaction_hash}-action-button`,variant:"primary",size:"small",onClick:W,children:T.t("views.TRANSACTIONS.status.withdrawalPending.actionButtonText")})]}),e(Br,{size:"small",sx:{color:"base.color.translucent.emphasis.300",opacity:.1}})]}),l(Zt,{chevronSide:"right",sx:{button:{p:"base.spacing.x1"},article:{pr:"base.spacing.x10"},borderTopRightRadius:"0",borderTopLeftRadius:"0"},onExpandChange:C=>C&&m({userJourney:"Bridge",screen:"TransactionItem",control:"Accordion",controlType:"Button"}),children:[e(Zt.TargetLeftSlot,{sx:{pr:"base.spacing.x2"},children:l(ot,{size:"xSmall",children:[e(ot.FramedImage,{circularFrame:!0,use:e(xt,{src:r,name:t,defaultImage:a})}),e(ot.Label,{children:t}),e(ot.Caption,{children:T.t("views.TRANSACTIONS.status.withdrawalPending.caption")}),e(ot.PriceDisplay,{fiatAmount:n,price:i})]})}),l(Zt.ExpandedContent,{sx:{pr:"0",pl:"0",mb:"base.spacing.x3",gap:"0"},children:[e(Br,{size:"xSmall",sx:{px:"base.spacing.x2"}}),e(It,{transaction:o,environment:s})]})]})]})}import{Box as eo,Button as Da,EllipsizedText as Oa,FramedImage as Fa,Logo as Ma}from"@biom3/react";import{useContext as Ga,useEffect as Va,useState as Lr}from"react";import{useTranslation as Ua}from"react-i18next";var Wr={display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",p:"base.spacing.x2",pb:"base.spacing.x4"},Rr={position:"relative",pr:"base.spacing.x2"},_r={width:"base.icon.size.400"},Pr={position:"absolute",top:"-6px",left:"18px",width:"20px",padding:"2px",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},Nr={backgroundColor:"transparent",width:"base.icon.size.400",height:"base.icon.size.400",marginRight:"base.spacing.x1",padding:"base.spacing.x1"};function At({onChangeWalletClick:t}){let{t:o}=Ua(),{bridgeState:{from:n}}=Ga(M),[i,r]=Lr(void 0),[a,s]=Lr(!1),{isWalletConnectEnabled:d,getWalletLogoUrl:m}=Ue(),{track:T}=R(),x=n?.walletAddress||"",f=n?.walletProviderInfo,S=()=>{T({userJourney:"Bridge",screen:"TRANSACTIONS",controlType:"Button",control:"Pressed"}),t()};return Va(()=>{if(d){let u=Ee(n?.browserProvider);s(u),u&&(async()=>r(await m()))()}},[d,n]),l(eo,{sx:Wr,children:[l(eo,{sx:{display:"flex",alignItems:"center",gap:"base.spacing.x1"},children:[a&&i?l(eo,{sx:Rr,children:[e(Fa,{sx:_r,use:e("img",{src:i,alt:"walletconnect"})}),e(Ma,{logo:"WalletConnectSymbol",sx:Pr})]}):f&&e(De,{src:f.icon,alt:f.name,sx:Nr}),e(Oa,{leftSideLength:6,rightSideLength:4,text:x})]}),e(Da,{size:"small",variant:"tertiary",onClick:S,children:o("views.TRANSACTIONS.changeWallet.buttonText")})]})}function Fr({checkout:t,transactions:o,knownTokenMap:n,isPassport:i,defaultTokenImage:r,changeWallet:a}){let{cryptoFiatState:s}=Ha(he),{t:d}=$a(),[m,T]=Ka(""),{environment:x}=t.config;za(()=>{t&&T(No[t.config.environment])},[t]);let f=Or((u,g)=>u.details.current_status.status===ze.WITHDRAWAL_PENDING&&g.details.current_status.status!==ze.WITHDRAWAL_PENDING?-1:u.details.current_status.status===g.details.current_status.status?0:1,[]),S=Or(u=>Ce(u.details.from_token_address)?Ut(t.config.environment,Xo(u.details.from_chain)):Ut(t.config.environment,u.details.from_token_address),[t]);return l(Dr,{sx:Cr(i),children:[e(At,{onChangeWalletClick:a}),e(Dr,{testId:"move-transaction-list",sx:Ar,children:o.sort(f).map(u=>{let g=u.blockchain_metadata.transaction_hash,h=n[u.details.from_chain][u.details.from_token_address.toLowerCase()],W=Ja(u.details.amount,h.decimals),C=Q(W,h.symbol,s.conversions);return u.details.current_status.status===ze.WITHDRAWAL_PENDING?e(kr,{label:h.symbol,transaction:u,fiatAmount:`${d("views.TRANSACTIONS.fiatPricePrefix")}${C}`,amount:W,icon:S(u),defaultTokenImage:r,environment:x},g):e(Ir,{label:h.symbol,details:{text:d("views.TRANSACTIONS.status.inProgress.stepInfo"),link:m,hash:g},transaction:u,fiatAmount:`${d("views.TRANSACTIONS.fiatPricePrefix")}${C}`,amount:W,icon:S(u),defaultTokenImage:r,environment:x},g)})})]})}import{Box as Hr,Body as zr,Link as Qa}from"@biom3/react";import{useState as Ya,useEffect as Kr}from"react";import{useTranslation as qa}from"react-i18next";var Mr={backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",pt:"base.spacing.x5",pb:"base.spacing.x4",borderRadius:"base.borderRadius.x6",h:"100%",w:"100%",display:"flex",flexDirection:"column"},Gr={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"base.spacing.x5",flex:1},Vr={mb:"base.spacing.x8",color:"base.color.text.body.secondary"},Ur={color:"base.color.text.body.secondary"};function $r({checkout:t,isPassport:o,changeWallet:n}){let{page:i}=R(),{t:r}=qa(),[a,s]=Ya("");return Kr(()=>{t&&s(ft[t.config.environment])},[t]),Kr(()=>{i({userJourney:"Bridge",screen:"NoTransactions"})},[]),l(Hr,{sx:Mr,children:[e(At,{onChangeWalletClick:n}),l(Hr,{sx:Gr,children:[e(zr,{size:"small",sx:Vr,children:r("views.TRANSACTIONS.status.noTransactions.body")}),o&&l(zr,{size:"small",sx:Ur,children:[r("views.TRANSACTIONS.status.noTransactions.passport.body")," ",e(Qa,{size:"small",rc:e("a",{target:"_blank",href:a,rel:"noreferrer"}),children:r("views.TRANSACTIONS.status.noTransactions.passport.link")})]})]})]})}function Yr({defaultTokenImage:t,onBackButtonClick:o}){let{eventTargetState:{eventTarget:n}}=to(Y),{cryptoFiatDispatch:i}=to(he),{bridgeDispatch:r,bridgeState:{checkout:a,from:s}}=to(M),{page:d}=R(),{t:m}=os(),{track:T}=R(),[x,f]=Bt(!0),[S,u]=Bt(void 0),[g,p]=Bt([]),[h,W]=Bt(!1),C=ue(s?.browserProvider),L=rt(async()=>{if(!a)return{};let w=re(a.config);try{return((await a.getTokenAllowList({type:es.BRIDGE,chainId:w})).tokens??[]).reduce((O,P)=>(O[P.address.toLowerCase()]=P,O),{})}catch(B){return console.error(B),[]}},[a]),z=rt(async()=>{if(!s?.browserProvider)return{};if(!s?.walletAddress)return{};let w=xe(a.config);try{return(await a.getAllBalances({provider:s?.browserProvider,walletAddress:s?.walletAddress,chainId:w})).balances.reduce((O,P)=>(O[P.token.address.toLowerCase()]=P.token,O),{})}catch(B){return console.error(B),[]}},[a,s]),I=async w=>{let B=zt(re(a.config)),O=zt(xe(a.config)),[P,X]=await Promise.all([L(),z()]),te={};Object.entries(w).forEach(([k,U])=>{(w[k]===B&&!P[k]||w[k]===O&&!X[k])&&(te[k]=U)});let fe=new Qr(a.config.networkMap.get(re(a.config))?.rpcUrls[0]),Pe=new Qr(a.config.networkMap.get(xe(a.config))?.rpcUrls[0]),ce=[],V=[];Object.entries(te).forEach(([k,U])=>{U===B?ce.push(a.getTokenInfo({provider:fe,tokenAddress:k})):V.push(a.getTokenInfo({provider:Pe,tokenAddress:k}))});let pe=await Promise.allSettled(ce),K=await Promise.allSettled(V);pe.filter(k=>k.status==="fulfilled").forEach(k=>{let U=k;P[U.value.address.toLowerCase()]=U.value}),K.filter(k=>k.status==="fulfilled").forEach(k=>{let U=k;X[U.value.address.toLowerCase()]=U.value});let oe=[];return Object.values(P).forEach(k=>oe.push(k.symbol.toLowerCase())),Object.values(X).forEach(k=>oe.push(k.symbol.toLowerCase())),i({payload:{type:"SET_TOKEN_SYMBOLS",tokenSymbols:oe}}),{[B]:P,[O]:X}},D=rt(async(w,B)=>new St({env:w}).getTransactions({txType:"bridge",fromAddress:B}),[]),G=rt(async w=>{T({userJourney:"Bridge",screen:"EmptyStateNotConnected",control:"WalletProvider",controlType:"Select",extras:{walletProviderName:w.providerDetail.info.name}});try{let B=!1;w.providerDetail.info.rdns===ts.METAMASK&&(B=!0);let O=new ja(w.provider),P=await qe(a,O,B),X=await P.getNetwork(),te=await(await P.getSigner()).getAddress();p([]),r({payload:{type:"SET_WALLETS_AND_NETWORKS",from:{browserProvider:P,walletProviderInfo:{...w.providerDetail.info},walletAddress:te.toLowerCase(),network:X.chainId},to:null}})}catch(B){console.error(B)}finally{W(!1)}},[a]),A=()=>{s&&(r({payload:{type:"SET_WALLETS_AND_NETWORKS",from:{browserProvider:s?.browserProvider,walletAddress:s?.walletAddress,walletProviderInfo:s?.walletProviderInfo,network:s?.network},to:null}}),r({payload:{type:"SET_TOKEN_AND_AMOUNT",token:null,amount:""}})),o()},c=rt(async()=>{if(!s?.walletAddress)return;let w=await D(a.config.environment,s?.walletAddress),B={};return w.result.forEach(O=>{B[O.details.from_token_address]=O.details.from_chain}),{tokens:await I(B),transactions:w.result}},[s,D]),{providers:E}=Tt({checkout:a}),y=Za(()=>E,[E]);return Jr(()=>{(async()=>{f(!0);let w=await zo(c,Ro);if(!w){f(!1);return}let B=w.transactions.filter(O=>{let P=w.tokens[O.details.from_chain];return!(!P||!P[O.details.from_token_address.toLowerCase()])});u(w.tokens),p(B),f(!1)})()},[s,a]),Jr(()=>{d({userJourney:"Bridge",screen:"Transactions"})},[]),e(Z,{testId:"bridge-view",header:e(j,{showBack:!0,onBackButtonClick:A,title:m("views.TRANSACTIONS.layoutHeading"),onCloseButtonClick:()=>$(n)}),footer:e(ee,{}),children:l(oo,{sx:mr,children:[l(oo,{sx:ur,children:[!s?.browserProvider&&e(wr,{openWalletDrawer:()=>W(!0)}),s?.browserProvider&&x&&e(pr,{}),s?.browserProvider&&!x&&g.length>0&&S&&e(Fr,{checkout:a,transactions:g,knownTokenMap:S,isPassport:C,defaultTokenImage:t,changeWallet:()=>W(!0)}),s?.browserProvider&&!x&&g.length===0&&e($r,{checkout:a,isPassport:C,changeWallet:()=>W(!0)})]}),s?.browserProvider&&g.length>0&&e(oo,{sx:fr,children:e(yr,{checkout:a,isPassport:C})}),e(Xe,{testId:"select-wallet-drawer",drawerText:{heading:m("views.TRANSACTIONS.walletSelection.heading")},showWalletSelectorTarget:!1,walletOptions:y,showDrawer:h,setShowDrawer:w=>{W(w)},onWalletChange:G})]})})}import{useContext as rs,useEffect as qr}from"react";import{useTranslation as ns}from"react-i18next";function Xr({transactionResponse:t}){let{t:o}=ns(),{viewDispatch:n}=rs(H),{page:i}=R();return qr(()=>{i({userJourney:"Bridge",screen:"ClaimWithdrawalInProgress"})},[]),qr(()=>{t&&(async()=>{try{let r=await t.wait();if(r?.status===1){n({payload:{type:"UPDATE_VIEW",view:{type:"CLAIM_WITHDRAWAL_SUCCESS",transactionHash:r.hash}}});return}n({payload:{type:"UPDATE_VIEW",view:{type:"CLAIM_WITHDRAWAL_FAILURE",transactionHash:r?.hash??"",reason:"Transaction failed"}}})}catch(r){console.error(r),n({payload:{type:"UPDATE_VIEW",view:{type:"CLAIM_WITHDRAWAL_FAILURE",transactionHash:"",reason:"Transaction failed"}}})}})()},[t]),e(gt,{loadingText:o("views.CLAIM_WITHDRAWAL.IN_PROGRESS.loading.text")})}import{useContext as fn,useEffect as ws}from"react";import{ButtCon as Ts}from"@biom3/react";import{useTranslation as xs}from"react-i18next";import{IMTBLWidgetEvents as ys}from"@imtbl/checkout-sdk";import{Box as st,Button as us,Drawer as dn,Heading as io}from"@biom3/react";import{useCallback as Fe,useContext as cn,useEffect as fs,useMemo as kt,useState as le}from"react";import{WalletProviderName as pn,WalletProviderRdns as it,WrappedBrowserProvider as mn}from"@imtbl/checkout-sdk";import{useTranslation as gs}from"react-i18next";function Ke(t){return t?t.substring(0,6).concat("...").concat(t.substring(t.length-4)):""}var Zr={height:"100%",display:"flex",flexDirection:"column",paddingX:"base.spacing.x4"},jr={paddingTop:"base.spacing.x10",paddingBottom:"base.spacing.x4"},en={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6"};import{MenuItem as ro}from"@biom3/react";function no({testId:t,chainId:o,chainName:n,onNetworkClick:i,environment:r}){return l(ro,{testId:`${t}-network-list-${o}`,size:"medium",emphasized:!0,onClick:async()=>{await i(o)},sx:{marginBottom:"base.spacing.x1"},children:[e(ro.FramedImage,{use:e("img",{src:ye(r,o),alt:n})}),e(ro.Label,{size:"medium",children:n})]})}import{Body as as,Box as sn,Button as ln,FramedImage as ss,Heading as is,Logo as ls,useTheme as ds}from"@biom3/react";import{WalletProviderRdns as cs}from"@imtbl/checkout-sdk";import{useEffect as ps,useMemo as ms,useState as ao}from"react";import{ChainId as at,WalletProviderName as mc}from"@imtbl/checkout-sdk";var uc={[at.IMTBL_ZKEVM_DEVNET]:"base.color.text.link.primary",[at.IMTBL_ZKEVM_TESTNET]:"base.color.text.link.primary",[at.IMTBL_ZKEVM_MAINNET]:"base.color.text.link.primary",[at.ETHEREUM]:"base.color.accent.5",[at.SEPOLIA]:"base.color.accent.5"},tn={position:"relative",width:"100%",backgroundColor:"base.color.translucent.emphasis.100",borderRadius:"base.borderRadius.x4",paddingX:"base.spacing.x3",paddingY:"base.spacing.x5",display:"flex",flexDirection:"row",gap:"base.spacing.x4",alignItems:"center","&:hover":{cursor:"pointer",backgroundColor:"base.color.translucent.emphasis.200"}},on={width:"base.icon.size.500",backgroundColor:"base.color.translucent.standard.200",borderRadius:"base.borderRadius.x2"},rn={position:"absolute",top:"14px",left:"38px",width:"28px",padding:"base.spacing.x1",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"};var nn={color:"base.color.text.body.secondary"},an={paddingY:"base.spacing.x6",borderRadius:"base.borderRadius.x18"};function so({testId:t,walletProvider:o,walletProviderDetail:n,walletAddress:i,walletName:r,chainId:a,disableNetworkButton:s=!1,onWalletClick:d,onNetworkClick:m,environment:T}){let x=Oe(a),[f,S]=ao(void 0),[u,g]=ao("Other"),[p,h]=ao(!1),{isWalletConnectEnabled:W,getWalletLogoUrl:C,getWalletName:L}=Ue(),z=ms(()=>n?.info.rdns===cs.PASSPORT?r:Ee(o)?u:n?.info.name,[n,u,o]);ps(()=>{if(W){let D=Ee(o);h(D),D&&((async()=>S(await C()))(),g(L()))}},[W,o,C,L]);let{base:I}=ds();return l(sn,{testId:`${t}-${n?.info.rdns}-${a}-button-wrapper`,sx:tn,onClick:d,children:[p&&f?l(ie,{children:[e(ss,{imageUrl:f,relativeImageSizeInLayout:I.icon.size[500],alt:"walletconnect",sx:on}),e(ls,{logo:"WalletConnectSymbol",sx:rn})]}):n&&e(De,{src:n.info.icon,alt:n.info.name}),l(sn,{sx:{display:"flex",flexDirection:"column",flex:1},children:[e(is,{size:"xSmall",sx:{textTransform:"capitalize"},children:z}),e(as,{size:"xSmall",sx:nn,children:i})]}),l(ln,{testId:`${t}-network-${a}-button`,size:"small",disabled:s,onClick:D=>{D.stopPropagation(),m(D)},variant:"tertiary",sx:an,children:[e(ln.FramedImage,{use:e("img",{src:ye(T,a),alt:x[a]})}),x]})]})}var Be="wallet-network-selector";function un(){let{t}=gs(),{bridgeState:{checkout:o,from:n,to:i},bridgeDispatch:r}=cn(M),{viewDispatch:a}=cn(H),{providers:s}=Tt({checkout:o}),{environment:d}=o.config,{track:m}=R(),T=n?.browserProvider??null,x=n?.network??null,f=n?.walletAddress?.toLowerCase()??"",S=n?{provider:T,providerDetail:{provider:T,info:{...n.walletProviderInfo}}}:null,u=i?.browserProvider??null,g=i?.network??null,p=i?.walletAddress?.toLowerCase()??"",h=i?{provider:u,providerDetail:{provider:u,info:{...i.walletProviderInfo}}}:null,W=re(o.config),C=Oe(W),L=xe(o.config),z=Oe(L),[I,D]=le(!1),[G,A]=le(!1),[c,E]=le(T),[y,w]=le(x),[B,O]=le(f),[P,X]=le(S),[te,fe]=le(!1),[Pe,ce]=le(!1),[V,pe]=le(u),[K,oe]=le(g),[k,U]=le(p),[ge,Se]=le(h),We=c&&y,Ne=V&&K,v=kt(()=>c?Ht(c):null,[c]),b=kt(()=>V?Ht(V):null,[V]),me=kt(()=>s,[s]),Ge=kt(()=>s.filter(N=>N.info.rdns!==it.PASSPORT||N.info.rdns===it.PASSPORT&&P?.providerDetail?.info?.rdns!==it.PASSPORT),[s,y,P]);fs(()=>{!n||!i||r({payload:{type:"SET_WALLETS_AND_NETWORKS",from:null,to:null}})},[n,i]);function Je(){pe(null),oe(null)}let mt=async N=>{E(N);let F=await(await N.getSigner()).getAddress();if(O(F.toLowerCase()),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"FromWallet",controlType:"Select",extras:{walletAddress:F.toLowerCase()}}),ue(N)){w(L),D(!1),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"FromNetwork",controlType:"Select",extras:{chainId:L}});return}w(null),D(!1),setTimeout(()=>A(!0),500)},Gt=Fe(async N=>{Je(),X(N);let F=!1;N.providerDetail.info.rdns===it.METAMASK&&(F=!0);let se=new mn(N.provider),be=await qe(o,se,F);await mt(be)},[o]),Qe=Fe(async N=>{c&&(Je(),A(!1),w(N),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"FromNetwork",controlType:"Select",extras:{chainId:N}}))},[o,c]),ut=Fe(async N=>{V&&(fe(!1),oe(N),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"ToNetwork",controlType:"Select",extras:{chainId:N}}))},[o,V]),_=Fe(N=>{let F=B===N&&y===L?W:L;oe(F),ce(!1),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"ToNetwork",controlType:"Select",extras:{chainId:F}})},[B,y]),J=Fe(async N=>{pe(N),(await N.getSigner()).getAddress().then(F=>{U(F.toLowerCase()),_(F.toLowerCase()),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:F.toLowerCase()}})})},[_]),we=Fe(async N=>{if(P?.providerDetail.info.rdns===N.providerDetail.info.rdns){pe(c),Se(N);let F=await(await c.getSigner()).getAddress();U(F.toLowerCase()),_(F.toLowerCase()),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:F.toLowerCase()}});return}try{Se(N);let F=new mn(N.provider),se=await qe(o,F,!1),be=await(await se.getSigner()).getAddress();Ee(se)?J(se):(pe(se),U(be.toLowerCase()),_(be.toLowerCase()),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:be.toLowerCase()}}))}catch(F){console.error(F)}},[v,c,_,J]),ae=Fe(()=>{!c||!y||!V||!K||(r({payload:{type:"SET_TOKEN_BALANCES",tokenBalances:[]}}),r({payload:{type:"SET_ALLOWED_TOKENS",allowedTokens:[]}}),r({payload:{type:"SET_WALLETS_AND_NETWORKS",from:{browserProvider:c,walletAddress:B.toLowerCase(),walletProviderInfo:P?.providerDetail.info,network:y},to:{browserProvider:V,walletAddress:k.toLowerCase(),walletProviderInfo:ge?.providerDetail.info,network:K}}}),m({userJourney:"Bridge",screen:"WalletAndNetwork",control:"Next",controlType:"Button",extras:{fromWalletAddress:B,fromNetwork:y,fromWallet:{address:B,rdns:P?.providerDetail.info.rdns,uuid:P?.providerDetail.info.uuid,isPassportWallet:ue(c),isMetaMask:Ve(c)},toWalletAddress:k,toNetwork:K,toWallet:{address:k,rdns:ge?.providerDetail.info.rdns,uuid:ge?.providerDetail.info.uuid,isPassportWallet:ue(V),isMetaMask:Ve(V)},moveType:y&&y===K?"transfer":"bridge"}}),a({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_FORM"}}}))},[P,c,y,B,ge,V,K,k]);return l(st,{testId:Be,sx:Zr,children:[e(io,{testId:`${Be}-heading`,size:"small",weight:"regular",sx:jr,children:t("views.WALLET_NETWORK_SELECTION.heading")}),e(io,{size:"xSmall",sx:{paddingBottom:"base.spacing.x2"},children:t("views.WALLET_NETWORK_SELECTION.fromFormInput.heading")}),e(Xe,{testId:`${Be}-from`,drawerText:{heading:t("views.WALLET_NETWORK_SELECTION.fromFormInput.walletSelectorHeading"),defaultText:t("views.WALLET_NETWORK_SELECTION.fromFormInput.selectDefaultText")},showWalletSelectorTarget:!We,showDrawer:I,setShowDrawer:D,walletOptions:me,onWalletChange:Gt}),We&&v&&l(st,{sx:{display:"flex",flexDirection:"column",gap:"base.spacing.x10"},children:[e(so,{testId:Be,walletProviderDetail:P?.providerDetail,walletProvider:c,walletName:v,walletAddress:Ke(B),chainId:y,disableNetworkButton:v===pn.PASSPORT.toString(),onWalletClick:()=>{D(!0)},onNetworkClick:()=>A(!0),environment:d}),l(st,{children:[e(io,{size:"xSmall",sx:{paddingBottom:"base.spacing.x2"},children:t("views.WALLET_NETWORK_SELECTION.toFormInput.heading")}),e(Xe,{testId:`${Be}-to`,drawerText:{heading:t("views.WALLET_NETWORK_SELECTION.toFormInput.walletSelectorHeading"),defaultText:t("views.WALLET_NETWORK_SELECTION.toFormInput.selectDefaultText")},showWalletSelectorTarget:!Ne,walletOptions:Ge,showDrawer:Pe,setShowDrawer:ce,onWalletChange:we})]})]}),e(dn,{headerBarTitle:t(G?"views.WALLET_NETWORK_SELECTION.fromFormInput.networkSelectorHeading":"views.WALLET_NETWORK_SELECTION.toFormInput.networkSelectorHeading"),size:"full",onCloseDrawer:()=>{G?A(!1):fe(!1)},visible:G||te,children:l(dn.Content,{sx:{paddingX:"base.spacing.x4"},children:[e(no,{testId:Be,chainName:z,onNetworkClick:G?Qe:ut,chainId:L,environment:d},z),(te||P?.providerDetail.info.rdns!==it.PASSPORT)&&e(no,{testId:Be,chainName:C,onNetworkClick:G?Qe:ut,chainId:W,environment:d},C)]})}),Ne&&b&&l(st,{sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e(so,{testId:Be,walletProviderDetail:ge?.providerDetail,walletProvider:V,walletName:b,walletAddress:Ke(k),chainId:K,disableNetworkButton:y===W||b===pn.PASSPORT.toString()||B===k,onWalletClick:()=>{ce(!0)},onNetworkClick:()=>{fe(!0)},environment:d}),e(st,{sx:en,children:e(us,{testId:`${Be}-submit-button`,size:"large",onClick:ae,children:t("views.WALLET_NETWORK_SELECTION.submitButton.text")})})]})]})}function gn({showBackButton:t}){let{t:o}=xs(),{viewDispatch:n}=fn(H),{eventTargetState:{eventTarget:i}}=fn(Y),{page:r}=R();return ws(()=>{r({userJourney:"Bridge",screen:"WalletNetworkSelection"})},[]),e(Z,{testId:"bridge-view",header:e(j,{title:o("views.WALLET_NETWORK_SELECTION.layoutHeading"),onCloseButtonClick:()=>$(i),rightActions:e(Ts,{icon:"Minting",sx:yt(),onClick:()=>{n({payload:{type:"UPDATE_VIEW",view:{type:"TRANSACTIONS"}}})},testId:"move-transactions-button"}),showBack:t,onBackButtonClick:()=>{Ho.sendRequestGoBackEvent(i,ys.IMTBL_BRIDGE_WIDGET_EVENT,{})}}),footer:e(ee,{}),children:e(un,{})})}import{useCallback as Cs,useContext as vn,useEffect as Sn,useState as As}from"react";import{TokenFilterTypes as Bs}from"@imtbl/checkout-sdk";import{useTranslation as ks}from"react-i18next";import{Box as Wt,Button as Es,Heading as hs}from"@biom3/react";import{fetchRiskAssessment as vs}from"@imtbl/checkout-sdk";import{useCallback as po,useContext as mo,useEffect as dt,useMemo as Ss,useRef as bs,useState as _e}from"react";import{useTranslation as Is}from"react-i18next";function wn(t){return t?"":"views.BRIDGE_FORM.validation.noTokenSelected"}function lo(t,o){return!t||parseFloat(t)===0?"views.BRIDGE_FORM.validation.noAmountInputted":o&&Number(t)>Number(o)?"views.BRIDGE_FORM.validation.insufficientBalance":""}var Tn={height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",paddingTop:"base.spacing.x10"},co={paddingTop:"base.spacing.x4",display:"flex",gap:"base.spacing.x1"},xn={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6",paddingX:"base.spacing.x4"};import{Box as lt,ShimmerBox as yn}from"@biom3/react";function En({sx:t}){return l(lt,{sx:{...t,paddingTop:"0",marginTop:"base.spacing.x4"},rc:e("div",{}),children:[e(lt,{sx:{display:"flex",backgroundColor:"#F3F3F30A",borderRadius:"8px"},children:e(lt,{sx:{minw:"170px",height:"64px",WebkitMaskPosition:"left center",WebkitMaskRepeat:"no-repeat",WebkitMaskSize:"contain",WebkitMaskImage:`url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M154.75 39q1.65 0 2.85-1.15 1.15-1.15 1.15-2.85v-4q0-1.65-1.15-2.8-1.2-1.2-2.85-1.2h-93.6q-2.3 0-3.85 1.2-1.55 1.15-1.55 2.8v4q0 1.7 1.55 2.85Q58.85 39 61.15 39h93.6m-111.7-3.35q.2-1.3.2-2.65 0-1.35-.2-2.65-.75-4.9-4.5-8.65-4.7-4.7-11.3-4.7-6.65 0-11.3 4.7-4.7 4.7-4.7 11.3 0 6.65 4.7 11.3Q20.6 49 27.25 49q6.6 0 11.3-4.7 3.75-3.7 4.5-8.65Z" id="a"/></svg>')`},rc:e("span",{}),children:e(yn,{rc:e("span",{})})})}),e(lt,{sx:{display:"flex",width:"100%",backgroundColor:"#F3F3F30A",borderRadius:"8px"},children:e(lt,{sx:{width:"100%",height:"64px",WebkitMaskPosition:"right center",WebkitMaskRepeat:"no-repeat",WebkitMaskSize:"contain",WebkitMaskImage:`url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="196" height="96"><path d="M182.85 55.2Q181.65 54 180 54h-56q-1.7 0-2.85 1.2Q120 56.35 120 58v4q0 1.7 1.15 2.85Q122.3 66 124 66h56q1.65 0 2.85-1.15Q184 63.7 184 62v-4q0-1.65-1.15-2.8m0-22Q181.65 32 180 32H68q-1.7 0-2.85 1.2Q64 34.35 64 36v8q0 1.7 1.15 2.85Q66.3 48 68 48h112q1.65 0 2.85-1.15Q184 45.7 184 44v-8q0-1.65-1.15-2.8Z" id="a"/></svg>')`},rc:e("span",{}),children:e(yn,{rc:e("span",{})})})})]})}function hn(t){let{t:o}=Is(),{bridgeDispatch:n,bridgeState:{tokenBalances:i,allowedTokens:r,checkout:a,from:s,to:d,amount:m,token:T}}=mo(M),{cryptoFiatState:x,cryptoFiatDispatch:f}=mo(he),{viewDispatch:S}=mo(H),{testId:u,defaultAmount:g,defaultTokenAddress:p,isTokenBalancesLoading:h,defaultTokenImage:W,environment:C,theme:L}=t,{track:z}=R(),[I,D]=_e(g||""),[G,A]=_e(""),[c,E]=_e(),[y,w]=_e(""),[B,O]=_e(""),[P,X]=_e(!1),te=bs(!1),fe=c?`${o("views.BRIDGE_FORM.content.availableBalancePrefix")} ${Le(c?.formattedBalance)}`:"",[Pe,ce]=_e([]),[V,pe]=_e(!1),K=po((v,b)=>b?`${v.toLowerCase()}-${b.toLowerCase()}`:v.toLowerCase(),[]);dt(()=>{if(i.length===0)return;let v=i.filter(b=>b.balance>0).map(b=>({id:K(b.token.symbol,b.token.address),name:b.token.name,symbol:b.token.symbol,icon:b.token.icon,balance:{formattedFiatAmount:x.conversions.size===0?wt(""):Q(b.formattedBalance,b.token.symbol,x.conversions),formattedAmount:Le(b.formattedBalance)}}));ce(v),te.current||(te.current=!0,p&&E(i.find(b=>Ce(b.token.address)&&p?.toLocaleUpperCase()===Te||b.token.address?.toLowerCase()===p?.toLowerCase())))},[i,x.conversions,p,te.current,K,wt]),dt(()=>{if(!(!m||!T)){D(m);for(let v=0;v<i.length;v++){let b=i[v];if(b.token.address===T.address){E(b);break}}n({payload:{type:"SET_TOKEN_AND_AMOUNT",token:null,amount:""}})}},[m,T,i]);let oe=Ss(()=>c&&c.token?K(c.token.symbol,c.token.address):void 0,[c,i,x.conversions,K]);dt(()=>{!a||!s||!d||(async()=>{let v=[s.walletAddress];d.walletAddress.toLowerCase()!==s.walletAddress.toLowerCase()&&v.push(d.walletAddress);let b=await vs(v,a.config);n({payload:{type:"SET_RISK_ASSESSMENT",riskAssessment:b}})})()},[a,s,d]);let k=v=>!(Number.isNaN(parseFloat(I))||parseFloat(I)<=0||!c||!s||!s.walletAddress||!d||!d.walletAddress||v&&P||!a),U=v=>{if(D(v),G){let b=lo(v,c?.formattedBalance);A(b)}c&&(O(Q(v,c.token.symbol,x.conversions)),k(!0)&&X(!0))},ge=v=>{let b=i.find(me=>v===K(me.token.symbol,me.token.address));b&&(E(b),w(""))};dt(()=>{f({payload:{type:"SET_TOKEN_SYMBOLS",tokenSymbols:r.map(v=>v.symbol)}})},[f,r]),dt(()=>{I&&c&&O(Q(I,c.token.symbol,x.conversions))},[I,c]);let Se=po(()=>{let v=wn(c),b=lo(I,c?.formattedBalance);return v&&w(v),b&&A(b),!(v||b)},[c,I,w,A]),We=po(async()=>{Se()&&(!a||!s?.browserProvider||!c||(z({userJourney:"Bridge",screen:"TokenAmount",control:"Review",controlType:"Button",extras:{tokenAddress:c.token.address,amount:I}}),n({payload:{type:"SET_TOKEN_AND_AMOUNT",token:c.token,amount:I}}),S({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_REVIEW"}}})))},[a,s?.browserProvider,Se,c]),Ne=async()=>{pe(!1),await We()};return l(Wt,{testId:u,sx:Tn,children:[l(Wt,{sx:{paddingX:"base.spacing.x4"},children:[e(hs,{testId:`${u}-content-heading`,size:"small",weight:"regular",sx:{paddingBottom:"base.spacing.x4"},children:o("views.BRIDGE_FORM.content.title")}),(!p||!h)&&l(Wt,{sx:co,children:[e(er,{testId:"bridge-token",options:Pe,optionsLoading:h,coinSelectorHeading:o("views.BRIDGE_FORM.bridgeForm.from.selectorTitle"),selectedOption:oe,subtext:fe,textAlign:"left",errorMessage:o(y),onSelectChange:v=>ge(v),defaultTokenImage:W,environment:C,theme:L}),e(jo,{testId:"bridge-amount",type:"number",value:I,placeholder:o("views.BRIDGE_FORM.bridgeForm.from.inputPlaceholder"),subtext:`${o("views.BRIDGE_FORM.content.fiatPricePrefix")} $${wt(B,!0)}`,validator:Fo,onTextInputChange:v=>U(v),onTextInputEnter:We,textAlign:"right",inputMode:"decimal",errorMessage:o(G)})]}),p&&h&&e(En,{sx:co})]}),l(Wt,{sx:xn,children:[e(Es,{testId:`${u}-button`,variant:"primary",onClick:We,size:"large",children:o("views.BRIDGE_FORM.bridgeForm.buttonText")}),e(tr,{visible:V,showHeaderBar:!1,onCloseDrawer:()=>pe(!1),onRetry:Ne})]})]})}var Ws=1e4;function bn({amount:t,tokenAddress:o,defaultTokenImage:n,theme:i}){let{t:r}=ks(),{bridgeState:a,bridgeDispatch:s}=vn(M),{checkout:d,from:m}=a,{eventTargetState:{eventTarget:T}}=vn(Y),[x,f]=As(!1),S=!0,{page:u}=R();Sn(()=>{(t||o)&&u({userJourney:"Bridge",screen:"TokenAmount",extras:{amount:t,tokenAddress:o}})},[]);let g=Cs(async()=>{if(!(!d||!m?.browserProvider))try{let p=await or({checkout:d,provider:m.browserProvider,chainId:m?.network,allowTokenListType:Bs.BRIDGE,retryPolicy:{retryIntervalMs:0,retries:0}});if(p===void 0)return;s({payload:{type:"SET_TOKEN_BALANCES",tokenBalances:p.allowedBalances}}),s({payload:{type:"SET_ALLOWED_TOKENS",allowedTokens:p.allowList.tokens}})}catch(p){console.debug(p)}},[d,m?.browserProvider,m?.network]);return ht(g,Ws),Sn(()=>{!d||!m?.browserProvider||(f(!0),g().finally(()=>f(!1)))},[d,m?.browserProvider]),e(Z,{testId:"bridge-view",header:e(j,{showBack:S,title:r("views.BRIDGE_FORM.header.title"),onCloseButtonClick:()=>$(T)}),footer:e(ee,{}),children:e(hn,{testId:"bridge-form",defaultAmount:t,defaultTokenAddress:o,isTokenBalancesLoading:x,defaultTokenImage:n,environment:d?.config.environment,theme:i})})}import{useContext as Qs,useEffect as Ys}from"react";import{useTranslation as qs}from"react-i18next";import{useCallback as ct,useContext as vo,useMemo as ke,useState as ne,useEffect as Pt}from"react";import{Body as Gn,Box as So,Button as Vn,Heading as zs,Icon as Ks,Logo as Un,MenuItem as de}from"@biom3/react";import{GasEstimateType as Hn,isAddressSanctioned as $s}from"@imtbl/checkout-sdk";import{useTranslation as Js}from"react-i18next";import{formatUnits as bo,parseUnits as Nt}from"ethers";import{Body as Rs,Drawer as Bn,Box as _s,Button as go,Heading as Ps,CloudImage as Ns}from"@biom3/react";import{useCallback as Ls,useState as Ds}from"react";import{useTranslation as Os}from"react-i18next";var In={display:"flex",flexDirection:"column",alignItems:"center",paddingBottom:"base.spacing.x6",height:"100%",paddingX:"base.spacing.x6"},uo={fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"15px",paddingX:"base.spacing.x6"},Cn={...uo,color:"base.color.text.body.secondary"},An={display:"flex",flexDirection:"column",justifyContent:"flex-end",gap:"base.spacing.x2",height:"100%",width:"100%"},fo={width:"100%",height:"base.spacing.x16"};function kn({environment:t,onCloseDrawer:o,visible:n,walletAddress:i,tokenSymbol:r,onAddCoinsClick:a}){let{t:s}=Os(),[d,m]=Ds(!1),T=Ye(t,"/notenougheth.svg"),x=Ye(t,"/notenoughimx.svg"),f=s("drawers.notEnoughGas.content.heading",{token:r.toUpperCase()}),S=s("drawers.notEnoughGas.content.body",{token:r.toUpperCase()}),u=Ls(()=>{i&&i!==""&&navigator.clipboard.writeText(i),m(!0),setTimeout(()=>{m(!1)},3e3)},[i]);return e(Bn,{size:"threeQuarter",visible:n,showHeaderBar:!0,headerBarTitle:void 0,onCloseDrawer:o,children:l(Bn.Content,{testId:"not-enough-gas-bottom-sheet",sx:In,children:[e(Ns,{sx:{w:"90px",h:r===Ie?"110px":"90px"},use:e("img",{src:r===Ie?T:x,alt:f})}),e(Ps,{size:"small",weight:"bold",sx:uo,testId:"not-enough-gas-heading",children:f}),e(Rs,{sx:Cn,children:S}),e(_s,{sx:An,children:r===Ie?l(go,{testId:"not-enough-gas-copy-address-button",sx:fo,variant:"primary",onClick:u,children:[s("drawers.notEnoughGas.buttons.copyAddress"),e(go.Icon,{icon:d?"Tick":"CopyText"})]}):e(go,{testId:"not-enough-gas-add-imx-button",sx:fo,variant:"primary",onClick:a,children:s("drawers.notEnoughGas.buttons.addMoreImx")})})]})})}var wo={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",marginBottom:"2px",position:"relative"},Wn={borderTopLeftRadius:"0px",borderTopRightRadius:"0px",backgroundColor:"base.color.translucent.emphasis.100",position:"relative"},To={width:"base.icon.size.400"},xo={position:"absolute",top:"2px",left:"26px",width:"20px",padding:"2px",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},Rn={height:"100%",display:"flex",flexDirection:"column",paddingX:"base.spacing.x4"},_n={paddingTop:"base.spacing.x10",paddingBottom:"base.spacing.x4"},Pn={display:"flex",flexDirection:"column",alignItems:"center",paddingY:"base.spacing.x1"},Nn={width:"base.icon.size.300",transform:"rotate(270deg)"};var Ln={width:"base.icon.size.400"},yo={backgroundColor:"base.color.translucent.standard.200",position:"absolute",width:"32px",height:"32px",padding:"6px",left:"base.spacing.x3"},Eo={position:"absolute",right:"base.spacing.x3",w:"base.icon.size.400",h:"base.icon.size.400"};import{formatUnits as Rt}from"ethers";var Dn=(t,o,n,i)=>{let r=[];if(!t?.fees||!t.token)return r;let a=BigInt(0);if(t.fees.bridgeFee&&(a+=t.fees.bridgeFee),t.fees.imtblFee&&(a+=t.fees.imtblFee),a>0&&r.push({label:i(o?"drawers.feesBreakdown.fees.serviceFee.depositLabel":"drawers.feesBreakdown.fees.serviceFee.withdrawLabel"),fiatAmount:`\u2248 ${i("drawers.feesBreakdown.fees.fiatPricePrefix")}${Q(Rt(a,t.token.decimals),t.token.symbol,n.conversions)}`,amount:Le(Rt(a,t.token.decimals)),token:t.token}),t.fees.sourceChainGas>0){let s=Rt(t.fees.sourceChainGas,t.token.decimals);r.push({label:i("drawers.feesBreakdown.fees.gasFeeMove.label"),fiatAmount:`\u2248 ${i("drawers.feesBreakdown.fees.fiatPricePrefix")}${Q(s,t.token.symbol,n.conversions)}`,amount:`${Le(s)}`,prefix:"\u2248 ",token:t.token})}if(t.fees.approvalFee>0){let s=Rt(t.fees.approvalFee,t.token.decimals);r.push({label:i("drawers.feesBreakdown.fees.approvalFee.label"),fiatAmount:`\u2248 ${i("drawers.feesBreakdown.fees.fiatPricePrefix")}${Q(s,t.token.symbol,n.conversions)}`,amount:`${Le(s)}`,prefix:"\u2248 ",token:t.token})}return r};import{Contract as Fs}from"ethers";var _t=(t,o)=>new Fs(t,["function transfer(address to, uint amount)"],o);import{Body as Ms,Box as ho,Button as On,CloudImage as Gs,Drawer as Fn,Heading as Vs}from"@biom3/react";import{Environment as Us}from"@imtbl/config";import{useTranslation as Hs}from"react-i18next";function Mn({visible:t,checkout:o,warningType:n,onCloseDrawer:i,onAdjustAmount:r,threshold:a}){let{t:s}=Hs(),d=Ye(o.config.environment??Us.PRODUCTION,"/notenougheth.svg");return n&&e(Fn,{size:n==="exceedsThreshold"?"full":"threeQuarter",visible:t,onCloseDrawer:i,showHeaderBar:!1,children:l(Fn.Content,{testId:"withdraway-queue-bottom-sheet",sx:{display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:[l(ho,{sx:{display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},children:[e(Gs,{sx:{paddingTop:"base.spacing.x4",paddingBottom:"base.spacing.x9"},use:e("img",{src:d,alt:s(`drawers.withdrawalQueue.${n}.heading`,{threshold:a})})}),l(ho,{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:"base.spacing.x4",paddingX:"base.spacing.x6"},children:[e(Vs,{size:"small",weight:"bold",sx:{textAlign:"center",paddingX:"base.spacing.x6"},children:s(`drawers.withdrawalQueue.${n}.heading`,{threshold:a})}),e(Ms,{size:"medium",weight:"regular",sx:{color:"base.color.text.body.secondary",textAlign:"center",paddingX:"base.spacing.x6"},children:s(`drawers.withdrawalQueue.${n}.body`,{threshold:a})})]})]}),l(ho,{sx:{display:"flex",flexDirection:"column",paddingX:"base.spacing.x6",width:"100%"},children:[n==="exceedsThreshold"&&e(On,{size:"large",variant:"primary",sx:{width:"100%",marginBottom:"base.spacing.x5"},onClick:r,children:s("drawers.withdrawalQueue.exceedsThreshold.buttons.cancel")}),e(On,{size:"large",variant:"primary",sx:{width:"100%",marginBottom:"base.spacing.x10"},onClick:i,children:s(`drawers.withdrawalQueue.${n}.buttons.proceed`)})]})]})})}var $e="bridge-review-summary";function Kn(){let{t}=Js(),{viewDispatch:o}=vo(H),{bridgeState:{checkout:n,tokenBridge:i,from:r,to:a,token:s,amount:d,tokenBalances:m,riskAssessment:T},bridgeDispatch:x}=vo(M),{environment:f}=n.config,{track:S}=R(),{cryptoFiatState:u}=vo(he),[g,p]=ne(!1),[h,W]=ne(void 0),[C,L]=ne(""),[z,I]=ne(""),[D,G]=ne(void 0),[A,c]=ne(void 0),[E,y]=ne(!1),[w,B]=ne(void 0),[O,P]=ne(void 0),[X,te]=ne(!1),[fe,Pe]=ne(!1),{isWalletConnectEnabled:ce,getWalletLogoUrl:V}=Ue(),[pe,K]=ne(!1),[oe,k]=ne({visible:!1}),U=ke(()=>r?.network===a?.network,[r,a]),ge=ke(()=>xe(n.config)===a?.network,[r,a,n]),Se=ke(()=>{if(!h)return!1;if(!s)return!0;let _=m.find(we=>Ce(we.token.address)),J=BigInt(h.fees.totalFees);return Ce(s.address)&&(J+=Nt(d,s.decimals)),!_||_.balance<J},[m,h,s,d]),We=ke(()=>s?.symbol?`${s?.symbol} ${d}`:`${d}`,[s,d]),Ne=ke(()=>!d||!s?"":Q(d,s.symbol,u.conversions),[s,d]),v=ke(()=>r?r.walletAddress:"-",[r]),b=ke(()=>r&&r.network,[r]),me=ke(()=>a?a.walletAddress:"-",[a]),Ge=ke(()=>a?.network,[a]),Je=ct(async()=>{if(!i||!d||!r||!a||!s)return;let _=s?.address?.toLowerCase()??Te.toUpperCase(),J={gasEstimateType:Hn.BRIDGE_TO_L2,fees:{},token:n.config.networkMap.get(r.network)?.nativeCurrency},we;_===Te.toLowerCase()?we=n.providerCall(r.browserProvider,async ae=>await ae.estimateGas({to:me,from:v,value:Nt(d,s.decimals)})):we=_t(_,await r.browserProvider.getSigner()).transfer.estimateGas(me,Nt(d,s.decimals));try{let[ae,N]=await Promise.all([we,(await r.browserProvider.getFeeData()).gasPrice]),F=ae*(N??0n),se=bo(F,Vt);J.fees.sourceChainGas=F,J.fees.totalFees=F,W(J),L(se),I(Q(se,Te.toUpperCase(),u.conversions))}catch(ae){console.error("Unable to fetch gas estimate",ae)}},[n,r,a,s,d]),mt=ct(async()=>{if(!i||!d||!r||!a||!s)return;let _=await i.getUnsignedBridgeBundledTx({senderAddress:v,recipientAddress:me,token:s.address??Te.toUpperCase(),amount:Nt(d,s.decimals),sourceChainId:r?.network.toString(),destinationChainId:a?.network.toString(),gasMultiplier:"auto"});if(_.withdrawalQueueActivated)k({visible:!0,warningType:"queueActivated"});else if(_.delayWithdrawalLargeAmount&&_.largeTransferThresholds){let ma=bo(_.largeTransferThresholds,s.decimals);k({visible:!0,warningType:"exceedsThreshold",threshold:parseInt(ma,10)})}let J={contractToApprove:_.contractToApprove,unsignedTx:_.unsignedApprovalTx},we={feeData:_.feeData,unsignedTx:_.unsignedBridgeTx};G(J),c(we);let ae=we.feeData,{totalFees:N,approvalFee:F}=ae,se=N;J.unsignedTx||(se=N-F,ae.approvalFee=BigInt(0));let be={gasEstimateType:Hn.BRIDGE_TO_L2,fees:{...ae,totalFees:se},token:n.config.networkMap.get(r.network)?.nativeCurrency};W(be);let ko=bo(be?.fees.totalFees||0,Vt);L(ko),I(Q(ko,be?.token?.symbol||"",u.conversions))},[n,i]);ht(()=>{U?Je():mt()},_o);let Gt=ct(()=>Dn(h,ge,u,t),[h,ge]);Pt(()=>{(async()=>(p(!0),U?await Je():await mt(),p(!1)))()},[]);let Qe=ct(_=>{x({payload:{type:"SET_WALLETS_AND_NETWORKS",from:{browserProvider:_,walletAddress:r?.walletAddress,walletProviderInfo:r?.walletProviderInfo,network:r?.network},to:{browserProvider:a?.browserProvider,walletAddress:a?.walletAddress,walletProviderInfo:a?.walletProviderInfo,network:a?.network}}})},[r?.browserProvider,r?.network,a?.browserProvider,a?.network]);Pt(()=>{if(!r?.browserProvider)return;let _=()=>{Qe(r.browserProvider),y(!1)};return Do(r.browserProvider,_),()=>{Oo(r.browserProvider,_)}},[r?.browserProvider]),Pt(()=>{if(ce){let _=Ee(r?.browserProvider),J=Ee(a?.browserProvider);te(_),Pe(J),(async()=>(_&&B(await V()),J&&P(await V())))()}},[ce,r?.browserProvider,a?.browserProvider]),Pt(()=>{Se&&K(!0)},[Se]);let ut=ct(async()=>{if(!(!U&&(!D||!A))&&!(!r||!a)){if(T&&$s(T)){o({payload:{type:"UPDATE_VIEW",view:{type:"SERVICE_UNAVAILABLE"}}});return}if(Se){K(!0);return}try{let _=await(r?.browserProvider.provider).send("eth_chainId",[]);if(parseInt(_.toString())!==r?.network){y(!0);return}}catch(_){console.error("Current network check failed",_)}S({userJourney:"Bridge",screen:"Summary",control:"Submit",controlType:"Button",extras:{fromWalletAddress:v,fromNetwork:b,fromWallet:{address:v,rdns:r?.walletProviderInfo?.rdns,uuid:r?.walletProviderInfo?.uuid,isPassportWallet:ue(r?.browserProvider),isMetaMask:Ve(r?.browserProvider)},toWalletAddress:me,toNetwork:Ge,toWallet:{address:me,rdns:a?.walletProviderInfo?.rdns,uuid:a?.walletProviderInfo?.uuid,isPassportWallet:ue(a?.browserProvider),isMetaMask:Ve(a?.browserProvider)},amount:d,fiatAmount:Ne,tokenAddress:s?.address,moveType:U?"transfer":"bridge"}}),o({payload:{type:"UPDATE_VIEW",view:{type:"APPROVE_TRANSACTION",approveTransaction:D,transaction:A}}})}},[o,D,A,r?.browserProvider,r?.network,r?.walletProviderInfo,a?.browserProvider,a?.network,a?.walletProviderInfo]);return l(So,{testId:$e,sx:Rn,children:[e(zs,{testId:`${$e}-heading`,size:"small",weight:"regular",sx:_n,children:t("views.BRIDGE_REVIEW.heading")}),l(de,{testId:`${$e}-from-amount`,size:"small",emphasized:!0,sx:wo,children:[e(de.Label,{size:"small",sx:{marginBottom:"base.spacing.x4",fontWeight:"bold"},children:t("views.BRIDGE_REVIEW.fromLabel.amountHeading")}),e(de.Caption,{}),e(de.PriceDisplay,{price:We??"-",fiatAmount:`${t("views.BRIDGE_REVIEW.fiatPricePrefix")}${Ne}`})]}),l(de,{testId:`${$e}-from-address`,size:"xSmall",emphasized:!0,sx:Wn,children:[X&&w?l(ie,{children:[e(de.FramedImage,{imageUrl:w,alt:"walletconnect",sx:To}),e(Un,{logo:"WalletConnectSymbol",sx:xo})]}):r?.walletProviderInfo&&e(De,{src:r?.walletProviderInfo.icon,alt:r?.walletProviderInfo.name,sx:yo}),l(de.Label,{sx:{marginLeft:X&&w?"0px":"45px"},children:[e("strong",{children:t("views.BRIDGE_REVIEW.fromLabel.heading")})," ",e(Gn,{size:"small",sx:{color:"base.color.text.body.secondary"},children:Ke(v??"")})]}),b&&e(de.FramedImage,{use:e("img",{src:ye(f,b),alt:Re[b]}),sx:Eo})]}),e(So,{sx:Pn,children:e(Ks,{icon:"ArrowBackward",sx:Nn})}),l(de,{testId:`${$e}-to-address`,size:"xSmall",emphasized:!0,sx:wo,children:[fe&&O?l(ie,{children:[e(de.FramedImage,{imageUrl:O,alt:"walletconnect",sx:To}),e(Un,{logo:"WalletConnectSymbol",sx:xo})]}):a?.walletProviderInfo&&e(De,{src:a?.walletProviderInfo.icon,alt:a?.walletProviderInfo.name,sx:yo}),l(de.Label,{sx:{marginLeft:fe&&O?"0px":"45px"},children:[e("strong",{children:t("views.BRIDGE_REVIEW.toLabel.heading")})," ",e(Gn,{size:"small",sx:{color:"base.color.text.body.secondary"},children:Ke(me??"")})]}),Ge&&e(de.FramedImage,{use:e("img",{src:ye(f,Ge),alt:Re[Ge]}),sx:Eo})]}),e(nr,{gasFeeValue:C,gasFeeFiatValue:z,gasFeeToken:h?.token,fees:Gt(),onFeesClick:()=>{S({userJourney:"Bridge",screen:"MoveCoins",control:"ViewFees",controlType:"Button"})},sx:{borderTopRightRadius:"0",borderTopLeftRadius:"0"},loading:g}),e(So,{sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-end",paddingY:"base.spacing.x6",width:"100%"},children:h&&!g&&e(Vn,{size:"large",sx:{width:"100%"},onClick:ut,disabled:g,testId:`${$e}__submit-button`,children:g?e(Vn.Icon,{icon:"Loading",sx:Ln}):t("views.BRIDGE_REVIEW.submitButton.buttonText")})}),e(rr,{visible:E,targetChainId:r?.network,provider:r?.browserProvider,checkout:n,onCloseDrawer:()=>y(!1),onNetworkSwitch:Qe}),e(kn,{environment:n.config.environment,visible:pe,onCloseDrawer:()=>K(!1),walletAddress:r?.walletAddress||"",tokenSymbol:r?.network===re(n?.config)?Ie:Wo,onAddCoinsClick:()=>{o({payload:{type:"UPDATE_VIEW",view:{type:"TOP_UP_VIEW"}}})}}),e(Mn,{visible:oe.visible,warningType:oe.warningType,checkout:n,onAdjustAmount:()=>{k({visible:!1}),o({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_FORM"}}})},onCloseDrawer:()=>{k({visible:!1})},threshold:oe.threshold})]})}function $n(){let{t}=qs(),{eventTargetState:{eventTarget:o}}=Qs(Y),{page:n}=R();return Ys(()=>{n({userJourney:"Bridge",screen:"Review"})},[]),e(Z,{testId:"bridge-review",header:e(j,{showBack:!0,title:t("views.BRIDGE_REVIEW.layoutHeading"),onCloseButtonClick:()=>$(o)}),footer:e(ee,{}),children:e(Kn,{})})}import{useContext as Lt,useEffect as ei}from"react";import{useTranslation as ti}from"react-i18next";import{Badge as oi,ButtCon as ri}from"@biom3/react";import{Box as Jn}from"@biom3/react";import{Fit as Xs,Layout as Zs,useRive as js}from"@rive-app/react-canvas-lite";function Qn({environment:t}){let{RiveComponent:o}=js({src:`${Po[t]}/v1/blob/img/rocket.riv`,autoplay:!0,layout:new Zs({fit:Xs.Cover}),stateMachines:"State Machine 1"});return e(Jn,{sx:{...Jo,background:"base.color.translucent.emphasis.100"},children:e(Jn,{sx:$o,rc:e(o,{})})})}function Yn({transactionHash:t,isTransfer:o}){let{t:n}=ti(),{eventTargetState:{eventTarget:i}}=Lt(Y),{page:r}=R(),{cryptoFiatState:a}=Lt(he),{viewDispatch:s}=Lt(H),{bridgeState:{checkout:d,from:m,to:T,token:x,amount:f}}=Lt(M);return ei(()=>{ir(i,t);let S=Q(f,x?.symbol??"",a.conversions);r({userJourney:"Bridge",screen:"InProgress",extras:{fromWalletAddress:m?.walletAddress,toWalletAddress:T?.walletAddress,amount:f,fiatAmount:S,tokenAddress:x?.address,moveType:o?"transfer":"bridge"}})},[]),e(Z,{testId:"move-in-progress-view",header:e(j,{transparent:!0,onCloseButtonClick:()=>$(i),rightActions:l(ie,{children:[e(ri,{icon:"Minting",sx:yt(),onClick:()=>{s({payload:{type:"UPDATE_VIEW",view:{type:"TRANSACTIONS"}}})},testId:"settings-button"}),!o&&e(oi,{isAnimated:!0,variant:"guidance",sx:{position:"absolute",right:"base.spacing.x14",top:"base.spacing.x1"}})]})}),footer:e(ee,{}),heroContent:e(Qn,{environment:d.config.environment}),floatHeader:!0,children:l(He,{heading:n(o?"views.IN_PROGRESS.transferHeading":"views.IN_PROGRESS.heading"),children:[!o&&l(ie,{children:[n("views.IN_PROGRESS.body1"),e("br",{}),e("br",{})]}),n("views.IN_PROGRESS.body2")]})})}import{Box as qn}from"@biom3/react";import{useCallback as Dt,useContext as Io,useEffect as ni,useState as Ot}from"react";import{CheckoutErrorType as Me}from"@imtbl/checkout-sdk";import{useTranslation as ai}from"react-i18next";import{parseUnits as Xn}from"ethers";function Zn({bridgeTransaction:t}){let{t:o}=ai(),{bridgeState:n}=Io(M),{checkout:i,from:r,to:a,token:s,amount:d}=n,{viewDispatch:m}=Io(H),{eventTargetState:{eventTarget:T}}=Io(Y),{page:x}=R();ni(()=>{x({userJourney:"Bridge",screen:"ApproveTransaction",extras:{moveType:t?"bridge":"transfer"}})},[]);let[f,S]=Ot(!1),[u,g]=Ot(!1),[p,h]=Ot(!1),[W,C]=Ot(!1),L=Dt(()=>{m({payload:{type:"UPDATE_VIEW",view:{type:"ERROR_VIEW",error:new Error("No checkout object or no provider object found")}}})},[m]),z=Dt(()=>{m({payload:{type:"GO_BACK"}})},[m]),I=A=>{if(A.type===Me.UNPREDICTABLE_GAS_LIMIT){m({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_FAILURE",reason:"Unpredictable gas limit"}}});return}if(A.type===Me.TRANSACTION_FAILED||A.type===Me.INSUFFICIENT_FUNDS||A.receipt&&A.receipt.status===0){let c="Transaction failed";A.type===Me.INSUFFICIENT_FUNDS&&(c="Insufficient funds"),A.receipt&&A.receipt.status===0&&(c="Transaction failed to settle on chain"),m({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_FAILURE",reason:c}}});return}m({payload:{type:"UPDATE_VIEW",view:{type:"ERROR_VIEW",error:A}}})},D=Dt(async()=>{if(!i||!r?.browserProvider){L();return}if(f)return;S(!0),g(!0);let A=s?.address?.toLowerCase()??Te.toUpperCase(),c;try{if(A===Te.toLowerCase()){let E={to:a?.walletAddress,value:Xn(d,s?.decimals)};c=(await i.sendTransaction({provider:r.browserProvider,transaction:E})).transactionResponse.hash}else{let E=_t(A,await r.browserProvider.getSigner()),y=Xn(d,s?.decimals);c=(await i.providerCall(r.browserProvider,async()=>await E.transfer(a?.walletAddress,y))).hash}m({payload:{type:"UPDATE_VIEW",view:{type:"IN_PROGRESS",transactionHash:c,isTransfer:!0}}})}catch(E){g(!1),E.type===Me.USER_REJECTED_REQUEST_ERROR?C(!0):I(E)}finally{S(!1)}},[i,r,L,m,f]),G=Dt(async()=>{let A=!1,{approveTransaction:c,transaction:E}=t;if(!i||!r?.browserProvider||!E){L();return}if(!f){if(S(!0),c.unsignedTx)try{if(g(!0),(await(await i.sendTransaction({provider:r.browserProvider,transaction:c.unsignedTx})).transactionResponse.wait())?.status!==1){m({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_FAILURE",reason:"Transaction failed to settle on chain"}}});return}}catch(y){g(!1),y.type===Me.USER_REJECTED_REQUEST_ERROR?(C(!0),A=!0):I(y)}finally{S(!1)}try{if(A)return;g(!0);let y=await i.sendTransaction({provider:r.browserProvider,transaction:E.unsignedTx});m({payload:{type:"UPDATE_VIEW",view:{type:"IN_PROGRESS",transactionHash:y.transactionResponse.hash,isTransfer:!1}}}),(await y.transactionResponse.wait())?.status===0&&m({payload:{type:"UPDATE_VIEW",view:{type:"BRIDGE_FAILURE",reason:"Approval transaction failed to settle on chain"}}})}catch(y){y.type===Me.USER_REJECTED_REQUEST_ERROR?C(!0):I(y)}finally{h(!1),g(!1),S(!1)}}},[i,r,L,m,t,f]);return l(ie,{children:[p&&e(gt,{loadingText:o("views.APPROVE_TRANSACTION.loadingView.text")}),!p&&e(Z,{header:e(j,{transparent:!0,showBack:!0,onCloseButtonClick:()=>$(T),onBackButtonClick:z}),floatHeader:!0,heroContent:e(vt,{}),footer:l(qn,{sx:{width:"100%",flexDirection:"column"},children:[e(Ko,{loading:u,actionText:o(`views.APPROVE_TRANSACTION.${W?"footer.retryText":"footer.buttonText"}`),onActionClick:t?G:D}),e(ee,{})]}),children:e(He,{heading:o("views.APPROVE_TRANSACTION.content.heading"),children:e(qn,{children:o("views.APPROVE_TRANSACTION.content.body")})})})]})}import{Box as Ft,Button as aa,EllipsizedText as pi}from"@biom3/react";import{useCallback as sa,useContext as Bo,useEffect as ia,useState as pt}from"react";import{useTranslation as mi}from"react-i18next";import{getGasPriceInWei as ui,WalletProviderName as fi}from"@imtbl/checkout-sdk";import{Body as si,Box as ta,Button as oa,CloudImage as ii,Drawer as ra,Heading as li}from"@biom3/react";import{useTranslation as di}from"react-i18next";import{useContext as ci}from"react";var jn={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x1",height:"100%"},Co={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"15px"},ea={display:"flex",flexDirection:"column",justifyContent:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},Ao={width:"100%",height:"base.spacing.x16"};function na({visible:t,onClose:o,onChangeAccount:n}){let{t:i}=di(),{bridgeState:{checkout:r}}=ci(M),a=Mo(r.config.environment);return e(ra,{headerBarTitle:void 0,size:"full",onCloseDrawer:o,visible:t,showHeaderBar:!1,children:e(ra.Content,{children:l(ta,{testId:"not-enough-eth-drawer",sx:jn,children:[e(ii,{sx:{w:"base.icon.size.600",h:"base.icon.size.600"},use:e("img",{src:a,alt:"ETH"})}),e(li,{size:"small",sx:Co,testId:"not-enough-gas-heading",children:`${i("drawers.notEnoughEthWithdrawal.content.heading1")} ${Ie} ${i("drawers.notEnoughEthWithdrawal.content.heading2")}`}),e(si,{sx:Co,children:`${i("drawers.notEnoughEthWithdrawal.content.body1")} ${Ie} ${i("drawers.notEnoughEthWithdrawal.content.body2")}`}),l(ta,{sx:ea,children:[e(oa,{testId:"not-enough-eth-drawer-retry-button",sx:Ao,variant:"tertiary",onClick:n,children:i("drawers.notEnoughEthWithdrawal.buttons.retry")}),e(oa,{sx:Ao,variant:"tertiary",onClick:o,testId:"not-enough-eth-drawer-dismiss-button",children:i("drawers.notEnoughEthWithdrawal.buttons.dismiss")})]})]})})})}function la({transaction:t}){let{t:o}=mi(),{bridgeState:{checkout:n,tokenBridge:i,from:r}}=Bo(M),{viewDispatch:a}=Bo(H),{eventTargetState:{eventTarget:s}}=Bo(Y),{page:d}=R();ia(()=>{d({userJourney:"Bridge",screen:"ClaimWithdrawal"})},[]);let[m,T]=pt(!1),[x,f]=pt(!1),[S,u]=pt(!1),[g,p]=pt(),[h,W]=pt(!1),C=sa(()=>{a({payload:{type:"GO_BACK"}})},[a]);ia(()=>{(async()=>{if(!(!i||!t||t.details.current_status?.index===void 0)){f(!0);try{let I=await i?.getFlowRateWithdrawTx({recipient:t.details.to_address,index:t.details.current_status.index});p(I)}catch(I){console.log(I)}finally{f(!1)}}})()},[i,t]);let L=sa(async({forceChangeAccount:z})=>{if(!n||!i||!r?.browserProvider||!g)return;if(!g.pendingWithdrawal.canWithdraw||!g.unsignedTx){console.log(`Unable to process withdrawal transaction as it is not ready yet. Delay timeout at ${g.pendingWithdrawal.timeoutEnd} `);return}let I=r?.browserProvider,D=re(n.config);if(T(!0),ue(r?.browserProvider)||z)try{let E=await n.createProvider({walletProviderName:fi.METAMASK});I=(await n.connect({provider:E.provider,requestWalletPermissions:!0})).provider,W(!1)}catch(E){console.log(E),u(!0),T(!1);return}let G,A=null;try{try{G=await I.estimateGas(g.unsignedTx)}catch{G=BigInt(Lo)}let E=null;try{E=await I.getFeeData()}catch(w){console.log(w)}let y=null;E&&(y=ui(E)),y&&(A=G*y)}catch(E){console.log(E)}try{let y=(await n.getAllBalances({provider:I,chainId:D})).balances.find(w=>Ce(w.token.address));if(!y||y.balance<A){W(!0),T(!1);return}}catch(E){console.log(E)}let c=await I.getNetwork();if(Number(c.chainId)!==D)try{I=(await n.switchNetwork({provider:I,chainId:D})).provider}catch(E){u(!0),f(!1),console.log(E);return}try{let E=await n.sendTransaction({provider:I,transaction:g.unsignedTx});a({payload:{type:"UPDATE_VIEW",view:{type:"CLAIM_WITHDRAWAL_IN_PROGRESS",transactionResponse:E.transactionResponse}}})}catch(E){console.log(E),u(!0),T(!1)}finally{T(!1)}},[i,r,g]);return l(Z,{testId:"claim-withdrawal",header:e(j,{transparent:!0,showBack:!0,onCloseButtonClick:()=>$(s),onBackButtonClick:C}),floatHeader:!0,heroContent:e(vt,{}),footer:l(Ft,{sx:{width:"100%",display:"flex",flexDirection:"column"},children:[e(Ft,{sx:{pb:"base.spacing.x5",px:"base.spacing.x6",width:"100%",display:"flex",flexDirection:"column"},children:e(aa,{testId:"claim-withdrawal-continue-button",size:"large",variant:"primary",disabled:x,onClick:()=>m||x?void 0:L({forceChangeAccount:!0}),children:x||m?e(aa.Icon,{icon:"Loading",sx:{width:"base.icon.size.400"}}):o(`views.CLAIM_WITHDRAWAL.${S?"footer.retryText":"footer.buttonText"}`)})}),e(ee,{})]}),children:[l(He,{heading:`${o("views.CLAIM_WITHDRAWAL.content.heading")} ${Oe(re(n.config))}`,children:[e(Ft,{sx:{display:"flex",flexWrap:"wrap",pb:"base.spacing.x1"},children:o("views.CLAIM_WITHDRAWAL.content.body")}),l(Ft,{children:[o("views.CLAIM_WITHDRAWAL.content.body2"),e(pi,{text:t.details.to_address.toLowerCase()??""})]})]}),e(na,{visible:h,onClose:()=>W(!1),onChangeAccount:()=>L({forceChangeAccount:!0})})]})}function Ii({checkout:t,browserProvider:o,config:n,amount:i,tokenAddress:r,showBackButton:a}){let{t:s}=Si(),{environment:d,isOnRampEnabled:m,isSwapEnabled:T,isBridgeEnabled:x,theme:f}=n,S=Go(t.config.environment,f),{eventTargetState:{eventTarget:u}}=wi(Y),{page:g}=R(),[p,h]=ca(Uo,{...Vo,view:{type:"WALLET_NETWORK_SELECTION"},history:[{type:"WALLET_NETWORK_SELECTION"}]}),[W,C]=ca(sr,{...$t,checkout:t,browserProvider:o??null,tokenBridge:(()=>{let c=hi;t.config.isDevelopment&&(c=Ei),t.config.isProduction&&(c=yi);let E=new pa(t.config.networkMap.get(re(t.config))?.rpcUrls[0]),y=new pa(t.config.networkMap.get(xe(t.config))?.rpcUrls[0]),w=new xi({baseConfig:new bi({environment:t.config.environment}),bridgeInstance:c,rootProvider:E,childProvider:y});return new vi(w)})()}),L=da(()=>({viewState:p,viewDispatch:h}),[p,h]),z=da(()=>({bridgeState:W,bridgeDispatch:C}),[W,C]),I=Mt(()=>{C({payload:{type:"SET_WALLETS_AND_NETWORKS",from:null,to:null}}),C({payload:{type:"SET_TOKEN_AND_AMOUNT",amount:"",token:null}}),h({payload:{type:"GO_BACK_TO",view:{type:"WALLET_NETWORK_SELECTION"}}})},[h]),D=Mt(()=>{h({payload:{type:"GO_BACK_TO",view:{type:"WALLET_NETWORK_SELECTION"}}})},[h]),G=Mt(()=>{h({payload:{type:"UPDATE_VIEW",view:{type:"TRANSACTIONS"}}})},[h]),A=Mt(()=>{h({payload:{type:"GO_BACK_TO",view:{type:"BRIDGE_REVIEW"}}})},[h]);return Ti(()=>{(async()=>C({payload:{type:"SET_PROVIDER",browserProvider:o??null}}))()},[o]),e(H.Provider,{value:L,children:e(M.Provider,{value:z,children:l(qo,{environment:d,children:[p.view.type==="WALLET_NETWORK_SELECTION"&&e(gn,{showBackButton:a}),p.view.type==="BRIDGE_FORM"&&e(bn,{amount:i,tokenAddress:r,defaultTokenImage:S,theme:f}),p.view.type==="BRIDGE_REVIEW"&&e($n,{}),p.view.type==="IN_PROGRESS"&&e(Yn,{transactionHash:p.view.transactionHash,isTransfer:p.view.isTransfer}),p.view.type==="BRIDGE_FAILURE"&&e(Et,{testId:"bridge-fail",statusText:s("views.BRIDGE_FAILURE.bridgeFailureText.statusText"),actionText:s("views.BRIDGE_FAILURE.bridgeFailureText.actionText"),onActionClick:A,statusType:"failure",onRenderEvent:()=>{let c="";p.view.type==="BRIDGE_FAILURE"&&(c=p.view.reason),g({userJourney:"Bridge",screen:"Failed",extras:{reason:c}}),lr(u,c)}}),p.view.type==="APPROVE_TRANSACTION"&&e(Zn,{bridgeTransaction:p.view.approveTransaction&&p.view.transaction?{approveTransaction:p.view.approveTransaction,transaction:p.view.transaction}:void 0}),p.view.type==="TRANSACTIONS"&&e(Yr,{onBackButtonClick:D,defaultTokenImage:S}),p.view.type==="CLAIM_WITHDRAWAL"&&e(la,{transaction:p.view.transaction}),p.view.type==="ERROR_VIEW"&&e(Qo,{actionText:s("views.ERROR_VIEW.actionText"),onActionClick:I,onCloseClick:()=>$(u),errorEventAction:()=>{g({userJourney:"Bridge",screen:"Error"})}}),p.view.type==="TOP_UP_VIEW"&&e(Zo,{analytics:{userJourney:"Bridge"},widgetEvent:gi.IMTBL_BRIDGE_WIDGET_EVENT,checkout:t,provider:o,showOnrampOption:m,showSwapOption:T,showBridgeOption:x,onCloseButtonClick:()=>$(u)}),p.view.type==="CLAIM_WITHDRAWAL_IN_PROGRESS"&&e(Xr,{transactionResponse:p.view.transactionResponse}),p.view.type==="CLAIM_WITHDRAWAL_SUCCESS"&&e(Et,{statusText:s("views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text"),actionText:s("views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText"),onRenderEvent:()=>{g({userJourney:"Bridge",screen:"ClaimWithdrawalSuccess"}),dr(u,p.view.transactionHash)},onActionClick:G,statusType:"success",testId:"claim-withdrawal-success-view"}),p.view.type==="CLAIM_WITHDRAWAL_FAILURE"&&e(Et,{statusText:s("views.CLAIM_WITHDRAWAL.IN_PROGRESS.failure.text"),actionText:s("views.CLAIM_WITHDRAWAL.IN_PROGRESS.failure.actionText"),onRenderEvent:()=>{let c="";p.view.type==="CLAIM_WITHDRAWAL_FAILURE"&&(c=p.view.reason),g({userJourney:"Bridge",screen:"ClaimWithdrawalFailure",extras:{reason:c}}),cr(u,p.view.transactionHash,"Transaction failed")},onActionClick:G,statusType:"failure",onCloseClick:()=>$(u),testId:"claim-withdrawal-fail-view"}),p.view.type==="SERVICE_UNAVAILABLE"&&e(Yo,{onCloseClick:()=>$(u),onBackButtonClick:()=>{h({payload:{type:"UPDATE_VIEW",view:{type:"WALLET_NETWORK_SELECTION"}}})}})]})})})}export{Ii as a};

package/dist/node/chunk-Z3BWDS2L.js

@@ -0,0 +1 @@
+import{OrchestrationEventType as s}from"@imtbl/checkout-sdk";function o(e,n,E){let t=new CustomEvent(n,{detail:{type:s.REQUEST_ONRAMP,data:E}});console.log("request onramp event:",e,t),e!==void 0&&e.dispatchEvent(t)}function d(e,n,E){let t=new CustomEvent(n,{detail:{type:s.REQUEST_SWAP,data:E}});console.log("request swap event:",e,t),e!==void 0&&e.dispatchEvent(t)}function i(e,n,E){let t=new CustomEvent(n,{detail:{type:s.REQUEST_BRIDGE,data:E}});console.log("bridge coins event:",e,t),e!==void 0&&e.dispatchEvent(t)}function v(e,n,E){let t=new CustomEvent(n,{detail:{type:s.REQUEST_GO_BACK,data:E}});console.log(`go back event from ${n}:`,e,t),e!==void 0&&e.dispatchEvent(t)}function a(e,n,E){let t=new CustomEvent(n,{detail:{type:s.REQUEST_ADD_TOKENS,data:E}});console.log("add tokens event:",e,t),e!==void 0&&e.dispatchEvent(t)}var h={sendRequestBridgeEvent:i,sendRequestSwapEvent:d,sendRequestOnrampEvent:o,sendRequestGoBackEvent:v,sendRequestAddTokensEvent:a};export{h as a};