@imtbl/checkout-widgets 2.0.0-alpha.0

package/dist/browser/chunk-XE2T4YRZ.js

@@ -0,0 +1,2 @@
+import {b as b$1,c as c$2,d as d$1,e,f,g,h}from'./chunk-YOCWSYBR.js';import {a as a$1}from'./chunk-OPMBNAY3.js';import {b as b$3}from'./chunk-R7NCCCUY.js';import {a as a$5}from'./chunk-DVUYKTGV.js';import {a as a$7}from'./chunk-EEDQFEKZ.js';import {a as a$3,b as b$4}from'./chunk-P7Y5EGBN.js';import {a as a$6}from'./chunk-WCTMM2S2.js';import {f as f$2}from'./chunk-3AHRPZYV.js';import {b as b$5,a as a$8}from'./chunk-5AVK5XOU.js';import {b as b$2,a as a$4}from'./chunk-Z52PVTUZ.js';import {a}from'./chunk-NNMZJ5NV.js';import {b as b$6}from'./chunk-ECAH5RC3.js';import {l,s,d as d$2,f as f$1,a as a$9,r,i,p}from'./chunk-JF3XWEEL.js';import {c as c$1,a as a$2}from'./chunk-KOBELCOG.js';import {b}from'./chunk-JV43EWXA.js';import {d,c,aa,fa,da,O,ea,P,S,R,oa,N,T,ta,K,ba,$,B,C,Z as Z$1}from'./chunk-QPOHDTWR.js';import {createContext,useContext,useRef,useMemo,useReducer,useEffect,useCallback,useState}from'react';import {SalePaymentTypes,BlockExplorerService,IMTBLWidgetEvents,fetchRiskAssessment,isAddressSanctioned,FundingStepType,ItemType,ChainId,SwapEventType,OnRampEventType,BridgeEventType,ConnectEventType,TransactionOrGasType,GasTokenType,RoutingOutcomeType}from'@imtbl/checkout-sdk';import {useTranslation}from'react-i18next';import {Environment}from'@imtbl/config';import {Contract,formatUnits}from'ethers';import {LoadingOverlay,Box,Heading,Drawer,ButtCon,Body,Button,MenuItem,Stack,prettyFormatNumber,ShimmerCircle,Caption,Divider}from'@biom3/react';import {motion}from'framer-motion';d();c();d();c();d();c();d();c();d();c();d();c();var Ue={[Environment.SANDBOX]:"https://api.sandbox.immutable.com/v1/primary-sales",[Environment.PRODUCTION]:"https://api.immutable.com/v1/primary-sales"};d();c();var ct=e=>e.map(({method:t,hash:n})=>`${t}: ${n}`).join(" | "),Z=e=>e.split(/[_\s-]+/).map(t=>t.charAt(0).toUpperCase()+t.slice(1).toLowerCase()).join(""),ut=e=>{let t=/[^\u0000-\u00FF]/g;return e.replace(t,"")},mn=e=>{if(!e)return "";let t=e.trim().toLowerCase();if(t.startsWith("0x")&&(t=t.slice(2)),!/^[0-9a-f]+$/i.test(t))throw new Error("Invalid hexadecimal input");let n="";for(let a=0;a<t.length;a+=2){let o=parseInt(t.substr(a,2),16);n+=String.fromCharCode(o);}return n};d();c();var He=async(e,t)=>{try{let n=await t.getSigner(),a=await n.getAddress(),o=e.find(g=>g.methodCall.startsWith("approve"));if(!o||!n||!a)return e;let i=new Contract(o.tokenAddress,["function allowance(address,address) view returns (uint256)"],n),s=await n?.call({to:o.tokenAddress,data:i.interface.encodeFunctionData("allowance",[a,o.params.spender])}),u=BigInt(s),d=o.params.amount?BigInt(o.params.amount):BigInt(0);if(u>=BigInt("0")&&u>=d)return e.filter(g=>g.methodCall!==o.methodCall)}catch{}return e};var Ir=(e,t,n)=>({productId:e.product_id,image:n?.image||"",qty:n?.qty||1,name:n?.name||"",description:n?.description||"",currency:t,contractType:e.contract_type,collectionAddress:e.collection_address,amount:e.detail.map(({amount:a})=>a),tokenId:e.detail.map(({token_id:a})=>a)}),Pr=(e,t)=>{let{order:n,transactions:a}=e;return {order:{currency:{name:n.currency.name,erc20Address:n.currency.erc20_address},products:n.products.map(o=>Ir(o,n.currency.name,t.find(i=>i.productId===o.product_id))).reduce((o,i)=>{let s=o.findIndex(u=>u.name===i.name);return s===-1&&o.push({...i}),s>-1&&(o[s].amount=[...o[s].amount,...i.amount],o[s].tokenId=[...o[s].tokenId,...i.tokenId]),o},[]),totalAmount:Number(n.total_amount)},transactions:a.map(o=>({tokenAddress:o.contract_address,gasEstimate:o.gas_estimate,methodCall:o.method_call,params:{reference:o.params.reference||"",amount:o.params.amount||0,spender:o.params.spender||""},rawData:o.raw_data})),transactionId:mn(a.find(o=>o.method_call.startsWith("execute"))?.params.reference||"")}},pn=e=>{let{provider:t,items:n,environment:a,environmentId:o,waitFulfillmentSettlements:i,customOrderData:s}=e,[u,d]=useState(void 0),[T,g]=useState(void 0),[R,S]=useState({done:!1,transactions:[]}),[I,C]=useState([]),[m,y]=useState(0),[E,P]=useState([]),c=k=>{S(x=>({...x,transactions:[...x.transactions,k]}));},w=()=>S(k=>({...k,done:!0})),A=()=>y(k=>k+1),v=()=>S({done:!1,transactions:[]}),f=useCallback(async(k,x,D)=>{try{let O=await t?.getSigner(),N=(await t?.getFeeData())?.gasPrice,L=await O?.sendTransaction({to:k,data:x,gasPrice:N,gasLimit:D});i&&await L?.wait();let B=L?.hash;if(!B)throw new Error("Transaction hash is undefined");return [B,void 0]}catch(O){let N=`${O?.reason||O?.message||""}`.toLowerCase(),L="WALLET_FAILED";N.includes("failed")&&N.includes("open confirmation")&&(L="WALLET_POPUP_BLOCKED"),N.includes("rejected")&&N.includes("user")&&(L="WALLET_REJECTED"),N.includes("failed to submit")&&N.includes("highest gas limit")&&(L="WALLET_REJECTED_NO_FUNDS"),(N.includes("status failed")||N.includes("transaction failed"))&&(L="TRANSACTION_FAILED");let B={type:L,data:{error:O}};return d(B),[void 0,B]}},[t,i]),h=useCallback(async(k,x)=>{try{let N={recipient_address:await(await t?.getSigner())?.getAddress()||"",payment_type:k,currency_filter:"contract_address",currency_value:x,products:n.map(J=>({product_id:J.productId,quantity:J.qty})),custom_data:s},L=`${Ue[a]}/${o}/order/sign`,B=await fetch(L,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(N)}),{ok:q,status:Y}=B;if(!q){let{code:J}=await B.json(),j;switch(Y){case 400:j="SERVICE_BREAKDOWN";break;case 404:J==="insufficient_stock"?j="INSUFFICIENT_STOCK":j="PRODUCT_NOT_FOUND";break;case 429:case 500:j="DEFAULT_ERROR";break;default:throw new Error("Unknown error")}d({type:j});return}let ae=await B.json(),be=ae.order.products.map(J=>J.detail.map(({token_id:j})=>j)).flat(),ve=Pr(ae,n);if(C(be),g(ve),t){let J=await He(ve.transactions,t);P(J);}return ve}catch(D){d({type:"DEFAULT_ERROR",data:{error:D}});}},[n,o,a,t]),F=async(k,x,D)=>{if(!k)return !1;let{tokenAddress:O,rawData:N,methodCall:L,gasEstimate:B}=k,[q,Y]=await f(O,N,B);if(Y||!q)return D(Y,R.transactions),!1;let ae={method:L,hash:q};return c(ae),x(ae),!0},W=useCallback(async(k,x,D,O)=>{if(!k||!t)return d({type:"DEFAULT_ERROR",data:{reason:"No sign data"}}),[];let N=await He(k.transactions,t),L=!0;for(let B of N){if(O&&O(B.methodCall,"before"),!await F(B,x,D)){L=!1;break}O&&O(B.methodCall,"after");}return (L?w:v)(),R.transactions},[t,F,w,v,He,f]),U=useCallback(async(k,x,D)=>{if(!E||R.done||!t)return !1;let O=E[m];D&&D(O.methodCall,"before");let N=await F(O,k,x);return N&&(A(),m===E.length-1&&w(),D&&D(O.methodCall,"after")),N},[m,t,E]);return {sign:h,signResponse:T,signError:u,filteredTransactions:E,currentTransactionIndex:m,executeAll:W,executeResponse:R,tokenIds:I,executeNextTransaction:U}};d();c();d();c();var vr=(e,t)=>{let n=e.findIndex(({name:a})=>s(a,t||""))===-1;return t&&n&&console.warn(`[IMTBL]: invalid "preferredCurrency=${t}" widget input`),t&&!n?e.filter(({name:a})=>s(a,t)).map(({erc20_address:a,exchange_id:o,...i})=>({...i,base:!0,address:a,exchangeId:o})):e.map(({erc20_address:a,exchange_id:o,...i})=>({...i,address:a,exchangeId:o}))},ln=({config:e,currencies:t,products:n,total_amount:a},o)=>({config:{contractId:e.contract_id},currencies:vr(t,o),products:Object.entries(n).reduce((i,[s,{product_id:u,...d}])=>({...i,[s]:{productId:s,...d}}),{}),totalAmount:a});var pt={config:{contractId:""},currencies:[],products:{},totalAmount:{}},fn=({items:e,environment:t,environmentId:n,provider:a,preferredCurrency:o})=>{let[i,s$1]=useState(),u=useRef(!1),[d,T]=useState(""),[g,R]=useState(pt),[S,I]=useState(void 0),C=m=>{I({type:"SERVICE_BREAKDOWN",data:{reason:"Error fetching settlement currencies",error:m}});};return useEffect(()=>{!e?.length||!a||(async()=>{try{let m=new URLSearchParams,y=e.map(({productId:c,qty:w})=>({id:c,qty:w}));m.append("products",btoa(JSON.stringify(y)));let P=await(await a.getSigner()).getAddress();m.append("wallet_address",P),T(m.toString());}catch(m){C(m);}})();},[e,a]),useEffect(()=>{!t||!n||!d||(async()=>{if(!u.current)try{u.current=!0;let m=`${Ue[t]}/${n}/order/quote?${d}`,y=await fetch(m,{method:"GET",headers:{"Content-Type":"application/json"}});if(!y.ok)throw new Error(`${y.status} - ${y.statusText}`);let E=ln(await y.json(),o);R(E);}catch(m){C(m);}finally{u.current=!1;}})();},[t,n,d]),useEffect(()=>{if(g.currencies.length===0)return;let y=(o?g.currencies.find(E=>s(E.name,o)):void 0)||g.currencies.find(E=>E.base)||g.currencies?.[0];s$1(y);},[g]),{orderQuote:g,selectedCurrency:i,orderQuoteError:S}};var lt=createContext({items:[],collectionName:"",provider:void 0,checkout:void 0,environmentId:"",environment:Environment.SANDBOX,recipientAddress:"",recipientEmail:"",sign:()=>Promise.resolve(void 0),executeAll:()=>Promise.resolve([]),executeNextTransaction:()=>Promise.resolve(!1),signResponse:void 0,signError:void 0,filteredTransactions:[],currentTransactionIndex:0,executeResponse:void 0,passport:void 0,isPassportWallet:!1,showCreditCardWarning:!1,setShowCreditCardWarning:()=>{},paymentMethod:void 0,setPaymentMethod:()=>{},goBackToPaymentMethods:()=>{},goToErrorView:()=>{},goToSuccessView:()=>{},config:{},fundingRoutes:[],disabledPaymentTypes:[],invalidParameters:!1,fromTokenAddress:"",orderQuote:pt,signTokenIds:[],excludePaymentTypes:[],preferredCurrency:void 0,customOrderData:void 0,selectedCurrency:void 0,waitFulfillmentSettlements:!0,hideExcludedPaymentTypes:!1,riskAssessment:void 0});lt.displayName="SaleSaleContext";var br=1;function En(e){let{children:t,value:{config:n,environment:a,environmentId:o,items:i,provider:s,checkout:u,passport:d,collectionName:T,excludePaymentTypes:g,excludeFiatCurrencies:R,preferredCurrency:S,customOrderData:I,waitFulfillmentSettlements:C,hideExcludedPaymentTypes:m}}=e,y=useRef(0),{viewDispatch:E}=useContext(ea),[{recipientEmail:P,recipientAddress:c},w]=useState({recipientEmail:"",recipientAddress:""}),[A,v]=useState(!1),[f,h]=useState(void 0),F=Q=>{if(Q===SalePaymentTypes.CREDIT&&!A){h(void 0),v(!0);return}h(Q),v(!1);},[W]=useState([]),[U,k]=useState([]),[x,D]=useState(!1),[O$1,N]=useState(),{selectedCurrency:L,orderQuote:B,orderQuoteError:q}=fn({items:i,provider:s,environmentId:o,environment:n.environment,preferredCurrency:S}),Y=L?.address||"",ae=useCallback((Q,ie)=>{F(Q),E({payload:{type:"UPDATE_VIEW",view:{type:"PAYMENT_METHODS",data:ie}}});},[]);useEffect(()=>{(async()=>{let it=await(await s?.getSigner())?.getAddress()||"",we=(await d?.getUserInfo())?.email||"";w({recipientEmail:we,recipientAddress:it});})();},[s]),useEffect(()=>{!u||O$1||(async()=>{let Q=await(await s?.getSigner())?.getAddress();if(!Q)return;let ie=await fetchRiskAssessment([Q],u.config);N(ie);})();},[u,s]);let{sign:be,executeAll:ve,executeNextTransaction:J,signResponse:j,signError:ge,filteredTransactions:kt,currentTransactionIndex:_t,executeResponse:Ee,tokenIds:De}=pn({items:i,provider:s,fromTokenAddress:Y,recipientAddress:c,environmentId:o,environment:a,waitFulfillmentSettlements:C,customOrderData:I}),bt=useCallback(async(Q,ie,it)=>{let we=ie||Y;if(!we||!we.startsWith("0x")){D(!0);return}let st=await be(Q,we);if(st)return it?.(st),st},[be,Y]),Me=useCallback((Q,ie={})=>{y.current+=1,y.current>br&&(y.current=0,F(void 0)),E({payload:{type:"UPDATE_VIEW",view:{type:"SALE_FAIL",data:{...ie,errorType:Q,paymentMethod:f,transactions:Ee.transactions}}}});},[f,F,Ee]),Dt=useCallback(Q=>{E({payload:{type:"UPDATE_VIEW",view:{type:"SALE_SUCCESS",data:{paymentMethod:f,transactions:Ee.transactions,tokenIds:De,...Q}}}});},[[f,Ee,De]]);useEffect(()=>{ge&&Me(ge.type,ge.data);},[ge]),useEffect(()=>{q&&Me(q.type,q.data);},[q]),useEffect(()=>{(!i||i.length===0||!T||!o)&&D(!0);},[i,T,o]),useEffect(()=>{g?.length<=0||k(g);},[g]);let Cr=useMemo(()=>({config:n,items:i,fromTokenAddress:Y,sign:bt,signResponse:j,signError:ge,filteredTransactions:kt,currentTransactionIndex:_t,executeAll:ve,executeNextTransaction:J,executeResponse:Ee,environmentId:o,collectionName:T,environment:a,provider:s,checkout:u,recipientAddress:c,recipientEmail:P,showCreditCardWarning:A,setShowCreditCardWarning:v,paymentMethod:f,setPaymentMethod:F,goBackToPaymentMethods:ae,goToErrorView:Me,goToSuccessView:Dt,isPassportWallet:!!s?.provider?.isPassport,fundingRoutes:W,disabledPaymentTypes:U,invalidParameters:x,orderQuote:B,signTokenIds:De,excludePaymentTypes:g,excludeFiatCurrencies:R,selectedCurrency:L,waitFulfillmentSettlements:C,hideExcludedPaymentTypes:m,riskAssessment:O$1}),[n,a,o,i,Y,T,s,u,c,P,j,ge,kt,_t,Ee,A,v,f,ae,Me,Dt,bt,W,U,x,B,De,g,R,L,C,m,O$1]);return O(lt.Provider,{value:Cr,children:t})}function V(){return useContext(lt)}d();c();d();c();d();c();d();c();var Nr="30000000",Lr={[Environment.SANDBOX]:"https://global-stg.transak.com",[Environment.PRODUCTION]:"https://global.transak.com/"},Wr={[Environment.SANDBOX]:"https://api-stg.transak.com",[Environment.PRODUCTION]:"https://api.transak.com"},Vr={[Environment.SANDBOX]:"STAGING",[Environment.PRODUCTION]:"PRODUCTION"},Ur={[Environment.SANDBOX]:"d14b44fb-0f84-4db5-affb-e044040d724b",[Environment.PRODUCTION]:"ad1bca70-d917-4628-bb0f-5609537498bc"},Tn=e=>{let{contractId:t,environment:n,transakParams:a,onError:o}=e,[i,s]=useState(""),u=useCallback(async()=>{try{let{calldata:d,nftData:T,estimatedGasLimit:g,cryptoCurrencyCode:R,excludeFiatCurrencies:S,...I}=a,C=T?.slice(0,1).map(v=>({...v,imageURL:ut(v.imageURL),nftName:ut(v.nftName)})),m=g>0?g:Nr,y={contractId:t,cryptoCurrencyCode:R,calldata:d,nftData:C,estimatedGasLimit:m.toString()},E=`${Wr[n]}/cryptocoverage/api/v1/public/one-click-protocol/nft-transaction-id`,P=await fetch(E,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(y)});if(!P.ok)throw new Error("Failed to get NFT transaction ID");let{id:c}=await P.json(),w=`${Lr[n]}?`,A=new URLSearchParams({apiKey:Ur[n],environment:Vr[n],isNFT:"true",nftTransactionId:c,themeColor:"0D0D0D",...I});return S&&A.append("excludeFiatCurrencies",S.join(",")),`${w}${A.toString()}`}catch{o?.();}return ""},[t,n,a,o]);return useEffect(()=>{(async()=>{let d=await u();s(d);})();},[]),{iframeSrc:i}};function Sn(e){let{id:t,type:n,email:a,walletAddress:o,isPassportWallet:i,nftData:s,calldata:u,cryptoCurrencyCode:d,estimatedGasLimit:T,exchangeScreenTitle:g,partnerOrderId:R,excludeFiatCurrencies:S,onOpen:I,onInit:C,onOrderCreated:m,onOrderProcessing:y,onOrderCompleted:E,onOrderFailed:P,onFailedToLoad:c,failedToLoadTimeoutInMs:w,environment:A,contractId:v}=e,f=useRef(null),{onLoad:h,initialised:F}=a$8({userJourney:"PrimarySale",ref:f,walletAddress:o,isPassportWallet:i,onOpen:I,onOrderCreated:m,onOrderProcessing:y,onOrderCompleted:E,onOrderFailed:P,onInit:C,failedToLoadTimeoutInMs:w,onFailedToLoad:c}),{iframeSrc:W}=Tn({type:n,contractId:v,environment:A,transakParams:{nftData:s,calldata:u,cryptoCurrencyCode:d,estimatedGasLimit:T,exchangeScreenTitle:g,email:a,walletAddress:o,partnerOrderId:R,excludeFiatCurrencies:S},onError:c});return O("iframe",{id:t,ref:f,src:W,title:"Transak-Iframe",allow:"camera;microphone;fullscreen;payment",style:{height:"100%",width:"100%",border:"none",position:"absolute",top:0,left:0,opacity:F?1:0,transition:"opacity 0.5s ease-out"},onLoad:h,onError:()=>c?.()})}function Cn(e){let{t}=useTranslation(),{onInit:n,onOpen:a,onOrderCreated:o,onOrderProcessing:i,onOrderCompleted:s,onOrderFailed:u}=e,{recipientEmail:d,recipientAddress:T,isPassportWallet:g,signResponse:R,goToErrorView:S,environment:I,orderQuote:C,excludeFiatCurrencies:m}=V(),y=R?.transactions.find(c=>c.methodCall.startsWith("execute"));if(!R||!y)return null;let E=useMemo(()=>R.order.products.map(c=>({collectionAddress:c.collectionAddress,imageURL:c.image,nftName:c.name,price:c.amount,quantity:c.qty,tokenID:c.tokenId,nftType:c.contractType||"ERC721"})),[R]),P=()=>{S("TRANSAK_FAILED");};return O(Sn,{id:"transak-iframe",type:"nft-checkout",email:d,walletAddress:T,isPassportWallet:g,exchangeScreenTitle:t("views.PAY_WITH_CARD.screenTitle"),nftData:E,calldata:y.rawData,cryptoCurrencyCode:R.order.currency.name,estimatedGasLimit:y.gasEstimate,partnerOrderId:y.params.reference,excludeFiatCurrencies:m,onInit:n,onOpen:a,onOrderCreated:o,onOrderProcessing:i,onOrderCompleted:s,onOrderFailed:u,onFailedToLoad:P,environment:I,contractId:C.config.contractId})}d();c();d();c();var Oe=(e,t)=>{let{fundingItem:n}=e;return {settlementType:`${e.type}`,type:n.type,token:n.token,amount:n.fundsRequired.formattedAmount,balance:n.userBalance.formattedBalance,fiat:{symbol:"USD",balance:d$2(n.userBalance.formattedBalance,n.token.symbol,t),amount:d$2(n.fundsRequired.formattedAmount,n.token.symbol,t)}}};var X=()=>{let{track:e$1,page:t}=K(),{recipientAddress:n,signResponse:a,paymentMethod:o}=V(),{eventTargetState:{eventTarget:i}}=useContext(aa),s="PAYMENT_METHODS",u={location:"web",userJourney:"PrimarySale"},d={userId:n,paymentMethod:o},T={amount:a?.order.totalAmount,currency:a?.order.currency.name};return {track:e$1,page:t,sendPageView:(A,v)=>{t({...u,screen:Z(A),action:"Viewed",extras:{...v}});},sendCloseEvent:(A=s,v="Button",f="Pressed")=>{e$1({...u,screen:Z(A),control:"Close",controlType:v,action:f,extras:{...d}}),c$2(i);},sendSuccessEvent:(A=s,v=[],f=[],h={})=>{e$1({...u,screen:Z(A),control:"Success",controlType:"Event",action:"Succeeded",extras:{...h,...d,transactions:ct(v),...T,paymentMethod:o,tokenIds:f}}),d$1(i,o,v,f,h.transactionId);},sendFailedEvent:(A,v,f=[],h=s,F={})=>{e$1({...u,screen:Z(h||s),control:"Fail",controlType:"Event",action:"Failed",extras:{...F,transactions:ct(f),...v,...T,...d,paymentMethod:o,reason:A}}),e(i,A,v,o,f,F.transactionId);},sendTransactionSuccessEvent:A=>{f(i,o,[A]);},sendOrderCreated:(A,v)=>{e$1({...u,screen:Z(A),control:"OrderCreated",controlType:"Event",extras:{...v}});},sendSelectedPaymentMethod:(A,v)=>{e$1({...u,screen:Z(v),control:"Select",controlType:"MenuItem",extras:{paymentMethod:A}}),g(i,A);},sendSelectedPaymentToken:(A,v,f)=>{let h$1=Oe(v,f);e$1({...u,screen:Z(A),control:"Select",controlType:"MenuItem",extras:{...h$1}}),h(i,h$1);},sendProceedToPay:(A,v,f,h="Button",F="Pressed")=>{e$1({...u,screen:Z(A),control:"ProceedToPay",controlType:h,action:F,extras:{...d,...Oe(v,f)}});},sendViewFeesEvent:(A,v="Button",f="Pressed")=>{e$1({...u,screen:Z(A),control:"ViewFees",controlType:v,action:f,extras:{...d}});},sendInsufficientFunds:(A,v,f="Event",h="Viewed")=>{e$1({...u,screen:Z(A),control:"InsufficientFunds",controlType:f,action:h,extras:{...d,...v}});}}};function Rn(){let{sendPageView:e}=X(),[t,n]=useState(!1),{goBackToPaymentMethods:a,goToErrorView:o,signResponse:i,signTokenIds:s}=V(),{sendOrderCreated:u,sendCloseEvent:d,sendSuccessEvent:T}=X(),{t:g}=useTranslation(),R$1=()=>n(!0),S=()=>{o("TRANSAK_FAILED");},I=(m={})=>{let{id:y,status:E,cryptoAmount:P,cryptoCurrency:c,fiatAmount:w,fiatAmountInUsd:A,amountPaid:v,totalFeeInFiat:f,paymentOptionId:h,userId:F,userKycType:W,walletAddress:U,nftAssetInfo:k}=m,{nftDataBase64:x,quantity:D}=k||{},O={orderId:y,orderStatus:E,cryptoAmount:P,cryptoCurrency:c,fiatAmount:w,fiatAmountInUsd:A,amountPaid:v,totalFeeInFiat:f,paymentOption:h,userId:F,userKycType:W,walletAddress:U,nftDataBase64:x,quantity:D,signData:i,transactionId:i?.transactionId};T("SALE_SUCCESS",[],s,O),d("SALE_SUCCESS");},C=(m={})=>{let{id:y,status:E,cryptoAmount:P,cryptoCurrency:c,fiatAmount:w,fiatAmountInUsd:A,amountPaid:v,totalFeeInFiat:f,paymentOptionId:h,userId:F,userKycType:W,walletAddress:U,nftAssetInfo:k}=m,{nftDataBase64:x,quantity:D}=k||{};u("PAY_WITH_CARD",{orderId:y,orderStatus:E,cryptoAmount:P,cryptoCurrency:c,fiatAmount:w,fiatAmountInUsd:A,amountPaid:v,totalFeeInFiat:f,paymentOption:h,userId:F,userKycType:W,walletAddress:U,nftDataBase64:x,quantity:D,signData:i,transactionId:i?.transactionId});};return useEffect(()=>e("PAY_WITH_CARD"),[]),O(R,{header:t&&O(oa,{onCloseButtonClick:()=>a()}),children:P(N,{children:[O(LoadingOverlay,{visible:!t,children:O(LoadingOverlay.Content,{children:O(LoadingOverlay.Content.LoopingText,{text:[g("views.PAY_WITH_CARD.loading")]})})}),O(Box,{style:{display:"block",position:"relative",maxWidth:"420px",height:"565px",borderRadius:"1%",overflow:"hidden",margin:"0 auto",width:"100%"},children:O(Cn,{onInit:R$1,onOrderFailed:S,onOrderCompleted:I,onOrderCreated:C,onOrderProcessing:I})})]})})}d();c();d();c();var H=e=>{switch(e){case"approve(address spender,uint256 amount)":return "/access_coins.riv";case"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)":return "/purchasing_items.riv";default:return ""}};var ne={"approve(address spender,uint256 amount)":{url:H("approve(address spender,uint256 amount)"),stateMachine:"State",input:"mode",inputValues:{start:0,waiting:1,processing:2,completed:3,error:4}},"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)":{url:H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)"),stateMachine:"State",input:"mode",inputValues:{start:0,waiting:1,processing:2,completed:3,error:4}}};function Ke(e){let{t}=useTranslation(),{addHandover:n}=b$3({id:"global"}),a=useCallback((i,s)=>{switch(`${i}-${s}`){case"approve(address spender,uint256 amount)-before":n({animationUrl:l(e,H("approve(address spender,uint256 amount)")),inputValue:ne["approve(address spender,uint256 amount)"].inputValues.processing,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.approve.pending")})});break;case"approve(address spender,uint256 amount)-after":n({duration:2e3,animationUrl:l(e,H("approve(address spender,uint256 amount)")),inputValue:ne["approve(address spender,uint256 amount)"].inputValues.completed,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.approve.after")})});break;case"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)-before":n({animationUrl:l(e,H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)")),inputValue:ne["execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)"].inputValues.waiting,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.execute.pending")})});break;case"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)-after":n({animationUrl:l(e,H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)")),inputValue:ne["execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)"].inputValues.processing,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.execute.after")})});break;}},[e,n,t]),o=useCallback((i,s)=>{switch(`${i}-${s}`){case"approve(address spender,uint256 amount)-before":n({animationUrl:l(e,H("approve(address spender,uint256 amount)")),inputValue:ne["approve(address spender,uint256 amount)"].inputValues.waiting,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.approve.before")})});break;case"approve(address spender,uint256 amount)-after":n({animationUrl:l(e,H("approve(address spender,uint256 amount)")),inputValue:ne["approve(address spender,uint256 amount)"].inputValues.completed,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.approve.after")})});break;case"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)-before":n({animationUrl:l(e,H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)")),inputValue:ne["execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)"].inputValues.waiting,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.execute.before")})});break;case"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)-after":n({duration:2e3,animationUrl:l(e,H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)")),inputValue:ne["execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)"].inputValues.processing,children:O(Heading,{children:t("views.PAYMENT_METHODS.handover.execute.after")})});break;}},[e,n,t]);return {onTxnStepExecuteNextTransaction:a,onTxnStepExecuteAll:o}}var to={"approve(address spender,uint256 amount)":{headingTextKey:"views.PAYMENT_METHODS.handover.approve.beforeWithCta.heading",ctaButtonTextKey:"views.PAYMENT_METHODS.handover.approve.beforeWithCta.ctaButton",animationUrl:H("approve(address spender,uint256 amount)"),inputValue:1},"execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)":{headingTextKey:"views.PAYMENT_METHODS.handover.execute.beforeWithCta.heading",ctaButtonTextKey:"views.PAYMENT_METHODS.handover.execute.beforeWithCta.ctaButton",animationUrl:H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)"),inputValue:0}};function wn(){let e=useRef(!1),t=useRef(null),{t:n}=useTranslation(),{sendPageView:a,sendTransactionSuccessEvent:o,sendFailedEvent:i,sendCloseEvent:s,sendSuccessEvent:u}=X(),{executeAll:d,executeNextTransaction:T$1,signResponse:g,filteredTransactions:R,currentTransactionIndex:S,executeResponse:I,signTokenIds:C,environment:m,provider:y,goToErrorView:E}=V(),{onTxnStepExecuteNextTransaction:P,onTxnStepExecuteAll:c}=Ke(m),{addHandover:w}=b$3({id:"global"}),A=useCallback(async()=>{d(g,f=>{o(f);},(f,h)=>{let F={transactionId:g?.transactionId};i(f.toString(),f,h,void 0,F),E(f.type,f.data);},c);},[g,m]),v=useCallback(()=>{let f=R[S],h=to[f.methodCall],F=n(h.headingTextKey)||"",W=n(h.ctaButtonTextKey)||"",U=()=>{try{T$1(k=>{o(k);},(k,x)=>{let D={transactionId:g?.transactionId};i(k.toString(),k,x,void 0,D),E(k.type,k.data);},P);}catch(k){E("SERVICE_BREAKDOWN",{error:k});}};w({animationUrl:l(m,h.animationUrl),inputValue:h.inputValue,children:O(a$1,{headingText:F,primaryButtonText:W,onPrimaryButtonClick:U})});},[R,S,g,m]);return useEffect(()=>a("PAY_WITH_COINS"),[]),useEffect(()=>{if(!y||R.length===0)return;let f=S<R.length&&t.current!==S;T(y)&&f&&(t.current=S,v());},[R,S,y]),useEffect(()=>{!g||!y||e.current||T(y)||(e.current=!0,A());},[g,y]),useEffect(()=>{if(I?.done){let f={transactionId:g?.transactionId};w({duration:2e3,animationUrl:l(m,H("execute(address multicallSigner, bytes32 reference, address[] targets, bytes[] data, uint256 deadline, bytes signature)")),inputValue:3,children:O(Heading,{sx:{px:"base.spacing.x6"},children:n("views.PAYMENT_METHODS.handover.success")}),onClose:()=>{u("SALE_SUCCESS",I?.transactions,C,f),s("SALE_SUCCESS");}});}},[I]),null}d();c();d();c();d();c();function xn({type:e,onClick:t,disabled:n=!1,caption:a,size:o,rc:i=O("span",{})}){let{t:s}=useTranslation(),u={[SalePaymentTypes.CRYPTO]:"Coins",[SalePaymentTypes.DEBIT]:"BankCard",[SalePaymentTypes.CREDIT]:"BankCard"},T={disabled:n,emphasized:!0,onClick:n?void 0:()=>t(e)};return P(MenuItem,{rc:i,size:o||"medium",sx:{marginBottom:"base.spacing.x1",userSelect:"none",...n&&{filter:"opacity(0.5)",cursor:"not-allowed !important"}},...T,children:[O(MenuItem.FramedIcon,{icon:u[e]}),O(MenuItem.Label,{size:"medium",children:s(`views.PAYMENT_METHODS.options.${e}.heading`)}),!n&&O(MenuItem.IntentIcon,{}),O(MenuItem.Caption,{children:a||s(`views.PAYMENT_METHODS.options.${e}.${n?"disabledCaption":"caption"}`)})]})}var io=[SalePaymentTypes.CRYPTO,SalePaymentTypes.DEBIT,SalePaymentTypes.CREDIT];function Xe(e){let{disabledOptions:t=[],paymentOptions:n,onClick:a,captions:o,size:i,hideDisabledOptions:s}=e,u=useMemo(()=>(n||io).filter(d=>!s||!t.includes(d)),[n,t,s]);return useEffect(()=>{u.length===1&&a(u[0]);},[u,a]),O(Box,{testId:"payment-options-list",sx:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start"},rc:O(motion.div,{variants:a$3,initial:"hidden",animate:"show"}),children:u.map((d,T)=>O(xn,{type:d,size:i,onClick:a,disabled:t.includes(d),caption:o?.[d],rc:O(motion.div,{custom:T,variants:b$4})},`payment-type-${d}`))})}function _n(){let{t:e}=useTranslation(),{viewDispatch:t}=useContext(ea),{sign:n,goToErrorView:a,paymentMethod:o,setPaymentMethod:i,invalidParameters:s,disabledPaymentTypes:u,hideExcludedPaymentTypes:d,riskAssessment:T}=V(),{sendFailedEvent:g,sendPageView:R$1,sendCloseEvent:S,sendSelectedPaymentMethod:I}=X(),C=m=>{i(m);};return useEffect(()=>{if(o&&I(o,"PAYMENT_METHODS"),o&&[SalePaymentTypes.DEBIT,SalePaymentTypes.CREDIT].includes(o)){if(T&&isAddressSanctioned(T)){let m=new Error("Sanctioned address");g(m.message,{},[],void 0,{riskAssessment:T,paymentMethod:o}),t({payload:{type:"UPDATE_VIEW",view:{type:"SERVICE_UNAVAILABLE_ERROR_VIEW",error:m}}}),i(void 0);return}n("fiat",void 0,()=>{t({payload:{type:"UPDATE_VIEW",view:{type:"PAY_WITH_CARD"}}});}),t({payload:{type:"UPDATE_VIEW",view:{type:"LOADING_VIEW",data:{loadingText:e("views.PAYMENT_METHODS.loading.ready1")}}}});}o&&o===SalePaymentTypes.CRYPTO&&t({payload:{type:"UPDATE_VIEW",view:{type:"ORDER_SUMMARY",subView:"INIT"}}});},[o]),useEffect(()=>R$1("PAYMENT_METHODS"),[]),useEffect(()=>{s&&a("INVALID_PARAMETERS");},[s]),O(R,{testId:"payment-methods",header:O(oa,{onCloseButtonClick:()=>S("PAYMENT_METHODS")}),footer:O(ta,{}),children:P(Box,{sx:{display:"flex",flexDirection:"column",paddingX:"base.spacing.x2",paddingY:"base.spacing.x8",rowGap:"base.spacing.x4"},children:[O(Heading,{size:"small",sx:{paddingX:"base.spacing.x4"},children:e("views.PAYMENT_METHODS.header.heading")}),O(Box,{sx:{paddingX:"base.spacing.x2"},children:O(Xe,{hideDisabledOptions:d,disabledOptions:u,onClick:C})})]})})}d();c();function Dn({biomeTheme:e,transactionHash:t,blockExplorerLink:n,errorType:a}){let{t:o}=useTranslation(),{goBackToPaymentMethods:i,executeNextTransaction:s,signResponse:u,environment:d,provider:T$1}=V(),{sendTransactionSuccessEvent:g,sendFailedEvent:R}=X(),{viewDispatch:S}=useContext(ea),{eventTargetState:{eventTarget:I}}=useContext(aa),{addHandover:C,closeHandover:m}=b$3({id:"global"}),{onTxnStepExecuteNextTransaction:y}=Ke(d),[E,P]=useState(a),c=()=>{c$2(I);},w=()=>{try{s(f=>{g(f),S({payload:{type:"UPDATE_VIEW",view:{type:"PAY_WITH_COINS"}}});},(f,h)=>{let F={transactionId:u?.transactionId};R(f.toString(),f,h,void 0,F),P("TRANSACTION_FAILED");},y);}catch{P("SERVICE_BREAKDOWN");}},A={TRANSACTION_FAILED:{onActionClick:()=>{m(),i();},onSecondaryActionClick:t?()=>{window.open(n);}:c,statusType:"failure",statusIconStyles:{fill:e.color.status.fatal.dim}},SERVICE_BREAKDOWN:{onSecondaryActionClick:c,statusType:"information",statusIconStyles:{fill:e.color.status.fatal.dim}},PRODUCT_NOT_FOUND:{onSecondaryActionClick:c,statusType:"information",statusIconStyles:{fill:e.color.status.fatal.dim}},INSUFFICIENT_STOCK:{onSecondaryActionClick:c,statusType:"information",statusIconStyles:{fill:e.color.status.fatal.dim}},TRANSAK_FAILED:{onActionClick:()=>{m(),i();},onSecondaryActionClick:c,statusType:"information"},WALLET_FAILED:{onActionClick:()=>{T(T$1)?w():(m(),i());},onSecondaryActionClick:c,statusType:"information",statusIconStyles:{fill:e.color.status.fatal.dim}},WALLET_REJECTED_NO_FUNDS:{onActionClick:()=>{m(),i();},onSecondaryActionClick:c,statusType:"information"},WALLET_REJECTED:{onActionClick:()=>{T(T$1)?w():(m(),i());},onSecondaryActionClick:c,statusType:"information"},WALLET_POPUP_BLOCKED:{onActionClick:()=>{T(T$1)?w():(m(),i());},onSecondaryActionClick:c,statusType:"information"},FUNDING_ROUTE_EXECUTE_ERROR:{onActionClick:()=>{m(),i();},onSecondaryActionClick:c,statusType:"information"},INVALID_PARAMETERS:{onSecondaryActionClick:c,statusType:"alert",statusIconStyles:{fill:e.color.status.attention.dim,transform:"none"}},DEFAULT_ERROR:{onActionClick:()=>{m(),i();},onSecondaryActionClick:c,statusType:"information"}},v=()=>{let f=A[E||"DEFAULT_ERROR"]||{},h=E==="TRANSACTION_FAILED"&&t?o(`views.SALE_FAIL.errors.${E}.secondaryAction`):o("views.SALE_FAIL.errors.DEFAULT_ERROR.secondaryAction");return {headingText:o("views.PAYMENT_METHODS.handover.error.heading"),subheadingText:o(`views.SALE_FAIL.errors.${E}.description`),primaryButtonText:o(`views.SALE_FAIL.errors.${E}.primaryAction`),onPrimaryButtonClick:f?.onActionClick,secondaryButtonText:h,onSecondaryButtonClick:f?.onSecondaryActionClick}};return useEffect(()=>{!d||!E||C({animationUrl:l(d,H("approve(address spender,uint256 amount)")),inputValue:4,children:O(a$1,{...v()})});},[E,d]),null}d();c();d();c();d();c();function Bn({balance:e,conversions:t,isFreeMint:n,canOpen:a,onClick:o,onProceed:i,loading:s,priceDisplay:u}){let{t:d}=useTranslation(),{environment:T,config:{theme:g}}=V(),{token:R,userBalance:S,fundsRequired:I}=e.fundingItem,C=d$2(I.formattedAmount,R.symbol,t,""),m=d$2(S.formattedBalance,R.symbol,t,""),y=!n;return P(Stack,{sx:{w:"100%",bradtl:"base.borderRadius.x6",bradtr:"base.borderRadius.x6",px:"base.spacing.x4",pt:y?"0":"base.spacing.x6",pb:"base.spacing.x6",bg:"base.color.neutral.800",border:"0px solid transparent",borderTopWidth:"base.border.size.100",borderTopColor:"base.color.translucent.emphasis.400"},children:[y&&P(MenuItem,{size:"medium",children:[O(MenuItem.FramedImage,{circularFrame:!0,use:O(b$6,{environment:T,theme:g,name:R.name,src:R.icon})}),O(MenuItem.Label,{children:d(`views.ORDER_SUMMARY.orderReview.payWith.${e.type}`,{symbol:R.symbol})}),O(MenuItem.Caption,{children:`${d("views.ORDER_SUMMARY.orderReview.balance",{amount:prettyFormatNumber(f$1(S.formattedBalance))})} ${m?d("views.ORDER_SUMMARY.currency.fiat",{amount:prettyFormatNumber(f$1(m))}):""}`}),u&&O(MenuItem.PriceDisplay,{fiatAmount:C?d("views.ORDER_SUMMARY.currency.fiat",{amount:C}):void 0,price:f$1(I.formattedAmount)}),a&&O(MenuItem.StatefulButtCon,{icon:"ChevronExpand",onClick:o}),!a&&s&&O(ShimmerCircle,{radius:"base.icon.size.400"})]}),O(Button,{size:"large",onClick:()=>i(e),children:d(n?"views.ORDER_SUMMARY.orderReview.continueFreeMint":"views.ORDER_SUMMARY.orderReview.continue")})]})}d();c();d();c();d();c();var Ln=(e,t)=>e.filter(n=>n.amount>0&&n.token).reduce((n,a)=>{if(!a.token)return n;let o={...a.token,address:a.token.address||"",symbol:a.token.symbol||t?.symbol||""},i=r(o.address,"...").toLowerCase(),s=o.symbol||i;if(!s)return n;if(n[s]){let u=n[s].amount+a.amount;return {...n,[s]:{...n[s],amount:u,formattedAmount:formatUnits(u,o.decimals)}}}return s?{...n,[s]:{...a,token:o,formattedAmount:formatUnits(a.amount,o.decimals)}}:n},{}),ze=e=>{if(e.type!==FundingStepType.SWAP)return {};let t=[e.fees.approvalGasFee,e.fees.swapGasFee,...e.fees.swapFees];return Ln(t,e.fundingItem.token)},Wn=(e,t,n)=>{let a=[];if(e.type!==FundingStepType.SWAP)return [];let o=(s,u,d="~ ")=>{if(s.amount>0){let T=formatUnits(s.amount,s?.token?.decimals);a.push({label:u,fiatAmount:`\u2248 ${n("drawers.feesBreakdown.fees.fiatPricePrefix")}${d$2(T,s.token?.symbol||"",t,"-.--",4)}`,amount:`${f$1(T)}`,prefix:d,token:s?.token});}};return o(e.fees.swapGasFee,n("drawers.feesBreakdown.fees.swapGasFee.label")),o(e.fees.approvalGasFee,n("drawers.feesBreakdown.fees.approvalFee.label")),Object.entries(Ln(e.fees.swapFees,e.fundingItem.token)).forEach(([,s])=>{let u=s?.basisPoints??0;o(s,n("drawers.feesBreakdown.fees.swapSecondaryFee.label",{amount:u?`${u/100}%`:""}),"");}),a};function Vn({rc:e=O("span",{}),balance:t,conversions:n,selected:a,onClick:o,size:i,environment:s,theme:u}){let{t:d}=useTranslation(),{token:T,userBalance:g}=t.fundingItem,R=d$2(g.formattedBalance,T.symbol,n,""),S=Object.entries(ze(t));return P(MenuItem,{rc:e,sx:{mb:"base.spacing.x1"},size:i,emphasized:!0,...{onClick:o,selected:a},children:[O(MenuItem.FramedImage,{circularFrame:!0,alt:T.name,use:O(b$6,{environment:s,theme:u,name:T.name,src:T.icon})}),O(MenuItem.PriceDisplay,{fiatAmount:R?d("views.ORDER_SUMMARY.currency.fiat",{amount:R}):void 0,price:f$1(g.formattedBalance)}),O(MenuItem.Label,{sx:{display:"flex",wordBreak:"default"},children:T.symbol}),O(MenuItem.Caption,{children:S.length>0&&S.map(([C,{token:m,formattedAmount:y}])=>O(Box,{rc:O("span",{}),sx:{d:"block"},children:d("views.ORDER_SUMMARY.coinsDrawer.fee",{symbol:m?.symbol||C,amount:prettyFormatNumber(f$1(y))})},C))})]})}function Hn({conversions:e,balances:t,selectedIndex:n,visible:a,loading:o,transactionRequirement:i,onClose:s,onSelect:u,onPayWithCard:d,disabledPaymentTypes:T,theme:g,environment:R}){let{t:S}=useTranslation(),I=E=>()=>{u(E),s();},C="medium";t.length>3&&(C="small");let m=[SalePaymentTypes.DEBIT,SalePaymentTypes.CREDIT],y=!m.every(E=>T?.includes(E));return O(Drawer,{size:"full",visible:a,showHeaderBar:!0,onCloseDrawer:s,headerBarTitle:S("views.ORDER_SUMMARY.coinsDrawer.header"),children:O(Drawer.Content,{rc:O(motion.div,{variants:a$3,initial:"hidden",animate:"show"}),children:P(Box,{sx:{height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",px:"base.spacing.x4"},children:[P(Box,{children:[P(Box,{sx:{display:"flex",justifyContent:"space-between",mb:"base.spacing.x2"},children:[O(Caption,{size:"small",children:S("views.ORDER_SUMMARY.coinsDrawer.caption1")}),O(Caption,{size:"small",children:S("views.ORDER_SUMMARY.coinsDrawer.caption2")})]}),t?.map((E,P)=>O(Vn,{onClick:I(P),balance:E,selected:n===P,conversions:e,transactionRequirement:i,size:C,theme:g,environment:R,rc:O(motion.div,{variants:b$4,custom:P})},`${E.fundingItem.token.symbol}-${E.type}`)),o&&O(motion.div,{variants:b$4,custom:t.length,children:O(MenuItem,{shimmer:!0,emphasized:!0,size:C,testId:"funding-balance-item-shimmer"})},"funding-balance-item-shimmer")]}),d&&P(Box,{sx:{pb:"base.spacing.x4"},rc:O(motion.div,{variants:b$4,custom:t.length+(o?1:0)}),children:[y&&O(Divider,{size:"small",rc:O(Caption,{}),sx:{my:"base.spacing.x4"},children:S("views.ORDER_SUMMARY.coinsDrawer.divider")}),O(Xe,{onClick:d,size:C,hideDisabledOptions:!0,paymentOptions:m,disabledOptions:T,captions:{[SalePaymentTypes.DEBIT]:S("views.PAYMENT_METHODS.options.debit.caption"),[SalePaymentTypes.CREDIT]:S("views.PAYMENT_METHODS.options.credit.caption")}})]})]})})})}d();c();d();c();function Yn({item:e,balance:t,pricing:n,conversions:a,size:o,sx:i,rc:s=O("span",{})}){let{t:u}=useTranslation(),{token:d}=t.fundingItem,T=n?.amount||0,g=d$2(T.toString(),d.symbol,a);return P(MenuItem,{rc:s,emphasized:!0,size:o||"medium",sx:{pointerEvents:"none",mb:"base.spacing.x1",...i},children:[O(MenuItem.FramedImage,{use:O(b$6,{src:e.image,name:e.name,defaultImage:e.image})}),O(MenuItem.Label,{children:e.name}),O(MenuItem.Caption,{children:u("views.ORDER_SUMMARY.orderItem.quantity",{qty:e.qty})}),T>0&&O(MenuItem.PriceDisplay,{price:u("views.ORDER_SUMMARY.currency.price",{symbol:d.symbol,amount:f$1(T)}),fiatAmount:u("views.ORDER_SUMMARY.currency.fiat",{amount:g})})]},e.name)}d();c();var et=(e,t,n)=>{if(!t)return;let a=e.toLowerCase(),o=a$9[a]?.toLowerCase(),i=Object.values(t).find(u=>[a,o].includes(u.currency.toLowerCase()));if(i)return i;let s=n.get(a)||n.get(o);if(s&&t.USDC)return {currency:e,type:t.USDC.type,amount:t.USDC.amount/s}};var Oo={mb:"0",bradbl:"0",bradbr:"0"};function qn({items:e,balance:t,pricing:n,conversions:a,children:o}){return P(Box,{rc:O(motion.div,{variants:a$3,initial:"hidden",animate:"show"}),children:[e.map((i,s)=>O(Yn,{item:i,balance:t,conversions:a,size:e.length>=3?"small":"medium",pricing:et(t.fundingItem.token.symbol,n?.[i.productId]?.pricing,a),sx:s===e.length-1&&o?Oo:void 0,rc:O(motion.div,{variants:b$4,custom:s})},i.name)),o]})}d();c();function Rt({sx:e,fees:t,onFeesClick:n}){return O(f$2,{gasFeeFiatValue:t.fiatAmount,gasFeeToken:t.token,gasFeeValue:t.amount,fees:t.formattedFees,onFeesClick:n,sx:e,loading:!1})}function Xn({fundingBalances:e,conversions:t,collectionName:n,loadingBalances:a,transactionRequirement:o,onBackButtonClick:i,onPayWithCard:s,onProceedToBuy:u,gasFees:d}){let{eventTargetState:{eventTarget:T}}=useContext(aa),{t:g}=useTranslation(),{provider:R$1,items:S,orderQuote:I,disabledPaymentTypes:C,selectedCurrency:m,config:{theme:y,environment:E}}=V(),{sendSelectedPaymentToken:P$1,sendViewFeesEvent:c,sendPageView:w}=X(),[A,v]=useState(!1),[f,h]=useState(0),[F,W]=useState({token:void 0,amount:"",fiatAmount:"",formattedFees:[]}),U=m?.name?I.totalAmount[m.name].amount===0:!1,k=()=>{v(!0);},x=()=>{v(!1);},D=B=>{h(B),P$1("REVIEW_ORDER",e[B],t);},O$1=useMemo(()=>e[f],[e,f,R$1]);useEffect(()=>{if(!t?.size||!R$1||O$1.type!==FundingStepType.SWAP)return;let B=ze(O$1);if(!B)return;let q=Object.entries(B);if(!q.length)return;let[[,Y]]=q;!Y||!Y.token||W({token:Y.token,amount:Y.formattedAmount,fiatAmount:d$2(Y.formattedAmount,Y.token.symbol,t),formattedFees:Wn(O$1,t,g)});},[O$1,t,R$1]),useEffect(()=>{if(O$1.type===FundingStepType.SWAP||!d||d.balance<=0)return;let B=d$2(d.formattedBalance,d.token.symbol,t);W({token:d.token,amount:d.formattedBalance,fiatAmount:B,formattedFees:[{label:g("drawers.feesBreakdown.fees.gasFeeMove.label"),fiatAmount:`\u2248 ${g("drawers.feesBreakdown.fees.fiatPricePrefix")}${B}`,amount:`${f$1(d.formattedBalance)}`,prefix:"~ ",token:d.token}]});},[d,O$1,t]),a$4(()=>{let B=e.map(q=>Oe(q,t));w("ORDER_SUMMARY",{subView:"REVIEW_ORDER",tokens:B,items:S,collectionName:n});},()=>!!(S.length&&e.length&&!a&&t.size),[S,e,a,t]);let N=S.length>1,L=F.formattedFees.length>0;return P(R,{testId:"order-review",header:O(oa,{showBack:!0,onCloseButtonClick:()=>c$2(T),onBackButtonClick:i,title:n}),bodyStyleOverrides:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"0"},children:[O(Heading,{size:"small",sx:{px:"base.spacing.x4",pb:"base.spacing.x4"},children:g("views.ORDER_SUMMARY.orderReview.heading")}),O(Box,{sx:{display:"flex",flexDirection:"column",px:"base.spacing.x2",pb:"base.spacing.x8",flex:1,maxh:L?"45%":"60%",overflowY:"scroll",scrollbarWidth:"none",rowGap:"base.spacing.x4"},children:O(Box,{sx:{px:"base.spacing.x2"},children:O(qn,{items:S,balance:O$1,pricing:I.products,conversions:t,children:!N&&L&&O(Rt,{fees:F,sx:{bradtl:"0",bradtr:"0",brad:"base.borderRadius.x6",border:"0px solid transparent",borderTopWidth:"base.border.size.200",borderTopColor:"base.color.translucent.inverse.1000"},onFeesClick:()=>c("ORDER_SUMMARY")})})})}),N&&L&&O(Rt,{fees:F,sx:{mb:"-12px",bradtl:"base.borderRadius.x6",bradtr:"base.borderRadius.x6",border:"0px solid transparent",borderTopWidth:"base.border.size.100",borderTopColor:"base.color.translucent.emphasis.400"},onFeesClick:()=>c("ORDER_SUMMARY")}),O(Bn,{onClick:k,onProceed:u,balance:O$1,conversions:t,isFreeMint:U,canOpen:e.length>1,loading:a,priceDisplay:S.length>1}),O(Hn,{conversions:t,balances:e,onSelect:D,onClose:x,selectedIndex:f,visible:A,loading:a,onPayWithCard:s,transactionRequirement:o,disabledPaymentTypes:C,theme:y,environment:E})]})}d();c();d();c();d();c();var Lo="30000000",Zn=(e,t,n)=>[{type:ItemType.ERC20,tokenAddress:n,spenderAddress:t,amount:e}],Jn=()=>({type:TransactionOrGasType.GAS,gasToken:{type:GasTokenType.NATIVE,limit:BigInt(Lo)}}),jn=async(e,t)=>{let n=e.map(async a=>{let o=await a;return t(o),o});return await Promise.all(n)},Wo=e=>e.current.type!==ItemType.ERC721&&e.current.token,er=(e,t)=>{let n=i(e.address)?e.symbol:e.address??"";return {...e,icon:e.icon??p(t,n)}},Vo=(e,t)=>({type:"SUFFICIENT",fundingItem:{type:ItemType.ERC20,token:er(Wo(e),t),fundsRequired:{amount:e.required.balance,formattedAmount:e.required.formattedBalance},userBalance:{balance:e.current.balance,formattedBalance:e.current.formattedBalance}}}),It=(e,t)=>{if(e.length===0)return [];let n=e.filter(i=>i.steps.length===1),a=[ItemType.ERC20,ItemType.NATIVE];return n.flatMap(i=>i.steps.filter(s=>a.includes(s.fundingItem.type))).map(i=>({...i,fundingItem:{...i.fundingItem,token:er(i.fundingItem.token,t)}}))},tr=(e,t)=>{if(e.sufficient===!0){let n=e.transactionRequirements.find(a=>a.type===ItemType.ERC20);if(n&&n.type===ItemType.ERC20)return [Vo(n,t)]}return e.sufficient===!1&&e?.router?.routingOutcome.type===RoutingOutcomeType.ROUTES_FOUND?It(e.router.routingOutcome.fundingRoutes,t):null},Uo=e=>(t,n)=>{let a=t.fundingItem&&t.fundingItem.token&&t.fundingItem.token.symbol===e?-1:0,o=n.fundingItem&&n.fundingItem.token&&n.fundingItem.token.symbol===e?-1:0;return a!==o?a-o:t.type==="SUFFICIENT"&&n.type==="SUFFICIENT"?0:t.type==="SUFFICIENT"?-1:n.type==="SUFFICIENT"?1:0},nr=e=>{let t=[],n=Uo(e.name);return a=>(a.length===0||(t=Array.from(new Set([...t,...a])).sort(n)),t)},zn=e=>({...e,amount:BigInt(0),formattedAmount:"0"}),Ho=(e,t)=>{if(e.type!==FundingStepType.SWAP||!Z$1(t))return e;let n={...e.fees,approvalGasFee:zn(e.fees.approvalGasFee),swapGasFee:zn(e.fees.swapGasFee)};return {...e,fees:n}},rr=(e,t)=>e.map(n=>Ho(n,t));var Yo=e=>"token"in e&&e.token!==void 0,or=async e=>{let{provider:t,checkout:n,currencies:a,baseCurrency:o,onFundingBalance:i,getAmountByCurrency:s$1,getIsGasless:u,onComplete:d,onFundingRequirement:T,onUpdateGasFees:g}=e,S=await(await t?.getSigner())?.getAddress()||"",I=n.config.environment,C=nr(o),m=P=>{Array.isArray(P)&&P.length>0&&i(C(rr(P,t)));},y=P=>s(P,o.name),E=a.map(async P=>{let c=s$1(P);if(!c)return null;let w=Zn(c,S,P.address),A=u()?void 0:Jn(),v=()=>{d?.(C([]));},f=F=>{m(It([F],I));},h=await n.smartCheckout({provider:t,itemRequirements:w,transactionOrGasAmount:A,routingOptions:{bridge:!1,onRamp:!1,swap:!0},fundingRouteFullAmount:!0,onComplete:y(P.name)?v:void 0,onFundingRoute:y(P.name)?f:void 0});return {currency:P,smartCheckoutResult:h}}).filter(Boolean);return await jn(E,({currency:P,smartCheckoutResult:c})=>{if(y(P.name)){let w=c.transactionRequirements[0];T(w);}if(c.sufficient){m(tr(c,I));let w=c.transactionRequirements.find(A=>A.isFee);w&&Yo(w.required)&&g&&g(w.required);}})};var ar=()=>{let e=useRef(!1),{fromTokenAddress:t,orderQuote:n,provider:a,checkout:o,selectedCurrency:i}=V(),{cryptoFiatState:s}=useContext(a$2),[u,d]=useState(),[T,g]=useState([]),[R,S]=useState([]),[I,C]=useState(!1),[m,y]=useState();return {fundingBalances:T,loadingBalances:I,fundingBalancesResult:R,transactionRequirement:u,gasFees:m,queryFundingBalances:()=>{!t||!a||!o||!n||!i||e.current||I||(async()=>{e.current=!0,C(!0);try{let P=await or({provider:a,checkout:o,currencies:n.currencies,routingOptions:{bridge:!1,onRamp:!1,swap:!0},baseCurrency:i,getAmountByCurrency:c=>{let w=et(c.name,n.totalAmount,s.conversions);return w?w.amount.toString():""},getIsGasless:()=>a.provider?.isPassport||!1,onFundingBalance:c=>{g([...c]);},onComplete:()=>{C(!1);},onFundingRequirement:c=>{d(c);},onUpdateGasFees:c=>{y(c);}});S(P);}catch{C(!1);}finally{e.current=!1;}})();}}};d();c();var tt=e=>{if(e&&e.current.type!==ItemType.ERC721)return e.current.token},ir=e=>{let t=e.find(({type:d})=>d===ItemType.NATIVE),n=e.find(({type:d})=>d===ItemType.ERC20),a={erc20:{value:n?.delta.formattedBalance,symbol:tt(n)?.symbol},native:{value:t?.delta.formattedBalance,symbol:tt(t)?.symbol}},o=["views.PAYMENT_METHODS.topUp.heading"],i=["views.PAYMENT_METHODS.topUp.subheading.erc20",a],s=n?.delta.formattedBalance||"0",u=tt(n)?.address;return t&&n&&!t.sufficient&&!n.sufficient&&(i=["views.PAYMENT_METHODS.topUp.subheading.both",a]),t&&n&&!t.sufficient&&n.sufficient&&(s=t?.delta.formattedBalance||"0",u=tt(t)?.address,i=["views.PAYMENT_METHODS.topUp.subheading.native",a]),{heading:o,subheading:i,amount:s,tokenAddress:u}};d();c();function dr({fundingRouteStep:e,onFundingRouteExecuted:t}){let{t:n}=useTranslation(),{config:a,provider:o,checkout:i,fromTokenAddress:s}=V(),{viewDispatch:u}=useContext(ea),{connectLoaderDispatch:d}=useContext(b),[T,g]=useState(void 0),[R,S$1]=useState(void 0),[I,C$1]=useState(void 0),[m,y]=useState("LOADING"),E=useRef(!1),P$1=useRef(void 0),c=useRef(void 0),[w,A]=useReducer(ba,$),v=useMemo(()=>({eventTargetState:w,eventTargetDispatch:A}),[w,A]),f=new EventTarget,h=x=>{u({payload:{type:"UPDATE_VIEW",view:{type:"SALE_FAIL",data:{errorType:"FUNDING_ROUTE_EXECUTE_ERROR",errorData:x}}}});},F=useCallback(async x=>{if(!i||!o)throw new Error("checkout or provider not available.");let D=await i.getNetworkInfo({provider:o});if(x.type===FundingStepType.BRIDGE){if(S$1({tokenAddress:x.fundingItem.token.address,amount:x.fundingItem.fundsRequired.formattedAmount}),Number(D.chainId)===B(i.config)){y("EXECUTE_BRIDGE");return}E.current="EXECUTE_BRIDGE",y("SWITCH_NETWORK_ETH");}if(x.type===FundingStepType.SWAP){if(g({amount:x.fundingItem.fundsRequired.formattedAmount,fromTokenAddress:x.fundingItem.token.address,toTokenAddress:s,autoProceed:!0}),Number(D.chainId)===C(i.config)){y("EXECUTE_SWAP");return}E.current="EXECUTE_SWAP",y("SWITCH_NETWORK_ZKEVM");}x.type===FundingStepType.ONRAMP&&(C$1({amount:x.fundingItem.fundsRequired.formattedAmount,tokenAddress:x.fundingItem.token.address}),y("EXECUTE_ON_RAMP"));},[o,i]);useEffect(()=>{if(e)try{F(e);}catch(x){h(x);}},[e]);let W=()=>{P$1.current?(P$1.current=void 0,c.current=void 0,t()):h(c.current);},U=x=>{switch(x.detail.type){case SwapEventType.SUCCESS:{let D=x.detail.data;P$1.current=D,W();break}case BridgeEventType.TRANSACTION_SENT:case OnRampEventType.SUCCESS:{let D=x.detail.data;P$1.current=D;break}case BridgeEventType.FAILURE:case SwapEventType.FAILURE:case OnRampEventType.FAILURE:{let D=x.detail.data;c.current=D;break}case BridgeEventType.CLOSE_WIDGET:case SwapEventType.CLOSE_WIDGET:case OnRampEventType.CLOSE_WIDGET:{W();break}case SwapEventType.REJECTED:}},k=x=>{switch(x.detail.type){case ConnectEventType.SUCCESS:{let D=x.detail.data;d({payload:{type:"SET_PROVIDER",provider:D.provider}}),E.current!==!1&&(y(E.current),E.current=!1);break}case ConnectEventType.FAILURE:case ConnectEventType.CLOSE_WIDGET:default:W();break}};return useEffect(()=>(f.addEventListener(IMTBLWidgetEvents.IMTBL_CONNECT_WIDGET_EVENT,k),f.addEventListener(IMTBLWidgetEvents.IMTBL_BRIDGE_WIDGET_EVENT,U),f.addEventListener(IMTBLWidgetEvents.IMTBL_SWAP_WIDGET_EVENT,U),()=>{f.removeEventListener(IMTBLWidgetEvents.IMTBL_CONNECT_WIDGET_EVENT,k),f.removeEventListener(IMTBLWidgetEvents.IMTBL_BRIDGE_WIDGET_EVENT,U),f.removeEventListener(IMTBLWidgetEvents.IMTBL_SWAP_WIDGET_EVENT,U);}),[]),useEffect(()=>{A({payload:{type:"SET_EVENT_TARGET",eventTarget:f}});},[i]),P(aa.Provider,{value:v,children:[m==="LOADING"&&O(S,{loadingText:n("views.ORDER_SUMMARY.loading.balances")}),m==="EXECUTE_BRIDGE"&&O(a$5,{...R,config:a,checkout:i}),m==="EXECUTE_SWAP"&&O(a$6,{...T,config:a}),m==="EXECUTE_ON_RAMP"&&O(b$5,{config:a,...I}),m==="SWITCH_NETWORK_ETH"&&O(a$7,{config:a,targetChainId:i.config.isProduction?ChainId.ETHEREUM:ChainId.SEPOLIA,browserProvider:o,checkout:i,deepLink:"SWITCH_NETWORK"}),m==="SWITCH_NETWORK_ZKEVM"&&O(a$7,{config:a,targetChainId:i.config.isProduction?ChainId.IMTBL_ZKEVM_MAINNET:ChainId.IMTBL_ZKEVM_TESTNET,browserProvider:o,checkout:i,deepLink:"SWITCH_NETWORK"})]})}d();c();function cr({text:e,duration:t,animationUrl:n,inputValue:a=0}){let{addHandover:o}=b$3({id:"global"});return a$4(()=>{o({duration:t,animationUrl:n,inputValue:a,children:O(Heading,{sx:{px:"base.spacing.x6"},children:e})});}),null}function mr({subView:e}){let{t}=useTranslation(),{sendFailedEvent:n,sendProceedToPay:a,sendInsufficientFunds:o}=X(),{fromTokenAddress:i,collectionName:s,goToErrorView:u,goBackToPaymentMethods:d,sign:T,selectedCurrency:g,setPaymentMethod:R,environment:S,riskAssessment:I,paymentMethod:C}=V(),{viewDispatch:m,viewState:y}=useContext(ea),{cryptoFiatDispatch:E,cryptoFiatState:P$1}=useContext(a$2),{addHandover:c,closeHandover:w}=b$3({id:"global"}),A=O=>d(O),v=O$1=>{c({animationUrl:l(S,H("approve(address spender,uint256 amount)")),inputValue:ne["approve(address spender,uint256 amount)"].inputValues.start,children:O(Heading,{sx:{px:"base.spacing.x6"},children:t("views.PAYMENT_METHODS.handover.initial")})}),T("crypto",O$1),m({payload:{type:"UPDATE_VIEW",view:{type:"PAY_WITH_COINS"}}});},f=()=>{v(g?.address);},h=O=>{if(I&&isAddressSanctioned(I)){let B=new Error("Sanctioned address");n(B.message,{},[],void 0,{riskAssessment:I,paymentMethod:C}),m({payload:{type:"UPDATE_VIEW",view:{type:"SERVICE_UNAVAILABLE_ERROR_VIEW",error:B}}});return}let{type:N,fundingItem:L}=O;if(a("ORDER_SUMMARY",O,P$1.conversions),N==="SUFFICIENT"){v(L.token.address);return}w(),m({payload:{type:"UPDATE_VIEW",view:{type:"ORDER_SUMMARY",subView:"EXECUTE_FUNDING_ROUTE",data:{fundingBalance:O,onFundingRouteExecuted:f}}}});},{fundingBalances:F,loadingBalances:W,fundingBalancesResult:U,transactionRequirement:k,gasFees:x,queryFundingBalances:D}=ar();return useEffect(()=>{e!=="INIT"||!i||D();},[e,i]),useEffect(()=>{F.length!==0&&(w(),m({payload:{type:"UPDATE_VIEW",view:{type:"ORDER_SUMMARY",subView:"REVIEW_ORDER"}}}));},[F]),useEffect(()=>{if(!(W||!U.length)&&!(F.length>0))try{let O=U.find(L=>L.currency.base)?.smartCheckoutResult,N=ir(O.transactionRequirements);R(void 0),o("ORDER_SUMMARY",N),w(),m({payload:{type:"UPDATE_VIEW",view:{type:"TOP_UP_VIEW",data:N}}});}catch(O){u("SERVICE_BREAKDOWN",O);}},[F,W,U]),useEffect(()=>{if(!E||F.length===0||W)return;let O=F.map(({fundingItem:N})=>N.token.symbol);E({payload:{type:"SET_TOKEN_SYMBOLS",tokenSymbols:O}});},[E,F,W]),P(Box,{children:[e==="INIT"&&O(cr,{text:t("views.ORDER_SUMMARY.loading.balances"),animationUrl:l(S,"/preparing_order.riv"),inputValue:0}),e==="REVIEW_ORDER"&&O(Xn,{fundingBalances:F,conversions:P$1.conversions,collectionName:s,loadingBalances:W,onBackButtonClick:d,onProceedToBuy:h,transactionRequirement:k,onPayWithCard:A,gasFees:x}),e==="EXECUTE_FUNDING_ROUTE"&&O(dr,{fundingRouteStep:y.view.data.fundingBalance,onFundingRouteExecuted:f})]})}d();c();d();c();function lr(){return O(Box,{testId:"credit-card-warning-hero",children:O(Box,{children:P("svg",{width:"430",height:"161",viewBox:"0 0 430 161",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[O("path",{d:"M172.973 133.128C171.472 132.262 170.399 130.653 170.399 128.67V91.134C170.399 87.4566 171.381 83.9165 173.158 80.8356C174.934 77.7546 177.509 75.137 180.697 73.2962L199.556 62.4057L231.623 44.1673C233.339 43.1761 235.27 43.3005 236.772 44.1673L229.34 39.8763C227.838 39.0095 225.907 38.8851 224.191 39.8763L192.124 58.1147L173.265 69.0052C170.077 70.8461 166.889 72.6253 165.112 75.7062C163.336 78.7872 162.967 83.1656 162.967 86.843V124.379C162.967 126.361 164.04 127.971 165.541 128.837L172.973 133.128Z",fill:"#F3F3F3",stroke:"#131313",strokeWidth:"1.64647",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M239.133 48.6725V85.9384C239.133 96.0882 236.344 99.3065 228.835 103.776L178.124 133.123C174.691 135.105 170.4 132.629 170.4 128.665V91.3985C170.4 82.7861 172.193 78.066 180.698 73.5609L231.409 44.2142C234.842 42.2317 239.133 44.7076 239.133 48.6725Z",fill:"#F3F3F3",stroke:"#131313",strokeWidth:"1.64647",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M172.973 133.127C171.472 132.26 170.399 130.651 170.399 128.668V91.3681C170.399 87.6907 170.631 83.7216 172.407 80.6406L164.975 76.3496C163.198 79.4306 162.967 83.3997 162.967 87.0771L162.967 124.377C162.967 126.36 164.04 127.969 165.541 128.836L172.973 133.127Z",fill:"#131313",stroke:"#131313",strokeWidth:"1.64647",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M170.261 125.267V114.74L239.346 75.0625V85.3194L170.261 125.267Z",fill:"#0D0D0D",stroke:"black",strokeWidth:"0.823233"}),P("g",{clipPath:"url(#clip0_1548_70742)",children:[O("path",{d:"M228.362 71.9146C219.392 76.9925 219.392 93.5869 228.362 108.975C237.331 124.363 251.872 132.721 260.842 127.643L249.638 134.081C240.669 139.159 226.128 130.802 217.158 115.414C208.189 100.026 208.189 83.4311 217.158 78.3532L228.362 71.9146Z",fill:"black",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M228.361 71.9146C219.392 76.9925 219.392 93.5869 228.361 108.975C237.331 124.363 251.872 132.721 260.841 127.643C269.811 122.565 269.811 105.97 260.841 90.5822C251.872 75.194 237.331 66.8367 228.361 71.9146ZM234.856 83.0619C239.099 80.6582 245.416 83.268 250.539 89.0026L232.165 99.4117C229.72 92.1618 230.612 85.4657 234.856 83.0619ZM254.343 116.5C250.1 118.904 243.782 116.294 238.659 110.559L257.034 100.15C259.479 107.4 258.586 114.096 254.343 116.5Z",fill:"#FAFD7E",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M234.856 83.0618C239.099 80.658 245.417 83.2678 250.54 89.0024L232.165 99.4115C229.72 92.1617 230.613 85.4655 234.856 83.0618Z",fill:"#FAFD7E",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M254.347 116.5C250.104 118.903 243.787 116.294 238.664 110.559L257.038 100.15C259.483 107.4 258.591 114.096 254.347 116.5Z",fill:"#FAFD7E",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M232.165 99.4115C230.94 95.7844 230.552 92.299 231.001 89.4188C231.449 86.5386 232.734 84.2636 234.856 83.0618C236.977 81.8599 239.617 81.9114 242.368 82.9802L232.165 99.4115Z",fill:"black",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),O("path",{d:"M246.835 116.581C244.084 115.513 241.225 113.426 238.664 110.559L247.853 105.357L257.042 100.154L246.84 116.586L246.835 116.581Z",fill:"black",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),O("defs",{children:O("clipPath",{id:"clip0_1548_70742",children:O("rect",{width:"58",height:"66",fill:"white",transform:"translate(210 70)"})})})]})})})}function gr(){let{t:e}=useTranslation(),{showCreditCardWarning:t,setShowCreditCardWarning:n,setPaymentMethod:a}=V(),o=()=>{a(SalePaymentTypes.CREDIT);};return O(Drawer,{size:"threeQuarter",visible:t,showHeaderBar:!1,children:P(Drawer.Content,{children:[O(ButtCon,{icon:"Close",variant:"tertiary",sx:{pos:"absolute",top:"base.spacing.x5",left:"base.spacing.x5",backdropFilter:"blur(30px)"},onClick:()=>n(!1)}),O(lr,{}),P(Box,{sx:{px:"base.spacing.x12"},children:[O(Heading,{sx:{marginTop:"base.spacing.x6",marginBottom:"base.spacing.x2",textAlign:"center"},children:e("views.PAYMENT_METHODS.creditCardWarningDrawer.heading")}),O(Body,{size:"medium",sx:{display:"block",textAlign:"center",color:"base.color.text.body.secondary",marginBottom:"base.spacing.x13"},children:e("views.PAYMENT_METHODS.creditCardWarningDrawer.body")}),O(Button,{sx:{width:"100%"},testId:"credit-card-button",variant:"primary",size:"large",onClick:o,children:e("views.PAYMENT_METHODS.creditCardWarningDrawer.ctaButton")})]})]})})}function la(e){let{t}=useTranslation(),{config:n,items:a$1,environmentId:o,collectionName:i,excludePaymentTypes:s,excludeFiatCurrencies:u,preferredCurrency:d,customOrderData:T,hideExcludedPaymentTypes:g,waitFulfillmentSettlements:R=!0}=e,{connectLoaderState:S$1}=useContext(b),{checkout:I,provider:C}=S$1,m=useRef(),{eventTargetState:{eventTarget:y}}=useContext(aa),{theme:E}=n,P$1=useMemo(()=>b$1(E),[E]),[c,w]=useReducer(fa,da),A=useMemo(()=>({viewState:c,viewDispatch:w}),[c,w]),v=c.view.data?.loadingText||t("views.LOADING_VIEW.text");useEffect(()=>{!I||!C||(async()=>{let F=await I.getNetworkInfo({provider:C});m.current=Number(F.chainId);})();},[I,C]);let f=useRef(!1),h=useCallback(()=>{!I||!C||f.current||(f.current=!0,w({payload:{type:"UPDATE_VIEW",view:{type:"PAYMENT_METHODS"}}}));},[I,C]);return useEffect(()=>{!I||!C||h();},[I,C]),O(ea.Provider,{value:A,children:O(En,{value:{config:n,items:a$1,environment:n.environment,environmentId:o,provider:C,checkout:I,passport:I?.passport,collectionName:i,excludePaymentTypes:s,excludeFiatCurrencies:u,preferredCurrency:d,customOrderData:T,waitFulfillmentSettlements:R,hideExcludedPaymentTypes:g},children:P(c$1,{environment:n.environment,children:[c.view.type==="LOADING_VIEW"&&O(S,{loadingText:v}),c.view.type==="PAYMENT_METHODS"&&O(_n,{}),c.view.type==="PAY_WITH_CARD"&&O(Rn,{}),c.view.type==="PAY_WITH_COINS"&&O(wn,{}),c.view.type==="SALE_FAIL"&&O(Dn,{biomeTheme:P$1,errorType:c.view.data?.errorType,transactionHash:c.view.data?.transactionHash,blockExplorerLink:BlockExplorerService.getTransactionLink(m.current,c.view.data?.transactionHash)}),c.view.type==="ORDER_SUMMARY"&&O(mr,{subView:c.view.subView}),c.view.type==="TOP_UP_VIEW"&&O(b$2,{analytics:{userJourney:"PrimarySale"},widgetEvent:IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,checkout:I,provider:C,showOnrampOption:n.isOnRampEnabled,showSwapOption:!1,showBridgeOption:n.isBridgeEnabled,onCloseButtonClick:()=>c$2(y),onBackButtonClick:()=>{w({payload:{type:"UPDATE_VIEW",view:{type:"PAYMENT_METHODS"}}});},amount:c.view.data?.amount,tokenAddress:c.view.data?.tokenAddress,heading:c.view.data?.heading,subheading:c.view.data?.subheading}),c.view.type==="SERVICE_UNAVAILABLE_ERROR_VIEW"&&O(a,{onCloseClick:()=>c$2(y),onBackButtonClick:()=>{w({payload:{type:"GO_BACK"}});}}),O(gr,{})]})})})}
+export{la as a};

package/dist/browser/chunk-Y7N65KJX.js

@@ -0,0 +1 @@
+import {f,e}from'./chunk-JF3XWEEL.js';import {d,c,P,O,N,ta}from'./chunk-QPOHDTWR.js';import {Drawer,Box,MenuItem,Divider,Body,PriceDisplay}from'@biom3/react';import {useTranslation}from'react-i18next';d();c();d();c();var u={display:"flex",flexDirection:"column",height:"100%",padding:"16px 16px 0 16px"},B={display:"flex",flexDirection:"column",gap:"10px",height:"100%"},S={display:"flex",width:"100%"},D=s=>({width:"65%",color:s?"base.color.text.body.primary":"base.color.text.body.secondary"}),F={width:"35%"},C={display:"flex",flexDirection:"column",rowGap:"base.spacing.x2"};d();c();function p({boldLabel:s,label:n,amount:f,fiatAmount:d,tokenSymbol:i,prefix:l=""}){let a=n.toLowerCase().replace(" ","-");return P(Box,{sx:S,testId:`fee-item-${a}`,children:[O(Body,{sx:D(s),children:n}),O(PriceDisplay,{testId:a,sx:F,price:`${l}${i} ${f}`,fiatAmount:d})]})}function ee({fees:s,children:n,visible:f$1,onCloseDrawer:d,totalFiatAmount:i,totalAmount:l,tokenSymbol:a,loading:y=!1}){let{t:m}=useTranslation();return P(Drawer,{headerBarTitle:m("drawers.feesBreakdown.heading"),size:"threeQuarter",onCloseDrawer:d,visible:f$1,children:[O(Drawer.Target,{children:n}),P(Drawer.Content,{testId:"fees-breakdown-content",sx:u,children:[P(Box,{sx:B,children:[y&&P(Box,{sx:C,children:[O(MenuItem,{shimmer:!0,emphasized:!0,testId:"balance-item-shimmer--1"}),O(MenuItem,{shimmer:!0,emphasized:!0,testId:"balance-item-shimmer--2"})]}),!y&&s.map(({label:c,amount:$,fiatAmount:A,prefix:v,token:z})=>O(p,{label:c,amount:$,fiatAmount:A,tokenSymbol:z.symbol??a,prefix:v},c)),l&&P(N,{children:[O(Divider,{size:"xSmall"}),O(p,{label:m("drawers.feesBreakdown.total"),amount:f(l),fiatAmount:i?`\u2248 ${m("drawers.feesBreakdown.fees.fiatPricePrefix")}${i}`:e("0"),tokenSymbol:a,boldLabel:!0},m("drawers.feesBreakdown.total"))]})]}),O(ta,{})]})]})}export{ee as a};

package/dist/browser/chunk-YOCWSYBR.js

@@ -0,0 +1 @@
+import {a,b as b$1}from'./chunk-R7NCCCUY.js';import {d,c,O as O$1,P,N}from'./chunk-QPOHDTWR.js';import {onLightBase,onDarkBase}from'@biom3/design-tokens';import {WidgetTheme,IMTBLWidgetEvents,SaleEventType}from'@imtbl/checkout-sdk';import I,{useState,useMemo,useCallback,useEffect,Fragment}from'react';import {LoadingOverlay,Stack,Box}from'@biom3/react';import {AnimatePresence,motion}from'framer-motion';import {Layout,Fit,useRive,useStateMachineInput}from'@rive-app/react-canvas-lite';d();c();var se=t=>t.toLowerCase()===WidgetTheme.LIGHT.toLowerCase()?onLightBase:onDarkBase;d();c();var me=t=>{let n=new CustomEvent(IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,{detail:{type:SaleEventType.CLOSE_WIDGET,data:{}}});console.log("close widget event:",n),t!==void 0&&t.dispatchEvent(n);},ye=(t,n,e=[],a=[],s="")=>{let i=new CustomEvent(IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,{detail:{type:SaleEventType.SUCCESS,data:{paymentMethod:n,transactions:e,tokenIds:a,transactionId:s}}});console.log("Sale success event:",i),t!==void 0&&t.dispatchEvent(i);},Se=(t,n,e,a,s=[],i="")=>{let E=new CustomEvent(IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,{detail:{type:SaleEventType.FAILURE,data:{reason:n,error:e,paymentMethod:a,transactions:s,transactionId:i,timestamp:new Date().getTime()}}});console.log("Sale failed event:",E),t!==void 0&&t.dispatchEvent(E);},ge=(t,n,e)=>{let a=new CustomEvent(IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,{detail:{type:SaleEventType.TRANSACTION_SUCCESS,data:{paymentMethod:n,transactions:e}}});console.log("Sale transaction success event:",a),t!==void 0&&t.dispatchEvent(a);},fe=(t,n)=>{let e=new CustomEvent(IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,{detail:{type:SaleEventType.PAYMENT_METHOD,data:{paymentMethod:n}}});console.log("Sale payment method event:",e),t!==void 0&&t.dispatchEvent(e);},xe=(t,n)=>{let e=new CustomEvent(IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,{detail:{type:SaleEventType.PAYMENT_TOKEN,data:{...n}}});console.log("Sale payment token selected event:",e),t!==void 0&&t.dispatchEvent(e);};d();c();d();c();d();c();var O="State",Z="mode";function B({url:t,inputValue:n=0}){let e={src:t,autoplay:!0,layout:new Layout({fit:Fit.Contain}),stateMachines:O},{rive:a,RiveComponent:s}=useRive(e),i=useStateMachineInput(a,O,Z);return useEffect(()=>{a&&i&&(i.value=n);},[a,i,n]),O$1(Box,{sx:{h:"240px",flexShrink:0},rc:O$1(s,{})})}var ne={hidden:{y:8,opacity:0},show:t=>({height:"100%",y:0,opacity:1,transition:{delay:t*.1,duration:.2,ease:"easeOut"}}),exit:{y:-8,opacity:0}};function b({id:t,children:n}){let{handover:e,loader:a}=b$1({id:t}),s=[];return e?.children&&(I.isValidElement(e.children)&&e.children.type===Fragment?s=e.children.props.children:s=e.children),P(N,{children:[n,a&&O$1(LoadingOverlay,{visible:!0,children:O$1(LoadingOverlay.Content,{children:O$1(LoadingOverlay.Content.LoopingText,{text:[...a.text],textDuration:a.duration})})}),e&&(s||e.animationUrl)&&P(Stack,{sx:{backgroundColor:"base.color.neutral.1000",position:"absolute",zIndex:"1",textAlign:"center",flex:1,top:"0px",bottom:"0px",left:"0px",right:"0px"},children:[e?.animationUrl?.length&&O$1(B,{url:e.animationUrl,inputValue:e.inputValue},e.animationUrl),O$1(Stack,{sx:{height:"100%",px:"base.spacing.x6",py:"base.spacing.x10",textAlign:"center",flex:1},gap:"base.spacing.x4",children:O$1(AnimatePresence,{children:I.Children.map(s,(i,E)=>O$1(motion.div,{variants:ne,custom:E,initial:"hidden",animate:"show",exit:"exit",children:i},i?.key??`Key${E}`))})})]})]})}function ze({children:t}){let[n,e]=useState({}),[a$1,s]=useState({}),[i,E]=useState({}),[g,L]=useState(null),W=useMemo(()=>g!==null,[g]),_=useCallback(()=>{L(null);},[L]),y=useCallback((o="global")=>{e(u=>{let l={...u},p=l[o];return delete l[o],p?.onClose?.(),l});},[e]),P=useCallback((o,u=!1)=>{if(i[o])return;let l={...a$1},p=l[o]??[];if(p.length>0){let v=p.shift();if(v){e(S=>({...S,[o]:v}));let D=v.duration??0,V=Math.max(D,1e3);E(S=>({...S,[o]:!0})),setTimeout(()=>{E(S=>({...S,[o]:!1}));},V);}else delete l[o],u&&y(o),s(l);}else n[o]?.duration&&y(o);},[a$1,i,n,y]),w=(o,u="global")=>{s(l=>{let p={...l},v=[...p[u]??[]];return v.push(o),p[u]=v,p});};useEffect(()=>{Object.keys(a$1).forEach(o=>{P(o);});},[a$1,i,P]);let U=useMemo(()=>({loader:g,isLoading:W,hideLoader:_,showLoader:o=>{let u=Array.isArray(o.text)?o.text:[o.text];L({...o,text:[...u]});},handovers:n,addHandover:w,closeHandover:y}),[g,W,_,n,w,y]);return O$1(a.Provider,{value:U,children:O$1(b,{id:"global",children:t})})}export{ze as a,se as b,me as c,ye as d,Se as e,ge as f,fe as g,xe as h};

package/dist/browser/chunk-Z52PVTUZ.js

@@ -0,0 +1,2 @@
+import {a,b}from'./chunk-KOBELCOG.js';import {a as a$1}from'./chunk-I3HZNWUF.js';import {d,c,ea,aa,K as K$1,O,R,oa,P}from'./chunk-QPOHDTWR.js';import {Box,Heading,Body,MenuItem,isDualVariantIcon}from'@biom3/react';import {useRef,useEffect,useContext,useState,useMemo}from'react';import {GasEstimateType,IMTBLWidgetEvents}from'@imtbl/checkout-sdk';import {Environment}from'@imtbl/config';import {useTranslation}from'react-i18next';import {formatUnits}from'ethers';d();c();d();c();d();c();d();c();d();c();var H=(t,n,i)=>{let o=useRef(!1),d=()=>typeof n=="function"?n():!0;useEffect(()=>{o.current||d()&&(t(),o.current=!0);},i||[]);};d();c();var Ae=(t,n,i)=>{let o=-1;if(t&&n){let d=formatUnits(t,n.decimals),c=i.get(n.symbol.toLocaleLowerCase());if(c){let l=parseFloat(d);if(Number.isNaN(l))return o;o=l*c;}}return o};function Re(t){if(t<0)return "-.--";let n=t.toString();if(n.includes("e")||t===0)return "0.00";if(t<.01){for(let i=0;i<n.length;i++)if(n[i]!=="0"&&n[i]!==".")return t.toFixed(i-1)}return t.toFixed(2)}var $=t=>{let{minPercentage:n,maxPercentage:i}=t;return n===void 0||i===void 0?"-.--":`${n}% to ${i}`};var K=(t,n)=>{let{fees:i,token:o}=t;if(i.totalFees===void 0||o===void 0)return "-.--";let c=Ae(i.totalFees,o,n);return c<0?"-.--":Re(c)};d();c();function q({testId:t,icon:n,iconVariant:i,intentIcon:o,heading:d,caption:c,onClick:l,renderFeeFunction:g,isDisabled:R}){return O(Box,{testId:"top-up-view",sx:{paddingY:"1px"},children:P(MenuItem,{testId:`menu-item-${t}`,size:"small",emphasized:!0,onClick:R?void 0:l,sx:R?{opacity:"0.5",cursor:"not-allowed"}:{},children:[isDualVariantIcon(n)?O(MenuItem.Icon,{icon:n,variant:i}):O(MenuItem.Icon,{icon:n}),O(MenuItem.Label,{size:"medium",children:d}),O(MenuItem.IntentIcon,{icon:o}),P(MenuItem.Caption,{testId:`menu-item-caption-${t}`,children:[c,O("br",{}),R?"":g("-.--",!1)]})]})})}d();c();var z=(t,n)=>{let[i,o]=useState();return useEffect(()=>{let d=!0;return t().then(c=>{d&&o(c);}),()=>{d=!1;}},n),i};var Pe={[Environment.SANDBOX]:"https://checkout-playground.sandbox.immutable.com",[Environment.PRODUCTION]:"https://toolkit.immutable.com"};function Ft({widgetEvent:t,checkout:n,provider:i,showOnrampOption:o,showSwapOption:d,showBridgeOption:c,tokenAddress:l,amount:g,analytics:R$1,onCloseButtonClick:Y,onBackButtonClick:X,heading:L,subheading:x}){let{t:m}=useTranslation(),{userJourney:F}=R$1,{viewDispatch:w}=useContext(ea),{cryptoFiatState:Q,cryptoFiatDispatch:y}=useContext(a),{conversions:Z,fiatSymbol:j}=Q,ee=n?.config.environment??Environment.SANDBOX,{eventTargetState:{eventTarget:C}}=useContext(aa),[W,te]=useState("-.--"),ne="0.05",[,ie]=useState("-.--"),oe=L?m(...L):m("views.TOP_UP_VIEW.header.title"),b$1=x?m(...x):null,{page:re,track:ae}=K$1(),se=z(async()=>{if(n)try{return n.isSwapAvailable()}catch{return !1}},[n]);H(()=>{re({userJourney:F,screen:"TopUp"});}),useEffect(()=>{y&&y({payload:{type:"SET_TOKEN_SYMBOLS",tokenSymbols:b}});},[y]),useEffect(()=>{n&&(async()=>{let e=await n.gasEstimate({gasEstimateType:GasEstimateType.BRIDGE_TO_L2}),r=await K(e,Z);ie(r);})();},[n!==void 0]),useEffect(()=>{n&&(async()=>{let e=await n.getExchangeFeeEstimate(),r=$(e);te(r);})();},[n!==void 0]);let f=(e,r,le="Button")=>{ae({userJourney:F,screen:"TopUp",control:e,controlType:le,extras:r});},pe=()=>{if(t===IMTBLWidgetEvents.IMTBL_SWAP_WIDGET_EVENT){let r={toTokenAddress:"",fromAmount:"",fromTokenAddress:""};w({payload:{type:"UPDATE_VIEW",view:{type:"SWAP",data:r}}}),f("Swap",{...r,widgetEvent:t});return}let e={fromTokenAddress:"",toTokenAddress:l??"",amount:""};a$1.sendRequestSwapEvent(C,t,e),f("Swap",{...e,widgetEvent:t});},de=()=>{if(t===IMTBLWidgetEvents.IMTBL_BRIDGE_WIDGET_EVENT){let r={fromTokenAddress:"",fromAmount:""};w({payload:{type:"UPDATE_VIEW",view:{type:"WALLET_NETWORK_SELECTION",data:r}}}),f("Bridge",{...r,widgetEvent:t});return}let e={tokenAddress:"",amount:""};a$1.sendRequestBridgeEvent(C,t,e),f("Bridge",{...e,widgetEvent:t});},v=()=>{if(t===IMTBLWidgetEvents.IMTBL_ONRAMP_WIDGET_EVENT){let r={tokenAddress:"",amount:""};w({payload:{type:"UPDATE_VIEW",view:{type:"ONRAMP",data:r}}}),f("OnRamp",{...r,widgetEvent:t});return}let e={tokenAddress:l??"",amount:g??""};a$1.sendRequestOnrampEvent(C,t,e),f("OnRamp",{...e,widgetEvent:t});},ce=()=>{let e=Pe[ee];f("AdvancedOptions",{...{tokenAddress:l??"",amount:g??""},widgetEvent:t}),window.open(`${e}/squid-bridge/`,"_blank");},E=e=>O(Box,{sx:{fontSize:"base.text.caption.small.regular.fontSize",c:"base.color.translucent.standard.600"},children:e}),me=useMemo(()=>[{testId:"onramp",icon:"BankCard",iconVariant:"bold",textConfigKey:"views.TOP_UP_VIEW.topUpOptions.debit",onClickEvent:v,fee:()=>E(`${m("views.TOP_UP_VIEW.topUpOptions.debit.subcaption")} \u2248 ${W}%`),isAvailable:!0,isEnabled:o},{testId:"onramp",icon:"BankCard",textConfigKey:"views.TOP_UP_VIEW.topUpOptions.credit",onClickEvent:v,fee:()=>E(`${m("views.TOP_UP_VIEW.topUpOptions.credit.subcaption")} \u2248 ${W}%`),isAvailable:!0,isEnabled:o},{testId:"advanced",icon:"Minting",iconVariant:"bold",intentIcon:"JumpTo",textConfigKey:"views.TOP_UP_VIEW.topUpOptions.advanced",onClickEvent:ce,fee:()=>E(""),isAvailable:!0,isEnabled:!0},{testId:"swap",icon:"Swap",textConfigKey:"views.TOP_UP_VIEW.topUpOptions.swap",onClickEvent:pe,fee:()=>E(`${m("views.TOP_UP_VIEW.topUpOptions.swap.subcaption")} \u2248 $${ne} ${j.toUpperCase()}`),isAvailable:!!se,isEnabled:d},{testId:"bridge",icon:"ArrowForward",textConfigKey:"views.TOP_UP_VIEW.topUpOptions.bridge",onClickEvent:de,fee:()=>E(""),isAvailable:!0,isEnabled:c}],[c,o,d]);return O(R,{header:O(oa,{onBackButtonClick:X,onCloseButtonClick:Y,showBack:!0}),children:P(Box,{sx:{paddingX:"base.spacing.x4",paddingY:"base.spacing.x4"},children:[O(Heading,{size:"small",children:oe}),b$1&&O(Body,{size:"small",sx:{color:"base.color.text.body.secondary"},children:b$1}),O(Box,{sx:{paddingY:"base.spacing.x4"},children:me.sort((e,r)=>Number(r.isAvailable)-Number(e.isAvailable)).map(e=>e.isEnabled&&O(q,{testId:e.testId,icon:e.icon,iconVariant:e.iconVariant,intentIcon:e.intentIcon,heading:m(`${e.textConfigKey}.heading`),caption:e.isAvailable?m(`${e.textConfigKey}.caption`):m(`${e.textConfigKey}.disabledCaption`),onClick:e.onClickEvent,renderFeeFunction:e.fee,isDisabled:!e.isAvailable},m(`${e.textConfigKey}.heading`).toLowerCase()))})]})})}
+export{H as a,Ft as b};