@imtbl/sdk 1.17.0-alpha → 1.18.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/blockchain_data.js +2 -2
- package/dist/browser/checkout/{BridgeWidget-7ebdf0d7.js → BridgeWidget-838bccff.js} +1 -1
- package/dist/browser/checkout/{HorizontalMenu-actual-2c2b8836.js → HorizontalMenu-actual-ba4c6607.js} +1 -1
- package/dist/browser/checkout/{OnRampWidget-13ce0664.js → OnRampWidget-772d2f37.js} +1 -1
- package/dist/browser/checkout/SaleWidget-8ecccaf1.js +2 -0
- package/dist/browser/checkout/{SpendingCapHero-62759ae4.js → SpendingCapHero-b9e883b3.js} +1 -1
- package/dist/browser/checkout/{SwapWidget-08ba0b9b.js → SwapWidget-dcdf8a47.js} +1 -1
- package/dist/browser/checkout/{TopUpView-34164b3e.js → TopUpView-c23144a1.js} +1 -1
- package/dist/browser/checkout/{WalletWidget-2096a958.js → WalletWidget-862079c1.js} +1 -1
- package/dist/browser/checkout/{auto-track-72eaf147.js → auto-track-91db8633.js} +1 -1
- package/dist/browser/checkout/balance-b915aee0.js +1 -0
- package/dist/browser/checkout/index-5f560719.js +1 -0
- package/dist/browser/checkout/{index-26571336.js → index-78faf777.js} +1 -1
- package/dist/browser/checkout/{index-8c616236.js → index-7e152ed6.js} +2 -2
- package/dist/browser/checkout/{index-0939e0ff.js → index-8326ebb1.js} +1 -1
- package/dist/browser/checkout/{index-a68e9d6f.js → index-9dede1a2.js} +1 -1
- package/dist/browser/checkout/{index-61f2f41b.js → index-cd5b09a3.js} +1 -1
- package/dist/browser/checkout/{index-c2f353c1.js → index-eae81a54.js} +1 -1
- package/dist/browser/checkout/{index-1d2dbe42.js → index-f609e65c.js} +1 -1
- package/dist/browser/checkout/{index.umd-0cdede5d.js → index.umd-85f30132.js} +1 -1
- package/dist/browser/checkout/{retry-06d96cd1.js → retry-dff55f09.js} +1 -1
- package/dist/browser/checkout/sdk.js +4 -4
- package/dist/browser/checkout/widgets-esm.js +1 -1
- package/dist/browser/checkout/widgets.js +6 -6
- package/dist/checkout.js +4 -4
- package/dist/config.js +1 -1
- package/dist/index.browser.js +4 -4
- package/dist/index.browser.js.map +1 -1
- package/dist/index.cjs +7 -7
- package/dist/index.js +7 -7
- package/dist/orderbook.js +1 -1
- package/dist/passport.js +4 -4
- package/dist/x.js +3 -3
- package/package.json +1 -1
- package/dist/browser/checkout/SaleWidget-8b46ccde.js +0 -2
- package/dist/browser/checkout/balance-3be9095b.js +0 -1
- package/dist/browser/checkout/index-869c8b80.js +0 -1
package/dist/blockchain_data.js
CHANGED
|
@@ -4814,7 +4814,7 @@ const flattenProperties = (properties) => {
|
|
|
4814
4814
|
};
|
|
4815
4815
|
|
|
4816
4816
|
// WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
|
|
4817
|
-
const SDK_VERSION = '1.
|
|
4817
|
+
const SDK_VERSION = '1.18.0-alpha.1';
|
|
4818
4818
|
const getReferrer = () => {
|
|
4819
4819
|
if (isNode()) {
|
|
4820
4820
|
return '';
|
|
@@ -5059,7 +5059,7 @@ class APIError extends Error {
|
|
|
5059
5059
|
|
|
5060
5060
|
/* eslint-disable implicit-arrow-linebreak */
|
|
5061
5061
|
const defaultHeaders = {
|
|
5062
|
-
sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.
|
|
5062
|
+
sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.18.0-alpha.1',
|
|
5063
5063
|
};
|
|
5064
5064
|
/**
|
|
5065
5065
|
* createAPIConfiguration to create a custom Configuration
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{bt as e,a as t,a2 as a,a9 as n,bu as s,b as o,m as r,bv as i,r as l,j as c,bw as d,M as u,u as p,K as g,bx as w,aB as h,by as b,bz as f,I as x,ax as m,bA as T,bB as E,p as I,B as v,bC as y,Y as A,bD as S,q as k,v as C,ad as D,bE as R,e as _,U as N,bF as M,V as L,aI as W,d as P,O,bG as B,aV as z,bH as G,l as U,x as F,bI as j,ak as $,y as V,E as H,i as K,h as Q,T as J,g as Y,bJ as q,bK as Z,bL as X,z as ee,G as te,J as ae,bM as ne,bN as se,bO as oe,a0 as re,as as ie,aA as le,H as ce,bP as de,bQ as ue,c as pe,A as ge,bR as we,aT as he,bS as be,aU as fe,t as xe,f as me,al as Te,aY as Ee,b2 as Ie,S as ve,aj as ye,aZ as Ae,aS as Se,bT as ke,aW as Ce,bU as De,bV as Re,b0 as _e,bW as Ne,bX as Me,P as Le,Q as We,bY as Pe,W as Oe,b3 as Be,bZ as ze,b_ as Ge,k as Ue,_ as Fe,$ as je,b$ as $e,b5 as Ve,c0 as He,aK as Ke,aJ as Qe,a1 as Je,c1 as Ye,c2 as qe,c3 as Ze}from"./index-8c616236.js";import{B as Xe,C as et,a as tt,T as at,b as nt}from"./TopUpView-34164b3e.js";import{r as st,u as ot}from"./retry-06d96cd1.js";import{b as rt,A as it,S as lt,T as ct,a as dt,g as ut,F as pt,N as gt,W as wt}from"./balance-3be9095b.js";const{Axios:ht,AxiosError:bt,CanceledError:ft,isCancel:xt,CancelToken:mt,VERSION:Tt,all:Et,Cancel:It,isAxiosError:vt,spread:yt,toFormData:At,AxiosHeaders:St,HttpStatusCode:kt,formToJSON:Ct,getAdapter:Dt,mergeConfig:Rt}=e;var _t=["leftSideLength","rightSideLength","text","rc","sx"],Nt=["use"];function Mt(e){var r=e.leftSideLength,i=void 0===r?8:r,l=e.rightSideLength,c=void 0===l?4:l,d=e.text,u=e.rc,p=void 0===u?t("span",{}):u,g=e.sx,w=a(e,_t),h="use"in w?w:n(n({},w),{},{use:void 0}),b=h.use,f=a(h,Nt),x=("size"in w?w:{size:void 0}).size,m=("weight"in w?w:{weight:void 0}).weight,T=function(e){var t=e.text,a=e.leftSideLength,n=void 0===a?4:a,s=e.rightSideLength,o=void 0===s?4:s;if(n+o>=t.length)return t;var r=t.substring(0,n),i=t.substring(t.length-o,t.length);return"".concat(r,"...").concat(i)}({leftSideLength:i,rightSideLength:c,text:d});return s(b||t(o,{size:x,weight:m}),n(n({},f),{},{rc:p,sx:g,children:T}))}async function Lt(e,t,a){let n=!1,s=t;try{const{isConnected:a}=await e.checkIsWalletConnected({provider:t});n=a}catch(e){throw console.error(e),e}if(!n||a)try{const{provider:o}=await e.connect({provider:t,requestWalletPermissions:a});s=o,n=!0}catch(e){throw e.type===r.USER_REJECTED_REQUEST_ERROR&&console.log("User rejected request"),console.error(e),e}return s}Mt.displayName="EllipsizedText";const Wt={name:"Other",rdns:"walletconnect",icon:"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBhdGggZD0iTTEwLjQyMzYgMTQuODY4NkMxNy45NTA3IDcuNTIzNzcgMzAuMTY5NCA3LjUyMzc3IDM3LjY5NjQgMTQuODY4NkwzOC42MDI2IDE1Ljc1OTNDMzguOTgyNiAxNi4xMjQ0IDM4Ljk4MjYgMTYuNzIzMSAzOC42MDI2IDE3LjA4ODFMMzUuNTA0MSAyMC4xMTA4QzM1LjMxNDEgMjAuMzAwNiAzNS4wMDcxIDIwLjMwMDYgMzQuODE3MSAyMC4xMTA4TDMzLjU3NDggMTguODk4OEMyOC4zMTMyIDEzLjc3MzUgMTkuODA2OSAxMy43NzM1IDE0LjU0NTIgMTguODk4OEwxMy4yMTUyIDIwLjE5ODRDMTMuMDI1MiAyMC4zODgyIDEyLjcxODMgMjAuMzg4MiAxMi41MjgzIDIwLjE5ODRMOS40Mjk3OCAxNy4xNzU3QzkuMDQ5NzcgMTYuODEwNyA5LjA0OTc3IDE2LjIxMiA5LjQyOTc4IDE1Ljg0N0wxMC40MjM2IDE0Ljg2ODZaTTQ0LjExMjcgMjEuMTE4M0w0Ni44NzUgMjMuODA1MUM0Ny4yNTUgMjQuMTcwMSA0Ny4yNTUgMjQuNzY4OCA0Ni44NzUgMjUuMTMzOUwzNC40MzcxIDM3LjI2ODJDMzQuMDU3MSAzNy42MzMyIDMzLjQ0MzMgMzcuNjMzMiAzMy4wNzc5IDM3LjI2ODJMMjQuMjUgMjguNjUzQzI0LjE2MjMgMjguNTY1NCAyNC4wMDE2IDI4LjU2NTQgMjMuOTEzOSAyOC42NTNMMTUuMDg2IDM3LjI2ODJDMTQuNzA2IDM3LjYzMzIgMTQuMDkyMiAzNy42MzMyIDEzLjcyNjggMzcuMjY4MkwxLjI0NTAzIDI1LjEzMzlDMC44NjUwMiAyNC43Njg4IDAuODY1MDIgMjQuMTcwMSAxLjI0NTAzIDIzLjgwNTFMNC4wMDczOCAyMS4xMTgzQzQuMzg3MzkgMjAuNzUzMyA1LjAwMTI1IDIwLjc1MzMgNS4zNjY2NCAyMS4xMTgzTDE0LjE5NDUgMjkuNzMzNUMxNC4yODIyIDI5LjgyMTEgMTQuNDQyOSAyOS44MjExIDE0LjUzMDYgMjkuNzMzNUwyMy4zNTg1IDIxLjExODNDMjMuNzM4NSAyMC43NTMzIDI0LjM1MjMgMjAuNzUzMyAyNC43MTc3IDIxLjExODNMMzMuNTQ1NiAyOS43MzM1QzMzLjYzMzMgMjkuODIxMSAzMy43OTQgMjkuODIxMSAzMy44ODE3IDI5LjczMzVMNDIuNzA5NiAyMS4xMTgzQzQzLjExODggMjAuNzUzMyA0My43MzI3IDIwLjc1MzMgNDQuMTEyNyAyMS4xMTgzWiIgZmlsbD0iIzM2OEFGQSI+PC9wYXRoPjwvZz48L3N2Zz4=",uuid:"wallet-connect"};class Pt{url;ttl;env;cacheMap;setCache(e,t){this.cacheMap[e]={data:t,ttl:(new Date).getTime()+1e3*this.ttl}}getCache(e){const t=this.cacheMap[e];return!t||t.ttl<=(new Date).getTime()?null:t.data}constructor(e){this.env=e.env,this.url=`${i[this.env]}/checkout`,this.cacheMap={},this.ttl=void 0!==e.ttl?e.ttl:60}static isHttpError=e=>"code"in e;async getTransactions(t){const{txType:a,fromAddress:n}=t;try{const t=`${this.url}/v1/transactions?from_address=${n}&tx_type=${a}`,s=this.getCache(t);if(s)return Promise.resolve(s);const o=await e.get(t);if(o.status>=400)return Promise.reject({code:o.status,message:o.statusText});const{data:r}=o;return this.setCache(t,r),Promise.resolve(r)}catch(t){let a=kt.InternalServerError,n="InternalServerError";return e.isAxiosError(t)&&(a=t.response?.status||a,n=t.message),Promise.reject({code:a,message:n})}}}var Ot;!function(e){e.BRIDGE="bridge"}(Ot||(Ot={}));const Bt={IN_PROGRESS:"in_progress",WITHDRAWAL_PENDING:"withdrawal_pending"},zt={web3Provider:null,walletProviderName:null,from:null,to:null,tokenBridge:null,tokenBalances:[],allowedTokens:[],token:null,amount:"0"};var Gt;!function(e){e.SET_WALLETS_AND_NETWORKS="SET_WALLETS_AND_NETWORKS",e.SET_WALLET_PROVIDER_NAME="SET_WALLET_PROVIDER_NAME",e.SET_PROVIDER="SET_PROVIDER",e.SET_TOKEN_BRIDGE="SET_TOKEN_BRIDGE",e.SET_TOKEN_BALANCES="SET_TOKEN_BALANCES",e.SET_ALLOWED_TOKENS="SET_ALLOWED_TOKENS",e.SET_TOKEN_AND_AMOUNT="SET_TOKEN_AND_AMOUNT"}(Gt||(Gt={}));const Ut=l.createContext({bridgeState:{...zt,checkout:{}},bridgeDispatch:()=>{}});Ut.displayName="BridgeContext";const Ft=(e,t)=>{switch(t.payload.type){case Gt.SET_WALLETS_AND_NETWORKS:return{...e,from:t.payload.from,to:t.payload.to};case Gt.SET_WALLET_PROVIDER_NAME:return{...e,walletProviderName:t.payload.walletProviderName};case Gt.SET_PROVIDER:return{...e,web3Provider:t.payload.web3Provider};case Gt.SET_TOKEN_BRIDGE:return{...e,tokenBridge:t.payload.tokenBridge};case Gt.SET_TOKEN_BALANCES:return{...e,tokenBalances:t.payload.tokenBalances};case Gt.SET_ALLOWED_TOKENS:return{...e,allowedTokens:t.payload.allowedTokens};case Gt.SET_TOKEN_AND_AMOUNT:return{...e,token:t.payload.token,amount:t.payload.amount};default:return e}};function jt({rc:e=t("span",{}),testId:a,providerDetail:n,onWalletItemClick:s,loading:o}){const[r,i]=l.useState(!1);return c(u,{rc:e,testId:`${a}-wallet-list-${n.info.rdns}`,size:"medium",emphasized:!0,onClick:async()=>{if(!o){i(!0);try{await s(n)}finally{i(!1)}}},sx:{position:"relative"},children:[t(d,{src:n.info.icon,alt:n.info.name,sx:{position:"absolute",left:"base.spacing.x3"}}),t(u.Label,{size:"medium",sx:{marginLeft:"65px"},children:n.info.name}),r&&t(u.StatefulButtCon,{state:"loading",icon:"Loading"})]})}const $t={display:"flex",flexDirection:"column",gap:"base.spacing.x1",paddingX:"base.spacing.x4"};function Vt({rc:e=t("span",{}),testId:a,onWalletItemClick:n,loading:s}){const{t:o}=p(),[r,i]=l.useState(!1);return c(u,{rc:e,testId:`${a}-wallet-list-walletconnect`,size:"medium",emphasized:!0,onClick:async()=>{if(!s){i(!0);try{await n()}finally{i(!1)}}},children:[t(u.FramedLogo,{logo:"WalletConnectSymbol",sx:{backgroundColor:"base.color.translucent.standard.200"}}),t(u.Label,{size:"medium",children:o("wallets.walletconnect.heading")}),r&&t(u.StatefulButtCon,{state:"loading",icon:"Loading"})]})}function Ht({testId:e,drawerText:a,walletOptions:n,showWalletSelectorTarget:s,showDrawer:o,setShowDrawer:r,onWalletChange:i}){const{isWalletConnectEnabled:d,openWalletConnectModal:u}=g(),[p,x]=l.useState(!1),{listVariants:m,listItemVariants:T}=f(),{heading:E,defaultText:I}=a,v=async e=>{x(!0);try{await i({walletType:"injected",provider:e.provider,providerDetail:e})}catch(e){console.error(e)}finally{x(!1)}};return c(h,{headerBarTitle:E,size:"full",onCloseDrawer:()=>{p||r(!1)},visible:o,children:[s&&t(h.Target,{children:t(rt,{testId:`${e}-wallet-form-control`,textAlign:"left",children:t(w,{testId:`${e}-wallet-select`,defaultLabel:I??"",size:"large",targetClickOveride:()=>r(!0)})})}),c(h.Content,{sx:$t,rc:t(b.div,{variants:m,initial:"hidden",animate:"show"}),children:[n.map(((a,n)=>t(jt,{testId:e,loading:p,providerDetail:a,onWalletItemClick:v,rc:t(b.div,{variants:T,custom:n})},a.info.rdns))),d&&t(b.div,{variants:T,custom:n.length,children:t(Vt,{testId:`${e}-wallet-list-walletconnect`,loading:p,onWalletItemClick:async()=>{try{await u({connectCallback:e=>{const t={walletType:"walletconnect",provider:e,providerDetail:{provider:e,info:{...Wt}}};i(t)},restoreSession:!0})}catch(e){console.error(e)}}})},"walletconnect")]})]})}const Kt=(e,t)=>{const a=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.TRANSACTION_SENT,data:{transactionHash:t}}});console.log("bridge success ",e,a),void 0!==e&&e.dispatchEvent(a)};function Qt(e){const t=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.CLOSE_WIDGET,data:{}}});console.log("bridge close ",e,t),void 0!==e&&e.dispatchEvent(t)}function Jt(){return c(E,{sx:{gap:"base.spacing.x2"},children:[t(T,{sx:{h:"base.spacing.x4",w:"base.spacing.x32",mt:"base.spacing.x2"}}),t(u,{shimmer:!0,emphasized:!0,size:"small"}),t(u,{shimmer:!0,emphasized:!0,size:"small"}),t(u,{shimmer:!0,emphasized:!0,size:"small"})]})}const Yt={px:"base.spacing.x4",display:"flex",flexDirection:"column",height:"100%"},qt={flexGrow:"1",flexShrink:"0",flexBasis:"0"},Zt={flexGrow:"0",flexShrink:"1",mt:"base.spacing.x2"},Xt={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 ea({openWalletDrawer:e}){const{t:a}=p();return c(v,{sx:Xt,children:[t(o,{sx:{mb:"base.spacing.x8"},children:a("views.TRANSACTIONS.status.emptyState.notConnected.body")}),t(I,{variant:"secondary",size:"medium",testId:"transactions-connect-wallet-button",onClick:e,children:a("views.TRANSACTIONS.status.emptyState.notConnected.buttonText")})]})}const ta={backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",p:"base.spacing.x5",borderRadius:"base.borderRadius.x6"},aa={color:"base.color.text.body.secondary"};function na({checkout:e,isPassport:a}){const{t:n}=p(),[s,r]=l.useState("");return l.useEffect((()=>{e&&r(y[e.config.environment])}),[e]),t(v,{sx:ta,children:c(v,{sx:{display:"flex",flexDirection:"column"},children:[c(v,{children:[t(o,{size:"small",children:n("views.TRANSACTIONS.support.body1")}),c(o,{size:"small",sx:aa,children:[n("views.TRANSACTIONS.support.body2"),t(A,{size:"small",rc:t("a",{target:"_blank",href:n("views.TRANSACTIONS.support.supportLink"),rel:"noreferrer"}),children:n("views.TRANSACTIONS.support.body3")})]})]}),a&&c(o,{size:"small",sx:aa,children:[n("views.TRANSACTIONS.support.passport.body1")," ",t(A,{size:"small",rc:t("a",{target:"_blank",href:s,rel:"noreferrer"}),children:n("views.TRANSACTIONS.support.passport.body2")})]})]})})}const sa={display:"flex",flexDirection:"column",borderRadius:"base.borderRadius.x4",bg:"base.color.translucent.emphasis.100"},oa={p:"base.spacing.x3",d:"flex",justifyContent:"space-between",position:"relative"},ra={display:"flex",flexGrow:"1",alignItems:"center",gap:"base.spacing.x2"};function ia({transaction:e}){const a=S(e.details.from_chain),n=S(e.details.to_chain);return c(v,{sx:{display:"flex",px:"base.spacing.x4",gap:"base.spacing.x2"},children:[t(D,{icon:k[a],sx:{w:"base.icon.size.250",fill:C[a]},variant:"bold"}),c(v,{sx:{display:"flex",flexDirection:"column",flexGrow:"1"},children:[t(o,{size:"xxSmall",sx:{color:"base.color.translucent.standard.900"},children:R[a]}),t(Mt,{size:"xxSmall",sx:{color:"base.color.translucent.standard.600"},text:e.details.from_address})]}),t(v,{sx:{flexGrow:"1"}}),t(D,{icon:"ArrowForward",sx:{w:"base.icon.size.250",fill:"base.color.brand.4"}}),t(v,{sx:{flexGrow:"1"}}),t(D,{icon:k[n],sx:{w:"base.icon.size.250",fill:C[n]},variant:"bold"}),c(v,{sx:{display:"flex",flexDirection:"column",flexGrow:"1"},children:[t(o,{size:"xxSmall",sx:{color:"base.color.translucent.standard.900"},children:R[n]}),t(Mt,{size:"xxSmall",sx:{color:"base.color.translucent.standard.600"},text:e.details.to_address})]})]})}function la({label:e,details:a,transaction:n,fiatAmount:s,amount:o,icon:r,defaultTokenImage:i}){const{track:d}=_(),p=l.useMemo((()=>`${a.link}${a.hash}`),[a]);return t(v,{testId:`transaction-item-${n.blockchain_metadata.transaction_hash}`,sx:sa,children:c(it,{chevronSide:"right",sx:{button:{p:"base.spacing.x1"},article:{pr:"base.spacing.x10"}},onExpandChange:e=>e&&d({userJourney:N.BRIDGE,screen:"TransactionItem",control:"Accordion",controlType:"Button"}),children:[t(it.TargetLeftSlot,{sx:{pr:"base.spacing.x2"},children:c(u,{size:"xSmall",children:[t(u.FramedImage,{imageUrl:r,circularFrame:!0,defaultImageUrl:i}),t(u.Label,{children:e}),t(u.Caption,{children:t(A,{size:"xSmall",rc:t("a",{target:"_blank",href:p,rel:"noreferrer",onClick:e=>{return t=a,e.stopPropagation(),void d({userJourney:N.BRIDGE,screen:"TransactionItem",control:"Details",controlType:"Link",extras:{linkDetail:t}});var t}}),children:a.text})}),t(u.PriceDisplay,{fiatAmount:s,price:o})]})}),c(it.ExpandedContent,{sx:{pr:"0",pl:"0",mb:"base.spacing.x3",gap:"0"},children:[t(M,{size:"xSmall",sx:{px:"base.spacing.x2"}}),t(ia,{transaction:n})]})]})})}const ca=e=>{let t=440;return e&&(t-=20),{backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",pt:"base.spacing.x5",pb:"base.spacing.x4",borderRadius:"base.borderRadius.x6",h:`${t}px`,w:"100%",overflowY:"scroll"}},da={borderRadius:"base.borderRadius.x4",display:"flex",flexDirection:"column",gap:"base.spacing.x5"};function ua({label:e,transaction:a,fiatAmount:n,amount:s,icon:r,defaultTokenImage:i}){const{viewDispatch:d}=l.useContext(L),{track:g}=_(),w=p(),h=l.useMemo((()=>(new Date).getTime()),[]),b=l.useMemo((()=>a.details.current_status.withdrawal_ready_at?new Date(a.details.current_status.withdrawal_ready_at):void 0),[a]),f=a.details.current_status.status===Bt.WITHDRAWAL_PENDING,x=new Intl.RelativeTimeFormat(w[1].language||"en",{numeric:"auto"}),m=l.useMemo((()=>{if(!f||void 0===b)return"";const e=(b.getTime()-h)/6e4;if(e<=1)return"in 1 minute";if(e<60)return x.format(Math.ceil(e),"minute");const t=e/60;if(e<1440)return x.format(Math.ceil(t),"hour");const a=t/24;return x.format(Math.ceil(a),"day")}),[h,w[1].language]),T=!!b&&b.getTime()<h,E=l.useMemo((()=>!0===T?w.t("views.TRANSACTIONS.status.withdrawalPending.withdrawalReadyText"):`${w.t("views.TRANSACTIONS.status.withdrawalPending.withdrawalDelayText")} ${m}`),[m,w[1].language]);return c(v,{testId:`transaction-item-${a.blockchain_metadata.transaction_hash}`,sx:sa,children:[f&&c(W,{children:[c(v,{sx:oa,children:[c(v,{sx:ra,children:[t(D,{icon:"Alert",variant:"bold",sx:{fill:T?"base.color.status.fatal.bright":"base.color.status.attention.bright",w:"base.icon.size.200"}}),t(o,{testId:`transaction-item-${a.blockchain_metadata.transaction_hash}-action-message`,size:"xSmall",sx:{color:"base.color.text.body.secondary"},children:E})]}),f&&T&&t(I,{testId:`transaction-item-${a.blockchain_metadata.transaction_hash}-action-button`,variant:"primary",size:"small",onClick:()=>{d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL,transaction:a}}})},children:w.t("views.TRANSACTIONS.status.withdrawalPending.actionButtonText")})]}),t(M,{size:"small",sx:{color:"base.color.translucent.emphasis.300",opacity:.1}})]}),c(it,{chevronSide:"right",sx:{button:{p:"base.spacing.x1"},article:{pr:"base.spacing.x10"},borderTopRightRadius:"0",borderTopLeftRadius:"0"},onExpandChange:e=>e&&g({userJourney:N.BRIDGE,screen:"TransactionItem",control:"Accordion",controlType:"Button"}),children:[t(it.TargetLeftSlot,{sx:{pr:"base.spacing.x2"},children:c(u,{size:"xSmall",children:[t(u.FramedImage,{imageUrl:r,circularFrame:!0,defaultImageUrl:i}),t(u.Label,{children:e}),t(u.Caption,{children:w.t("views.TRANSACTIONS.status.withdrawalPending.caption")}),t(u.PriceDisplay,{fiatAmount:n,price:s})]})}),c(it.ExpandedContent,{sx:{pr:"0",pl:"0",mb:"base.spacing.x3",gap:"0"},children:[t(M,{size:"xSmall",sx:{px:"base.spacing.x2"}}),t(ia,{transaction:a})]})]})]})}const pa={display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",p:"base.spacing.x2",pb:"base.spacing.x4"},ga={position:"relative",pr:"base.spacing.x2"},wa={width:"base.icon.size.400"},ha={position:"absolute",top:"-6px",left:"18px",width:"20px",padding:"2px",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},ba={backgroundColor:"transparent",width:"base.icon.size.400",height:"base.icon.size.400",marginRight:"base.spacing.x1",padding:"base.spacing.x1"};function fa({onChangeWalletClick:e}){const{t:a}=p(),{bridgeState:{from:n}}=l.useContext(Ut),[s,o]=l.useState(void 0),[r,i]=l.useState(!1),{isWalletConnectEnabled:u,getWalletLogoUrl:w}=g(),{track:h}=_(),b=n?.walletAddress||"",f=n?.walletProviderInfo;return l.useEffect((()=>{if(u){const e=O(n?.web3Provider);i(e),e&&(async()=>{o(await w())})()}}),[u,n]),c(v,{sx:pa,children:[c(v,{sx:{display:"flex",alignItems:"center",gap:"base.spacing.x1"},children:[r&&s?c(v,{sx:ga,children:[t(B,{imageUrl:s,alt:"walletconnect",sx:wa}),t(z,{logo:"WalletConnectSymbol",sx:ha})]}):f&&t(d,{src:f.icon,alt:f.name,sx:ba}),t(Mt,{leftSideLength:6,rightSideLength:4,text:b})]}),t(I,{size:"small",variant:"tertiary",onClick:()=>{h({userJourney:N.BRIDGE,screen:Xe.TRANSACTIONS,controlType:"Button",control:"Pressed"}),e()},children:a("views.TRANSACTIONS.changeWallet.buttonText")})]})}function xa({checkout:e,transactions:a,knownTokenMap:n,isPassport:s,defaultTokenImage:o,changeWallet:r}){const{cryptoFiatState:i}=l.useContext(et),{t:d}=p(),[u,g]=l.useState("");l.useEffect((()=>{e&&g(G[e.config.environment])}),[e]);const w=l.useCallback(((e,t)=>e.details.current_status.status===Bt.WITHDRAWAL_PENDING&&t.details.current_status.status!==Bt.WITHDRAWAL_PENDING?-1:e.details.current_status.status===t.details.current_status.status?0:1),[]),h=l.useCallback((t=>U(t.details.from_token_address)?F(e.config.environment,j(t.details.from_chain)):F(e.config.environment,t.details.from_token_address)),[e]);return c(v,{sx:ca(s),children:[t(fa,{onChangeWalletClick:r}),t(v,{testId:"move-transaction-list",sx:da,children:a.sort(w).map((e=>{const a=e.blockchain_metadata.transaction_hash,s=n[e.details.from_chain][e.details.from_token_address.toLowerCase()],r=$.formatUnits(e.details.amount,s.decimals),l=V(r,s.symbol,i.conversions);return e.details.current_status.status===Bt.WITHDRAWAL_PENDING?t(ua,{label:s.name,transaction:e,fiatAmount:`${d("views.TRANSACTIONS.fiatPricePrefix")}${l}`,amount:r,icon:h(e),defaultTokenImage:o},a):t(la,{label:s.name,details:{text:d("views.TRANSACTIONS.status.inProgress.stepInfo"),link:u,hash:a},transaction:e,fiatAmount:`${d("views.TRANSACTIONS.fiatPricePrefix")}${l}`,amount:r,icon:h(e),defaultTokenImage:o},a)}))})]})}const ma={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"},Ta={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"base.spacing.x5",flex:1},Ea={mb:"base.spacing.x8",color:"base.color.text.body.secondary"},Ia={color:"base.color.text.body.secondary"};function va({checkout:e,isPassport:a,changeWallet:n}){const{page:s}=_(),{t:r}=p(),[i,d]=l.useState("");return l.useEffect((()=>{e&&d(y[e.config.environment])}),[e]),l.useEffect((()=>{s({userJourney:N.BRIDGE,screen:"NoTransactions"})}),[]),c(v,{sx:ma,children:[t(fa,{onChangeWalletClick:n}),c(v,{sx:Ta,children:[t(o,{size:"small",sx:Ea,children:r("views.TRANSACTIONS.status.noTransactions.body")}),a&&c(o,{size:"small",sx:Ia,children:[r("views.TRANSACTIONS.status.noTransactions.passport.body")," ",t(A,{size:"small",rc:t("a",{target:"_blank",href:i,rel:"noreferrer"}),children:r("views.TRANSACTIONS.status.noTransactions.passport.link")})]})]})]})}function ya({defaultTokenImage:e,onBackButtonClick:a}){const{eventTargetState:{eventTarget:n}}=l.useContext(H),{cryptoFiatDispatch:s}=l.useContext(et),{bridgeDispatch:o,bridgeState:{checkout:r,from:i}}=l.useContext(Ut),{page:d}=_(),{t:u}=p(),{track:g}=_(),[w,h]=l.useState(!0),[b,f]=l.useState(void 0),[x,m]=l.useState([]),[T,E]=l.useState(!1),I=K(i?.web3Provider),y=l.useCallback((async()=>{if(!r)return{};const e=Q(r.config);try{return((await r.getTokenAllowList({type:J.BRIDGE,chainId:e})).tokens??[]).reduce(((e,t)=>(e[t.address.toLowerCase()]=t,e)),{})}catch(e){return console.error(e),[]}}),[r]),A=l.useCallback((async()=>{if(!i?.web3Provider)return{};if(!i?.walletAddress)return{};const e=Y(r.config);try{return(await r.getAllBalances({provider:i?.web3Provider,walletAddress:i?.walletAddress,chainId:e})).balances.reduce(((e,t)=>(e[t.token.address.toLowerCase()]=t.token,e)),{})}catch(e){return console.error(e),[]}}),[r,i]),S=async e=>{const t=ne(Q(r.config)),a=ne(Y(r.config)),[n,o]=await Promise.all([y(),A()]),i={};Object.entries(e).forEach((([s,r])=>{(e[s]===t&&!n[s]||e[s]===a&&!o[s])&&(i[s]=r)}));const l=new se(r.config.networkMap.get(Q(r.config))?.rpcUrls[0]),c=new se(r.config.networkMap.get(Y(r.config))?.rpcUrls[0]),d=[],u=[];Object.entries(i).forEach((([e,a])=>{a===t?d.push(r.getTokenInfo({provider:l,tokenAddress:e})):u.push(r.getTokenInfo({provider:c,tokenAddress:e}))}));const p=await Promise.allSettled(d),g=await Promise.allSettled(u);p.filter((e=>"fulfilled"===e.status)).forEach((e=>{const t=e;n[t.value.address.toLowerCase()]=t.value})),g.filter((e=>"fulfilled"===e.status)).forEach((e=>{const t=e;o[t.value.address.toLowerCase()]=t.value}));const w=[];return Object.values(n).forEach((e=>w.push(e.symbol.toLowerCase()))),Object.values(o).forEach((e=>w.push(e.symbol.toLowerCase()))),s({payload:{type:tt.SET_TOKEN_SYMBOLS,tokenSymbols:w}}),{[t]:n,[a]:o}},k=l.useCallback((async(e,t)=>new Pt({env:e}).getTransactions({txType:Ot.BRIDGE,fromAddress:t})),[]),C=l.useCallback((async e=>{g({userJourney:N.BRIDGE,screen:"EmptyStateNotConnected",control:"WalletProvider",controlType:"Select",extras:{walletProviderName:e.providerDetail.info.name}});try{let t=!1;e.providerDetail.info.rdns===q.METAMASK&&(t=!0);const a=new Z(e.provider),n=await Lt(r,a,t),s=await n.getNetwork(),i=await n.getSigner().getAddress();m([]),o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:n,walletProviderInfo:{...e.providerDetail.info},walletAddress:i.toLowerCase(),network:s.chainId},to:null}})}catch(e){console.error(e)}finally{E(!1)}}),[r]),D=l.useCallback((async()=>{if(!i?.walletAddress)return;const e=await k(r.config.environment,i?.walletAddress),t={};return e.result.forEach((e=>{t[e.details.from_token_address]=e.details.from_chain})),{tokens:await S(t),transactions:e.result}}),[i,k]),{providers:R}=X({checkout:r}),M=l.useMemo((()=>R),[R]);return l.useEffect((()=>{(async()=>{h(!0);const e=await st(D,oe);if(!e)return void h(!1);const t=e.transactions.filter((t=>{const a=e.tokens[t.details.from_chain];if(!a)return!1;return!!a[t.details.from_token_address.toLowerCase()]}));f(e.tokens),m(t),h(!1)})()}),[i,r]),l.useEffect((()=>{d({userJourney:N.BRIDGE,screen:"Transactions"})}),[]),t(ae,{testId:"bridge-view",header:t(ee,{showBack:!0,onBackButtonClick:()=>{i&&(o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:i?.web3Provider,walletAddress:i?.walletAddress,walletProviderInfo:i?.walletProviderInfo,network:i?.network},to:null}}),o({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,token:null,amount:""}})),a()},title:u("views.TRANSACTIONS.layoutHeading"),onCloseButtonClick:()=>Qt(n)}),footer:t(te,{}),children:c(v,{sx:Yt,children:[c(v,{sx:qt,children:[!i?.web3Provider&&t(ea,{openWalletDrawer:()=>E(!0)}),i?.web3Provider&&w&&t(Jt,{}),i?.web3Provider&&!w&&x.length>0&&b&&t(xa,{checkout:r,transactions:x,knownTokenMap:b,isPassport:I,defaultTokenImage:e,changeWallet:()=>E(!0)}),i?.web3Provider&&!w&&0===x.length&&t(va,{checkout:r,isPassport:I,changeWallet:()=>E(!0)})]}),i?.web3Provider&&x.length>0&&t(v,{sx:Zt,children:t(na,{checkout:r,isPassport:I})}),t(Ht,{testId:"select-wallet-drawer",drawerText:{heading:u("views.TRANSACTIONS.walletSelection.heading")},showWalletSelectorTarget:!1,walletOptions:M,showDrawer:T,setShowDrawer:e=>{E(e)},onWalletChange:C})]})})}function Aa({transactionResponse:e}){const{t:a}=p(),{viewDispatch:n}=l.useContext(L),{page:s}=_();return l.useEffect((()=>{s({userJourney:N.BRIDGE,screen:"ClaimWithdrawalInProgress"})}),[]),l.useEffect((()=>{e&&(async()=>{try{const t=await e.wait();if(1===t.status)return void n({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_SUCCESS,transactionHash:t.transactionHash}}});n({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_FAILURE,transactionHash:t.transactionHash,reason:"Transaction failed"}}})}catch(e){console.error(e),n({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_FAILURE,transactionHash:"",reason:"Transaction failed"}}})}})()}),[e]),t(re,{loadingText:a("views.CLAIM_WITHDRAWAL.IN_PROGRESS.loading.text")})}function Sa(e){return e?e.substring(0,6).concat("...").concat(e.substring(e.length-4)):""}const ka={height:"100%",display:"flex",flexDirection:"column",paddingX:"base.spacing.x4"},Ca={paddingTop:"base.spacing.x10",paddingBottom:"base.spacing.x4"},Da={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6"},Ra={[ie.IMTBL_ZKEVM_DEVNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_TESTNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_MAINNET]:"base.color.text.link.primary",[ie.ETHEREUM]:"base.color.accent.5",[ie.SEPOLIA]:"base.color.accent.5"},_a=e=>({backgroundColor:Ra[e],"& svg":{fill:"base.color.brand.2"}});function Na({testId:e,chainId:a,chainName:n,onNetworkClick:s}){return c(u,{testId:`${e}-network-list-${a}`,size:"medium",emphasized:!0,onClick:async()=>{await s(a)},sx:{marginBottom:"base.spacing.x1"},children:[t(u.FramedIcon,{icon:k[a],circularFrame:!0,sx:_a(a)}),t(u.Label,{size:"medium",children:n})]})}const Ma={[ie.IMTBL_ZKEVM_DEVNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_TESTNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_MAINNET]:"base.color.text.link.primary",[ie.ETHEREUM]:"base.color.accent.5",[ie.SEPOLIA]:"base.color.accent.5"},La={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"}},Wa={width:"base.icon.size.500",backgroundColor:"base.color.translucent.standard.200",borderRadius:"base.borderRadius.x2"},Pa={position:"absolute",top:"14px",left:"38px",width:"28px",padding:"base.spacing.x1",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},Oa={color:"base.color.text.body.secondary"},Ba={paddingY:"base.spacing.x6",borderRadius:"base.borderRadius.x18"},za=e=>({fill:"base.color.brand.2",width:"base.icon.size.300",backgroundColor:Ma[e],borderRadius:"100%",padding:"base.spacing.x1"});function Ga({testId:e,walletProvider:a,walletProviderDetail:n,walletAddress:s,walletName:r,chainId:i,disableNetworkButton:u=!1,onWalletClick:p,onNetworkClick:w}){const h=le(i),[b,f]=l.useState(void 0),[x,m]=l.useState(!1),{isWalletConnectEnabled:T,getWalletLogoUrl:E}=g();return l.useEffect((()=>{if(T){const e=O(a);m(e),e&&(async()=>{f(await E())})()}}),[T,a]),c(v,{testId:`${e}-${n?.info.rdns}-${i}-button-wrapper`,sx:La,onClick:p,children:[x&&b?c(W,{children:[t(B,{imageUrl:b,alt:"walletconnect",sx:Wa}),t(z,{logo:"WalletConnectSymbol",sx:Pa})]}):n&&t(d,{src:n.info.icon,alt:n.info.name}),c(v,{sx:{display:"flex",flexDirection:"column",flex:1},children:[t(ce,{size:"xSmall",sx:{textTransform:"capitalize"},children:n?.info.rdns===q.PASSPORT?r:n?.info.name}),t(o,{size:"xSmall",sx:Oa,children:s})]}),c(I,{testId:`${e}-network-${i}-button`,size:"small",disabled:u,onClick:e=>{e.stopPropagation(),w(e)},variant:"tertiary",sx:Ba,children:[t(I.Icon,{icon:k[i],sx:za(i)}),h]})]})}const Ua="wallet-network-selector";function Fa(){const{t:e}=p(),{bridgeState:{checkout:a,from:n,to:s},bridgeDispatch:o}=l.useContext(Ut),{viewDispatch:r}=l.useContext(L),{providers:i}=X({checkout:a}),{track:d}=_(),u=n?.web3Provider??null,g=n?.network??null,w=n?.walletAddress?.toLowerCase()??"",b=n?{provider:u,providerDetail:{provider:u,info:{...n.walletProviderInfo}}}:null,f=s?.web3Provider??null,x=s?.network??null,m=s?.walletAddress?.toLowerCase()??"",T=s?{provider:f,providerDetail:{provider:f,info:{...s.walletProviderInfo}}}:null,E=Q(a.config),y=le(E),A=Y(a.config),S=le(A),[k,C]=l.useState(!1),[D,R]=l.useState(!1),[M,W]=l.useState(u),[B,z]=l.useState(g),[G,U]=l.useState(w),[F,j]=l.useState(b),[$,V]=l.useState(!1),[H,J]=l.useState(f),[ee,te]=l.useState(x),[ae,ne]=l.useState(m),[se,oe]=l.useState(T),re=M&&B,ie=H&&ee,pe=l.useMemo((()=>M?de(M):null),[M]),ge=l.useMemo((()=>H?de(H):null),[H]),we=l.useMemo((()=>i),[i]),he=l.useMemo((()=>i.filter((e=>e.info.rdns!==q.PASSPORT||e.info.rdns===q.PASSPORT&&B===E))),[i,B]);function be(){J(null),te(null)}l.useEffect((()=>{n&&s&&o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:null,to:null}})}),[n,s]);const fe=l.useCallback((async e=>{be(),j(e);let t=!1;e.providerDetail.info.rdns===q.METAMASK&&(t=!0);const n=new Z(e.provider),s=await Lt(a,n,t);await(async e=>{W(e);const t=await e.getSigner().getAddress();if(U(t.toLowerCase()),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"FromWallet",controlType:"Select",extras:{walletAddress:t.toLowerCase()}}),K(e))return z(A),C(!1),void d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"FromNetwork",controlType:"Select",extras:{chainId:A}});z(null),C(!1),setTimeout((()=>R(!0)),500)})(s)}),[a]),xe=l.useCallback((async e=>{M&&(be(),R(!1),z(e),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"FromNetwork",controlType:"Select",extras:{chainId:e}}))}),[a,M]),me=l.useCallback((()=>{const e=B===E?A:E;te(e),V(!1),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToNetwork",controlType:"Select",extras:{chainId:e}})}),[B]),Te=l.useCallback((e=>{J(e),e.getSigner().getAddress().then((e=>{ne(e.toLowerCase()),me(),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:e.toLowerCase()}})}))}),[me]),Ee=l.useCallback((async e=>{if(F?.providerDetail.info.rdns===e.providerDetail.info.rdns){J(M),oe(e);const t=await M.getSigner().getAddress();return ne(t.toLowerCase()),me(),void d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:t.toLowerCase()}})}try{oe(e);const t=new Z(e.provider),n=await Lt(a,t,!1);if(O(n))Te(n),me();else{J(n);const e=await n.getSigner().getAddress();ne(e.toLowerCase()),me(),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:e.toLowerCase()}})}}catch(e){console.error(e)}}),[pe,M,me,Te]),Ie=l.useCallback((()=>{M&&B&&H&&ee&&(o({payload:{type:Gt.SET_TOKEN_BALANCES,tokenBalances:[]}}),o({payload:{type:Gt.SET_ALLOWED_TOKENS,allowedTokens:[]}}),o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:M,walletAddress:G.toLowerCase(),walletProviderInfo:F?.providerDetail.info,network:B},to:{web3Provider:H,walletAddress:ae.toLowerCase(),walletProviderInfo:se?.providerDetail.info,network:ee}}}),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"Next",controlType:"Button",extras:{fromWalletAddress:G,fromNetwork:B,fromWallet:{address:G,rdns:F?.providerDetail.info.rdns,uuid:F?.providerDetail.info.uuid,isPassportWallet:K(M),isMetaMask:ue(M)},toWalletAddress:ae,toNetwork:ee,toWallet:{address:ae,rdns:se?.providerDetail.info.rdns,uuid:se?.providerDetail.info.uuid,isPassportWallet:K(H),isMetaMask:ue(H)}}}),r({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FORM}}}))}),[F,M,B,G,se,H,ee,ae]);return c(v,{testId:Ua,sx:ka,children:[t(ce,{testId:`${Ua}-heading`,size:"small",weight:"regular",sx:Ca,children:e("views.WALLET_NETWORK_SELECTION.heading")}),t(ce,{size:"xSmall",sx:{paddingBottom:"base.spacing.x2"},children:e("views.WALLET_NETWORK_SELECTION.fromFormInput.heading")}),t(Ht,{testId:`${Ua}-from`,drawerText:{heading:e("views.WALLET_NETWORK_SELECTION.fromFormInput.walletSelectorHeading"),defaultText:e("views.WALLET_NETWORK_SELECTION.fromFormInput.selectDefaultText")},showWalletSelectorTarget:!re,showDrawer:k,setShowDrawer:C,walletOptions:we,onWalletChange:fe}),re&&pe&&c(v,{sx:{display:"flex",flexDirection:"column",gap:"base.spacing.x10"},children:[t(Ga,{testId:Ua,walletProviderDetail:F?.providerDetail,walletProvider:M,walletName:pe,walletAddress:Sa(G),chainId:B,onWalletClick:()=>{C(!0)},onNetworkClick:()=>R(!0)}),c(v,{children:[t(ce,{size:"xSmall",sx:{paddingBottom:"base.spacing.x2"},children:e("views.WALLET_NETWORK_SELECTION.toFormInput.heading")}),t(Ht,{testId:`${Ua}-to`,drawerText:{heading:e("views.WALLET_NETWORK_SELECTION.toFormInput.walletSelectorHeading"),defaultText:e("views.WALLET_NETWORK_SELECTION.toFormInput.selectDefaultText")},showWalletSelectorTarget:!ie,walletOptions:he,showDrawer:$,setShowDrawer:V,onWalletChange:Ee})]})]}),t(h,{headerBarTitle:e("views.WALLET_NETWORK_SELECTION.fromFormInput.networkSelectorHeading"),size:"full",onCloseDrawer:()=>{R(!1)},visible:D,children:c(h.Content,{sx:{paddingX:"base.spacing.x4"},children:[t(Na,{testId:Ua,chainName:S,onNetworkClick:xe,chainId:A},S),F?.providerDetail.info.rdns!==q.PASSPORT&&t(Na,{testId:Ua,chainName:y,onNetworkClick:xe,chainId:E},y)]})}),ie&&ge&&c(v,{sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(Ga,{testId:Ua,walletProviderDetail:se?.providerDetail,walletProvider:H,walletName:ge,walletAddress:Sa(ae),chainId:ee,disableNetworkButton:!0,onWalletClick:()=>{V(!0)},onNetworkClick:()=>{}}),t(v,{sx:Da,children:t(I,{testId:`${Ua}-submit-button`,size:"large",onClick:Ie,children:e("views.WALLET_NETWORK_SELECTION.submitButton.text")})})]})]})}function ja(){const{t:e}=p(),{viewDispatch:a}=l.useContext(L),{eventTargetState:{eventTarget:n}}=l.useContext(H),{page:s}=_();return l.useEffect((()=>{s({userJourney:N.BRIDGE,screen:"WalletNetworkSelection"})}),[]),t(ae,{testId:"bridge-view",header:t(ee,{title:e("views.WALLET_NETWORK_SELECTION.layoutHeading"),onCloseButtonClick:()=>Qt(n),rightActions:t(pe,{icon:"Minting",sx:ge(),onClick:()=>{a({payload:{type:P.UPDATE_VIEW,view:{type:Xe.TRANSACTIONS}}})},testId:"move-transactions-button"})}),footer:t(te,{}),children:t(Fa,{})})}function $a(e,t){return e&&0!==parseFloat(e)?t&&Number(e)>Number(t)?"views.BRIDGE_FORM.validation.insufficientBalance":"":"views.BRIDGE_FORM.validation.noAmountInputted"}const Va={height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",paddingTop:"base.spacing.x10"},Ha={paddingTop:"base.spacing.x4",display:"flex",gap:"base.spacing.x1"},Ka={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6",paddingX:"base.spacing.x4"},Qa={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x1",height:"100%"},Ja={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"15px"},Ya={display:"flex",flexDirection:"column",justifyContent:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},qa={width:"100%",height:"base.spacing.x16"},Za={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:"base.spacing.x6"};function Xa({environment:e,onCloseDrawer:a,visible:n,showHeaderBar:s,walletAddress:r,showAdjustAmount:i,tokenSymbol:d,onAddCoinsClick:u}){const{t:g}=p(),[w,b]=l.useState(!1),f=we(e),x=he(e),m=d===be?`${g("drawers.notEnoughGas.content.eth.heading")}`:`${g("drawers.notEnoughGas.content.imx.heading")}`,T=d===be?`${g("drawers.notEnoughGas.content.eth.body")}`:`${g("drawers.notEnoughGas.content.imx.body")}`,E=l.useCallback((()=>{r&&""!==r&&navigator.clipboard.writeText(r),b(!0),setTimeout((()=>{b(!1)}),3e3)}),[r]);return t(h,{headerBarTitle:void 0,size:"full",onCloseDrawer:a,visible:n,showHeaderBar:s,children:t(h.Content,{children:c(v,{testId:"not-enough-gas-bottom-sheet",sx:Qa,children:[t(fe,{imageUrl:d===be?f:x,sx:{w:"base.icon.size.600",h:"base.icon.size.600"}}),t(ce,{size:"small",sx:Ja,testId:"not-enough-gas-heading",children:m}),t(o,{sx:Ja,children:T}),c(v,{sx:Ya,children:[i&&t(I,{testId:"not-enough-gas-adjust-amount-button",sx:qa,variant:"tertiary",onClick:a,children:g("drawers.notEnoughGas.buttons.adjustAmount")}),d===be?c(I,{testId:"not-enough-gas-copy-address-button",sx:qa,variant:"tertiary",onClick:E,children:[g("drawers.notEnoughGas.buttons.copyAddress"),t(I.Icon,{icon:w?"Tick":"CopyText"})]}):t(I,{testId:"not-enough-gas-add-imx-button",sx:qa,variant:"tertiary",onClick:u,children:g("drawers.notEnoughGas.buttons.addMoreImx")}),t(I,{sx:qa,variant:"tertiary",onClick:a,testId:"not-enough-gas-cancel-button",children:g("drawers.notEnoughGas.buttons.cancel")})]}),t(v,{sx:Za,children:t(z,{testId:"footer-logo-image",logo:"ImmutableHorizontalLockup",sx:{width:"base.spacing.x25"}})})]})})})}function en({sx:e}){return c(v,{sx:{...e,paddingTop:"0",marginTop:"base.spacing.x4"},rc:t("div",{}),children:[t(v,{sx:{display:"flex",backgroundColor:"#F3F3F30A",borderRadius:"8px"},children:t(v,{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:t("span",{}),children:t(T,{rc:t("span",{})})})}),t(v,{sx:{display:"flex",width:"100%",backgroundColor:"#F3F3F30A",borderRadius:"8px"},children:t(v,{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:t("span",{}),children:t(T,{rc:t("span",{})})})})]})}function tn(e){const{t:a}=p(),{bridgeDispatch:n,bridgeState:{tokenBalances:s,allowedTokens:o,checkout:r,from:i,to:d,amount:u,token:g}}=l.useContext(Ut),{cryptoFiatState:w,cryptoFiatDispatch:h}=l.useContext(et),{viewDispatch:b}=l.useContext(L),{testId:f,defaultAmount:x,defaultTokenAddress:m,isTokenBalancesLoading:T,defaultTokenImage:E}=e,{track:y}=_(),[A,S]=l.useState(x||""),[k,C]=l.useState(""),[D,R]=l.useState(),[M,W]=l.useState(""),[O,B]=l.useState(""),[z,G]=l.useState(!1),F=l.useRef(!1),j=D?`${a("views.BRIDGE_FORM.content.availableBalancePrefix")} ${xe(D?.formattedBalance)}`:"",[$,H]=l.useState([]),[K,J]=l.useState(!1),[Y,q]=l.useState(""),[Z,X]=l.useState(!1),ee=l.useCallback(((e,t)=>t?`${e.toLowerCase()}-${t.toLowerCase()}`:e.toLowerCase()),[]);l.useEffect((()=>{if(0===s.length)return;const e=s.filter((e=>e.balance.gt(0))).map((e=>({id:ee(e.token.symbol,e.token.address),name:e.token.name,symbol:e.token.symbol,icon:e.token.icon,balance:{formattedFiatAmount:0===w.conversions.size?me(""):V(e.formattedBalance,e.token.symbol,w.conversions),formattedAmount:xe(e.formattedBalance)}})));H(e),F.current||(F.current=!0,m&&R(s.find((e=>U(e.token.address)&&m?.toLocaleUpperCase()===Te||e.token.address?.toLowerCase()===m?.toLowerCase()))))}),[s,w.conversions,m,F.current,ee,me]),l.useEffect((()=>{if(u&&g){S(u);for(let e=0;e<s.length;e++){const t=s[e];if(t.token.address===g.address){R(t);break}}n({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,token:null,amount:""}})}}),[u,g,s]);const te=l.useMemo((()=>D&&D.token?ee(D.token.symbol,D.token.address):void 0),[D,s,w.conversions,ee]),ae=l.useMemo((()=>!s.find((e=>U(e.token.address)))),[s,D,A]),ne=e=>{let t=e;if("."===t&&(t="0."),S(t),k){const e=$a(t,D?.formattedBalance);C(e)}var a;D&&(B(V(t,D.token.symbol,w.conversions)),a=!0,Number.isNaN(parseFloat(A))||parseFloat(A)<=0||!D||!i||!i.walletAddress||!d||!d.walletAddress||a&&z||!r||G(!0))};l.useEffect((()=>{h({payload:{type:tt.SET_TOKEN_SYMBOLS,tokenSymbols:o.map((e=>e.symbol))}})}),[h,o]),l.useEffect((()=>{A&&D&&B(V(A,D.token.symbol,w.conversions))}),[A,D]),l.useEffect((()=>{(async()=>{if(!i?.web3Provider)return;const e=await i.web3Provider.getSigner().getAddress();q((t=>(""!==t&&t!==e&&R(void 0),e)))})()}),[i?.web3Provider,s]);const se=l.useCallback((()=>{const e=D?"":"views.BRIDGE_FORM.validation.noTokenSelected";const t=$a(A,D?.formattedBalance);return e&&W(e),t&&C(t),!e&&!t}),[D,A,W,C]),oe=l.useCallback((async()=>{se()&&r&&i?.web3Provider&&D&&(ae?J(!0):(y({userJourney:N.BRIDGE,screen:"TokenAmount",control:"Review",controlType:"Button",extras:{tokenAddress:D.token.address,amount:A}}),n({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,token:D.token,amount:A}}),b({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_REVIEW}}})))}),[r,i?.web3Provider,se,ae,D]);return c(v,{testId:f,sx:Va,children:[c(v,{sx:{paddingX:"base.spacing.x4"},children:[t(ce,{testId:`${f}-content-heading`,size:"small",weight:"regular",sx:{paddingBottom:"base.spacing.x4"},children:a("views.BRIDGE_FORM.content.title")}),(!m||!T)&&c(v,{sx:Ha,children:[t(lt,{testId:"bridge-token",options:$,optionsLoading:T,coinSelectorHeading:a("views.BRIDGE_FORM.bridgeForm.from.selectorTitle"),selectedOption:te,subtext:j,textAlign:"left",errorMessage:a(M),onSelectChange:e=>(e=>{const t=s.find((t=>e===ee(t.token.symbol,t.token.address)));t&&(R(t),W(""))})(e),defaultTokenImage:E}),t(ct,{testId:"bridge-amount",type:"number",value:A,placeholder:a("views.BRIDGE_FORM.bridgeForm.from.inputPlaceholder"),subtext:`${a("views.BRIDGE_FORM.content.fiatPricePrefix")} $${me(O,!0)}`,validator:Ee,onTextInputChange:e=>ne(e),onTextInputEnter:oe,textAlign:"right",errorMessage:a(k)})]}),m&&T&&t(en,{sx:Ha})]}),c(v,{sx:Ka,children:[t(I,{testId:`${f}-button`,variant:"primary",onClick:oe,size:"large",children:a("views.BRIDGE_FORM.bridgeForm.buttonText")}),t(dt,{visible:Z,showHeaderBar:!1,onCloseDrawer:()=>X(!1),onRetry:async()=>{X(!1),await oe()}}),t(Xa,{environment:r.config.environment,visible:K,showHeaderBar:!1,onCloseDrawer:()=>J(!1),walletAddress:Y,showAdjustAmount:U(D?.token.address),tokenSymbol:i?.network===Q(r?.config)?be:Ie,onAddCoinsClick:()=>{b({payload:{type:P.UPDATE_VIEW,view:{type:ve.TOP_UP_VIEW}}})}})]})]})}const an=1e4;function nn({amount:e,tokenAddress:a,defaultTokenImage:n}){const{t:s}=p(),{bridgeState:o,bridgeDispatch:r}=l.useContext(Ut),{checkout:i,from:c}=o,{eventTargetState:{eventTarget:d}}=l.useContext(H),[u,g]=l.useState(!1),{page:w}=_();l.useEffect((()=>{(e||a)&&w({userJourney:N.BRIDGE,screen:"TokenAmount",extras:{amount:e,tokenAddress:a}})}),[]);const h=l.useCallback((async()=>{if(i&&c?.web3Provider)try{const e=await ut({checkout:i,provider:c.web3Provider,chainId:c?.network,allowTokenListType:J.BRIDGE,retryPolicy:{retryIntervalMs:0,retries:0}});if(void 0===e)return;r({payload:{type:Gt.SET_TOKEN_BALANCES,tokenBalances:e.allowedBalances}}),r({payload:{type:Gt.SET_ALLOWED_TOKENS,allowedTokens:e.allowList.tokens}})}catch(e){console.debug(e)}}),[i,c?.web3Provider,c?.network]);return ot(h,an),l.useEffect((()=>{i&&c?.web3Provider&&(g(!0),h().finally((()=>g(!1))))}),[i,c?.web3Provider]),t(ae,{testId:"bridge-view",header:t(ee,{showBack:!0,title:s("views.BRIDGE_FORM.header.title"),onCloseButtonClick:()=>Qt(d)}),footer:t(te,{}),children:t(tn,{testId:"bridge-form",defaultAmount:e,defaultTokenAddress:a,isTokenBalancesLoading:u,defaultTokenImage:n})})}const sn={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",marginBottom:"2px",position:"relative"},on={borderTopLeftRadius:"0px",borderTopRightRadius:"0px",backgroundColor:"base.color.translucent.emphasis.100",position:"relative"},rn={width:"base.icon.size.400"},ln={position:"absolute",top:"2px",left:"26px",width:"20px",padding:"2px",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},cn={height:"100%",display:"flex",flexDirection:"column",paddingX:"base.spacing.x4"},dn={paddingTop:"base.spacing.x10",paddingBottom:"base.spacing.x4"},un={display:"flex",flexDirection:"column",alignItems:"center",paddingY:"base.spacing.x1"},pn={width:"base.icon.size.300",transform:"rotate(270deg)"},gn={width:"base.icon.size.400"},wn={backgroundColor:"base.color.translucent.standard.200",position:"absolute",width:"32px",height:"32px",padding:"6px",left:"base.spacing.x3"},hn=(e,t,a)=>{const n=[];if(!e?.fees||!e.token)return n;let s=ye.from(0);if(e.fees.bridgeFee&&(s=s.add(e.fees.bridgeFee)),e.fees.imtblFee&&(s=s.add(e.fees.imtblFee)),s.gt(0)&&n.push({label:a("drawers.feesBreakdown.fees.serviceFee.label"),fiatAmount:`~ ${a("drawers.feesBreakdown.fees.fiatPricePrefix")}${V(Ae(s,e.token.decimals),e.token.symbol,t.conversions)}`,amount:xe(Ae(s,e.token.decimals))}),e.fees.sourceChainGas?.gt(0)){const s=Ae(e.fees.sourceChainGas,e.token.decimals);n.push({label:a("drawers.feesBreakdown.fees.gasFeeMove.label"),fiatAmount:`~ ${a("drawers.feesBreakdown.fees.fiatPricePrefix")}${V(s,e.token.symbol,t.conversions)}`,amount:`${xe(s)}`,prefix:"~ "})}if(e.fees.approvalFee?.gt(0)){const s=Ae(e.fees.approvalFee,e.token.decimals);n.push({label:a("drawers.feesBreakdown.fees.gasFeeApproval.label"),fiatAmount:`~ ${a("drawers.feesBreakdown.fees.fiatPricePrefix")}${V(s,e.token.symbol,t.conversions)}`,amount:`${xe(s)}`,prefix:"~ "})}return n},bn="bridge-review-summary";function fn(){const{t:e}=p(),{viewDispatch:a}=l.useContext(L),{bridgeState:{checkout:n,tokenBridge:s,from:r,to:i,token:w,amount:h},bridgeDispatch:b}=l.useContext(Ut),{track:f}=_(),{cryptoFiatState:x}=l.useContext(et),[m,T]=l.useState(!1),[E,y]=l.useState(void 0),[A,S]=l.useState(""),[C,R]=l.useState(""),[M,B]=l.useState(void 0),[G,U]=l.useState(void 0),[F,j]=l.useState(!1),[$,H]=l.useState(void 0),[Q,J]=l.useState(void 0),[Y,q]=l.useState(!1),[X,ee]=l.useState(!1),{isWalletConnectEnabled:te,getWalletLogoUrl:ae}=g(),ne=l.useMemo((()=>w?.symbol?`${w?.symbol} ${h}`:`${h}`),[w,h]),se=l.useMemo((()=>h&&w?V(h,w.symbol,x.conversions):""),[w,h]),oe=l.useMemo((()=>r?r.walletAddress:"-"),[r]),re=l.useMemo((()=>r&&r.network),[r]),ie=l.useMemo((()=>i?i.walletAddress:"-"),[i]),le=l.useMemo((()=>i?.network),[i]),de=l.useCallback((async()=>{if(!(s&&h&&r&&i&&w))return;const[e,t]=await Promise.all([s.getUnsignedApproveBridgeTx({senderAddress:oe,token:w.address??Te.toUpperCase(),amount:Se(h,w.decimals),sourceChainId:r?.network.toString(),destinationChainId:i?.network.toString()}),s.getUnsignedBridgeTx({senderAddress:oe,recipientAddress:ie,token:w.address??Te.toUpperCase(),amount:Se(h,w.decimals),sourceChainId:r?.network.toString(),destinationChainId:i?.network.toString(),gasMultiplier:1.1})]);B(e),U(t);const a=t.feeData,{totalFees:o,approvalFee:l}=a;let c=o;e.unsignedTx||(c=o.sub(l),a.approvalFee=ye.from(0));const d={gasEstimateType:ke.BRIDGE_TO_L2,fees:{...a,totalFees:c},token:n.config.networkMap.get(r.network)?.nativeCurrency};y(d);const u=Ae(d?.fees.totalFees||0,_e);S(u),R(V(u,d?.token?.symbol||"",x.conversions))}),[n,s]);ot((()=>de()),Ce);const pe=l.useCallback((()=>hn(E,x,e)),[E]);l.useEffect((()=>{(async()=>{T(!0),await de(),T(!1)})()}),[]);const ge=l.useCallback((e=>{b({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:e,walletAddress:r?.walletAddress,walletProviderInfo:r?.walletProviderInfo,network:r?.network},to:{web3Provider:i?.web3Provider,walletAddress:i?.walletAddress,walletProviderInfo:i?.walletProviderInfo,network:i?.network}}})}),[r?.web3Provider,r?.network,i?.web3Provider,i?.network]);l.useEffect((()=>{if(!r?.web3Provider)return;const e=()=>{const e=new Z(r?.web3Provider.provider);ge(e),j(!1)};return De(r?.web3Provider,e),()=>{Re(r?.web3Provider,e)}}),[r?.web3Provider]),l.useEffect((()=>{if(te){const e=O(r?.web3Provider),t=O(i?.web3Provider);q(e),ee(t),(async()=>{e&&H(await ae()),t&&J(await ae())})()}}),[te,r?.web3Provider,i?.web3Provider]);const we=l.useCallback((async()=>{if(M&&G){try{const e=await(r?.web3Provider.provider).request({method:"eth_chainId",params:[]});if(parseInt(e.toString())!==r?.network)return void j(!0)}catch(e){console.error("Current network check failed",e)}f({userJourney:N.BRIDGE,screen:"Summary",control:"Submit",controlType:"Button",extras:{fromWalletAddress:oe,fromNetwork:re,fromWallet:{address:oe,rdns:r?.walletProviderInfo.rdns,uuid:r?.walletProviderInfo.uuid,isPassportWallet:K(r?.web3Provider),isMetaMask:ue(r?.web3Provider)},toWalletAddress:ie,toNetwork:le,toWallet:{address:ie,rdns:i?.walletProviderInfo.rdns,uuid:i?.walletProviderInfo.uuid,isPassportWallet:K(i?.web3Provider),isMetaMask:ue(i?.web3Provider)},amount:h,fiatAmount:se,tokenAddress:w?.address}}),a({payload:{type:P.UPDATE_VIEW,view:{type:Xe.APPROVE_TRANSACTION,approveTransaction:M,transaction:G}}})}}),[a,M,G,r?.web3Provider,r?.network,r?.walletProviderInfo,i?.web3Provider,i?.network,i?.walletProviderInfo]);return c(v,{testId:bn,sx:cn,children:[t(ce,{testId:`${bn}-heading`,size:"small",weight:"regular",sx:dn,children:e("views.BRIDGE_REVIEW.heading")}),c(u,{testId:`${bn}-from-amount`,size:"small",emphasized:!0,sx:sn,children:[t(u.Label,{size:"small",sx:{marginBottom:"base.spacing.x4",fontWeight:"bold"},children:e("views.BRIDGE_REVIEW.fromLabel.amountHeading")}),t(u.Caption,{}),t(u.PriceDisplay,{use:t(ce,{size:"xSmall",weight:"light"}),price:ne??"-",fiatAmount:`${e("views.BRIDGE_REVIEW.fiatPricePrefix")}${se}`})]}),c(u,{testId:`${bn}-from-address`,size:"xSmall",emphasized:!0,sx:on,children:[Y&&$?c(W,{children:[t(u.FramedImage,{imageUrl:$,alt:"walletconnect",sx:rn}),t(z,{logo:"WalletConnectSymbol",sx:ln})]}):r?.walletProviderInfo&&t(d,{src:r?.walletProviderInfo.icon,alt:r?.walletProviderInfo.name,sx:wn}),c(u.Label,{sx:{marginLeft:Y&&$?"0px":"45px"},children:[t("strong",{children:e("views.BRIDGE_REVIEW.fromLabel.heading")})," ",t(o,{size:"small",sx:{color:"base.color.text.body.secondary"},children:Sa(oe??"")})]}),re&&t(u.IntentIcon,{icon:k[re],sx:za(re)})]}),t(v,{sx:un,children:t(D,{icon:"ArrowBackward",sx:pn})}),c(u,{testId:`${bn}-to-address`,size:"xSmall",emphasized:!0,sx:sn,children:[X&&Q?c(W,{children:[t(u.FramedImage,{imageUrl:Q,alt:"walletconnect",sx:rn}),t(z,{logo:"WalletConnectSymbol",sx:ln})]}):i?.walletProviderInfo&&t(d,{src:i?.walletProviderInfo.icon,alt:i?.walletProviderInfo.name,sx:wn}),c(u.Label,{sx:{marginLeft:X&&Q?"0px":"45px"},children:[t("strong",{children:e("views.BRIDGE_REVIEW.toLabel.heading")})," ",t(o,{size:"small",sx:{color:"base.color.text.body.secondary"},children:Sa(ie??"")})]}),le&&t(u.IntentIcon,{icon:k[le],sx:za(le)})]}),t(pt,{gasFeeValue:A,gasFeeFiatValue:C,gasFeeToken:E?.token,fees:pe(),onFeesClick:()=>{f({userJourney:N.BRIDGE,screen:"MoveCoins",control:"ViewFees",controlType:"Button"})},sx:{borderTopRightRadius:"0",borderTopLeftRadius:"0"},loading:m}),t(v,{sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-end",paddingY:"base.spacing.x6",width:"100%"},children:t(I,{size:"large",sx:{width:"100%"},onClick:we,disabled:m,testId:`${bn}__submit-button`,children:m?t(I.Icon,{icon:"Loading",sx:gn}):e("views.BRIDGE_REVIEW.submitButton.buttonText")})}),t(gt,{visible:F,targetChainId:r?.network,provider:r?.web3Provider,checkout:n,onCloseDrawer:()=>j(!1),onNetworkSwitch:ge})]})}function xn(){const{t:e}=p(),{eventTargetState:{eventTarget:a}}=l.useContext(H),{page:n}=_();return l.useEffect((()=>{n({userJourney:N.BRIDGE,screen:"Review"})}),[]),t(ae,{testId:"bridge-review",header:t(ee,{showBack:!0,title:e("views.BRIDGE_REVIEW.layoutHeading"),onCloseButtonClick:()=>Qt(a)}),footer:t(te,{}),children:t(fn,{})})}function mn({environment:e}){const{RiveComponent:a}=Ne.useRive({src:`${Me[e]}/v1/blob/img/rocket.riv`,autoplay:!0,layout:new Ne.Layout({fit:Ne.Fit.Cover}),stateMachines:"State Machine 1"});return t(v,{sx:{...Le,background:"base.color.translucent.emphasis.100"},children:t(v,{sx:We,rc:t(a,{})})})}function Tn({transactionHash:e}){const{t:a}=p(),{eventTargetState:{eventTarget:n}}=l.useContext(H),{page:s}=_(),{cryptoFiatState:o}=l.useContext(et),{viewDispatch:r}=l.useContext(L),{bridgeState:{checkout:i,from:d,to:u,token:g,amount:w}}=l.useContext(Ut);return l.useEffect((()=>{Kt(n,e);const t=V(w,g?.symbol??"",o.conversions);s({userJourney:N.BRIDGE,screen:"InProgress",extras:{fromWalletAddress:d?.walletAddress,toWalletAddress:u?.walletAddress,amount:w,fiatAmount:t,tokenAddress:g?.address}})}),[]),t(ae,{testId:"move-in-progress-view",header:t(ee,{transparent:!0,onCloseButtonClick:()=>Qt(n),rightActions:c(W,{children:[t(pe,{icon:"Minting",sx:ge(),onClick:()=>{r({payload:{type:P.UPDATE_VIEW,view:{type:Xe.TRANSACTIONS}}})},testId:"settings-button"}),t(Pe,{isAnimated:!0,variant:"guidance",sx:{position:"absolute",right:"base.spacing.x14",top:"base.spacing.x1"}})]})}),footer:t(te,{}),heroContent:t(mn,{environment:i.config.environment}),floatHeader:!0,children:c(Oe,{heading:a("views.IN_PROGRESS.heading"),children:[a("views.IN_PROGRESS.body1"),t("br",{}),t("br",{}),a("views.IN_PROGRESS.body2")]})})}function En({approveTransaction:e,transaction:a}){const{t:n}=p(),{bridgeState:s}=l.useContext(Ut),{checkout:o,from:i}=s,{viewDispatch:d}=l.useContext(L),{eventTargetState:{eventTarget:u}}=l.useContext(H),{page:g}=_();l.useEffect((()=>{g({userJourney:N.BRIDGE,screen:"ApproveTransaction"})}),[]);const[w,h]=l.useState(!1),[b,f]=l.useState(!1),[x,m]=l.useState(!1),[T,E]=l.useState(!1),I=l.useCallback((()=>{d({payload:{type:P.UPDATE_VIEW,view:{type:ve.ERROR_VIEW,error:new Error("No checkout object or no provider object found")}}})}),[d]),y=l.useCallback((()=>{d({payload:{type:P.GO_BACK}})}),[d]),A=e=>{if(e.type!==r.UNPREDICTABLE_GAS_LIMIT){if(e.type===r.TRANSACTION_FAILED||e.type===r.INSUFFICIENT_FUNDS||e.receipt&&0===e.receipt.status){let t="Transaction failed";return e.type===r.INSUFFICIENT_FUNDS&&(t="Insufficient funds"),e.receipt&&0===e.receipt.status&&(t="Transaction failed to settle on chain"),void d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:t}}})}d({payload:{type:P.UPDATE_VIEW,view:{type:ve.ERROR_VIEW,error:e}}})}else d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:"Unpredictable gas limit"}}})},S=l.useCallback((async()=>{let t=!1;if(o&&i?.web3Provider&&a){if(!w){if(h(!0),e.unsignedTx)try{f(!0);const t=await o.sendTransaction({provider:i.web3Provider,transaction:e.unsignedTx});if(1!==(await t.transactionResponse.wait()).status)return void d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:"Transaction failed to settle on chain"}}})}catch(e){f(!1),e.type===r.USER_REJECTED_REQUEST_ERROR?(E(!0),t=!0):A(e)}finally{h(!1)}try{if(t)return;f(!0);const e=await o.sendTransaction({provider:i.web3Provider,transaction:a.unsignedTx});m(!0);const n=await e.transactionResponse.wait();if(0===n.status)return void d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:"Approval transaction failed to settle on chain"}}});d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.IN_PROGRESS,transactionHash:n.transactionHash}}})}catch(e){e.type===r.USER_REJECTED_REQUEST_ERROR?E(!0):A(e)}finally{m(!1),f(!1),h(!1)}}}else I()}),[o,i,I,d,a,e,w]);return c(W,{children:[x&&t(re,{loadingText:n("views.APPROVE_TRANSACTION.loadingView.text")}),!x&&t(ae,{header:t(ee,{transparent:!0,showBack:!0,onCloseButtonClick:()=>Qt(u),onBackButtonClick:y}),floatHeader:!0,heroContent:t(wt,{}),footer:c(v,{sx:{width:"100%",flexDirection:"column"},children:[t(Be,{loading:b,actionText:n("views.APPROVE_TRANSACTION."+(T?"footer.retryText":"footer.buttonText")),onActionClick:S}),t(te,{})]}),children:t(Oe,{heading:n("views.APPROVE_TRANSACTION.content.heading"),children:t(v,{children:n("views.APPROVE_TRANSACTION.content.body")})})})]})}const In={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x1",height:"100%"},vn={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"15px"},yn={display:"flex",flexDirection:"column",justifyContent:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},An={width:"100%",height:"base.spacing.x16"};function Sn({visible:e,onClose:a,onChangeAccount:n}){const{t:s}=p(),{bridgeState:{checkout:r}}=l.useContext(Ut),i=we(r.config.environment);return t(h,{headerBarTitle:void 0,size:"full",onCloseDrawer:a,visible:e,showHeaderBar:!1,children:t(h.Content,{children:c(v,{testId:"not-enough-eth-drawer",sx:In,children:[t(fe,{imageUrl:i,sx:{w:"base.icon.size.600",h:"base.icon.size.600"}}),t(ce,{size:"small",sx:vn,testId:"not-enough-gas-heading",children:`${s("drawers.notEnoughEthWithdrawal.content.heading1")} ${be} ${s("drawers.notEnoughEthWithdrawal.content.heading2")}`}),t(o,{sx:vn,children:`${s("drawers.notEnoughEthWithdrawal.content.body1")} ${be} ${s("drawers.notEnoughEthWithdrawal.content.body2")}`}),c(v,{sx:yn,children:[t(I,{testId:"not-enough-eth-drawer-retry-button",sx:An,variant:"tertiary",onClick:n,children:s("drawers.notEnoughEthWithdrawal.buttons.retry")}),t(I,{sx:An,variant:"tertiary",onClick:a,testId:"not-enough-eth-drawer-dismiss-button",children:s("drawers.notEnoughEthWithdrawal.buttons.dismiss")})]})]})})})}function kn({transaction:e}){const{t:a}=p(),{bridgeState:{checkout:n,tokenBridge:s,from:o}}=l.useContext(Ut),{viewDispatch:r}=l.useContext(L),{eventTargetState:{eventTarget:i}}=l.useContext(H),{page:d}=_();l.useEffect((()=>{d({userJourney:N.BRIDGE,screen:"ClaimWithdrawal"})}),[]);const[u,g]=l.useState(!1),[w,h]=l.useState(!1),[b,f]=l.useState(!1),[x,m]=l.useState(),[T,E]=l.useState(!1),y=l.useCallback((()=>{r({payload:{type:P.GO_BACK}})}),[r]);l.useEffect((()=>{(async()=>{if(s&&e&&void 0!==e.details.current_status?.index){h(!0);try{const t=await(s?.getFlowRateWithdrawTx({recipient:e.details.to_address,index:e.details.current_status.index}));m(t)}catch(e){console.log(e)}finally{h(!1)}}})()}),[s,e]);const A=l.useCallback((async({forceChangeAccount:e})=>{if(!(n&&s&&o?.web3Provider&&x))return;if(!x.pendingWithdrawal.canWithdraw||!x.unsignedTx)return void console.log(`Unable to process withdrawal transaction as it is not ready yet. Delay timeout at ${x.pendingWithdrawal.timeoutEnd} `);let t=o?.web3Provider;const a=Q(n.config);if(g(!0),K(o?.web3Provider)||e)try{const e=await n.createProvider({walletProviderName:ze.METAMASK});t=(await n.connect({provider:e.provider,requestWalletPermissions:!0})).provider,E(!1)}catch(e){return console.log(e),f(!0),void g(!1)}let i,l=null;try{try{i=await t.estimateGas(x.unsignedTx)}catch(e){i=ye.from(Ge)}let e=null;try{e=await t.getFeeData()}catch(e){console.log(e)}let a=null;e&&e.lastBaseFeePerGas&&e.maxPriorityFeePerGas?a=e.lastBaseFeePerGas.add(e.maxPriorityFeePerGas):e&&e.gasPrice&&(a=e.gasPrice),a&&(l=i.mul(a))}catch(e){console.log(e)}try{const e=(await n.getAllBalances({provider:t,chainId:a})).balances.find((e=>U(e.token.address)));if(!e||e.balance.lt(l))return E(!0),void g(!1)}catch(e){console.log(e)}if((await t.getNetwork()).chainId!==a)try{t=(await n.switchNetwork({provider:t,chainId:a})).provider}catch(e){return f(!0),h(!1),void console.log(e)}try{const e=await n.sendTransaction({provider:t,transaction:x.unsignedTx});r({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_IN_PROGRESS,transactionResponse:e.transactionResponse}}})}catch(e){console.log(e),f(!0),g(!1)}finally{g(!1)}}),[s,o,x]);return c(ae,{testId:"claim-withdrawal",header:t(ee,{transparent:!0,showBack:!0,onCloseButtonClick:()=>Qt(i),onBackButtonClick:y}),floatHeader:!0,heroContent:t(wt,{}),footer:c(v,{sx:{width:"100%",display:"flex",flexDirection:"column"},children:[t(v,{sx:{pb:"base.spacing.x5",px:"base.spacing.x6",width:"100%",display:"flex",flexDirection:"column"},children:t(I,{testId:"claim-withdrawal-continue-button",size:"large",variant:"primary",disabled:w,onClick:()=>u||w?void 0:A({forceChangeAccount:!0}),children:w||u?t(I.Icon,{icon:"Loading",sx:{width:"base.icon.size.400"}}):a("views.CLAIM_WITHDRAWAL."+(b?"footer.retryText":"footer.buttonText"))})}),t(te,{})]}),children:[c(Oe,{heading:`${a("views.CLAIM_WITHDRAWAL.content.heading")} ${le(Q(n.config))}`,children:[t(v,{sx:{display:"flex",flexWrap:"wrap",pb:"base.spacing.x1"},children:a("views.CLAIM_WITHDRAWAL.content.body")}),c(v,{children:[a("views.CLAIM_WITHDRAWAL.content.body2"),t(Mt,{text:e.details.to_address.toLowerCase()??""})]})]}),t(Sn,{visible:T,onClose:()=>E(!1),onChangeAccount:()=>A({forceChangeAccount:!0})})]})}function Cn({checkout:e,web3Provider:a,config:n,amount:s,tokenAddress:o}){const{t:r}=p(),{environment:i,isOnRampEnabled:d,isSwapEnabled:u,isBridgeEnabled:g,theme:w}=n,h=Ue(e.config.environment,w),{eventTargetState:{eventTarget:b}}=l.useContext(H),{page:f}=_(),[T,E]=l.useReducer(Fe,{...je,view:{type:Xe.WALLET_NETWORK_SELECTION},history:[{type:Xe.WALLET_NETWORK_SELECTION}]}),[I,v]=l.useReducer(Ft,{...zt,checkout:e,web3Provider:a??null,tokenBridge:(()=>{let t=Ye;e.config.isDevelopment&&(t=qe),e.config.isProduction&&(t=Ze);const a=new se(e.config.networkMap.get(Q(e.config))?.rpcUrls[0]),n=new se(e.config.networkMap.get(Y(e.config))?.rpcUrls[0]),s=new $e({baseConfig:new Ve({environment:e.config.environment}),bridgeInstance:t,rootProvider:a,childProvider:n});return new He(s)})()}),y=l.useMemo((()=>({viewState:T,viewDispatch:E})),[T,E]),A=l.useMemo((()=>({bridgeState:I,bridgeDispatch:v})),[I,v]),S=l.useCallback((()=>{v({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:null,to:null}}),v({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,amount:"",token:null}}),E({payload:{type:P.GO_BACK_TO,view:{type:Xe.WALLET_NETWORK_SELECTION}}})}),[E]),k=l.useCallback((()=>{E({payload:{type:P.GO_BACK_TO,view:{type:Xe.WALLET_NETWORK_SELECTION}}})}),[E]),C=l.useCallback((()=>{E({payload:{type:P.UPDATE_VIEW,view:{type:Xe.TRANSACTIONS}}})}),[E]),D=l.useCallback((()=>{E({payload:{type:P.GO_BACK_TO,view:{type:Xe.BRIDGE_REVIEW}}})}),[E]);return l.useEffect((()=>{(async()=>{v({payload:{type:Gt.SET_PROVIDER,web3Provider:a??null}})})()}),[a]),t(L.Provider,{value:y,children:t(Ut.Provider,{value:A,children:c(nt,{environment:i,children:[T.view.type===Xe.WALLET_NETWORK_SELECTION&&t(ja,{}),T.view.type===Xe.BRIDGE_FORM&&t(nn,{amount:s,tokenAddress:o,defaultTokenImage:h}),T.view.type===Xe.BRIDGE_REVIEW&&t(xn,{}),T.view.type===Xe.IN_PROGRESS&&t(Tn,{transactionHash:T.view.transactionHash}),T.view.type===Xe.BRIDGE_FAILURE&&t(Ke,{testId:"bridge-fail",statusText:r("views.BRIDGE_FAILURE.bridgeFailureText.statusText"),actionText:r("views.BRIDGE_FAILURE.bridgeFailureText.actionText"),onActionClick:D,statusType:Qe.FAILURE,onRenderEvent:()=>{let e="";T.view.type===Xe.BRIDGE_FAILURE&&(e=T.view.reason),f({userJourney:N.BRIDGE,screen:"Failed",extras:{reason:e}}),((e,t)=>{const a=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.FAILURE,data:{reason:t,timestamp:(new Date).getTime()}}});console.log("bridge failed ",e,a),void 0!==e&&e.dispatchEvent(a)})(b,e)}}),T.view.type===Xe.APPROVE_TRANSACTION&&t(En,{approveTransaction:T.view.approveTransaction,transaction:T.view.transaction}),T.view.type===Xe.TRANSACTIONS&&t(ya,{onBackButtonClick:k,defaultTokenImage:h}),T.view.type===Xe.CLAIM_WITHDRAWAL&&t(kn,{transaction:T.view.transaction}),T.view.type===ve.ERROR_VIEW&&t(Je,{actionText:r("views.ERROR_VIEW.actionText"),onActionClick:S,onCloseClick:()=>Qt(b),errorEventAction:()=>{f({userJourney:N.BRIDGE,screen:"Error"})}}),T.view.type===ve.TOP_UP_VIEW&&t(at,{analytics:{userJourney:N.BRIDGE},widgetEvent:x.IMTBL_BRIDGE_WIDGET_EVENT,checkout:e,provider:a,showOnrampOption:d,showSwapOption:u,showBridgeOption:g,onCloseButtonClick:()=>Qt(b)}),T.view.type===Xe.CLAIM_WITHDRAWAL_IN_PROGRESS&&t(Aa,{transactionResponse:T.view.transactionResponse}),T.view.type===Xe.CLAIM_WITHDRAWAL_SUCCESS&&t(Ke,{statusText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text"),actionText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText"),onRenderEvent:()=>{f({userJourney:N.BRIDGE,screen:"ClaimWithdrawalSuccess"}),((e,t)=>{const a=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.CLAIM_WITHDRAWAL_SUCCESS,data:{transactionHash:t}}});console.log("bridge claim withdrawal success event:",e,a),void 0!==e&&e.dispatchEvent(a)})(b,T.view.transactionHash)},onActionClick:C,statusType:Qe.SUCCESS,testId:"claim-withdrawal-success-view"}),T.view.type===Xe.CLAIM_WITHDRAWAL_FAILURE&&t(Ke,{statusText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.failure.text"),actionText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.failure.actionText"),onRenderEvent:()=>{let e="";T.view.type===Xe.CLAIM_WITHDRAWAL_FAILURE&&(e=T.view.reason),f({userJourney:N.BRIDGE,screen:"ClaimWithdrawalFailure",extras:{reason:e}}),((e,t,a)=>{const n=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.CLAIM_WITHDRAWAL_FAILURE,data:{transactionHash:t,reason:a,timestamp:(new Date).getTime()}}});console.log("bridge claim withdrawal failed event:",e,n),void 0!==e&&e.dispatchEvent(n)})(b,T.view.transactionHash,"Transaction failed")},onActionClick:C,statusType:Qe.FAILURE,onCloseClick:()=>Qt(b),testId:"claim-withdrawal-fail-view"})]})})})}export{Cn as default};
|
|
1
|
+
import{bt as e,a as t,a2 as a,a9 as n,bu as s,b as o,m as r,bv as i,r as l,j as c,bw as d,M as u,u as p,K as g,bx as w,aB as h,by as b,bz as f,I as x,ax as m,bA as T,bB as E,p as I,B as v,bC as y,Y as A,bD as S,q as k,v as C,ad as D,bE as R,e as _,U as N,bF as M,V as L,aI as W,d as P,O,bG as B,aV as z,bH as G,l as U,x as F,bI as j,ak as $,y as V,E as H,i as K,h as Q,T as J,g as Y,bJ as q,bK as Z,bL as X,z as ee,G as te,J as ae,bM as ne,bN as se,bO as oe,a0 as re,as as ie,aA as le,H as ce,bP as de,bQ as ue,c as pe,A as ge,bR as we,aT as he,bS as be,aU as fe,t as xe,f as me,al as Te,aY as Ee,b2 as Ie,S as ve,aj as ye,aZ as Ae,aS as Se,bT as ke,aW as Ce,bU as De,bV as Re,b0 as _e,bW as Ne,bX as Me,P as Le,Q as We,bY as Pe,W as Oe,b3 as Be,bZ as ze,b_ as Ge,k as Ue,_ as Fe,$ as je,b$ as $e,b5 as Ve,c0 as He,aK as Ke,aJ as Qe,a1 as Je,c1 as Ye,c2 as qe,c3 as Ze}from"./index-7e152ed6.js";import{B as Xe,C as et,a as tt,T as at,b as nt}from"./TopUpView-c23144a1.js";import{r as st,u as ot}from"./retry-dff55f09.js";import{b as rt,A as it,S as lt,T as ct,a as dt,g as ut,F as pt,N as gt,W as wt}from"./balance-b915aee0.js";const{Axios:ht,AxiosError:bt,CanceledError:ft,isCancel:xt,CancelToken:mt,VERSION:Tt,all:Et,Cancel:It,isAxiosError:vt,spread:yt,toFormData:At,AxiosHeaders:St,HttpStatusCode:kt,formToJSON:Ct,getAdapter:Dt,mergeConfig:Rt}=e;var _t=["leftSideLength","rightSideLength","text","rc","sx"],Nt=["use"];function Mt(e){var r=e.leftSideLength,i=void 0===r?8:r,l=e.rightSideLength,c=void 0===l?4:l,d=e.text,u=e.rc,p=void 0===u?t("span",{}):u,g=e.sx,w=a(e,_t),h="use"in w?w:n(n({},w),{},{use:void 0}),b=h.use,f=a(h,Nt),x=("size"in w?w:{size:void 0}).size,m=("weight"in w?w:{weight:void 0}).weight,T=function(e){var t=e.text,a=e.leftSideLength,n=void 0===a?4:a,s=e.rightSideLength,o=void 0===s?4:s;if(n+o>=t.length)return t;var r=t.substring(0,n),i=t.substring(t.length-o,t.length);return"".concat(r,"...").concat(i)}({leftSideLength:i,rightSideLength:c,text:d});return s(b||t(o,{size:x,weight:m}),n(n({},f),{},{rc:p,sx:g,children:T}))}async function Lt(e,t,a){let n=!1,s=t;try{const{isConnected:a}=await e.checkIsWalletConnected({provider:t});n=a}catch(e){throw console.error(e),e}if(!n||a)try{const{provider:o}=await e.connect({provider:t,requestWalletPermissions:a});s=o,n=!0}catch(e){throw e.type===r.USER_REJECTED_REQUEST_ERROR&&console.log("User rejected request"),console.error(e),e}return s}Mt.displayName="EllipsizedText";const Wt={name:"Other",rdns:"walletconnect",icon:"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBhdGggZD0iTTEwLjQyMzYgMTQuODY4NkMxNy45NTA3IDcuNTIzNzcgMzAuMTY5NCA3LjUyMzc3IDM3LjY5NjQgMTQuODY4NkwzOC42MDI2IDE1Ljc1OTNDMzguOTgyNiAxNi4xMjQ0IDM4Ljk4MjYgMTYuNzIzMSAzOC42MDI2IDE3LjA4ODFMMzUuNTA0MSAyMC4xMTA4QzM1LjMxNDEgMjAuMzAwNiAzNS4wMDcxIDIwLjMwMDYgMzQuODE3MSAyMC4xMTA4TDMzLjU3NDggMTguODk4OEMyOC4zMTMyIDEzLjc3MzUgMTkuODA2OSAxMy43NzM1IDE0LjU0NTIgMTguODk4OEwxMy4yMTUyIDIwLjE5ODRDMTMuMDI1MiAyMC4zODgyIDEyLjcxODMgMjAuMzg4MiAxMi41MjgzIDIwLjE5ODRMOS40Mjk3OCAxNy4xNzU3QzkuMDQ5NzcgMTYuODEwNyA5LjA0OTc3IDE2LjIxMiA5LjQyOTc4IDE1Ljg0N0wxMC40MjM2IDE0Ljg2ODZaTTQ0LjExMjcgMjEuMTE4M0w0Ni44NzUgMjMuODA1MUM0Ny4yNTUgMjQuMTcwMSA0Ny4yNTUgMjQuNzY4OCA0Ni44NzUgMjUuMTMzOUwzNC40MzcxIDM3LjI2ODJDMzQuMDU3MSAzNy42MzMyIDMzLjQ0MzMgMzcuNjMzMiAzMy4wNzc5IDM3LjI2ODJMMjQuMjUgMjguNjUzQzI0LjE2MjMgMjguNTY1NCAyNC4wMDE2IDI4LjU2NTQgMjMuOTEzOSAyOC42NTNMMTUuMDg2IDM3LjI2ODJDMTQuNzA2IDM3LjYzMzIgMTQuMDkyMiAzNy42MzMyIDEzLjcyNjggMzcuMjY4MkwxLjI0NTAzIDI1LjEzMzlDMC44NjUwMiAyNC43Njg4IDAuODY1MDIgMjQuMTcwMSAxLjI0NTAzIDIzLjgwNTFMNC4wMDczOCAyMS4xMTgzQzQuMzg3MzkgMjAuNzUzMyA1LjAwMTI1IDIwLjc1MzMgNS4zNjY2NCAyMS4xMTgzTDE0LjE5NDUgMjkuNzMzNUMxNC4yODIyIDI5LjgyMTEgMTQuNDQyOSAyOS44MjExIDE0LjUzMDYgMjkuNzMzNUwyMy4zNTg1IDIxLjExODNDMjMuNzM4NSAyMC43NTMzIDI0LjM1MjMgMjAuNzUzMyAyNC43MTc3IDIxLjExODNMMzMuNTQ1NiAyOS43MzM1QzMzLjYzMzMgMjkuODIxMSAzMy43OTQgMjkuODIxMSAzMy44ODE3IDI5LjczMzVMNDIuNzA5NiAyMS4xMTgzQzQzLjExODggMjAuNzUzMyA0My43MzI3IDIwLjc1MzMgNDQuMTEyNyAyMS4xMTgzWiIgZmlsbD0iIzM2OEFGQSI+PC9wYXRoPjwvZz48L3N2Zz4=",uuid:"wallet-connect"};class Pt{url;ttl;env;cacheMap;setCache(e,t){this.cacheMap[e]={data:t,ttl:(new Date).getTime()+1e3*this.ttl}}getCache(e){const t=this.cacheMap[e];return!t||t.ttl<=(new Date).getTime()?null:t.data}constructor(e){this.env=e.env,this.url=`${i[this.env]}/checkout`,this.cacheMap={},this.ttl=void 0!==e.ttl?e.ttl:60}static isHttpError=e=>"code"in e;async getTransactions(t){const{txType:a,fromAddress:n}=t;try{const t=`${this.url}/v1/transactions?from_address=${n}&tx_type=${a}`,s=this.getCache(t);if(s)return Promise.resolve(s);const o=await e.get(t);if(o.status>=400)return Promise.reject({code:o.status,message:o.statusText});const{data:r}=o;return this.setCache(t,r),Promise.resolve(r)}catch(t){let a=kt.InternalServerError,n="InternalServerError";return e.isAxiosError(t)&&(a=t.response?.status||a,n=t.message),Promise.reject({code:a,message:n})}}}var Ot;!function(e){e.BRIDGE="bridge"}(Ot||(Ot={}));const Bt={IN_PROGRESS:"in_progress",WITHDRAWAL_PENDING:"withdrawal_pending"},zt={web3Provider:null,walletProviderName:null,from:null,to:null,tokenBridge:null,tokenBalances:[],allowedTokens:[],token:null,amount:"0"};var Gt;!function(e){e.SET_WALLETS_AND_NETWORKS="SET_WALLETS_AND_NETWORKS",e.SET_WALLET_PROVIDER_NAME="SET_WALLET_PROVIDER_NAME",e.SET_PROVIDER="SET_PROVIDER",e.SET_TOKEN_BRIDGE="SET_TOKEN_BRIDGE",e.SET_TOKEN_BALANCES="SET_TOKEN_BALANCES",e.SET_ALLOWED_TOKENS="SET_ALLOWED_TOKENS",e.SET_TOKEN_AND_AMOUNT="SET_TOKEN_AND_AMOUNT"}(Gt||(Gt={}));const Ut=l.createContext({bridgeState:{...zt,checkout:{}},bridgeDispatch:()=>{}});Ut.displayName="BridgeContext";const Ft=(e,t)=>{switch(t.payload.type){case Gt.SET_WALLETS_AND_NETWORKS:return{...e,from:t.payload.from,to:t.payload.to};case Gt.SET_WALLET_PROVIDER_NAME:return{...e,walletProviderName:t.payload.walletProviderName};case Gt.SET_PROVIDER:return{...e,web3Provider:t.payload.web3Provider};case Gt.SET_TOKEN_BRIDGE:return{...e,tokenBridge:t.payload.tokenBridge};case Gt.SET_TOKEN_BALANCES:return{...e,tokenBalances:t.payload.tokenBalances};case Gt.SET_ALLOWED_TOKENS:return{...e,allowedTokens:t.payload.allowedTokens};case Gt.SET_TOKEN_AND_AMOUNT:return{...e,token:t.payload.token,amount:t.payload.amount};default:return e}};function jt({rc:e=t("span",{}),testId:a,providerDetail:n,onWalletItemClick:s,loading:o}){const[r,i]=l.useState(!1);return c(u,{rc:e,testId:`${a}-wallet-list-${n.info.rdns}`,size:"medium",emphasized:!0,onClick:async()=>{if(!o){i(!0);try{await s(n)}finally{i(!1)}}},sx:{position:"relative"},children:[t(d,{src:n.info.icon,alt:n.info.name,sx:{position:"absolute",left:"base.spacing.x3"}}),t(u.Label,{size:"medium",sx:{marginLeft:"65px"},children:n.info.name}),r&&t(u.StatefulButtCon,{state:"loading",icon:"Loading"})]})}const $t={display:"flex",flexDirection:"column",gap:"base.spacing.x1",paddingX:"base.spacing.x4"};function Vt({rc:e=t("span",{}),testId:a,onWalletItemClick:n,loading:s}){const{t:o}=p(),[r,i]=l.useState(!1);return c(u,{rc:e,testId:`${a}-wallet-list-walletconnect`,size:"medium",emphasized:!0,onClick:async()=>{if(!s){i(!0);try{await n()}finally{i(!1)}}},children:[t(u.FramedLogo,{logo:"WalletConnectSymbol",sx:{backgroundColor:"base.color.translucent.standard.200"}}),t(u.Label,{size:"medium",children:o("wallets.walletconnect.heading")}),r&&t(u.StatefulButtCon,{state:"loading",icon:"Loading"})]})}function Ht({testId:e,drawerText:a,walletOptions:n,showWalletSelectorTarget:s,showDrawer:o,setShowDrawer:r,onWalletChange:i}){const{isWalletConnectEnabled:d,openWalletConnectModal:u}=g(),[p,x]=l.useState(!1),{listVariants:m,listItemVariants:T}=f(),{heading:E,defaultText:I}=a,v=async e=>{x(!0);try{await i({walletType:"injected",provider:e.provider,providerDetail:e})}catch(e){console.error(e)}finally{x(!1)}};return c(h,{headerBarTitle:E,size:"full",onCloseDrawer:()=>{p||r(!1)},visible:o,children:[s&&t(h.Target,{children:t(rt,{testId:`${e}-wallet-form-control`,textAlign:"left",children:t(w,{testId:`${e}-wallet-select`,defaultLabel:I??"",size:"large",targetClickOveride:()=>r(!0)})})}),c(h.Content,{sx:$t,rc:t(b.div,{variants:m,initial:"hidden",animate:"show"}),children:[n.map(((a,n)=>t(jt,{testId:e,loading:p,providerDetail:a,onWalletItemClick:v,rc:t(b.div,{variants:T,custom:n})},a.info.rdns))),d&&t(b.div,{variants:T,custom:n.length,children:t(Vt,{testId:`${e}-wallet-list-walletconnect`,loading:p,onWalletItemClick:async()=>{try{await u({connectCallback:e=>{const t={walletType:"walletconnect",provider:e,providerDetail:{provider:e,info:{...Wt}}};i(t)},restoreSession:!0})}catch(e){console.error(e)}}})},"walletconnect")]})]})}const Kt=(e,t)=>{const a=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.TRANSACTION_SENT,data:{transactionHash:t}}});console.log("bridge success ",e,a),void 0!==e&&e.dispatchEvent(a)};function Qt(e){const t=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.CLOSE_WIDGET,data:{}}});console.log("bridge close ",e,t),void 0!==e&&e.dispatchEvent(t)}function Jt(){return c(E,{sx:{gap:"base.spacing.x2"},children:[t(T,{sx:{h:"base.spacing.x4",w:"base.spacing.x32",mt:"base.spacing.x2"}}),t(u,{shimmer:!0,emphasized:!0,size:"small"}),t(u,{shimmer:!0,emphasized:!0,size:"small"}),t(u,{shimmer:!0,emphasized:!0,size:"small"})]})}const Yt={px:"base.spacing.x4",display:"flex",flexDirection:"column",height:"100%"},qt={flexGrow:"1",flexShrink:"0",flexBasis:"0"},Zt={flexGrow:"0",flexShrink:"1",mt:"base.spacing.x2"},Xt={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 ea({openWalletDrawer:e}){const{t:a}=p();return c(v,{sx:Xt,children:[t(o,{sx:{mb:"base.spacing.x8"},children:a("views.TRANSACTIONS.status.emptyState.notConnected.body")}),t(I,{variant:"secondary",size:"medium",testId:"transactions-connect-wallet-button",onClick:e,children:a("views.TRANSACTIONS.status.emptyState.notConnected.buttonText")})]})}const ta={backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",p:"base.spacing.x5",borderRadius:"base.borderRadius.x6"},aa={color:"base.color.text.body.secondary"};function na({checkout:e,isPassport:a}){const{t:n}=p(),[s,r]=l.useState("");return l.useEffect((()=>{e&&r(y[e.config.environment])}),[e]),t(v,{sx:ta,children:c(v,{sx:{display:"flex",flexDirection:"column"},children:[c(v,{children:[t(o,{size:"small",children:n("views.TRANSACTIONS.support.body1")}),c(o,{size:"small",sx:aa,children:[n("views.TRANSACTIONS.support.body2"),t(A,{size:"small",rc:t("a",{target:"_blank",href:n("views.TRANSACTIONS.support.supportLink"),rel:"noreferrer"}),children:n("views.TRANSACTIONS.support.body3")})]})]}),a&&c(o,{size:"small",sx:aa,children:[n("views.TRANSACTIONS.support.passport.body1")," ",t(A,{size:"small",rc:t("a",{target:"_blank",href:s,rel:"noreferrer"}),children:n("views.TRANSACTIONS.support.passport.body2")})]})]})})}const sa={display:"flex",flexDirection:"column",borderRadius:"base.borderRadius.x4",bg:"base.color.translucent.emphasis.100"},oa={p:"base.spacing.x3",d:"flex",justifyContent:"space-between",position:"relative"},ra={display:"flex",flexGrow:"1",alignItems:"center",gap:"base.spacing.x2"};function ia({transaction:e}){const a=S(e.details.from_chain),n=S(e.details.to_chain);return c(v,{sx:{display:"flex",px:"base.spacing.x4",gap:"base.spacing.x2"},children:[t(D,{icon:k[a],sx:{w:"base.icon.size.250",fill:C[a]},variant:"bold"}),c(v,{sx:{display:"flex",flexDirection:"column",flexGrow:"1"},children:[t(o,{size:"xxSmall",sx:{color:"base.color.translucent.standard.900"},children:R[a]}),t(Mt,{size:"xxSmall",sx:{color:"base.color.translucent.standard.600"},text:e.details.from_address})]}),t(v,{sx:{flexGrow:"1"}}),t(D,{icon:"ArrowForward",sx:{w:"base.icon.size.250",fill:"base.color.brand.4"}}),t(v,{sx:{flexGrow:"1"}}),t(D,{icon:k[n],sx:{w:"base.icon.size.250",fill:C[n]},variant:"bold"}),c(v,{sx:{display:"flex",flexDirection:"column",flexGrow:"1"},children:[t(o,{size:"xxSmall",sx:{color:"base.color.translucent.standard.900"},children:R[n]}),t(Mt,{size:"xxSmall",sx:{color:"base.color.translucent.standard.600"},text:e.details.to_address})]})]})}function la({label:e,details:a,transaction:n,fiatAmount:s,amount:o,icon:r,defaultTokenImage:i}){const{track:d}=_(),p=l.useMemo((()=>`${a.link}${a.hash}`),[a]);return t(v,{testId:`transaction-item-${n.blockchain_metadata.transaction_hash}`,sx:sa,children:c(it,{chevronSide:"right",sx:{button:{p:"base.spacing.x1"},article:{pr:"base.spacing.x10"}},onExpandChange:e=>e&&d({userJourney:N.BRIDGE,screen:"TransactionItem",control:"Accordion",controlType:"Button"}),children:[t(it.TargetLeftSlot,{sx:{pr:"base.spacing.x2"},children:c(u,{size:"xSmall",children:[t(u.FramedImage,{imageUrl:r,circularFrame:!0,defaultImageUrl:i}),t(u.Label,{children:e}),t(u.Caption,{children:t(A,{size:"xSmall",rc:t("a",{target:"_blank",href:p,rel:"noreferrer",onClick:e=>{return t=a,e.stopPropagation(),void d({userJourney:N.BRIDGE,screen:"TransactionItem",control:"Details",controlType:"Link",extras:{linkDetail:t}});var t}}),children:a.text})}),t(u.PriceDisplay,{fiatAmount:s,price:o})]})}),c(it.ExpandedContent,{sx:{pr:"0",pl:"0",mb:"base.spacing.x3",gap:"0"},children:[t(M,{size:"xSmall",sx:{px:"base.spacing.x2"}}),t(ia,{transaction:n})]})]})})}const ca=e=>{let t=440;return e&&(t-=20),{backgroundColor:"base.color.neutral.800",px:"base.spacing.x4",pt:"base.spacing.x5",pb:"base.spacing.x4",borderRadius:"base.borderRadius.x6",h:`${t}px`,w:"100%",overflowY:"scroll"}},da={borderRadius:"base.borderRadius.x4",display:"flex",flexDirection:"column",gap:"base.spacing.x5"};function ua({label:e,transaction:a,fiatAmount:n,amount:s,icon:r,defaultTokenImage:i}){const{viewDispatch:d}=l.useContext(L),{track:g}=_(),w=p(),h=l.useMemo((()=>(new Date).getTime()),[]),b=l.useMemo((()=>a.details.current_status.withdrawal_ready_at?new Date(a.details.current_status.withdrawal_ready_at):void 0),[a]),f=a.details.current_status.status===Bt.WITHDRAWAL_PENDING,x=new Intl.RelativeTimeFormat(w[1].language||"en",{numeric:"auto"}),m=l.useMemo((()=>{if(!f||void 0===b)return"";const e=(b.getTime()-h)/6e4;if(e<=1)return"in 1 minute";if(e<60)return x.format(Math.ceil(e),"minute");const t=e/60;if(e<1440)return x.format(Math.ceil(t),"hour");const a=t/24;return x.format(Math.ceil(a),"day")}),[h,w[1].language]),T=!!b&&b.getTime()<h,E=l.useMemo((()=>!0===T?w.t("views.TRANSACTIONS.status.withdrawalPending.withdrawalReadyText"):`${w.t("views.TRANSACTIONS.status.withdrawalPending.withdrawalDelayText")} ${m}`),[m,w[1].language]);return c(v,{testId:`transaction-item-${a.blockchain_metadata.transaction_hash}`,sx:sa,children:[f&&c(W,{children:[c(v,{sx:oa,children:[c(v,{sx:ra,children:[t(D,{icon:"Alert",variant:"bold",sx:{fill:T?"base.color.status.fatal.bright":"base.color.status.attention.bright",w:"base.icon.size.200"}}),t(o,{testId:`transaction-item-${a.blockchain_metadata.transaction_hash}-action-message`,size:"xSmall",sx:{color:"base.color.text.body.secondary"},children:E})]}),f&&T&&t(I,{testId:`transaction-item-${a.blockchain_metadata.transaction_hash}-action-button`,variant:"primary",size:"small",onClick:()=>{d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL,transaction:a}}})},children:w.t("views.TRANSACTIONS.status.withdrawalPending.actionButtonText")})]}),t(M,{size:"small",sx:{color:"base.color.translucent.emphasis.300",opacity:.1}})]}),c(it,{chevronSide:"right",sx:{button:{p:"base.spacing.x1"},article:{pr:"base.spacing.x10"},borderTopRightRadius:"0",borderTopLeftRadius:"0"},onExpandChange:e=>e&&g({userJourney:N.BRIDGE,screen:"TransactionItem",control:"Accordion",controlType:"Button"}),children:[t(it.TargetLeftSlot,{sx:{pr:"base.spacing.x2"},children:c(u,{size:"xSmall",children:[t(u.FramedImage,{imageUrl:r,circularFrame:!0,defaultImageUrl:i}),t(u.Label,{children:e}),t(u.Caption,{children:w.t("views.TRANSACTIONS.status.withdrawalPending.caption")}),t(u.PriceDisplay,{fiatAmount:n,price:s})]})}),c(it.ExpandedContent,{sx:{pr:"0",pl:"0",mb:"base.spacing.x3",gap:"0"},children:[t(M,{size:"xSmall",sx:{px:"base.spacing.x2"}}),t(ia,{transaction:a})]})]})]})}const pa={display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",p:"base.spacing.x2",pb:"base.spacing.x4"},ga={position:"relative",pr:"base.spacing.x2"},wa={width:"base.icon.size.400"},ha={position:"absolute",top:"-6px",left:"18px",width:"20px",padding:"2px",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},ba={backgroundColor:"transparent",width:"base.icon.size.400",height:"base.icon.size.400",marginRight:"base.spacing.x1",padding:"base.spacing.x1"};function fa({onChangeWalletClick:e}){const{t:a}=p(),{bridgeState:{from:n}}=l.useContext(Ut),[s,o]=l.useState(void 0),[r,i]=l.useState(!1),{isWalletConnectEnabled:u,getWalletLogoUrl:w}=g(),{track:h}=_(),b=n?.walletAddress||"",f=n?.walletProviderInfo;return l.useEffect((()=>{if(u){const e=O(n?.web3Provider);i(e),e&&(async()=>{o(await w())})()}}),[u,n]),c(v,{sx:pa,children:[c(v,{sx:{display:"flex",alignItems:"center",gap:"base.spacing.x1"},children:[r&&s?c(v,{sx:ga,children:[t(B,{imageUrl:s,alt:"walletconnect",sx:wa}),t(z,{logo:"WalletConnectSymbol",sx:ha})]}):f&&t(d,{src:f.icon,alt:f.name,sx:ba}),t(Mt,{leftSideLength:6,rightSideLength:4,text:b})]}),t(I,{size:"small",variant:"tertiary",onClick:()=>{h({userJourney:N.BRIDGE,screen:Xe.TRANSACTIONS,controlType:"Button",control:"Pressed"}),e()},children:a("views.TRANSACTIONS.changeWallet.buttonText")})]})}function xa({checkout:e,transactions:a,knownTokenMap:n,isPassport:s,defaultTokenImage:o,changeWallet:r}){const{cryptoFiatState:i}=l.useContext(et),{t:d}=p(),[u,g]=l.useState("");l.useEffect((()=>{e&&g(G[e.config.environment])}),[e]);const w=l.useCallback(((e,t)=>e.details.current_status.status===Bt.WITHDRAWAL_PENDING&&t.details.current_status.status!==Bt.WITHDRAWAL_PENDING?-1:e.details.current_status.status===t.details.current_status.status?0:1),[]),h=l.useCallback((t=>U(t.details.from_token_address)?F(e.config.environment,j(t.details.from_chain)):F(e.config.environment,t.details.from_token_address)),[e]);return c(v,{sx:ca(s),children:[t(fa,{onChangeWalletClick:r}),t(v,{testId:"move-transaction-list",sx:da,children:a.sort(w).map((e=>{const a=e.blockchain_metadata.transaction_hash,s=n[e.details.from_chain][e.details.from_token_address.toLowerCase()],r=$.formatUnits(e.details.amount,s.decimals),l=V(r,s.symbol,i.conversions);return e.details.current_status.status===Bt.WITHDRAWAL_PENDING?t(ua,{label:s.name,transaction:e,fiatAmount:`${d("views.TRANSACTIONS.fiatPricePrefix")}${l}`,amount:r,icon:h(e),defaultTokenImage:o},a):t(la,{label:s.name,details:{text:d("views.TRANSACTIONS.status.inProgress.stepInfo"),link:u,hash:a},transaction:e,fiatAmount:`${d("views.TRANSACTIONS.fiatPricePrefix")}${l}`,amount:r,icon:h(e),defaultTokenImage:o},a)}))})]})}const ma={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"},Ta={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"base.spacing.x5",flex:1},Ea={mb:"base.spacing.x8",color:"base.color.text.body.secondary"},Ia={color:"base.color.text.body.secondary"};function va({checkout:e,isPassport:a,changeWallet:n}){const{page:s}=_(),{t:r}=p(),[i,d]=l.useState("");return l.useEffect((()=>{e&&d(y[e.config.environment])}),[e]),l.useEffect((()=>{s({userJourney:N.BRIDGE,screen:"NoTransactions"})}),[]),c(v,{sx:ma,children:[t(fa,{onChangeWalletClick:n}),c(v,{sx:Ta,children:[t(o,{size:"small",sx:Ea,children:r("views.TRANSACTIONS.status.noTransactions.body")}),a&&c(o,{size:"small",sx:Ia,children:[r("views.TRANSACTIONS.status.noTransactions.passport.body")," ",t(A,{size:"small",rc:t("a",{target:"_blank",href:i,rel:"noreferrer"}),children:r("views.TRANSACTIONS.status.noTransactions.passport.link")})]})]})]})}function ya({defaultTokenImage:e,onBackButtonClick:a}){const{eventTargetState:{eventTarget:n}}=l.useContext(H),{cryptoFiatDispatch:s}=l.useContext(et),{bridgeDispatch:o,bridgeState:{checkout:r,from:i}}=l.useContext(Ut),{page:d}=_(),{t:u}=p(),{track:g}=_(),[w,h]=l.useState(!0),[b,f]=l.useState(void 0),[x,m]=l.useState([]),[T,E]=l.useState(!1),I=K(i?.web3Provider),y=l.useCallback((async()=>{if(!r)return{};const e=Q(r.config);try{return((await r.getTokenAllowList({type:J.BRIDGE,chainId:e})).tokens??[]).reduce(((e,t)=>(e[t.address.toLowerCase()]=t,e)),{})}catch(e){return console.error(e),[]}}),[r]),A=l.useCallback((async()=>{if(!i?.web3Provider)return{};if(!i?.walletAddress)return{};const e=Y(r.config);try{return(await r.getAllBalances({provider:i?.web3Provider,walletAddress:i?.walletAddress,chainId:e})).balances.reduce(((e,t)=>(e[t.token.address.toLowerCase()]=t.token,e)),{})}catch(e){return console.error(e),[]}}),[r,i]),S=async e=>{const t=ne(Q(r.config)),a=ne(Y(r.config)),[n,o]=await Promise.all([y(),A()]),i={};Object.entries(e).forEach((([s,r])=>{(e[s]===t&&!n[s]||e[s]===a&&!o[s])&&(i[s]=r)}));const l=new se(r.config.networkMap.get(Q(r.config))?.rpcUrls[0]),c=new se(r.config.networkMap.get(Y(r.config))?.rpcUrls[0]),d=[],u=[];Object.entries(i).forEach((([e,a])=>{a===t?d.push(r.getTokenInfo({provider:l,tokenAddress:e})):u.push(r.getTokenInfo({provider:c,tokenAddress:e}))}));const p=await Promise.allSettled(d),g=await Promise.allSettled(u);p.filter((e=>"fulfilled"===e.status)).forEach((e=>{const t=e;n[t.value.address.toLowerCase()]=t.value})),g.filter((e=>"fulfilled"===e.status)).forEach((e=>{const t=e;o[t.value.address.toLowerCase()]=t.value}));const w=[];return Object.values(n).forEach((e=>w.push(e.symbol.toLowerCase()))),Object.values(o).forEach((e=>w.push(e.symbol.toLowerCase()))),s({payload:{type:tt.SET_TOKEN_SYMBOLS,tokenSymbols:w}}),{[t]:n,[a]:o}},k=l.useCallback((async(e,t)=>new Pt({env:e}).getTransactions({txType:Ot.BRIDGE,fromAddress:t})),[]),C=l.useCallback((async e=>{g({userJourney:N.BRIDGE,screen:"EmptyStateNotConnected",control:"WalletProvider",controlType:"Select",extras:{walletProviderName:e.providerDetail.info.name}});try{let t=!1;e.providerDetail.info.rdns===q.METAMASK&&(t=!0);const a=new Z(e.provider),n=await Lt(r,a,t),s=await n.getNetwork(),i=await n.getSigner().getAddress();m([]),o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:n,walletProviderInfo:{...e.providerDetail.info},walletAddress:i.toLowerCase(),network:s.chainId},to:null}})}catch(e){console.error(e)}finally{E(!1)}}),[r]),D=l.useCallback((async()=>{if(!i?.walletAddress)return;const e=await k(r.config.environment,i?.walletAddress),t={};return e.result.forEach((e=>{t[e.details.from_token_address]=e.details.from_chain})),{tokens:await S(t),transactions:e.result}}),[i,k]),{providers:R}=X({checkout:r}),M=l.useMemo((()=>R),[R]);return l.useEffect((()=>{(async()=>{h(!0);const e=await st(D,oe);if(!e)return void h(!1);const t=e.transactions.filter((t=>{const a=e.tokens[t.details.from_chain];if(!a)return!1;return!!a[t.details.from_token_address.toLowerCase()]}));f(e.tokens),m(t),h(!1)})()}),[i,r]),l.useEffect((()=>{d({userJourney:N.BRIDGE,screen:"Transactions"})}),[]),t(ae,{testId:"bridge-view",header:t(ee,{showBack:!0,onBackButtonClick:()=>{i&&(o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:i?.web3Provider,walletAddress:i?.walletAddress,walletProviderInfo:i?.walletProviderInfo,network:i?.network},to:null}}),o({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,token:null,amount:""}})),a()},title:u("views.TRANSACTIONS.layoutHeading"),onCloseButtonClick:()=>Qt(n)}),footer:t(te,{}),children:c(v,{sx:Yt,children:[c(v,{sx:qt,children:[!i?.web3Provider&&t(ea,{openWalletDrawer:()=>E(!0)}),i?.web3Provider&&w&&t(Jt,{}),i?.web3Provider&&!w&&x.length>0&&b&&t(xa,{checkout:r,transactions:x,knownTokenMap:b,isPassport:I,defaultTokenImage:e,changeWallet:()=>E(!0)}),i?.web3Provider&&!w&&0===x.length&&t(va,{checkout:r,isPassport:I,changeWallet:()=>E(!0)})]}),i?.web3Provider&&x.length>0&&t(v,{sx:Zt,children:t(na,{checkout:r,isPassport:I})}),t(Ht,{testId:"select-wallet-drawer",drawerText:{heading:u("views.TRANSACTIONS.walletSelection.heading")},showWalletSelectorTarget:!1,walletOptions:M,showDrawer:T,setShowDrawer:e=>{E(e)},onWalletChange:C})]})})}function Aa({transactionResponse:e}){const{t:a}=p(),{viewDispatch:n}=l.useContext(L),{page:s}=_();return l.useEffect((()=>{s({userJourney:N.BRIDGE,screen:"ClaimWithdrawalInProgress"})}),[]),l.useEffect((()=>{e&&(async()=>{try{const t=await e.wait();if(1===t.status)return void n({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_SUCCESS,transactionHash:t.transactionHash}}});n({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_FAILURE,transactionHash:t.transactionHash,reason:"Transaction failed"}}})}catch(e){console.error(e),n({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_FAILURE,transactionHash:"",reason:"Transaction failed"}}})}})()}),[e]),t(re,{loadingText:a("views.CLAIM_WITHDRAWAL.IN_PROGRESS.loading.text")})}function Sa(e){return e?e.substring(0,6).concat("...").concat(e.substring(e.length-4)):""}const ka={height:"100%",display:"flex",flexDirection:"column",paddingX:"base.spacing.x4"},Ca={paddingTop:"base.spacing.x10",paddingBottom:"base.spacing.x4"},Da={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6"},Ra={[ie.IMTBL_ZKEVM_DEVNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_TESTNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_MAINNET]:"base.color.text.link.primary",[ie.ETHEREUM]:"base.color.accent.5",[ie.SEPOLIA]:"base.color.accent.5"},_a=e=>({backgroundColor:Ra[e],"& svg":{fill:"base.color.brand.2"}});function Na({testId:e,chainId:a,chainName:n,onNetworkClick:s}){return c(u,{testId:`${e}-network-list-${a}`,size:"medium",emphasized:!0,onClick:async()=>{await s(a)},sx:{marginBottom:"base.spacing.x1"},children:[t(u.FramedIcon,{icon:k[a],circularFrame:!0,sx:_a(a)}),t(u.Label,{size:"medium",children:n})]})}const Ma={[ie.IMTBL_ZKEVM_DEVNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_TESTNET]:"base.color.text.link.primary",[ie.IMTBL_ZKEVM_MAINNET]:"base.color.text.link.primary",[ie.ETHEREUM]:"base.color.accent.5",[ie.SEPOLIA]:"base.color.accent.5"},La={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"}},Wa={width:"base.icon.size.500",backgroundColor:"base.color.translucent.standard.200",borderRadius:"base.borderRadius.x2"},Pa={position:"absolute",top:"14px",left:"38px",width:"28px",padding:"base.spacing.x1",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},Oa={color:"base.color.text.body.secondary"},Ba={paddingY:"base.spacing.x6",borderRadius:"base.borderRadius.x18"},za=e=>({fill:"base.color.brand.2",width:"base.icon.size.300",backgroundColor:Ma[e],borderRadius:"100%",padding:"base.spacing.x1"});function Ga({testId:e,walletProvider:a,walletProviderDetail:n,walletAddress:s,walletName:r,chainId:i,disableNetworkButton:u=!1,onWalletClick:p,onNetworkClick:w}){const h=le(i),[b,f]=l.useState(void 0),[x,m]=l.useState(!1),{isWalletConnectEnabled:T,getWalletLogoUrl:E}=g();return l.useEffect((()=>{if(T){const e=O(a);m(e),e&&(async()=>{f(await E())})()}}),[T,a]),c(v,{testId:`${e}-${n?.info.rdns}-${i}-button-wrapper`,sx:La,onClick:p,children:[x&&b?c(W,{children:[t(B,{imageUrl:b,alt:"walletconnect",sx:Wa}),t(z,{logo:"WalletConnectSymbol",sx:Pa})]}):n&&t(d,{src:n.info.icon,alt:n.info.name}),c(v,{sx:{display:"flex",flexDirection:"column",flex:1},children:[t(ce,{size:"xSmall",sx:{textTransform:"capitalize"},children:n?.info.rdns===q.PASSPORT?r:n?.info.name}),t(o,{size:"xSmall",sx:Oa,children:s})]}),c(I,{testId:`${e}-network-${i}-button`,size:"small",disabled:u,onClick:e=>{e.stopPropagation(),w(e)},variant:"tertiary",sx:Ba,children:[t(I.Icon,{icon:k[i],sx:za(i)}),h]})]})}const Ua="wallet-network-selector";function Fa(){const{t:e}=p(),{bridgeState:{checkout:a,from:n,to:s},bridgeDispatch:o}=l.useContext(Ut),{viewDispatch:r}=l.useContext(L),{providers:i}=X({checkout:a}),{track:d}=_(),u=n?.web3Provider??null,g=n?.network??null,w=n?.walletAddress?.toLowerCase()??"",b=n?{provider:u,providerDetail:{provider:u,info:{...n.walletProviderInfo}}}:null,f=s?.web3Provider??null,x=s?.network??null,m=s?.walletAddress?.toLowerCase()??"",T=s?{provider:f,providerDetail:{provider:f,info:{...s.walletProviderInfo}}}:null,E=Q(a.config),y=le(E),A=Y(a.config),S=le(A),[k,C]=l.useState(!1),[D,R]=l.useState(!1),[M,W]=l.useState(u),[B,z]=l.useState(g),[G,U]=l.useState(w),[F,j]=l.useState(b),[$,V]=l.useState(!1),[H,J]=l.useState(f),[ee,te]=l.useState(x),[ae,ne]=l.useState(m),[se,oe]=l.useState(T),re=M&&B,ie=H&&ee,pe=l.useMemo((()=>M?de(M):null),[M]),ge=l.useMemo((()=>H?de(H):null),[H]),we=l.useMemo((()=>i),[i]),he=l.useMemo((()=>i.filter((e=>e.info.rdns!==q.PASSPORT||e.info.rdns===q.PASSPORT&&B===E))),[i,B]);function be(){J(null),te(null)}l.useEffect((()=>{n&&s&&o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:null,to:null}})}),[n,s]);const fe=l.useCallback((async e=>{be(),j(e);let t=!1;e.providerDetail.info.rdns===q.METAMASK&&(t=!0);const n=new Z(e.provider),s=await Lt(a,n,t);await(async e=>{W(e);const t=await e.getSigner().getAddress();if(U(t.toLowerCase()),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"FromWallet",controlType:"Select",extras:{walletAddress:t.toLowerCase()}}),K(e))return z(A),C(!1),void d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"FromNetwork",controlType:"Select",extras:{chainId:A}});z(null),C(!1),setTimeout((()=>R(!0)),500)})(s)}),[a]),xe=l.useCallback((async e=>{M&&(be(),R(!1),z(e),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"FromNetwork",controlType:"Select",extras:{chainId:e}}))}),[a,M]),me=l.useCallback((()=>{const e=B===E?A:E;te(e),V(!1),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToNetwork",controlType:"Select",extras:{chainId:e}})}),[B]),Te=l.useCallback((e=>{J(e),e.getSigner().getAddress().then((e=>{ne(e.toLowerCase()),me(),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:e.toLowerCase()}})}))}),[me]),Ee=l.useCallback((async e=>{if(F?.providerDetail.info.rdns===e.providerDetail.info.rdns){J(M),oe(e);const t=await M.getSigner().getAddress();return ne(t.toLowerCase()),me(),void d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:t.toLowerCase()}})}try{oe(e);const t=new Z(e.provider),n=await Lt(a,t,!1);if(O(n))Te(n),me();else{J(n);const e=await n.getSigner().getAddress();ne(e.toLowerCase()),me(),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"ToWallet",controlType:"Select",extras:{walletAddress:e.toLowerCase()}})}}catch(e){console.error(e)}}),[pe,M,me,Te]),Ie=l.useCallback((()=>{M&&B&&H&&ee&&(o({payload:{type:Gt.SET_TOKEN_BALANCES,tokenBalances:[]}}),o({payload:{type:Gt.SET_ALLOWED_TOKENS,allowedTokens:[]}}),o({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:M,walletAddress:G.toLowerCase(),walletProviderInfo:F?.providerDetail.info,network:B},to:{web3Provider:H,walletAddress:ae.toLowerCase(),walletProviderInfo:se?.providerDetail.info,network:ee}}}),d({userJourney:N.BRIDGE,screen:"WalletAndNetwork",control:"Next",controlType:"Button",extras:{fromWalletAddress:G,fromNetwork:B,fromWallet:{address:G,rdns:F?.providerDetail.info.rdns,uuid:F?.providerDetail.info.uuid,isPassportWallet:K(M),isMetaMask:ue(M)},toWalletAddress:ae,toNetwork:ee,toWallet:{address:ae,rdns:se?.providerDetail.info.rdns,uuid:se?.providerDetail.info.uuid,isPassportWallet:K(H),isMetaMask:ue(H)}}}),r({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FORM}}}))}),[F,M,B,G,se,H,ee,ae]);return c(v,{testId:Ua,sx:ka,children:[t(ce,{testId:`${Ua}-heading`,size:"small",weight:"regular",sx:Ca,children:e("views.WALLET_NETWORK_SELECTION.heading")}),t(ce,{size:"xSmall",sx:{paddingBottom:"base.spacing.x2"},children:e("views.WALLET_NETWORK_SELECTION.fromFormInput.heading")}),t(Ht,{testId:`${Ua}-from`,drawerText:{heading:e("views.WALLET_NETWORK_SELECTION.fromFormInput.walletSelectorHeading"),defaultText:e("views.WALLET_NETWORK_SELECTION.fromFormInput.selectDefaultText")},showWalletSelectorTarget:!re,showDrawer:k,setShowDrawer:C,walletOptions:we,onWalletChange:fe}),re&&pe&&c(v,{sx:{display:"flex",flexDirection:"column",gap:"base.spacing.x10"},children:[t(Ga,{testId:Ua,walletProviderDetail:F?.providerDetail,walletProvider:M,walletName:pe,walletAddress:Sa(G),chainId:B,onWalletClick:()=>{C(!0)},onNetworkClick:()=>R(!0)}),c(v,{children:[t(ce,{size:"xSmall",sx:{paddingBottom:"base.spacing.x2"},children:e("views.WALLET_NETWORK_SELECTION.toFormInput.heading")}),t(Ht,{testId:`${Ua}-to`,drawerText:{heading:e("views.WALLET_NETWORK_SELECTION.toFormInput.walletSelectorHeading"),defaultText:e("views.WALLET_NETWORK_SELECTION.toFormInput.selectDefaultText")},showWalletSelectorTarget:!ie,walletOptions:he,showDrawer:$,setShowDrawer:V,onWalletChange:Ee})]})]}),t(h,{headerBarTitle:e("views.WALLET_NETWORK_SELECTION.fromFormInput.networkSelectorHeading"),size:"full",onCloseDrawer:()=>{R(!1)},visible:D,children:c(h.Content,{sx:{paddingX:"base.spacing.x4"},children:[t(Na,{testId:Ua,chainName:S,onNetworkClick:xe,chainId:A},S),F?.providerDetail.info.rdns!==q.PASSPORT&&t(Na,{testId:Ua,chainName:y,onNetworkClick:xe,chainId:E},y)]})}),ie&&ge&&c(v,{sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[t(Ga,{testId:Ua,walletProviderDetail:se?.providerDetail,walletProvider:H,walletName:ge,walletAddress:Sa(ae),chainId:ee,disableNetworkButton:!0,onWalletClick:()=>{V(!0)},onNetworkClick:()=>{}}),t(v,{sx:Da,children:t(I,{testId:`${Ua}-submit-button`,size:"large",onClick:Ie,children:e("views.WALLET_NETWORK_SELECTION.submitButton.text")})})]})]})}function ja(){const{t:e}=p(),{viewDispatch:a}=l.useContext(L),{eventTargetState:{eventTarget:n}}=l.useContext(H),{page:s}=_();return l.useEffect((()=>{s({userJourney:N.BRIDGE,screen:"WalletNetworkSelection"})}),[]),t(ae,{testId:"bridge-view",header:t(ee,{title:e("views.WALLET_NETWORK_SELECTION.layoutHeading"),onCloseButtonClick:()=>Qt(n),rightActions:t(pe,{icon:"Minting",sx:ge(),onClick:()=>{a({payload:{type:P.UPDATE_VIEW,view:{type:Xe.TRANSACTIONS}}})},testId:"move-transactions-button"})}),footer:t(te,{}),children:t(Fa,{})})}function $a(e,t){return e&&0!==parseFloat(e)?t&&Number(e)>Number(t)?"views.BRIDGE_FORM.validation.insufficientBalance":"":"views.BRIDGE_FORM.validation.noAmountInputted"}const Va={height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",paddingTop:"base.spacing.x10"},Ha={paddingTop:"base.spacing.x4",display:"flex",gap:"base.spacing.x1"},Ka={display:"flex",flexDirection:"column",paddingY:"base.spacing.x6",paddingX:"base.spacing.x4"},Qa={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x1",height:"100%"},Ja={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"15px"},Ya={display:"flex",flexDirection:"column",justifyContent:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},qa={width:"100%",height:"base.spacing.x16"},Za={display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:"base.spacing.x6"};function Xa({environment:e,onCloseDrawer:a,visible:n,showHeaderBar:s,walletAddress:r,showAdjustAmount:i,tokenSymbol:d,onAddCoinsClick:u}){const{t:g}=p(),[w,b]=l.useState(!1),f=we(e),x=he(e),m=d===be?`${g("drawers.notEnoughGas.content.eth.heading")}`:`${g("drawers.notEnoughGas.content.imx.heading")}`,T=d===be?`${g("drawers.notEnoughGas.content.eth.body")}`:`${g("drawers.notEnoughGas.content.imx.body")}`,E=l.useCallback((()=>{r&&""!==r&&navigator.clipboard.writeText(r),b(!0),setTimeout((()=>{b(!1)}),3e3)}),[r]);return t(h,{headerBarTitle:void 0,size:"full",onCloseDrawer:a,visible:n,showHeaderBar:s,children:t(h.Content,{children:c(v,{testId:"not-enough-gas-bottom-sheet",sx:Qa,children:[t(fe,{imageUrl:d===be?f:x,sx:{w:"base.icon.size.600",h:"base.icon.size.600"}}),t(ce,{size:"small",sx:Ja,testId:"not-enough-gas-heading",children:m}),t(o,{sx:Ja,children:T}),c(v,{sx:Ya,children:[i&&t(I,{testId:"not-enough-gas-adjust-amount-button",sx:qa,variant:"tertiary",onClick:a,children:g("drawers.notEnoughGas.buttons.adjustAmount")}),d===be?c(I,{testId:"not-enough-gas-copy-address-button",sx:qa,variant:"tertiary",onClick:E,children:[g("drawers.notEnoughGas.buttons.copyAddress"),t(I.Icon,{icon:w?"Tick":"CopyText"})]}):t(I,{testId:"not-enough-gas-add-imx-button",sx:qa,variant:"tertiary",onClick:u,children:g("drawers.notEnoughGas.buttons.addMoreImx")}),t(I,{sx:qa,variant:"tertiary",onClick:a,testId:"not-enough-gas-cancel-button",children:g("drawers.notEnoughGas.buttons.cancel")})]}),t(v,{sx:Za,children:t(z,{testId:"footer-logo-image",logo:"ImmutableHorizontalLockup",sx:{width:"base.spacing.x25"}})})]})})})}function en({sx:e}){return c(v,{sx:{...e,paddingTop:"0",marginTop:"base.spacing.x4"},rc:t("div",{}),children:[t(v,{sx:{display:"flex",backgroundColor:"#F3F3F30A",borderRadius:"8px"},children:t(v,{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:t("span",{}),children:t(T,{rc:t("span",{})})})}),t(v,{sx:{display:"flex",width:"100%",backgroundColor:"#F3F3F30A",borderRadius:"8px"},children:t(v,{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:t("span",{}),children:t(T,{rc:t("span",{})})})})]})}function tn(e){const{t:a}=p(),{bridgeDispatch:n,bridgeState:{tokenBalances:s,allowedTokens:o,checkout:r,from:i,to:d,amount:u,token:g}}=l.useContext(Ut),{cryptoFiatState:w,cryptoFiatDispatch:h}=l.useContext(et),{viewDispatch:b}=l.useContext(L),{testId:f,defaultAmount:x,defaultTokenAddress:m,isTokenBalancesLoading:T,defaultTokenImage:E}=e,{track:y}=_(),[A,S]=l.useState(x||""),[k,C]=l.useState(""),[D,R]=l.useState(),[M,W]=l.useState(""),[O,B]=l.useState(""),[z,G]=l.useState(!1),F=l.useRef(!1),j=D?`${a("views.BRIDGE_FORM.content.availableBalancePrefix")} ${xe(D?.formattedBalance)}`:"",[$,H]=l.useState([]),[K,J]=l.useState(!1),[Y,q]=l.useState(""),[Z,X]=l.useState(!1),ee=l.useCallback(((e,t)=>t?`${e.toLowerCase()}-${t.toLowerCase()}`:e.toLowerCase()),[]);l.useEffect((()=>{if(0===s.length)return;const e=s.filter((e=>e.balance.gt(0))).map((e=>({id:ee(e.token.symbol,e.token.address),name:e.token.name,symbol:e.token.symbol,icon:e.token.icon,balance:{formattedFiatAmount:0===w.conversions.size?me(""):V(e.formattedBalance,e.token.symbol,w.conversions),formattedAmount:xe(e.formattedBalance)}})));H(e),F.current||(F.current=!0,m&&R(s.find((e=>U(e.token.address)&&m?.toLocaleUpperCase()===Te||e.token.address?.toLowerCase()===m?.toLowerCase()))))}),[s,w.conversions,m,F.current,ee,me]),l.useEffect((()=>{if(u&&g){S(u);for(let e=0;e<s.length;e++){const t=s[e];if(t.token.address===g.address){R(t);break}}n({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,token:null,amount:""}})}}),[u,g,s]);const te=l.useMemo((()=>D&&D.token?ee(D.token.symbol,D.token.address):void 0),[D,s,w.conversions,ee]),ae=l.useMemo((()=>!s.find((e=>U(e.token.address)))),[s,D,A]),ne=e=>{let t=e;if("."===t&&(t="0."),S(t),k){const e=$a(t,D?.formattedBalance);C(e)}var a;D&&(B(V(t,D.token.symbol,w.conversions)),a=!0,Number.isNaN(parseFloat(A))||parseFloat(A)<=0||!D||!i||!i.walletAddress||!d||!d.walletAddress||a&&z||!r||G(!0))};l.useEffect((()=>{h({payload:{type:tt.SET_TOKEN_SYMBOLS,tokenSymbols:o.map((e=>e.symbol))}})}),[h,o]),l.useEffect((()=>{A&&D&&B(V(A,D.token.symbol,w.conversions))}),[A,D]),l.useEffect((()=>{(async()=>{if(!i?.web3Provider)return;const e=await i.web3Provider.getSigner().getAddress();q((t=>(""!==t&&t!==e&&R(void 0),e)))})()}),[i?.web3Provider,s]);const se=l.useCallback((()=>{const e=D?"":"views.BRIDGE_FORM.validation.noTokenSelected";const t=$a(A,D?.formattedBalance);return e&&W(e),t&&C(t),!e&&!t}),[D,A,W,C]),oe=l.useCallback((async()=>{se()&&r&&i?.web3Provider&&D&&(ae?J(!0):(y({userJourney:N.BRIDGE,screen:"TokenAmount",control:"Review",controlType:"Button",extras:{tokenAddress:D.token.address,amount:A}}),n({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,token:D.token,amount:A}}),b({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_REVIEW}}})))}),[r,i?.web3Provider,se,ae,D]);return c(v,{testId:f,sx:Va,children:[c(v,{sx:{paddingX:"base.spacing.x4"},children:[t(ce,{testId:`${f}-content-heading`,size:"small",weight:"regular",sx:{paddingBottom:"base.spacing.x4"},children:a("views.BRIDGE_FORM.content.title")}),(!m||!T)&&c(v,{sx:Ha,children:[t(lt,{testId:"bridge-token",options:$,optionsLoading:T,coinSelectorHeading:a("views.BRIDGE_FORM.bridgeForm.from.selectorTitle"),selectedOption:te,subtext:j,textAlign:"left",errorMessage:a(M),onSelectChange:e=>(e=>{const t=s.find((t=>e===ee(t.token.symbol,t.token.address)));t&&(R(t),W(""))})(e),defaultTokenImage:E}),t(ct,{testId:"bridge-amount",type:"number",value:A,placeholder:a("views.BRIDGE_FORM.bridgeForm.from.inputPlaceholder"),subtext:`${a("views.BRIDGE_FORM.content.fiatPricePrefix")} $${me(O,!0)}`,validator:Ee,onTextInputChange:e=>ne(e),onTextInputEnter:oe,textAlign:"right",errorMessage:a(k)})]}),m&&T&&t(en,{sx:Ha})]}),c(v,{sx:Ka,children:[t(I,{testId:`${f}-button`,variant:"primary",onClick:oe,size:"large",children:a("views.BRIDGE_FORM.bridgeForm.buttonText")}),t(dt,{visible:Z,showHeaderBar:!1,onCloseDrawer:()=>X(!1),onRetry:async()=>{X(!1),await oe()}}),t(Xa,{environment:r.config.environment,visible:K,showHeaderBar:!1,onCloseDrawer:()=>J(!1),walletAddress:Y,showAdjustAmount:U(D?.token.address),tokenSymbol:i?.network===Q(r?.config)?be:Ie,onAddCoinsClick:()=>{b({payload:{type:P.UPDATE_VIEW,view:{type:ve.TOP_UP_VIEW}}})}})]})]})}const an=1e4;function nn({amount:e,tokenAddress:a,defaultTokenImage:n}){const{t:s}=p(),{bridgeState:o,bridgeDispatch:r}=l.useContext(Ut),{checkout:i,from:c}=o,{eventTargetState:{eventTarget:d}}=l.useContext(H),[u,g]=l.useState(!1),{page:w}=_();l.useEffect((()=>{(e||a)&&w({userJourney:N.BRIDGE,screen:"TokenAmount",extras:{amount:e,tokenAddress:a}})}),[]);const h=l.useCallback((async()=>{if(i&&c?.web3Provider)try{const e=await ut({checkout:i,provider:c.web3Provider,chainId:c?.network,allowTokenListType:J.BRIDGE,retryPolicy:{retryIntervalMs:0,retries:0}});if(void 0===e)return;r({payload:{type:Gt.SET_TOKEN_BALANCES,tokenBalances:e.allowedBalances}}),r({payload:{type:Gt.SET_ALLOWED_TOKENS,allowedTokens:e.allowList.tokens}})}catch(e){console.debug(e)}}),[i,c?.web3Provider,c?.network]);return ot(h,an),l.useEffect((()=>{i&&c?.web3Provider&&(g(!0),h().finally((()=>g(!1))))}),[i,c?.web3Provider]),t(ae,{testId:"bridge-view",header:t(ee,{showBack:!0,title:s("views.BRIDGE_FORM.header.title"),onCloseButtonClick:()=>Qt(d)}),footer:t(te,{}),children:t(tn,{testId:"bridge-form",defaultAmount:e,defaultTokenAddress:a,isTokenBalancesLoading:u,defaultTokenImage:n})})}const sn={borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",marginBottom:"2px",position:"relative"},on={borderTopLeftRadius:"0px",borderTopRightRadius:"0px",backgroundColor:"base.color.translucent.emphasis.100",position:"relative"},rn={width:"base.icon.size.400"},ln={position:"absolute",top:"2px",left:"26px",width:"20px",padding:"2px",backgroundColor:"base.color.translucent.inverse.900",borderRadius:"base.borderRadius.x2"},cn={height:"100%",display:"flex",flexDirection:"column",paddingX:"base.spacing.x4"},dn={paddingTop:"base.spacing.x10",paddingBottom:"base.spacing.x4"},un={display:"flex",flexDirection:"column",alignItems:"center",paddingY:"base.spacing.x1"},pn={width:"base.icon.size.300",transform:"rotate(270deg)"},gn={width:"base.icon.size.400"},wn={backgroundColor:"base.color.translucent.standard.200",position:"absolute",width:"32px",height:"32px",padding:"6px",left:"base.spacing.x3"},hn=(e,t,a)=>{const n=[];if(!e?.fees||!e.token)return n;let s=ye.from(0);if(e.fees.bridgeFee&&(s=s.add(e.fees.bridgeFee)),e.fees.imtblFee&&(s=s.add(e.fees.imtblFee)),s.gt(0)&&n.push({label:a("drawers.feesBreakdown.fees.serviceFee.label"),fiatAmount:`~ ${a("drawers.feesBreakdown.fees.fiatPricePrefix")}${V(Ae(s,e.token.decimals),e.token.symbol,t.conversions)}`,amount:xe(Ae(s,e.token.decimals))}),e.fees.sourceChainGas?.gt(0)){const s=Ae(e.fees.sourceChainGas,e.token.decimals);n.push({label:a("drawers.feesBreakdown.fees.gasFeeMove.label"),fiatAmount:`~ ${a("drawers.feesBreakdown.fees.fiatPricePrefix")}${V(s,e.token.symbol,t.conversions)}`,amount:`${xe(s)}`,prefix:"~ "})}if(e.fees.approvalFee?.gt(0)){const s=Ae(e.fees.approvalFee,e.token.decimals);n.push({label:a("drawers.feesBreakdown.fees.gasFeeApproval.label"),fiatAmount:`~ ${a("drawers.feesBreakdown.fees.fiatPricePrefix")}${V(s,e.token.symbol,t.conversions)}`,amount:`${xe(s)}`,prefix:"~ "})}return n},bn="bridge-review-summary";function fn(){const{t:e}=p(),{viewDispatch:a}=l.useContext(L),{bridgeState:{checkout:n,tokenBridge:s,from:r,to:i,token:w,amount:h},bridgeDispatch:b}=l.useContext(Ut),{track:f}=_(),{cryptoFiatState:x}=l.useContext(et),[m,T]=l.useState(!1),[E,y]=l.useState(void 0),[A,S]=l.useState(""),[C,R]=l.useState(""),[M,B]=l.useState(void 0),[G,U]=l.useState(void 0),[F,j]=l.useState(!1),[$,H]=l.useState(void 0),[Q,J]=l.useState(void 0),[Y,q]=l.useState(!1),[X,ee]=l.useState(!1),{isWalletConnectEnabled:te,getWalletLogoUrl:ae}=g(),ne=l.useMemo((()=>w?.symbol?`${w?.symbol} ${h}`:`${h}`),[w,h]),se=l.useMemo((()=>h&&w?V(h,w.symbol,x.conversions):""),[w,h]),oe=l.useMemo((()=>r?r.walletAddress:"-"),[r]),re=l.useMemo((()=>r&&r.network),[r]),ie=l.useMemo((()=>i?i.walletAddress:"-"),[i]),le=l.useMemo((()=>i?.network),[i]),de=l.useCallback((async()=>{if(!(s&&h&&r&&i&&w))return;const[e,t]=await Promise.all([s.getUnsignedApproveBridgeTx({senderAddress:oe,token:w.address??Te.toUpperCase(),amount:Se(h,w.decimals),sourceChainId:r?.network.toString(),destinationChainId:i?.network.toString()}),s.getUnsignedBridgeTx({senderAddress:oe,recipientAddress:ie,token:w.address??Te.toUpperCase(),amount:Se(h,w.decimals),sourceChainId:r?.network.toString(),destinationChainId:i?.network.toString(),gasMultiplier:1.1})]);B(e),U(t);const a=t.feeData,{totalFees:o,approvalFee:l}=a;let c=o;e.unsignedTx||(c=o.sub(l),a.approvalFee=ye.from(0));const d={gasEstimateType:ke.BRIDGE_TO_L2,fees:{...a,totalFees:c},token:n.config.networkMap.get(r.network)?.nativeCurrency};y(d);const u=Ae(d?.fees.totalFees||0,_e);S(u),R(V(u,d?.token?.symbol||"",x.conversions))}),[n,s]);ot((()=>de()),Ce);const pe=l.useCallback((()=>hn(E,x,e)),[E]);l.useEffect((()=>{(async()=>{T(!0),await de(),T(!1)})()}),[]);const ge=l.useCallback((e=>{b({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:{web3Provider:e,walletAddress:r?.walletAddress,walletProviderInfo:r?.walletProviderInfo,network:r?.network},to:{web3Provider:i?.web3Provider,walletAddress:i?.walletAddress,walletProviderInfo:i?.walletProviderInfo,network:i?.network}}})}),[r?.web3Provider,r?.network,i?.web3Provider,i?.network]);l.useEffect((()=>{if(!r?.web3Provider)return;const e=()=>{const e=new Z(r?.web3Provider.provider);ge(e),j(!1)};return De(r?.web3Provider,e),()=>{Re(r?.web3Provider,e)}}),[r?.web3Provider]),l.useEffect((()=>{if(te){const e=O(r?.web3Provider),t=O(i?.web3Provider);q(e),ee(t),(async()=>{e&&H(await ae()),t&&J(await ae())})()}}),[te,r?.web3Provider,i?.web3Provider]);const we=l.useCallback((async()=>{if(M&&G){try{const e=await(r?.web3Provider.provider).request({method:"eth_chainId",params:[]});if(parseInt(e.toString())!==r?.network)return void j(!0)}catch(e){console.error("Current network check failed",e)}f({userJourney:N.BRIDGE,screen:"Summary",control:"Submit",controlType:"Button",extras:{fromWalletAddress:oe,fromNetwork:re,fromWallet:{address:oe,rdns:r?.walletProviderInfo.rdns,uuid:r?.walletProviderInfo.uuid,isPassportWallet:K(r?.web3Provider),isMetaMask:ue(r?.web3Provider)},toWalletAddress:ie,toNetwork:le,toWallet:{address:ie,rdns:i?.walletProviderInfo.rdns,uuid:i?.walletProviderInfo.uuid,isPassportWallet:K(i?.web3Provider),isMetaMask:ue(i?.web3Provider)},amount:h,fiatAmount:se,tokenAddress:w?.address}}),a({payload:{type:P.UPDATE_VIEW,view:{type:Xe.APPROVE_TRANSACTION,approveTransaction:M,transaction:G}}})}}),[a,M,G,r?.web3Provider,r?.network,r?.walletProviderInfo,i?.web3Provider,i?.network,i?.walletProviderInfo]);return c(v,{testId:bn,sx:cn,children:[t(ce,{testId:`${bn}-heading`,size:"small",weight:"regular",sx:dn,children:e("views.BRIDGE_REVIEW.heading")}),c(u,{testId:`${bn}-from-amount`,size:"small",emphasized:!0,sx:sn,children:[t(u.Label,{size:"small",sx:{marginBottom:"base.spacing.x4",fontWeight:"bold"},children:e("views.BRIDGE_REVIEW.fromLabel.amountHeading")}),t(u.Caption,{}),t(u.PriceDisplay,{use:t(ce,{size:"xSmall",weight:"light"}),price:ne??"-",fiatAmount:`${e("views.BRIDGE_REVIEW.fiatPricePrefix")}${se}`})]}),c(u,{testId:`${bn}-from-address`,size:"xSmall",emphasized:!0,sx:on,children:[Y&&$?c(W,{children:[t(u.FramedImage,{imageUrl:$,alt:"walletconnect",sx:rn}),t(z,{logo:"WalletConnectSymbol",sx:ln})]}):r?.walletProviderInfo&&t(d,{src:r?.walletProviderInfo.icon,alt:r?.walletProviderInfo.name,sx:wn}),c(u.Label,{sx:{marginLeft:Y&&$?"0px":"45px"},children:[t("strong",{children:e("views.BRIDGE_REVIEW.fromLabel.heading")})," ",t(o,{size:"small",sx:{color:"base.color.text.body.secondary"},children:Sa(oe??"")})]}),re&&t(u.IntentIcon,{icon:k[re],sx:za(re)})]}),t(v,{sx:un,children:t(D,{icon:"ArrowBackward",sx:pn})}),c(u,{testId:`${bn}-to-address`,size:"xSmall",emphasized:!0,sx:sn,children:[X&&Q?c(W,{children:[t(u.FramedImage,{imageUrl:Q,alt:"walletconnect",sx:rn}),t(z,{logo:"WalletConnectSymbol",sx:ln})]}):i?.walletProviderInfo&&t(d,{src:i?.walletProviderInfo.icon,alt:i?.walletProviderInfo.name,sx:wn}),c(u.Label,{sx:{marginLeft:X&&Q?"0px":"45px"},children:[t("strong",{children:e("views.BRIDGE_REVIEW.toLabel.heading")})," ",t(o,{size:"small",sx:{color:"base.color.text.body.secondary"},children:Sa(ie??"")})]}),le&&t(u.IntentIcon,{icon:k[le],sx:za(le)})]}),t(pt,{gasFeeValue:A,gasFeeFiatValue:C,gasFeeToken:E?.token,fees:pe(),onFeesClick:()=>{f({userJourney:N.BRIDGE,screen:"MoveCoins",control:"ViewFees",controlType:"Button"})},sx:{borderTopRightRadius:"0",borderTopLeftRadius:"0"},loading:m}),t(v,{sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"flex-end",paddingY:"base.spacing.x6",width:"100%"},children:t(I,{size:"large",sx:{width:"100%"},onClick:we,disabled:m,testId:`${bn}__submit-button`,children:m?t(I.Icon,{icon:"Loading",sx:gn}):e("views.BRIDGE_REVIEW.submitButton.buttonText")})}),t(gt,{visible:F,targetChainId:r?.network,provider:r?.web3Provider,checkout:n,onCloseDrawer:()=>j(!1),onNetworkSwitch:ge})]})}function xn(){const{t:e}=p(),{eventTargetState:{eventTarget:a}}=l.useContext(H),{page:n}=_();return l.useEffect((()=>{n({userJourney:N.BRIDGE,screen:"Review"})}),[]),t(ae,{testId:"bridge-review",header:t(ee,{showBack:!0,title:e("views.BRIDGE_REVIEW.layoutHeading"),onCloseButtonClick:()=>Qt(a)}),footer:t(te,{}),children:t(fn,{})})}function mn({environment:e}){const{RiveComponent:a}=Ne.useRive({src:`${Me[e]}/v1/blob/img/rocket.riv`,autoplay:!0,layout:new Ne.Layout({fit:Ne.Fit.Cover}),stateMachines:"State Machine 1"});return t(v,{sx:{...Le,background:"base.color.translucent.emphasis.100"},children:t(v,{sx:We,rc:t(a,{})})})}function Tn({transactionHash:e}){const{t:a}=p(),{eventTargetState:{eventTarget:n}}=l.useContext(H),{page:s}=_(),{cryptoFiatState:o}=l.useContext(et),{viewDispatch:r}=l.useContext(L),{bridgeState:{checkout:i,from:d,to:u,token:g,amount:w}}=l.useContext(Ut);return l.useEffect((()=>{Kt(n,e);const t=V(w,g?.symbol??"",o.conversions);s({userJourney:N.BRIDGE,screen:"InProgress",extras:{fromWalletAddress:d?.walletAddress,toWalletAddress:u?.walletAddress,amount:w,fiatAmount:t,tokenAddress:g?.address}})}),[]),t(ae,{testId:"move-in-progress-view",header:t(ee,{transparent:!0,onCloseButtonClick:()=>Qt(n),rightActions:c(W,{children:[t(pe,{icon:"Minting",sx:ge(),onClick:()=>{r({payload:{type:P.UPDATE_VIEW,view:{type:Xe.TRANSACTIONS}}})},testId:"settings-button"}),t(Pe,{isAnimated:!0,variant:"guidance",sx:{position:"absolute",right:"base.spacing.x14",top:"base.spacing.x1"}})]})}),footer:t(te,{}),heroContent:t(mn,{environment:i.config.environment}),floatHeader:!0,children:c(Oe,{heading:a("views.IN_PROGRESS.heading"),children:[a("views.IN_PROGRESS.body1"),t("br",{}),t("br",{}),a("views.IN_PROGRESS.body2")]})})}function En({approveTransaction:e,transaction:a}){const{t:n}=p(),{bridgeState:s}=l.useContext(Ut),{checkout:o,from:i}=s,{viewDispatch:d}=l.useContext(L),{eventTargetState:{eventTarget:u}}=l.useContext(H),{page:g}=_();l.useEffect((()=>{g({userJourney:N.BRIDGE,screen:"ApproveTransaction"})}),[]);const[w,h]=l.useState(!1),[b,f]=l.useState(!1),[x,m]=l.useState(!1),[T,E]=l.useState(!1),I=l.useCallback((()=>{d({payload:{type:P.UPDATE_VIEW,view:{type:ve.ERROR_VIEW,error:new Error("No checkout object or no provider object found")}}})}),[d]),y=l.useCallback((()=>{d({payload:{type:P.GO_BACK}})}),[d]),A=e=>{if(e.type!==r.UNPREDICTABLE_GAS_LIMIT){if(e.type===r.TRANSACTION_FAILED||e.type===r.INSUFFICIENT_FUNDS||e.receipt&&0===e.receipt.status){let t="Transaction failed";return e.type===r.INSUFFICIENT_FUNDS&&(t="Insufficient funds"),e.receipt&&0===e.receipt.status&&(t="Transaction failed to settle on chain"),void d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:t}}})}d({payload:{type:P.UPDATE_VIEW,view:{type:ve.ERROR_VIEW,error:e}}})}else d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:"Unpredictable gas limit"}}})},S=l.useCallback((async()=>{let t=!1;if(o&&i?.web3Provider&&a){if(!w){if(h(!0),e.unsignedTx)try{f(!0);const t=await o.sendTransaction({provider:i.web3Provider,transaction:e.unsignedTx});if(1!==(await t.transactionResponse.wait()).status)return void d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:"Transaction failed to settle on chain"}}})}catch(e){f(!1),e.type===r.USER_REJECTED_REQUEST_ERROR?(E(!0),t=!0):A(e)}finally{h(!1)}try{if(t)return;f(!0);const e=await o.sendTransaction({provider:i.web3Provider,transaction:a.unsignedTx});m(!0);const n=await e.transactionResponse.wait();if(0===n.status)return void d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.BRIDGE_FAILURE,reason:"Approval transaction failed to settle on chain"}}});d({payload:{type:P.UPDATE_VIEW,view:{type:Xe.IN_PROGRESS,transactionHash:n.transactionHash}}})}catch(e){e.type===r.USER_REJECTED_REQUEST_ERROR?E(!0):A(e)}finally{m(!1),f(!1),h(!1)}}}else I()}),[o,i,I,d,a,e,w]);return c(W,{children:[x&&t(re,{loadingText:n("views.APPROVE_TRANSACTION.loadingView.text")}),!x&&t(ae,{header:t(ee,{transparent:!0,showBack:!0,onCloseButtonClick:()=>Qt(u),onBackButtonClick:y}),floatHeader:!0,heroContent:t(wt,{}),footer:c(v,{sx:{width:"100%",flexDirection:"column"},children:[t(Be,{loading:b,actionText:n("views.APPROVE_TRANSACTION."+(T?"footer.retryText":"footer.buttonText")),onActionClick:S}),t(te,{})]}),children:t(Oe,{heading:n("views.APPROVE_TRANSACTION.content.heading"),children:t(v,{children:n("views.APPROVE_TRANSACTION.content.body")})})})]})}const In={display:"flex",flexDirection:"column",alignItems:"center",paddingTop:"base.spacing.x6",paddingBottom:"base.spacing.x1",height:"100%"},vn={color:"base.color.text.body.secondary",fontFamily:"base.font.family.heading.secondary",textAlign:"center",marginTop:"15px"},yn={display:"flex",flexDirection:"column",justifyContent:"center",gap:"base.spacing.x2",height:"100%",width:"100%"},An={width:"100%",height:"base.spacing.x16"};function Sn({visible:e,onClose:a,onChangeAccount:n}){const{t:s}=p(),{bridgeState:{checkout:r}}=l.useContext(Ut),i=we(r.config.environment);return t(h,{headerBarTitle:void 0,size:"full",onCloseDrawer:a,visible:e,showHeaderBar:!1,children:t(h.Content,{children:c(v,{testId:"not-enough-eth-drawer",sx:In,children:[t(fe,{imageUrl:i,sx:{w:"base.icon.size.600",h:"base.icon.size.600"}}),t(ce,{size:"small",sx:vn,testId:"not-enough-gas-heading",children:`${s("drawers.notEnoughEthWithdrawal.content.heading1")} ${be} ${s("drawers.notEnoughEthWithdrawal.content.heading2")}`}),t(o,{sx:vn,children:`${s("drawers.notEnoughEthWithdrawal.content.body1")} ${be} ${s("drawers.notEnoughEthWithdrawal.content.body2")}`}),c(v,{sx:yn,children:[t(I,{testId:"not-enough-eth-drawer-retry-button",sx:An,variant:"tertiary",onClick:n,children:s("drawers.notEnoughEthWithdrawal.buttons.retry")}),t(I,{sx:An,variant:"tertiary",onClick:a,testId:"not-enough-eth-drawer-dismiss-button",children:s("drawers.notEnoughEthWithdrawal.buttons.dismiss")})]})]})})})}function kn({transaction:e}){const{t:a}=p(),{bridgeState:{checkout:n,tokenBridge:s,from:o}}=l.useContext(Ut),{viewDispatch:r}=l.useContext(L),{eventTargetState:{eventTarget:i}}=l.useContext(H),{page:d}=_();l.useEffect((()=>{d({userJourney:N.BRIDGE,screen:"ClaimWithdrawal"})}),[]);const[u,g]=l.useState(!1),[w,h]=l.useState(!1),[b,f]=l.useState(!1),[x,m]=l.useState(),[T,E]=l.useState(!1),y=l.useCallback((()=>{r({payload:{type:P.GO_BACK}})}),[r]);l.useEffect((()=>{(async()=>{if(s&&e&&void 0!==e.details.current_status?.index){h(!0);try{const t=await(s?.getFlowRateWithdrawTx({recipient:e.details.to_address,index:e.details.current_status.index}));m(t)}catch(e){console.log(e)}finally{h(!1)}}})()}),[s,e]);const A=l.useCallback((async({forceChangeAccount:e})=>{if(!(n&&s&&o?.web3Provider&&x))return;if(!x.pendingWithdrawal.canWithdraw||!x.unsignedTx)return void console.log(`Unable to process withdrawal transaction as it is not ready yet. Delay timeout at ${x.pendingWithdrawal.timeoutEnd} `);let t=o?.web3Provider;const a=Q(n.config);if(g(!0),K(o?.web3Provider)||e)try{const e=await n.createProvider({walletProviderName:ze.METAMASK});t=(await n.connect({provider:e.provider,requestWalletPermissions:!0})).provider,E(!1)}catch(e){return console.log(e),f(!0),void g(!1)}let i,l=null;try{try{i=await t.estimateGas(x.unsignedTx)}catch(e){i=ye.from(Ge)}let e=null;try{e=await t.getFeeData()}catch(e){console.log(e)}let a=null;e&&e.lastBaseFeePerGas&&e.maxPriorityFeePerGas?a=e.lastBaseFeePerGas.add(e.maxPriorityFeePerGas):e&&e.gasPrice&&(a=e.gasPrice),a&&(l=i.mul(a))}catch(e){console.log(e)}try{const e=(await n.getAllBalances({provider:t,chainId:a})).balances.find((e=>U(e.token.address)));if(!e||e.balance.lt(l))return E(!0),void g(!1)}catch(e){console.log(e)}if((await t.getNetwork()).chainId!==a)try{t=(await n.switchNetwork({provider:t,chainId:a})).provider}catch(e){return f(!0),h(!1),void console.log(e)}try{const e=await n.sendTransaction({provider:t,transaction:x.unsignedTx});r({payload:{type:P.UPDATE_VIEW,view:{type:Xe.CLAIM_WITHDRAWAL_IN_PROGRESS,transactionResponse:e.transactionResponse}}})}catch(e){console.log(e),f(!0),g(!1)}finally{g(!1)}}),[s,o,x]);return c(ae,{testId:"claim-withdrawal",header:t(ee,{transparent:!0,showBack:!0,onCloseButtonClick:()=>Qt(i),onBackButtonClick:y}),floatHeader:!0,heroContent:t(wt,{}),footer:c(v,{sx:{width:"100%",display:"flex",flexDirection:"column"},children:[t(v,{sx:{pb:"base.spacing.x5",px:"base.spacing.x6",width:"100%",display:"flex",flexDirection:"column"},children:t(I,{testId:"claim-withdrawal-continue-button",size:"large",variant:"primary",disabled:w,onClick:()=>u||w?void 0:A({forceChangeAccount:!0}),children:w||u?t(I.Icon,{icon:"Loading",sx:{width:"base.icon.size.400"}}):a("views.CLAIM_WITHDRAWAL."+(b?"footer.retryText":"footer.buttonText"))})}),t(te,{})]}),children:[c(Oe,{heading:`${a("views.CLAIM_WITHDRAWAL.content.heading")} ${le(Q(n.config))}`,children:[t(v,{sx:{display:"flex",flexWrap:"wrap",pb:"base.spacing.x1"},children:a("views.CLAIM_WITHDRAWAL.content.body")}),c(v,{children:[a("views.CLAIM_WITHDRAWAL.content.body2"),t(Mt,{text:e.details.to_address.toLowerCase()??""})]})]}),t(Sn,{visible:T,onClose:()=>E(!1),onChangeAccount:()=>A({forceChangeAccount:!0})})]})}function Cn({checkout:e,web3Provider:a,config:n,amount:s,tokenAddress:o}){const{t:r}=p(),{environment:i,isOnRampEnabled:d,isSwapEnabled:u,isBridgeEnabled:g,theme:w}=n,h=Ue(e.config.environment,w),{eventTargetState:{eventTarget:b}}=l.useContext(H),{page:f}=_(),[T,E]=l.useReducer(Fe,{...je,view:{type:Xe.WALLET_NETWORK_SELECTION},history:[{type:Xe.WALLET_NETWORK_SELECTION}]}),[I,v]=l.useReducer(Ft,{...zt,checkout:e,web3Provider:a??null,tokenBridge:(()=>{let t=Ye;e.config.isDevelopment&&(t=qe),e.config.isProduction&&(t=Ze);const a=new se(e.config.networkMap.get(Q(e.config))?.rpcUrls[0]),n=new se(e.config.networkMap.get(Y(e.config))?.rpcUrls[0]),s=new $e({baseConfig:new Ve({environment:e.config.environment}),bridgeInstance:t,rootProvider:a,childProvider:n});return new He(s)})()}),y=l.useMemo((()=>({viewState:T,viewDispatch:E})),[T,E]),A=l.useMemo((()=>({bridgeState:I,bridgeDispatch:v})),[I,v]),S=l.useCallback((()=>{v({payload:{type:Gt.SET_WALLETS_AND_NETWORKS,from:null,to:null}}),v({payload:{type:Gt.SET_TOKEN_AND_AMOUNT,amount:"",token:null}}),E({payload:{type:P.GO_BACK_TO,view:{type:Xe.WALLET_NETWORK_SELECTION}}})}),[E]),k=l.useCallback((()=>{E({payload:{type:P.GO_BACK_TO,view:{type:Xe.WALLET_NETWORK_SELECTION}}})}),[E]),C=l.useCallback((()=>{E({payload:{type:P.UPDATE_VIEW,view:{type:Xe.TRANSACTIONS}}})}),[E]),D=l.useCallback((()=>{E({payload:{type:P.GO_BACK_TO,view:{type:Xe.BRIDGE_REVIEW}}})}),[E]);return l.useEffect((()=>{(async()=>{v({payload:{type:Gt.SET_PROVIDER,web3Provider:a??null}})})()}),[a]),t(L.Provider,{value:y,children:t(Ut.Provider,{value:A,children:c(nt,{environment:i,children:[T.view.type===Xe.WALLET_NETWORK_SELECTION&&t(ja,{}),T.view.type===Xe.BRIDGE_FORM&&t(nn,{amount:s,tokenAddress:o,defaultTokenImage:h}),T.view.type===Xe.BRIDGE_REVIEW&&t(xn,{}),T.view.type===Xe.IN_PROGRESS&&t(Tn,{transactionHash:T.view.transactionHash}),T.view.type===Xe.BRIDGE_FAILURE&&t(Ke,{testId:"bridge-fail",statusText:r("views.BRIDGE_FAILURE.bridgeFailureText.statusText"),actionText:r("views.BRIDGE_FAILURE.bridgeFailureText.actionText"),onActionClick:D,statusType:Qe.FAILURE,onRenderEvent:()=>{let e="";T.view.type===Xe.BRIDGE_FAILURE&&(e=T.view.reason),f({userJourney:N.BRIDGE,screen:"Failed",extras:{reason:e}}),((e,t)=>{const a=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.FAILURE,data:{reason:t,timestamp:(new Date).getTime()}}});console.log("bridge failed ",e,a),void 0!==e&&e.dispatchEvent(a)})(b,e)}}),T.view.type===Xe.APPROVE_TRANSACTION&&t(En,{approveTransaction:T.view.approveTransaction,transaction:T.view.transaction}),T.view.type===Xe.TRANSACTIONS&&t(ya,{onBackButtonClick:k,defaultTokenImage:h}),T.view.type===Xe.CLAIM_WITHDRAWAL&&t(kn,{transaction:T.view.transaction}),T.view.type===ve.ERROR_VIEW&&t(Je,{actionText:r("views.ERROR_VIEW.actionText"),onActionClick:S,onCloseClick:()=>Qt(b),errorEventAction:()=>{f({userJourney:N.BRIDGE,screen:"Error"})}}),T.view.type===ve.TOP_UP_VIEW&&t(at,{analytics:{userJourney:N.BRIDGE},widgetEvent:x.IMTBL_BRIDGE_WIDGET_EVENT,checkout:e,provider:a,showOnrampOption:d,showSwapOption:u,showBridgeOption:g,onCloseButtonClick:()=>Qt(b)}),T.view.type===Xe.CLAIM_WITHDRAWAL_IN_PROGRESS&&t(Aa,{transactionResponse:T.view.transactionResponse}),T.view.type===Xe.CLAIM_WITHDRAWAL_SUCCESS&&t(Ke,{statusText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text"),actionText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText"),onRenderEvent:()=>{f({userJourney:N.BRIDGE,screen:"ClaimWithdrawalSuccess"}),((e,t)=>{const a=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.CLAIM_WITHDRAWAL_SUCCESS,data:{transactionHash:t}}});console.log("bridge claim withdrawal success event:",e,a),void 0!==e&&e.dispatchEvent(a)})(b,T.view.transactionHash)},onActionClick:C,statusType:Qe.SUCCESS,testId:"claim-withdrawal-success-view"}),T.view.type===Xe.CLAIM_WITHDRAWAL_FAILURE&&t(Ke,{statusText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.failure.text"),actionText:r("views.CLAIM_WITHDRAWAL.IN_PROGRESS.failure.actionText"),onRenderEvent:()=>{let e="";T.view.type===Xe.CLAIM_WITHDRAWAL_FAILURE&&(e=T.view.reason),f({userJourney:N.BRIDGE,screen:"ClaimWithdrawalFailure",extras:{reason:e}}),((e,t,a)=>{const n=new CustomEvent(x.IMTBL_BRIDGE_WIDGET_EVENT,{detail:{type:m.CLAIM_WITHDRAWAL_FAILURE,data:{transactionHash:t,reason:a,timestamp:(new Date).getTime()}}});console.log("bridge claim withdrawal failed event:",e,n),void 0!==e&&e.dispatchEvent(n)})(b,T.view.transactionHash,"Transaction failed")},onActionClick:C,statusType:Qe.FAILURE,onCloseClick:()=>Qt(b),testId:"claim-withdrawal-fail-view"})]})})})}export{Cn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as e,a2 as s,a3 as a,bi as r,bj as n,a7 as t,r as i,bk as o,a as c,a9 as d,ab as u,aa as l,B as m,bl as b,bm as p,bn as v,bo as h,bp as f,bq as z,p as x,br as y,bs as g}from"./index-
|
|
1
|
+
import{c as e,a2 as s,a3 as a,bi as r,bj as n,a7 as t,r as i,bk as o,a as c,a9 as d,ab as u,aa as l,B as m,bl as b,bm as p,bn as v,bo as h,bp as f,bq as z,p as x,br as y,bs as g}from"./index-7e152ed6.js";var P={justifyContent:"stretch",bg:"base.color.translucent.standard.100",position:"relative",d:"flex",w:"100%"};function A(e){var s=e.size,a=e.themeProps,r=/large|medium/.test(s)?a.base.spacing.x2:a.base.spacing.x1;return{gap:r,padding:r,borderRadius:/large|medium/.test(s)?a.base.borderRadius.x8:a.base.borderRadius.x4}}function w(e){var s=e.size,a=e.themeProps;return{borderRadius:/large|medium/.test(s)?a.base.borderRadius.x4:a.base.spacing.x2}}var N={flex:1,paddingX:"base.spacing.x4",transitionProperty:"background, color, box-shadow",transitionDuration:"base.motion.normal.fast.cssDuration",transitionTimingFunction:"base.motion.normal.fast.cssEase","&:hover:not([disabled])":{boxShadow:function(e){var s=e.base;return"inset 0 0 0 ".concat(s.border.size[100]," ").concat(s.color.translucent.standard[1e3])}},"&.selected":{bg:"base.color.translucent.inverse.500"},"&.selected, &:active:not([disabled])":{boxShadow:function(e){var s=e.base;return"inset 0 0 0 ".concat(s.border.size[200]," ").concat(s.color.translucent.standard[1e3])}},"&:hover:not([disabled])::before":{content:"unset"},"& > span":{textAlign:"left",whiteSpace:"nowrap"}};function M(e){var s=e.size,a=e.themeProps,r=Array.isArray(s)?b(s):[s];return r.shift(),{styles:t.apply(void 0,b(r.map((function(e,s){if(null!=e&&!p(e)){var r,n="@media screen and (min-width: ".concat(null===(r=a.base.breakpointAsArray)||void 0===r?void 0:r[s],"px)");return v({},n,w({size:e,themeProps:a}))}return{}}))))}}var B=["sx","size","selected"];function H(o){var u=o.sx,l=void 0===u?{}:u,m=o.size,b=void 0===m?"medium":m,p=o.selected,v=s(o,B),x=a(),y=r(b,n,h),g=M({size:b,themeProps:x}).styles,P=i.useMemo((function(){return t(N,g,w({size:y,themeProps:x}),f(l,"base.color.translucent.emphasis.100"),l)}),[l,g,y,x]);return c(z,{children:function(s){var a=s.cx;return c(e,d(d({},v),{},{size:b,variant:"tertiary",sx:P,className:a({selected:p})}))}})}H.displayName="HorizontalMenuButtCon",H.SvgIcon=e.SvgIcon;var R=["children","sx","size","selected"];function S(e){var o=e.children,u=e.sx,l=void 0===u?{}:u,m=e.size,b=void 0===m?"medium":m,p=e.selected,v=s(e,R),y=a(),g=r(b,n,h),P=M({size:b,themeProps:y}).styles,A=i.useMemo((function(){return t(N,P,w({size:g,themeProps:y}),f(l,"base.color.translucent.emphasis.100"),l)}),[l,P,g,y]);return c(z,{children:function(e){var s=e.cx;return c(x,d(d({},v),{},{size:b,variant:"tertiary",className:s({selected:p}),sx:A,children:o}))}})}S.displayName="HorizontalMenuButton",S.Icon=y,S.Logo=g;var k=["children","sx","size","className"];function C(e){var f=e.children,z=e.sx,x=void 0===z?{}:z,y=e.size,g=void 0===y?"medium":y,w=e.className,N=s(e,k),M=a(),B=r(g,n,h),R=function(e){var s=e.size,a=e.themeProps,r=Array.isArray(s)?b(s):[s];return r.shift(),{styles:t.apply(void 0,b(r.map((function(e,s){if(null!=e&&!p(e)){var r,n="@media screen and (min-width: ".concat(null===(r=a.base.breakpointAsArray)||void 0===r?void 0:r[s],"px)");return v({},n,A({size:e,themeProps:a}))}return{}}))))}}({size:g,themeProps:M}),C=R.styles,j=t(P,A({size:B,themeProps:M}),C,x),I=i.useMemo((function(){return o(f)}),[f]);return c(m,d(d({},N),{},{sx:j,className:"".concat(null!=w?w:""," HorizontalMenu"),children:i.Children.map(I,(function(e){return u(e,H)||u(e,S)?c(l,{size:e.props.size?e.props.size:g,children:e}):e}))}))}C.displayName="HorizontalMenu",C.Button=S,C.ButtCon=H;export{C as H};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{b9 as e,ba as t,bb as a,bc as r,bd as n,e as o,r as s,C as i,E as h,u as c,V as u,S as l,be as p,a as f,J as d,z as m,bf as R,B as E,U as v,d as A,G as S,j as O,W as T,_ as y,$ as _,al as I,a0 as g,bg as C,aJ as w,aK as N,bh as P,I as b}from"./index-
|
|
1
|
+
import{b9 as e,ba as t,bb as a,bc as r,bd as n,e as o,r as s,C as i,E as h,u as c,V as u,S as l,be as p,a as f,J as d,z as m,bf as R,B as E,U as v,d as A,G as S,j as O,W as T,_ as y,$ as _,al as I,a0 as g,bg as C,aJ as w,aK as N,bh as P,I as b}from"./index-7e152ed6.js";import{O as D,T as L}from"./TopUpView-c23144a1.js";import{S as U}from"./SpendingCapHero-b9e883b3.js";
|
|
2
2
|
/*! https://mths.be/punycode v1.4.1 by @mathias */var x=2147483647,k=36,K=1,F=26,j=38,M=700,G=72,W=128,q="-",V=/[^\x20-\x7E]/,$=/[\x2E\u3002\uFF0E\uFF61]/g,B={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},J=k-K,H=Math.floor,z=String.fromCharCode;function Z(e){throw new RangeError(B[e])}function Q(e,t){return e+22+75*(e<26)-((0!=t)<<5)}function X(e,t,a){var r=0;for(e=a?H(e/M):e>>1,e+=H(e/t);e>J*F>>1;r+=k)e=H(e/J);return H(r+(J+1)*e/(e+j))}function Y(e){return function(e,t){var a=e.split("@"),r="";a.length>1&&(r=a[0]+"@",e=a[1]);var n=function(e,t){for(var a=e.length,r=[];a--;)r[a]=t(e[a]);return r}((e=e.replace($,".")).split("."),t).join(".");return r+n}(e,(function(e){return V.test(e)?"xn--"+function(e){var t,a,r,n,o,s,i,h,c,u,l,p,f,d,m,R=[];for(e=function(e){for(var t,a,r=[],n=0,o=e.length;n<o;)(t=e.charCodeAt(n++))>=55296&&t<=56319&&n<o?56320==(64512&(a=e.charCodeAt(n++)))?r.push(((1023&t)<<10)+(1023&a)+65536):(r.push(t),n--):r.push(t);return r}(e),p=e.length,t=W,a=0,o=G,s=0;s<p;++s)(l=e[s])<128&&R.push(z(l));for(r=n=R.length,n&&R.push(q);r<p;){for(i=x,s=0;s<p;++s)(l=e[s])>=t&&l<i&&(i=l);for(i-t>H((x-a)/(f=r+1))&&Z("overflow"),a+=(i-t)*f,t=i,s=0;s<p;++s)if((l=e[s])<t&&++a>x&&Z("overflow"),l==t){for(h=a,c=k;!(h<(u=c<=o?K:c>=o+F?F:c-o));c+=k)m=h-u,d=k-u,R.push(z(Q(u+m%d,0))),h=H(m/d);R.push(z(Q(h,0))),o=X(a,f,r==n),a=0,++r}++a,++t}return R.join("")}(e):e}))}function ee(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var te=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)};function ae(e){switch(typeof e){case"string":return e;case"boolean":return e?"true":"false";case"number":return isFinite(e)?e:"";default:return""}}function re(e,t){if(e.map)return e.map(t);for(var a=[],r=0;r<e.length;r++)a.push(t(e[r],r));return a}var ne=Object.keys||function(e){var t=[];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.push(a);return t};function oe(e,t,a,r){t=t||"&",a=a||"=";var n={};if("string"!=typeof e||0===e.length)return n;var o=/\+/g;e=e.split(t);var s=1e3;r&&"number"==typeof r.maxKeys&&(s=r.maxKeys);var i=e.length;s>0&&i>s&&(i=s);for(var h=0;h<i;++h){var c,u,l,p,f=e[h].replace(o,"%20"),d=f.indexOf(a);d>=0?(c=f.substr(0,d),u=f.substr(d+1)):(c=f,u=""),l=decodeURIComponent(c),p=decodeURIComponent(u),ee(n,l)?te(n[l])?n[l].push(p):n[l]=[n[l],p]:n[l]=p}return n}var se={parse:Oe,resolve:function(e,t){return Oe(e,!1,!0).resolve(t)},resolveObject:function(e,t){return e?Oe(e,!1,!0).resolveObject(t):t},fileURLToPath:function(e){if("string"==typeof e)e=(new ie).parse(e);else if(!(e instanceof ie))throw new TypeError('The "path" argument must be of type string or an instance of URL. Received type '+typeof e+String(e));if("file:"!==e.protocol)throw new TypeError("The URL must be of scheme file");return function(e){const t=e.pathname;for(let e=0;e<t.length;e++)if("%"===t[e]){const a=32|t.codePointAt(e+2);if("2"===t[e+1]&&102===a)throw new TypeError("must not include encoded / characters")}return decodeURIComponent(t)}(e)},format:function(e){a(e)&&(e=Te({},e));return ye(e)},Url:ie,URL:e.URL,URLSearchParams:e.URLSearchParams};function ie(){this.protocol=null,this.slashes=null,this.auth=null,this.host=null,this.port=null,this.hostname=null,this.hash=null,this.search=null,this.query=null,this.pathname=null,this.path=null,this.href=null}var he=/^([a-z0-9.+-]+:)/i,ce=/:[0-9]*$/,ue=/^(\/\/?(?!\/)[^\?\s]*)(\?[^\s]*)?$/,le=["{","}","|","\\","^","`"].concat(["<",">",'"',"`"," ","\r","\n","\t"]),pe=["'"].concat(le),fe=["%","/","?",";","#"].concat(pe),de=["/","?","#"],me=255,Re=/^[+a-z0-9A-Z_-]{0,63}$/,Ee=/^([+a-z0-9A-Z_-]{0,63})(.*)$/,ve={javascript:!0,"javascript:":!0},Ae={javascript:!0,"javascript:":!0},Se={http:!0,https:!0,ftp:!0,gopher:!0,file:!0,"http:":!0,"https:":!0,"ftp:":!0,"gopher:":!0,"file:":!0};function Oe(e,a,r){if(e&&t(e)&&e instanceof ie)return e;var n=new ie;return n.parse(e,a,r),n}function Te(e,t,r,n){if(!a(t))throw new TypeError("Parameter 'url' must be a string, not "+typeof t);var o=t.indexOf("?"),s=-1!==o&&o<t.indexOf("#")?"?":"#",i=t.split(s);i[0]=i[0].replace(/\\/g,"/");var h=t=i.join(s);if(h=h.trim(),!n&&1===t.split("#").length){var c=ue.exec(h);if(c)return e.path=h,e.href=h,e.pathname=c[1],c[2]?(e.search=c[2],e.query=r?oe(e.search.substr(1)):e.search.substr(1)):r&&(e.search="",e.query={}),e}var u,l,p,f,d=he.exec(h);if(d){var m=(d=d[0]).toLowerCase();e.protocol=m,h=h.substr(d.length)}if(n||d||h.match(/^\/\/[^@\/]+@[^@\/]+/)){var R="//"===h.substr(0,2);!R||d&&Ae[d]||(h=h.substr(2),e.slashes=!0)}if(!Ae[d]&&(R||d&&!Se[d])){var E,v,A=-1;for(u=0;u<de.length;u++)-1!==(l=h.indexOf(de[u]))&&(-1===A||l<A)&&(A=l);for(-1!==(v=-1===A?h.lastIndexOf("@"):h.lastIndexOf("@",A))&&(E=h.slice(0,v),h=h.slice(v+1),e.auth=decodeURIComponent(E)),A=-1,u=0;u<fe.length;u++)-1!==(l=h.indexOf(fe[u]))&&(-1===A||l<A)&&(A=l);-1===A&&(A=h.length),e.host=h.slice(0,A),h=h.slice(A),_e(e),e.hostname=e.hostname||"";var S="["===e.hostname[0]&&"]"===e.hostname[e.hostname.length-1];if(!S){var O=e.hostname.split(/\./);for(u=0,p=O.length;u<p;u++){var T=O[u];if(T&&!T.match(Re)){for(var y="",_=0,I=T.length;_<I;_++)T.charCodeAt(_)>127?y+="x":y+=T[_];if(!y.match(Re)){var g=O.slice(0,u),C=O.slice(u+1),w=T.match(Ee);w&&(g.push(w[1]),C.unshift(w[2])),C.length&&(h="/"+C.join(".")+h),e.hostname=g.join(".");break}}}}e.hostname.length>me?e.hostname="":e.hostname=e.hostname.toLowerCase(),S||(e.hostname=Y(e.hostname)),f=e.port?":"+e.port:"";var N=e.hostname||"";e.host=N+f,e.href+=e.host,S&&(e.hostname=e.hostname.substr(1,e.hostname.length-2),"/"!==h[0]&&(h="/"+h))}if(!ve[m])for(u=0,p=pe.length;u<p;u++){var P=pe[u];if(-1!==h.indexOf(P)){var b=encodeURIComponent(P);b===P&&(b=escape(P)),h=h.split(P).join(b)}}var D=h.indexOf("#");-1!==D&&(e.hash=h.substr(D),h=h.slice(0,D));var L=h.indexOf("?");if(-1!==L?(e.search=h.substr(L),e.query=h.substr(L+1),r&&(e.query=oe(e.query)),h=h.slice(0,L)):r&&(e.search="",e.query={}),h&&(e.pathname=h),Se[m]&&e.hostname&&!e.pathname&&(e.pathname="/"),e.pathname||e.search){f=e.pathname||"";var U=e.search||"";e.path=f+U}return e.href=ye(e),e}function ye(e){var a=e.auth||"";a&&(a=(a=encodeURIComponent(a)).replace(/%3A/i,":"),a+="@");var r,n,o,s,i=e.protocol||"",h=e.pathname||"",c=e.hash||"",u=!1,l="";e.host?u=a+e.host:e.hostname&&(u=a+(-1===e.hostname.indexOf(":")?e.hostname:"["+this.hostname+"]"),e.port&&(u+=":"+e.port)),e.query&&t(e.query)&&Object.keys(e.query).length&&(r=e.query,n=n||"&",o=o||"=",null===r&&(r=void 0),l="object"==typeof r?re(ne(r),(function(e){var t=encodeURIComponent(ae(e))+o;return te(r[e])?re(r[e],(function(e){return t+encodeURIComponent(ae(e))})).join(n):t+encodeURIComponent(ae(r[e]))})).join(n):s?encodeURIComponent(ae(s))+o+encodeURIComponent(ae(r)):"");var p=e.search||l&&"?"+l||"";return i&&":"!==i.substr(-1)&&(i+=":"),e.slashes||(!i||Se[i])&&!1!==u?(u="//"+(u||""),h&&"/"!==h.charAt(0)&&(h="/"+h)):u||(u=""),c&&"#"!==c.charAt(0)&&(c="#"+c),p&&"?"!==p.charAt(0)&&(p="?"+p),i+u+(h=h.replace(/[?#]/g,(function(e){return encodeURIComponent(e)})))+(p=p.replace("#","%23"))+c}function _e(e){var t=e.host,a=ce.exec(t);a&&(":"!==(a=a[0])&&(e.port=a.substr(1)),t=t.substr(0,t.length-a.length)),t&&(e.hostname=t)}ie.prototype.parse=function(e,t,a){return Te(this,e,t,a)},ie.prototype.format=function(){return ye(this)},ie.prototype.resolve=function(e){return this.resolveObject(Oe(e,!1,!0)).format()},ie.prototype.resolveObject=function(e){if(a(e)){var t=new ie;t.parse(e,!1,!0),e=t}for(var o,s=new ie,i=Object.keys(this),h=0;h<i.length;h++){var c=i[h];s[c]=this[c]}if(s.hash=e.hash,""===e.href)return s.href=s.format(),s;if(e.slashes&&!e.protocol){for(var u=Object.keys(e),l=0;l<u.length;l++){var p=u[l];"protocol"!==p&&(s[p]=e[p])}return Se[s.protocol]&&s.hostname&&!s.pathname&&(s.path=s.pathname="/"),s.href=s.format(),s}if(e.protocol&&e.protocol!==s.protocol){if(!Se[e.protocol]){for(var f=Object.keys(e),d=0;d<f.length;d++){var m=f[d];s[m]=e[m]}return s.href=s.format(),s}if(s.protocol=e.protocol,e.host||Ae[e.protocol])s.pathname=e.pathname;else{for(o=(e.pathname||"").split("/");o.length&&!(e.host=o.shift()););e.host||(e.host=""),e.hostname||(e.hostname=""),""!==o[0]&&o.unshift(""),o.length<2&&o.unshift(""),s.pathname=o.join("/")}if(s.search=e.search,s.query=e.query,s.host=e.host||"",s.auth=e.auth,s.hostname=e.hostname||e.host,s.port=e.port,s.pathname||s.search){var R=s.pathname||"",E=s.search||"";s.path=R+E}return s.slashes=s.slashes||e.slashes,s.href=s.format(),s}var v,A=s.pathname&&"/"===s.pathname.charAt(0),S=e.host||e.pathname&&"/"===e.pathname.charAt(0),O=S||A||s.host&&e.pathname,T=O,y=s.pathname&&s.pathname.split("/")||[],_=s.protocol&&!Se[s.protocol];if(o=e.pathname&&e.pathname.split("/")||[],_&&(s.hostname="",s.port=null,s.host&&(""===y[0]?y[0]=s.host:y.unshift(s.host)),s.host="",e.protocol&&(e.hostname=null,e.port=null,e.host&&(""===o[0]?o[0]=e.host:o.unshift(e.host)),e.host=null),O=O&&(""===o[0]||""===y[0])),S)s.host=e.host||""===e.host?e.host:s.host,s.hostname=e.hostname||""===e.hostname?e.hostname:s.hostname,s.search=e.search,s.query=e.query,y=o;else if(o.length)y||(y=[]),y.pop(),y=y.concat(o),s.search=e.search,s.query=e.query;else if(!r(e.search))return _&&(s.hostname=s.host=y.shift(),(v=!!(s.host&&s.host.indexOf("@")>0)&&s.host.split("@"))&&(s.auth=v.shift(),s.host=s.hostname=v.shift())),s.search=e.search,s.query=e.query,n(s.pathname)&&n(s.search)||(s.path=(s.pathname?s.pathname:"")+(s.search?s.search:"")),s.href=s.format(),s;if(!y.length)return s.pathname=null,s.search?s.path="/"+s.search:s.path=null,s.href=s.format(),s;for(var I=y.slice(-1)[0],g=(s.host||e.host||y.length>1)&&("."===I||".."===I)||""===I,C=0,w=y.length;w>=0;w--)"."===(I=y[w])?y.splice(w,1):".."===I?(y.splice(w,1),C++):C&&(y.splice(w,1),C--);if(!O&&!T)for(;C--;C)y.unshift("..");!O||""===y[0]||y[0]&&"/"===y[0].charAt(0)||y.unshift(""),g&&"/"!==y.join("/").substr(-1)&&y.push("");var N=""===y[0]||y[0]&&"/"===y[0].charAt(0);return _&&(s.hostname=s.host=N?"":y.length?y.shift():"",(v=!!(s.host&&s.host.indexOf("@")>0)&&s.host.split("@"))&&(s.auth=v.shift(),s.host=s.hostname=v.shift())),(O=O||s.host&&y.length)&&!N&&y.unshift(""),y.length?s.pathname=y.join("/"):(s.pathname=null,s.path=null),n(s.pathname)&&n(s.search)||(s.path=(s.pathname?s.pathname:"")+(s.search?s.search:"")),s.auth=e.auth||s.auth,s.slashes=s.slashes||e.slashes,s.href=s.format(),s},ie.prototype.parseHost=function(){return _e(this)};const Ie=e=>({position:"relative",maxWidth:"420px",height:"565px",borderRadius:"base.borderRadius.x6",overflow:"hidden",marginLeft:"base.spacing.x2",marginRight:"base.spacing.x2",marginBottom:"base.spacing.x2",display:e?"block":"none"}),ge=e=>({display:e?"block":"none"});var Ce,we,Ne,Pe;!function(e){e.TRANSAK_WIDGET_OPEN="TRANSAK_WIDGET_OPEN",e.TRANSAK_ORDER_CREATED="TRANSAK_ORDER_CREATED",e.TRANSAK_ORDER_SUCCESSFUL="TRANSAK_ORDER_SUCCESSFUL",e.TRANSAK_ORDER_FAILED="TRANSAK_ORDER_FAILED"}(Ce||(Ce={})),function(e){e.PROCESSING="PROCESSING",e.COMPLETED="COMPLETED"}(we||(we={})),function(e){e.TRANSAK_WIDGET_INITIALISED="TRANSAK_WIDGET_INITIALISED",e.TRANSAK_WIDGET_OPEN="TRANSAK_WIDGET_OPEN",e.TRANSAK_ORDER_CREATED="TRANSAK_ORDER_CREATED",e.TRANSAK_ORDER_SUCCESSFUL="TRANSAK_ORDER_SUCCESSFUL",e.TRANSAK_ORDER_FAILED="TRANSAK_ORDER_FAILED"}(Ne||(Ne={})),function(e){e.PROCESSING="PROCESSING",e.COMPLETED="COMPLETED"}(Pe||(Pe={}));const be=["global.transak.com","global-stg.transak.com"],De={[Ne.TRANSAK_WIDGET_OPEN]:{screen:"InputScreen",control:"TransakWidgetOpen",controlType:"IframeEvent"},[Ne.TRANSAK_ORDER_CREATED]:{screen:"InputScreen",control:"OrderCreated",controlType:"IframeEvent"},[`${Ne.TRANSAK_ORDER_SUCCESSFUL}${Pe.PROCESSING}`]:{screen:"OrderInProgress",control:"PaymentProcessing",controlType:"IframeEvent"},[`${Ne.TRANSAK_ORDER_SUCCESSFUL}${Pe.COMPLETED}`]:{screen:"Success",control:"PaymentCompleted",controlType:"IframeEvent"},[Ne.TRANSAK_ORDER_FAILED]:{screen:"Failure",control:"PaymentFailed",controlType:"IframeEvent"}},Le=e=>{const{track:t}=o(),{userJourney:a,ref:r,email:n,userId:i,isPassportWallet:h,failedToLoadTimeoutInMs:c,onFailedToLoad:u}=e,[l,p]=s.useState(!1),f=c||1e4,d=s.useRef(void 0),m=s.useCallback((e=>{const r=e.event_id,o=[Ne.TRANSAK_ORDER_SUCCESSFUL].includes(r)?`${r}${e.data.status}`:r,s=De?.[o]||{};Object.keys(s).length>=0&&t({...s,userJourney:a,extras:{email:n,userId:i,isPassportWallet:h}})}),[]),R=s.useCallback((t=>{switch(t.event_id){case Ne.TRANSAK_WIDGET_INITIALISED:a=t.data,p(!0),clearTimeout(d.current),d.current=void 0,e.onInit?.(a);break;case Ne.TRANSAK_WIDGET_OPEN:e.onOpen?.(t.data);break;case Ne.TRANSAK_ORDER_CREATED:e.onOrderCreated?.(t.data);break;case Ne.TRANSAK_ORDER_SUCCESSFUL:t.data.status===Pe.PROCESSING&&e.onOrderProcessing?.(t.data),t.data.status===Pe.COMPLETED&&e.onOrderCompleted?.(t.data);break;case Ne.TRANSAK_ORDER_FAILED:e.onOrderFailed?.(t.data)}var a}),[]),E=s.useCallback((e=>{const t=Oe(e.origin)?.host?.toLowerCase();e.source===r?.current?.contentWindow&&t&&be.includes(t)&&(m(e.data),R(e.data),console.log("@@@ Transak event",e))}),[r]);return s.useEffect((()=>(window.addEventListener("message",E),()=>{clearTimeout(d.current),window.removeEventListener("message",E)})),[]),{initialised:l,onLoad:()=>{void 0!==u&&(void 0!==d.current||l||(d.current=setTimeout((()=>{l||u()}),f)))}}},Ue="transak-iframe",xe=6e3;function ke({passport:e,showIframe:t,tokenAmount:a,tokenAddress:r}){const{connectLoaderState:n}=s.useContext(i),{checkout:S,provider:O}=n,{eventTargetState:{eventTarget:T}}=s.useContext(h),{t:y}=c(),{viewState:_,viewDispatch:I}=s.useContext(u),[g,C]=s.useState(""),w=s.useRef(),N=!!e&&O?.provider?.isPassport,P=s.useMemo((()=>_.history.length>2&&_.history[_.history.length-2].type===l.TOP_UP_VIEW),[_.history]),{track:b}=o();return s.useEffect((()=>{if(!S||!O)return;let t,n="";(async()=>{const t={exchangeType:p.ONRAMP,web3Provider:O,tokenAddress:r,tokenAmount:a,passport:e};C(await S.createFiatRampUrl(t)),n=await O.getSigner().getAddress()})(),(async()=>{if(e){const a=await e.getUserInfo();t=a?.email}})();const o=document.getElementById(Ue);if(!o)return;window.addEventListener("message",(e=>{if(!o)return;const s=se.parse(e.origin)?.host?.toLowerCase();e.source===o.contentWindow&&s&&be.includes(s)&&((async(e,t,a)=>{const r={userId:t.toLowerCase(),isPassportWallet:N,email:a};switch(e.event_id){case Ce.TRANSAK_WIDGET_OPEN:b({userJourney:v.ON_RAMP,screen:"InputScreen",control:"TransakWidgetOpen",controlType:"IframeEvent",extras:{...r}});break;case Ce.TRANSAK_ORDER_CREATED:b({userJourney:v.ON_RAMP,screen:"InputScreen",control:"OrderCreated",controlType:"IframeEvent",extras:{...r}});break;case Ce.TRANSAK_ORDER_SUCCESSFUL:e.data.status===we.PROCESSING&&b({userJourney:v.ON_RAMP,screen:"OrderInProgress",control:"PaymentProcessing",controlType:"IframeEvent",extras:{...r}}),e.data.status===we.COMPLETED&&b({userJourney:v.ON_RAMP,screen:"Success",control:"PaymentCompleted",controlType:"IframeEvent",extras:{...r}});break;case Ce.TRANSAK_ORDER_FAILED:b({userJourney:v.ON_RAMP,screen:"Failure",control:"PaymentFailed",controlType:"IframeEvent",extras:{...r}})}})(e.data,n,t),(e=>{if(w.current&&clearTimeout(w.current),e.event_id!==Ce.TRANSAK_WIDGET_OPEN)return e.event_id===Ce.TRANSAK_ORDER_SUCCESSFUL&&e.data.status===we.PROCESSING?(I({payload:{type:A.UPDATE_VIEW,view:{type:D.IN_PROGRESS_LOADING}}}),void(w.current=window.setTimeout((()=>{I({payload:{type:A.UPDATE_VIEW,view:{type:D.IN_PROGRESS}}})}),xe))):void(e.event_id!==Ce.TRANSAK_ORDER_SUCCESSFUL||e.data.status!==we.COMPLETED?e.event_id===Ce.TRANSAK_ORDER_FAILED&&I({payload:{type:A.UPDATE_VIEW,view:{type:D.FAIL,data:{amount:a,tokenAddress:r},reason:`Transaction failed: ${e.data.statusReason}`}}}):I({payload:{type:A.UPDATE_VIEW,view:{type:D.SUCCESS,data:{transactionHash:e.data.transactionHash}}}}));I({payload:{type:A.UPDATE_VIEW,view:{type:D.ONRAMP,data:{amount:_.view.data?.amount??a,tokenAddress:_.view.data?.tokenAddress??r}}}})})(e.data))}))}),[S,O,a,r,e]),f(E,{sx:ge(t),children:f(d,{header:f(m,{showBack:P,title:y("views.ONRAMP.header.title"),onCloseButtonClick:()=>R(T)}),footerBackgroundColor:"base.color.translucent.emphasis.200",children:f(E,{sx:Ie(t),children:f("iframe",{title:"Transak",id:Ue,src:g,allow:"camera;microphone;fullscreen;payment",style:{height:"100%",width:"100%",border:"none",position:"absolute"}})})})})}function Ke(){const{eventTargetState:{eventTarget:e}}=s.useContext(h),{t:t}=c();return f(d,{testId:"order-in-progress-view",header:f(m,{transparent:!0,onCloseButtonClick:()=>R(e)}),footer:f(S,{}),heroContent:f(U,{}),floatHeader:!0,children:O(T,{heading:t("views.ONRAMP.IN_PROGRESS.content.heading"),children:[t("views.ONRAMP.IN_PROGRESS.content.body1"),f("br",{}),f("br",{}),t("views.ONRAMP.IN_PROGRESS.content.body2")]})})}function Fe({amount:e,tokenAddress:t,config:a}){const{isOnRampEnabled:r,isSwapEnabled:n,isBridgeEnabled:o}=a,[p,d]=s.useReducer(y,{..._,history:[]}),m=s.useMemo((()=>({viewState:p,viewDispatch:d})),[p,y]),{connectLoaderState:E}=s.useContext(i),{checkout:S,provider:T}=E,[U,x]=s.useState(t),{eventTargetState:{eventTarget:k}}=s.useContext(h),{t:K}=c(),F=s.useMemo((()=>p.view.type===D.ONRAMP),[p.view.type]);return s.useEffect((()=>{S&&T&&(async()=>{if(!(await S.getNetworkInfo({provider:T})).isSupported)return;const e=U?.toLocaleLowerCase()===I?I:t;x(e)})()}),[S,T,d]),O(u.Provider,{value:m,children:[p.view.type===l.LOADING_VIEW&&f(g,{loadingText:K("views.ONRAMP.initialLoadingText")}),p.view.type===D.IN_PROGRESS_LOADING&&f(g,{loadingText:K("views.ONRAMP.IN_PROGRESS_LOADING.loading.text")}),p.view.type===D.IN_PROGRESS&&f(Ke,{}),p.view.type===D.SUCCESS&&f(N,{statusText:K("views.ONRAMP.SUCCESS.text"),actionText:K("views.ONRAMP.SUCCESS.actionText"),onRenderEvent:()=>C(k,p.view.data.transactionHash),onActionClick:()=>R(k),statusType:w.SUCCESS,testId:"success-view"}),p.view.type===D.FAIL&&f(N,{statusText:K("views.ONRAMP.FAIL.text"),actionText:K("views.ONRAMP.FAIL.actionText"),onRenderEvent:()=>P(k,p.view.reason??"Transaction failed"),onActionClick:()=>{d({payload:{type:A.UPDATE_VIEW,view:{type:D.ONRAMP,data:p.view.data}}})},statusType:w.FAILURE,onCloseClick:()=>R(k),testId:"fail-view"}),p.view.type!==D.SUCCESS&&p.view.type!==D.FAIL&&f(ke,{passport:S?.passport,showIframe:F,tokenAmount:p.view.data?.amount??e,tokenAddress:p.view.data?.tokenAddress??U}),p.view.type===l.TOP_UP_VIEW&&f(L,{analytics:{userJourney:v.ON_RAMP},widgetEvent:b.IMTBL_ONRAMP_WIDGET_EVENT,checkout:S,provider:T,showOnrampOption:r,showSwapOption:n,showBridgeOption:o,onCloseButtonClick:()=>R(k)})]})}var je=Object.freeze({__proto__:null,default:Fe});export{Fe as O,je as a,Le as u};
|