@imtbl/sdk 1.44.0-alpha.2 → 1.44.0-alpha.3

package/dist/index.cjs

@@ -185,7 +185,7 @@ const flattenProperties$1 = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION$1 = '1.44.0-alpha.2';
+const SDK_VERSION$1 = '1.44.0-alpha.3';
 const getFrameParentDomain$1 = () => {
     if (isNode$1()) {
         return '';
@@ -14212,7 +14212,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 const createConfig$1 = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -14284,7 +14284,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders$1 = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.44.0-alpha.3',
 };
 /**
  * createAPIConfiguration to create a custom Configuration
@@ -14758,7 +14758,7 @@ var blockchain_data = /*#__PURE__*/Object.freeze({
 /* eslint-disable @typescript-eslint/naming-convention */
 class ApiConfiguration extends index$2.Configuration {
 }
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -14799,7 +14799,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.3',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({
@@ -52252,7 +52252,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -57571,7 +57571,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: ethers.BigNumber.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.44.0-alpha.2';
+const SDK_VERSION_MARKER = '1.44.0-alpha.3';
 // This SDK version is replaced by the `yarn build` command ran on the root level
 const globalPackageVersion = () => SDK_VERSION_MARKER;
 

package/dist/index.js

@@ -162,7 +162,7 @@ const flattenProperties$1 = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION$1 = '1.44.0-alpha.2';
+const SDK_VERSION$1 = '1.44.0-alpha.3';
 const getFrameParentDomain$1 = () => {
     if (isNode$1()) {
         return '';
@@ -14189,7 +14189,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 const createConfig$1 = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -14261,7 +14261,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders$1 = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.44.0-alpha.3',
 };
 /**
  * createAPIConfiguration to create a custom Configuration
@@ -14735,7 +14735,7 @@ var blockchain_data = /*#__PURE__*/Object.freeze({
 /* eslint-disable @typescript-eslint/naming-convention */
 class ApiConfiguration extends index$2.Configuration {
 }
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -14776,7 +14776,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.3',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({
@@ -52229,7 +52229,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -57548,7 +57548,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: BigNumber$1.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.44.0-alpha.2';
+const SDK_VERSION_MARKER = '1.44.0-alpha.3';
 // This SDK version is replaced by the `yarn build` command ran on the root level
 const globalPackageVersion = () => SDK_VERSION_MARKER;
 

package/dist/minting_backend.js

@@ -5286,7 +5286,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -5554,7 +5554,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.44.0-alpha.3',
 };
 /**
  * createAPIConfiguration to create a custom Configuration

package/dist/orderbook.js

@@ -133,7 +133,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';

package/dist/passport.js

@@ -11459,7 +11459,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders$1 = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders$1 = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 const createConfig$1 = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -11638,7 +11638,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -12028,7 +12028,7 @@ const addKeysToHeadersOverride = (baseConfig, overrides) => {
 /* eslint-disable @typescript-eslint/naming-convention */
 class ApiConfiguration extends index$2.Configuration {
 }
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -12069,7 +12069,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.3',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({

package/dist/webhook.js

@@ -129,7 +129,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';

package/dist/x.js

@@ -9003,7 +9003,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.44.0-alpha.2';
+const SDK_VERSION = '1.44.0-alpha.3';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -9269,7 +9269,7 @@ const addKeysToHeadersOverride = (baseConfig, overrides) => {
 /* eslint-disable @typescript-eslint/naming-convention */
 class ApiConfiguration extends index$2.Configuration {
 }
-const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.2' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.44.0-alpha.3' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -9310,7 +9310,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.2',
+    sdkVersion: 'ts-immutable-sdk-1.44.0-alpha.3',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@imtbl/sdk",
   "description": "Immutable Typescript SDK",
-  "version": "1.44.0-alpha.2",
+  "version": "1.44.0-alpha.3",
   "author": "Immutable",
   "browser": "./dist/index.browser.js",
   "bugs": "https://github.com/immutable/ts-immutable-sdk/issues",

package/dist/browser/checkout/SaleWidget-0ae717b3.js

@@ -1 +0,0 @@
-import{j as e,_ as t,u as n,r as a,m as r,al as s,am as o,an as i,ao as c,ap as d,aq as l,k as u,ar as p,a as m,z as E,as as f,at as y,au as T,V as C,p as g,av as A,U as I,l as h,Y as v,t as S,E as R,aw as _,ax as O,ay as b,az as w,aA as D,aB as k,$ as P,n as N,aC as L,aD as M,a3 as x,aj as F,M as U,aE as W,aF as B,aG as V,L as Y,a2 as H,H as j,aH as G,aI as z,aJ as q,A as K,d as $,aK as X,aL as Z,a6 as J,a7 as Q,aM as ee,aN as te,aO as ne,aP as ae,aQ as re,aR as se,G as oe,X as ie,aS as ce,q as de,aT as le,aU as ue,y as pe,x as me,I as Ee,aV as fe,aW as ye,aX as Te,aY as Ce,aZ as ge,a_ as Ae,a$ as Ie,b0 as he,b1 as ve,B as Se,o as Re,b2 as _e,ah as Oe,ai as be,b3 as we}from"./index-9f3ab170.js";import{u as De,O as ke}from"./OnRampWidget-19315ef0.js";import{f as Pe,u as Ne,C as Le,a as Me,T as xe,b as Fe}from"./TopUpView-ee275f8a.js";import{T as Ue}from"./retry-808e8a9b.js";import{F as We}from"./balance-6cb3d097.js";import Be from"./BridgeWidget-cfec4fee.js";import Ve from"./SwapWidget-a5eba694.js";import"./SpendingCapHero-74c15079.js";var Ye=["size","weight","rc","sx","testId","children","domRef","className"];function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function je(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ge="base.color.text.caption.primary",ze="medium";function qe(u){var p=u.size,m=void 0===p?ze:p,E=u.weight,f=void 0===E?"regular":E,y=u.rc,T=void 0===y?e("span",{}):y,C=u.sx,g=void 0===C?{}:C,A=u.testId,I=u.children,h=u.domRef,v=u.className,S=t(u,Ye),R=n(),_=a.useMemo((function(){var e,t;return r(i,o(g,Ge),s({themeProps:R,size:m,weight:f}),null!==(e=null===(t=R.components)||void 0===t||null===(t=t.Caption)||void 0===t?void 0:t.sxOverride)&&void 0!==e?e:{},g)}),[g,R,m,f]),O=c(_),b=d(m,ze,Object.keys(R.base.text.caption));return l(T,je(je(je(je({},S),A?{"data-testid":A}:{}),h?{ref:h}:{}),{},{css:O,children:I,className:"".concat(null!=v?v:""," Caption Caption--").concat(b)}))}qe.displayName="Caption";var Ke,$e,Xe,Ze,Je,Qe=["sx","radius"];function et(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function tt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?et(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):et(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function nt(n){var a=n.sx,s=void 0===a?{}:a,o=n.radius,i=void 0===o?"50px":o,c=t(n,Qe);return e(m,tt(tt({},c),{},{sx:r(p,{brad:"50%",w:i,h:i},s)}))}!function(e){e.PAYMENT_METHODS="PAYMENT_METHODS",e.PAY_WITH_COINS="PAY_WITH_COINS",e.PAY_WITH_CARD="PAY_WITH_CARD",e.ORDER_SUMMARY="ORDER_SUMMARY",e.SALE_SUCCESS="SALE_SUCCESS",e.SALE_FAIL="SALE_FAIL"}(Ke||(Ke={})),function(e){e.INIT="INIT",e.REVIEW_ORDER="REVIEW_ORDER",e.EXECUTE_FUNDING_ROUTE="EXECUTE_FUNDING_ROUTE"}($e||($e={})),function(e){e.DEFAULT="DEFAULT_ERROR",e.INVALID_PARAMETERS="INVALID_PARAMETERS",e.TRANSACTION_FAILED="TRANSACTION_FAILED",e.SERVICE_BREAKDOWN="SERVICE_BREAKDOWN",e.PRODUCT_NOT_FOUND="PRODUCT_NOT_FOUND",e.INSUFFICIENT_STOCK="INSUFFICIENT_STOCK",e.TRANSAK_FAILED="TRANSAK_FAILED",e.WALLET_FAILED="WALLET_FAILED",e.WALLET_REJECTED="WALLET_REJECTED",e.WALLET_REJECTED_NO_FUNDS="WALLET_REJECTED_NO_FUNDS",e.WALLET_POPUP_BLOCKED="WALLET_POPUP_BLOCKED",e.FUNDING_ROUTE_EXECUTE_ERROR="FUNDING_ROUTE_EXECUTE_ERROR"}(Xe||(Xe={})),function(e){e.CRYPTO="crypto",e.FIAT="fiat"}(Ze||(Ze={})),function(e){e.SUFFICIENT="SUFFICIENT"}(Je||(Je={}));const at={[E.SANDBOX]:"https://api.sandbox.immutable.com/v1/primary-sales",[E.PRODUCTION]:"https://api.immutable.com/v1/primary-sales"},rt=e=>e.map((({method:e,hash:t})=>`${e}: ${t}`)).join(" | "),st=e=>e.split(/[_\s-]+/).map((e=>e.charAt(0).toUpperCase()+e.slice(1).toLowerCase())).join(""),ot=e=>e.replace(/[^\u0000-\u00FF]/g,""),it=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 e=0;e<t.length;e+=2){const a=parseInt(t.substr(e,2),16);n+=String.fromCharCode(a)}return n};var ct;!function(e){e.CONTRACT_ADDRESS="contract_address",e.CURRENCY_SYMBOL="currency_symbol"}(ct||(ct={}));const dt=e=>{const{provider:t,items:n,environment:r,environmentId:s,waitFulfillmentSettlements:o}=e,[i,c]=a.useState(void 0),[d,l]=a.useState(void 0),[u,p]=a.useState({done:!1,transactions:[]}),[m,E]=a.useState([]),T=()=>p((e=>({...e,done:!0}))),C=()=>p({done:!1,transactions:[]}),g=a.useCallback((async(e,n,a,r)=>{try{const i=t?.getSigner(),c=await(t?.getGasPrice()),d=await(i?.sendTransaction({to:e,data:n,gasPrice:c,gasLimit:a}));s={method:r,hash:d?.hash},p((e=>({...e,transactions:[...e.transactions,s]}))),o&&await(d?.wait());const l=d?.hash;if(!l)throw new Error("Transaction hash is undefined");return[l,void 0]}catch(e){const t=`${e?.reason||e?.message||""}`.toLowerCase();let n=Xe.WALLET_FAILED;t.includes("failed")&&t.includes("open confirmation")&&(n=Xe.WALLET_POPUP_BLOCKED),t.includes("rejected")&&t.includes("user")&&(n=Xe.WALLET_REJECTED),t.includes("failed to submit")&&t.includes("highest gas limit")&&(n=Xe.WALLET_REJECTED_NO_FUNDS),(t.includes("status failed")||t.includes("transaction failed"))&&(n=Xe.TRANSACTION_FAILED);const a={type:n,data:{error:e}};return c(a),[void 0,a]}var s}),[t]);return{sign:a.useCallback((async(e,a)=>{try{const o=t?.getSigner(),i={recipient_address:await(o?.getAddress())||"",payment_type:e,currency_filter:ct.CONTRACT_ADDRESS,currency_value:a,products:n.map((e=>({product_id:e.productId,quantity:e.qty})))},d=`${at[r]}/${s}/order/sign`,u=await fetch(d,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}),{ok:p,status:m}=u;if(!p){const{code:e}=await u.json();let t;switch(m){case 400:t=Xe.SERVICE_BREAKDOWN;break;case 404:t="insufficient_stock"===e?Xe.INSUFFICIENT_STOCK:Xe.PRODUCT_NOT_FOUND;break;case 429:case 500:t=Xe.DEFAULT;break;default:throw new Error("Unknown error")}return void c({type:t})}const f=await u.json(),y=f.order.products.map((e=>e.detail.map((({token_id:e})=>e)))).flat(),T=((e,t)=>{const{order:n,transactions:a}=e;return{order:{currency:{name:n.currency.name,erc20Address:n.currency.erc20_address},products:n.products.map((e=>((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:e})=>e)),tokenId:e.detail.map((({token_id:e})=>e))}))(e,n.currency.name,t.find((t=>t.productId===e.product_id))))).reduce(((e,t)=>{const n=e.findIndex((e=>e.name===t.name));return-1===n&&e.push({...t}),n>-1&&(e[n].amount=[...e[n].amount,...t.amount],e[n].tokenId=[...e[n].tokenId,...t.tokenId]),e}),[]),totalAmount:Number(n.total_amount)},transactions:a.map((e=>({tokenAddress:e.contract_address,gasEstimate:e.gas_estimate,methodCall:e.method_call,params:{reference:e.params.reference||"",amount:e.params.amount||0,spender:e.params.spender||""},rawData:e.raw_data}))),transactionId:it(a.find((e=>e.method_call.startsWith("execute")))?.params.reference||"")}})(f,n);return E(y),l(T),T}catch(e){c({type:Xe.DEFAULT,data:{error:e}})}}),[n,s,r,t]),signResponse:d,signError:i,execute:async(e,n,a)=>{if(!e||!t)return c({type:Xe.DEFAULT,data:{reason:"No sign data"}}),[];let r=!0;const s=[],o=await(async(e,t)=>{try{const n=t.getSigner(),a=await n.getAddress(),r=e.find((e=>e.methodCall.startsWith("approve")));if(!r||!n||!a)return e;const s=new f(r.tokenAddress,["function allowance(address,address) view returns (uint256)"],n),o=await(n?.call({to:r.tokenAddress,data:s.interface.encodeFunctionData("allowance",[a,r.params.spender])})),i=y.from(o),c=r.params.amount?y.from(r.params.amount):y.from(0);if(i.gte(y.from("0"))&&i.gte(c))return e.filter((e=>e.methodCall!==r.methodCall))}catch{}return e})(e.transactions,t);for(const e of o){const{tokenAddress:t,rawData:o,methodCall:i,gasEstimate:c}=e,[d,l]=await g(t,o,c,i);if(l){r=!1,a(l,s);break}s.push({method:i,hash:d}),n({method:i,hash:d})}return(r?T:C)(),s},executeResponse:u,tokenIds:m}},lt=(e,t)=>{const n=-1===e.findIndex((({name:e})=>T(e,t||"")));return t&&n&&console.warn(`[IMTBL]: invalid "preferredCurrency=${t}" widget input`),t&&!n?e.filter((({name:e})=>T(e,t))).map((({erc20_address:e,exchange_id:t,...n})=>({...n,base:!0,address:e,exchangeId:t}))):e.map((({erc20_address:e,exchange_id:t,...n})=>({...n,address:e,exchangeId:t})))},ut={config:{contractId:""},currencies:[],products:{},totalAmount:{}},pt=({items:e,environment:t,environmentId:n,provider:r,preferredCurrency:s})=>{const[o,i]=a.useState(),c=a.useRef(!1),[d,l]=a.useState(""),[u,p]=a.useState(ut),[m,E]=a.useState(void 0),f=e=>{E({type:Xe.SERVICE_BREAKDOWN,data:{reason:"Error fetching settlement currencies",error:e}})};return a.useEffect((()=>{e?.length&&r&&(async()=>{try{const t=new URLSearchParams,n=e.map((({productId:e,qty:t})=>({id:e,qty:t})));t.append("products",btoa(JSON.stringify(n)));const a=r.getSigner(),s=await a.getAddress();t.append("wallet_address",s),l(t.toString())}catch(e){f(e)}})()}),[e,r]),a.useEffect((()=>{t&&n&&d&&(async()=>{if(!c.current)try{c.current=!0;const e=`${at[t]}/${n}/order/quote?${d}`,a=await fetch(e,{method:"GET",headers:{"Content-Type":"application/json"}});if(!a.ok)throw new Error(`${a.status} - ${a.statusText}`);const r=(({config:e,currencies:t,products:n,total_amount:a},r)=>({config:{contractId:e.contract_id},currencies:lt(t,r),products:Object.entries(n).reduce(((e,[t,{product_id:n,...a}])=>({...e,[t]:{productId:t,...a}})),{}),totalAmount:a}))(await a.json(),s);p(r)}catch(e){f(e)}finally{c.current=!1}})()}),[t,n,d]),a.useEffect((()=>{if(0===u.currencies.length)return;const e=(s?u.currencies.find((e=>T(e.name,s))):void 0)||u.currencies.find((e=>e.base))||u.currencies?.[0];i(e)}),[u]),{orderQuote:u,selectedCurrency:o,orderQuoteError:m}},mt=a.createContext({items:[],collectionName:"",provider:void 0,checkout:void 0,environmentId:"",environment:E.SANDBOX,recipientAddress:"",recipientEmail:"",sign:()=>Promise.resolve(void 0),execute:()=>Promise.resolve([]),signResponse:void 0,signError:void 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:ut,signTokenIds:[],excludePaymentTypes:[],preferredCurrency:void 0,selectedCurrency:void 0,waitFulfillmentSettlements:!0,hideExcludedPaymentTypes:!1});mt.displayName="SaleSaleContext";const Et=1;function ft(t){const{children:n,value:{config:r,environment:s,environmentId:o,items:i,provider:c,checkout:d,passport:l,collectionName:u,excludePaymentTypes:p,preferredCurrency:m,waitFulfillmentSettlements:E,hideExcludedPaymentTypes:f}}=t,y=a.useRef(0),{viewDispatch:T}=a.useContext(C),[{recipientEmail:I,recipientAddress:h},v]=a.useState({recipientEmail:"",recipientAddress:""}),[S,R]=a.useState(!1),[_,O]=a.useState(void 0),b=e=>{if(e===A.CREDIT&&!S)return O(void 0),void R(!0);O(e),R(!1)},[w]=a.useState([]),[D,k]=a.useState([]),[P,N]=a.useState(!1),{selectedCurrency:L,orderQuote:M,orderQuoteError:x}=pt({items:i,provider:c,environmentId:o,environment:r.environment,preferredCurrency:m}),F=L?.address||"",U=a.useCallback(((e,t)=>{b(e),T({payload:{type:g.UPDATE_VIEW,view:{type:Ke.PAYMENT_METHODS,data:t}}})}),[]);a.useEffect((()=>{(async()=>{const e=c?.getSigner(),t=await(e?.getAddress())||"",n=(await(l?.getUserInfo()))?.email||"";v({recipientEmail:n,recipientAddress:t})})()}),[c]);const{sign:W,execute:B,signResponse:V,signError:Y,executeResponse:H,tokenIds:j}=dt({items:i,provider:c,fromTokenAddress:F,recipientAddress:h,environmentId:o,environment:s,waitFulfillmentSettlements:E}),G=a.useCallback((async(e,t,n)=>{const a=t||F;if(!a||!a.startsWith("0x"))return void N(!0);const r=await W(e,a);return r?(n?.(r),r):void 0}),[W,F]),z=a.useCallback(((e,t={})=>{y.current+=1,y.current>Et&&(y.current=0,b(void 0)),T({payload:{type:g.UPDATE_VIEW,view:{type:Ke.SALE_FAIL,data:{...t,errorType:e,paymentMethod:_,transactions:H.transactions}}}})}),[_,b,H]),q=a.useCallback((e=>{T({payload:{type:g.UPDATE_VIEW,view:{type:Ke.SALE_SUCCESS,data:{paymentMethod:_,transactions:H.transactions,tokenIds:j,...e}}}})}),[[_,H,j]]);a.useEffect((()=>{Y&&z(Y.type,Y.data)}),[Y]),a.useEffect((()=>{x&&z(x.type,x.data)}),[x]),a.useEffect((()=>{!(!i||0===i.length)&&u&&o||N(!0)}),[i,u,o]),a.useEffect((()=>{p?.length<=0||k(p)}),[p]);const K=a.useMemo((()=>({config:r,items:i,fromTokenAddress:F,sign:G,signResponse:V,signError:Y,execute:B,executeResponse:H,environmentId:o,collectionName:u,environment:s,provider:c,checkout:d,recipientAddress:h,recipientEmail:I,showCreditCardWarning:S,setShowCreditCardWarning:R,paymentMethod:_,setPaymentMethod:b,goBackToPaymentMethods:U,goToErrorView:z,goToSuccessView:q,isPassportWallet:!!c?.provider?.isPassport,fundingRoutes:w,disabledPaymentTypes:D,invalidParameters:P,orderQuote:M,signTokenIds:j,excludePaymentTypes:p,selectedCurrency:L,waitFulfillmentSettlements:E,hideExcludedPaymentTypes:f})),[r,s,o,i,F,u,c,d,h,I,V,Y,H,S,R,_,U,z,q,G,w,D,P,M,j,p,L,E,f]);return e(mt.Provider,{value:K,children:n})}function yt(){return a.useContext(mt)}const Tt={[E.SANDBOX]:"https://global-stg.transak.com",[E.PRODUCTION]:"https://global.transak.com/"},Ct={[E.SANDBOX]:"https://api-stg.transak.com",[E.PRODUCTION]:"https://api.transak.com"},gt={[E.SANDBOX]:"STAGING",[E.PRODUCTION]:"PRODUCTION"},At={[E.SANDBOX]:"d14b44fb-0f84-4db5-affb-e044040d724b",[E.PRODUCTION]:"ad1bca70-d917-4628-bb0f-5609537498bc"},It=e=>{const{contractId:t,environment:n,transakParams:r,onError:s}=e,[o,i]=a.useState(""),c=a.useCallback((async()=>{try{const{calldata:e,nftData:a,estimatedGasLimit:s,cryptoCurrencyCode:o,...i}=r,c=a?.slice(0,1).map((e=>({...e,imageURL:ot(e.imageURL),nftName:ot(e.nftName)}))),d={contractId:t,cryptoCurrencyCode:o,calldata:e,nftData:c,estimatedGasLimit:(s>0?s:"30000000").toString()},l=`${Ct[n]}/cryptocoverage/api/v1/public/one-click-protocol/nft-transaction-id`,u=await fetch(l,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)});if(!u.ok)throw new Error("Failed to get NFT transaction ID");const{id:p}=await u.json(),m=`${Tt[n]}?`;return`${m}${new URLSearchParams({apiKey:At[n],environment:gt[n],isNFT:"true",nftTransactionId:p,themeColor:"0D0D0D",...i}).toString()}`}catch{s?.()}return""}),[t,n,r,s]);return a.useEffect((()=>{(async()=>{const e=await c();i(e)})()}),[]),{iframeSrc:o}};function ht(t){const{id:n,type:r,email:s,walletAddress:o,isPassportWallet:i,nftData:c,calldata:d,cryptoCurrencyCode:l,estimatedGasLimit:u,exchangeScreenTitle:p,partnerOrderId:m,onOpen:E,onInit:f,onOrderCreated:y,onOrderProcessing:T,onOrderCompleted:C,onOrderFailed:g,onFailedToLoad:A,failedToLoadTimeoutInMs:h,environment:v,contractId:S}=t,R=a.useRef(null),{onLoad:_,initialised:O}=De({userJourney:I.SALE,ref:R,walletAddress:o,isPassportWallet:i,onOpen:E,onOrderCreated:y,onOrderProcessing:T,onOrderCompleted:C,onOrderFailed:g,onInit:f,failedToLoadTimeoutInMs:h,onFailedToLoad:A}),{iframeSrc:b}=It({type:r,contractId:S,environment:v,transakParams:{nftData:c,calldata:d,cryptoCurrencyCode:l,estimatedGasLimit:u,exchangeScreenTitle:p,email:s,walletAddress:o,partnerOrderId:m},onError:A});return e("iframe",{id:n,ref:R,src:b,title:"Transak-Iframe",allow:"camera;microphone;fullscreen;payment",style:{height:"100%",width:"100%",border:"none",position:"absolute",top:0,left:0,opacity:O?1:0,transition:"opacity 0.5s ease-out"},onLoad:_,onError:()=>A?.()})}function vt(t){const{t:n}=h(),{onInit:r,onOpen:s,onOrderCreated:o,onOrderProcessing:i,onOrderCompleted:c,onOrderFailed:d}=t,{recipientEmail:l,recipientAddress:u,isPassportWallet:p,signResponse:m,goToErrorView:E,environment:f,orderQuote:y}=yt(),T=m?.transactions.find((e=>e.methodCall.startsWith("execute")));if(!m||!T)return null;const C=a.useMemo((()=>m.order.products.map((e=>({collectionAddress:e.collectionAddress,imageURL:e.image,nftName:e.name,price:e.amount,quantity:e.qty,tokenID:e.tokenId,nftType:e.contractType||"ERC721"})))),[m]);return e(ht,{id:"transak-iframe",type:"nft-checkout",email:l,walletAddress:u,isPassportWallet:p,exchangeScreenTitle:n("views.PAY_WITH_CARD.screenTitle"),nftData:C,calldata:T.rawData,cryptoCurrencyCode:m.order.currency.name,estimatedGasLimit:T.gasEstimate,partnerOrderId:T.params.reference,onInit:r,onOpen:s,onOrderCreated:o,onOrderProcessing:i,onOrderCompleted:c,onOrderFailed:d,onFailedToLoad:()=>{E(Xe.TRANSAK_FAILED)},environment:f,contractId:y.config.contractId})}const St=(e,t)=>({type:e.type,token:e.token,amount:e.fundsRequired.formattedAmount,balance:e.userBalance.formattedBalance,fiat:{symbol:"USD",balance:v(e.userBalance.formattedBalance,e.token.symbol,t),amount:v(e.fundsRequired.formattedAmount,e.token.symbol,t)}}),Rt=()=>{const{track:e,page:t}=S(),{recipientAddress:n,signResponse:r,paymentMethod:s}=yt(),{eventTargetState:{eventTarget:o}}=a.useContext(R),i=Ke.PAYMENT_METHODS,c={location:"web",userJourney:I.SALE},d={userId:n,paymentMethod:s},l={amount:r?.order.totalAmount,currency:r?.order.currency.name};return{track:e,page:t,sendPageView:(e,n)=>{t({...c,screen:st(e),action:"Viewed",extras:{...n}})},sendCloseEvent:(t=i,n="Button",a="Pressed")=>{e({...c,screen:st(t),control:"Close",controlType:n,action:a,extras:{...d}}),_(o)},sendSuccessEvent:(t=i,n=[],a=[],r={})=>{e({...c,screen:st(t),control:"Success",controlType:"Event",action:"Succeeded",extras:{...r,...d,transactions:rt(n),...l,paymentMethod:s,tokenIds:a}}),O(o,s,n,a,r.transactionId)},sendFailedEvent:(t,n,a=[],r=i,u={})=>{e({...c,screen:st(r||i),control:"Fail",controlType:"Event",action:"Failed",extras:{...u,transactions:rt(a),...n,...l,...d,paymentMethod:s,reason:t}}),b(o,t,n,s,a,u.transactionId)},sendTransactionSuccessEvent:e=>{w(o,s,[e])},sendOrderCreated:(t,n)=>{e({...c,screen:st(t),control:"OrderCreated",controlType:"Event",extras:{...n}})},sendSelectedPaymentMethod:(t,n)=>{e({...c,screen:st(n),control:"Select",controlType:"MenuItem",extras:{paymentMethod:t}}),D(o,t)},sendSelectedPaymentToken:(t,n,a)=>{const r=St(n,a);e({...c,screen:st(t),control:"Select",controlType:"MenuItem",extras:{...r}}),k(o,r)},sendProceedToPay:(t,n,a,r="Button",s="Pressed")=>{e({...c,screen:st(t),control:"ProceedToPay",controlType:r,action:s,extras:{...d,...St(n,a)}})},sendViewFeesEvent:(t,n="Button",a="Pressed")=>{e({...c,screen:st(t),control:"ViewFees",controlType:n,action:a,extras:{...d}})}}};function _t(){const{sendPageView:t}=Rt(),[n,r]=a.useState(!1),{goBackToPaymentMethods:s,goToErrorView:o,signResponse:i,signTokenIds:c}=yt(),{sendOrderCreated:d,sendCloseEvent:l,sendSuccessEvent:u}=Rt(),{t:p}=h(),E=(e={})=>{const{id:t,status:n,cryptoAmount:a,cryptoCurrency:r,fiatAmount:s,fiatAmountInUsd:o,amountPaid:d,totalFeeInFiat:p,paymentOptionId:m,userId:E,userKycType:f,walletAddress:y,nftAssetInfo:T}=e,{nftDataBase64:C,quantity:g}=T||{},A={orderId:t,orderStatus:n,cryptoAmount:a,cryptoCurrency:r,fiatAmount:s,fiatAmountInUsd:o,amountPaid:d,totalFeeInFiat:p,paymentOption:m,userId:E,userKycType:f,walletAddress:y,nftDataBase64:C,quantity:g,signData:i,transactionId:i?.transactionId};u(Ke.SALE_SUCCESS,[],c,A),l(Ke.SALE_SUCCESS)};return a.useEffect((()=>t(Ke.PAY_WITH_CARD)),[]),e(x,{header:n&&e(P,{onCloseButtonClick:()=>s()}),children:N(M,{children:[e(L,{visible:!n,children:e(L.Content,{children:e(L.Content.LoopingText,{text:[p("views.PAY_WITH_CARD.loading")]})})}),e(m,{style:{display:"block",position:"relative",maxWidth:"420px",height:"565px",borderRadius:"1%",overflow:"hidden",margin:"0 auto",width:"100%"},children:e(vt,{onInit:()=>r(!0),onOrderFailed:()=>{o(Xe.TRANSAK_FAILED)},onOrderCompleted:E,onOrderCreated:(e={})=>{const{id:t,status:n,cryptoAmount:a,cryptoCurrency:r,fiatAmount:s,fiatAmountInUsd:o,amountPaid:c,totalFeeInFiat:l,paymentOptionId:u,userId:p,userKycType:m,walletAddress:E,nftAssetInfo:f}=e,{nftDataBase64:y,quantity:T}=f||{};d(Ke.PAY_WITH_CARD,{orderId:t,orderStatus:n,cryptoAmount:a,cryptoCurrency:r,fiatAmount:s,fiatAmountInUsd:o,amountPaid:c,totalFeeInFiat:l,paymentOption:u,userId:p,userKycType:m,walletAddress:E,nftDataBase64:y,quantity:T,signData:i,transactionId:i?.transactionId})},onOrderProcessing:E})})]})})}function Ot(){const{t:t}=h(),n=a.useRef(!1),{sendPageView:r,sendTransactionSuccessEvent:s,sendFailedEvent:o,sendCloseEvent:i,sendSuccessEvent:c}=Rt(),{execute:d,signResponse:l,executeResponse:u,signTokenIds:p}=yt(),m=u?.transactions.length||0;let E=[t("views.PAYMENT_METHODS.loading.ready1"),t("views.PAYMENT_METHODS.loading.ready2"),t("views.PAYMENT_METHODS.loading.ready3")];m>=1&&(E=[t("views.PAYMENT_METHODS.loading.processing1"),t("views.PAYMENT_METHODS.loading.processing2"),t("views.PAYMENT_METHODS.loading.processing3")]);return a.useEffect((()=>{void 0!==l&&!1===n.current&&(n.current=!0,(async()=>{d(l,(e=>{s(e)}),((e,t)=>{const n={transactionId:l?.transactionId,errorType:e?.type};o(String(e?.data?.error),e,t,void 0,n)}))})())}),[l]),a.useEffect((()=>{if(!0===u?.done){const e={transactionId:l?.transactionId};c(Ke.SALE_SUCCESS,u?.transactions,p,e),i(Ke.SALE_SUCCESS)}}),[u]),a.useEffect((()=>r(Ke.PAY_WITH_COINS)),[]),e(F,{loadingText:E})}function bt({type:t,onClick:n,disabled:a=!1,caption:r,size:s,rc:o=e("span",{})}){const{t:i}=h(),c={[A.CRYPTO]:"Coins",[A.DEBIT]:"BankCard",[A.CREDIT]:"BankCard"};return N(U,{rc:o,size:s||"medium",sx:{marginBottom:"base.spacing.x1",userSelect:"none",...a&&{filter:"opacity(0.5)",cursor:"not-allowed !important"}},...{disabled:a,emphasized:!0,onClick:a?void 0:()=>n(t)},children:[e(U.FramedIcon,{icon:c[t]}),e(U.Label,{size:"medium",children:i(`views.PAYMENT_METHODS.options.${t}.heading`)}),!a&&e(U.IntentIcon,{}),e(U.Caption,{children:r||i(`views.PAYMENT_METHODS.options.${t}.${a?"disabledCaption":"caption"}`)})]})}const wt=[A.CRYPTO,A.DEBIT,A.CREDIT];function Dt(t){const{disabledOptions:n=[],paymentOptions:r,onClick:s,captions:o,size:i,hideDisabledOptions:c}=t,d=a.useMemo((()=>(r||wt).filter((e=>!c||!n.includes(e)))),[r,n,c]);return e(m,{testId:"payment-options-list",sx:{width:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start"},rc:e(W.div,{variants:B,initial:"hidden",animate:"show"}),children:d.map(((t,a)=>e(bt,{type:t,size:i,onClick:s,disabled:n.includes(t),caption:o?.[t],rc:e(W.div,{custom:a,variants:V})},`payment-type-${t}`)))})}function kt(){const{t:t}=h(),{viewDispatch:n}=a.useContext(C),{sign:r,goToErrorView:s,paymentMethod:o,setPaymentMethod:i,invalidParameters:c,disabledPaymentTypes:d,hideExcludedPaymentTypes:l}=yt(),{sendPageView:u,sendCloseEvent:p,sendSelectedPaymentMethod:E}=Rt();return a.useEffect((()=>{o&&E(o,Ke.PAYMENT_METHODS),o&&[A.DEBIT,A.CREDIT].includes(o)&&(r(Ze.FIAT,void 0,(()=>{n({payload:{type:g.UPDATE_VIEW,view:{type:Ke.PAY_WITH_CARD}}})})),n({payload:{type:g.UPDATE_VIEW,view:{type:Y.LOADING_VIEW,data:{loadingText:t("views.PAYMENT_METHODS.loading.ready1")}}}})),o&&o===A.CRYPTO&&n({payload:{type:g.UPDATE_VIEW,view:{type:Ke.ORDER_SUMMARY,subView:$e.INIT}}})}),[o]),a.useEffect((()=>u(Ke.PAYMENT_METHODS)),[]),a.useEffect((()=>{c&&s(Xe.INVALID_PARAMETERS)}),[c]),e(x,{testId:"payment-methods",header:e(P,{onCloseButtonClick:()=>p(Ke.PAYMENT_METHODS)}),footer:e(H,{}),children:N(m,{sx:{display:"flex",flexDirection:"column",paddingX:"base.spacing.x2",paddingY:"base.spacing.x8",rowGap:"base.spacing.x4"},children:[e(j,{size:"small",sx:{paddingX:"base.spacing.x4"},children:t("views.PAYMENT_METHODS.header.heading")}),e(m,{sx:{paddingX:"base.spacing.x2"},children:e(Dt,{hideDisabledOptions:l,disabledOptions:d,onClick:e=>{i(e)}})})]})})}function Pt({biomeTheme:t,transactionHash:n,blockExplorerLink:r,errorType:s=Xe.DEFAULT}){const{t:o}=h(),{goBackToPaymentMethods:i}=yt(),{eventTargetState:{eventTarget:c}}=a.useContext(R),d=()=>{_(c)},l={[Xe.TRANSACTION_FAILED]:{onActionClick:i,onSecondaryActionClick:n?()=>{window.open(r)}:d,statusType:G.FAILURE,statusIconStyles:{fill:t.color.status.fatal.dim}},[Xe.SERVICE_BREAKDOWN]:{onSecondaryActionClick:d,statusType:G.INFORMATION,statusIconStyles:{fill:t.color.status.fatal.dim}},[Xe.PRODUCT_NOT_FOUND]:{onSecondaryActionClick:d,statusType:G.INFORMATION,statusIconStyles:{fill:t.color.status.fatal.dim}},[Xe.INSUFFICIENT_STOCK]:{onSecondaryActionClick:d,statusType:G.INFORMATION,statusIconStyles:{fill:t.color.status.fatal.dim}},[Xe.TRANSAK_FAILED]:{onActionClick:i,onSecondaryActionClick:d,statusType:G.INFORMATION},[Xe.WALLET_FAILED]:{onActionClick:i,onSecondaryActionClick:d,statusType:G.INFORMATION,statusIconStyles:{fill:t.color.status.fatal.dim}},[Xe.WALLET_REJECTED_NO_FUNDS]:{onActionClick:i,onSecondaryActionClick:d,statusType:G.INFORMATION},[Xe.WALLET_REJECTED]:{onActionClick:()=>{i(A.CRYPTO)},onSecondaryActionClick:d,statusType:G.INFORMATION},[Xe.WALLET_POPUP_BLOCKED]:{onActionClick:()=>{i(A.CRYPTO)},onSecondaryActionClick:d,statusType:G.INFORMATION},[Xe.FUNDING_ROUTE_EXECUTE_ERROR]:{onActionClick:i,onSecondaryActionClick:d,statusType:G.INFORMATION},[Xe.INVALID_PARAMETERS]:{onSecondaryActionClick:d,statusType:G.ALERT,statusIconStyles:{fill:t.color.status.attention.dim,transform:"none"}},[Xe.DEFAULT]:{onActionClick:i,onSecondaryActionClick:d,statusType:G.INFORMATION}};return e(z,{...(()=>{const e=l[s]||{},a=s===Xe.TRANSACTION_FAILED&&n?o(`views.SALE_FAIL.errors.${s}.secondaryAction`):o(`views.SALE_FAIL.errors.${Xe.DEFAULT}.secondaryAction`);return{testId:"fail-view",statusText:o(`views.SALE_FAIL.errors.${s}.description`),actionText:o(`views.SALE_FAIL.errors.${s}.primaryAction`),onActionClick:e?.onActionClick,secondaryActionText:a,onSecondaryActionClick:e?.onSecondaryActionClick,onCloseClick:d,statusType:e.statusType,statusIconStyles:{transform:"rotate(180deg)",fill:t.color.status.guidance.dim,...e.statusIconStyles}}})()})}function Nt({balance:t,conversions:n,canOpen:a,onClick:r,onProceed:s,loading:o,priceDisplay:i}){const{t:c}=h(),{environment:d,config:{theme:l}}=yt(),{token:u,userBalance:p,fundsRequired:m}=t.fundingItem,E=v(m.formattedAmount,u.symbol,n,""),f=v(p.formattedBalance,u.symbol,n,"");return N(X,{sx:{w:"100%",bradtl:"base.borderRadius.x6",bradtr:"base.borderRadius.x6",px:"base.spacing.x4",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:[N(U,{size:"medium",children:[e(U.FramedImage,{circularFrame:!0,use:e(Ue,{environment:d,theme:l,name:u.name,src:u.icon})}),e(U.Label,{children:c(`views.ORDER_SUMMARY.orderReview.payWith.${t.type}`,{symbol:u.symbol})}),e(U.Caption,{rc:e(j,{size:"xSmall"}),children:`${c("views.ORDER_SUMMARY.orderReview.balance",{amount:q(K(p.formattedBalance))})} ${f?c("views.ORDER_SUMMARY.currency.fiat",{amount:q(K(f))}):""}`}),i&&e(U.PriceDisplay,{use:e(j,{size:"xSmall"}),fiatAmount:E?c("views.ORDER_SUMMARY.currency.fiat",{amount:E}):void 0,price:K(m.formattedAmount)}),a&&e(U.StatefulButtCon,{icon:"ChevronExpand",onClick:r}),!a&&o&&e(nt,{radius:"base.icon.size.400"})]}),e($,{size:"large",onClick:()=>s(t),children:c("views.ORDER_SUMMARY.orderReview.continue")})]})}const Lt=(e,t)=>e.filter((e=>e.amount.gt(0)&&e.token)).reduce(((e,n)=>{if(!n.token)return e;const a={...n.token,address:n.token.address||"",symbol:n.token.symbol||t?.symbol||""},r=J(a.address,"...").toLowerCase(),s=a.symbol||r;if(!s)return e;if(e[s]){const t=e[s].amount.add(n.amount);return{...e,[s]:{...e[s],amount:t,formattedAmount:Pe(t,a.decimals)}}}return s?{...e,[s]:{...n,token:a,formattedAmount:Pe(n.amount,a.decimals)}}:e}),{}),Mt=e=>{if(e.type!==Z.SWAP)return{};const t=[e.fees.approvalGasFee,e.fees.swapGasFee,...e.fees.swapFees];return Lt(t,e.fundingItem.token)},xt=(e,t,n)=>{const a=[];if(e.type!==Z.SWAP)return[];const r=(e,r,s="~ ")=>{if(e.amount.gt(0)){const o=Pe(e.amount,e?.token?.decimals);a.push({label:r,fiatAmount:`≈ ${n("drawers.feesBreakdown.fees.fiatPricePrefix")}${v(o,e.token?.symbol||"",t,"-.--",4)}`,amount:`${K(o)}`,prefix:s,token:e?.token})}};r(e.fees.swapGasFee,n("drawers.feesBreakdown.fees.swapGasFee.label")),r(e.fees.approvalGasFee,n("drawers.feesBreakdown.fees.approvalFee.label"));return Object.entries(Lt(e.fees.swapFees,e.fundingItem.token)).forEach((([,e])=>{const t=e?.basisPoints??0;r(e,n("drawers.feesBreakdown.fees.swapSecondaryFee.label",{amount:t?t/100+"%":""}),"")})),a};function Ft({rc:t=e("span",{}),balance:n,conversions:a,selected:r,onClick:s,size:o,environment:i,theme:c}){const{t:d}=h(),{token:l,userBalance:u}=n.fundingItem,p=v(u.formattedBalance,l.symbol,a,""),E=Object.entries(Mt(n));return N(U,{rc:t,sx:{mb:"base.spacing.x1"},size:o,emphasized:!0,...{onClick:s,selected:r},children:[e(U.FramedImage,{circularFrame:!0,alt:l.name,use:e(Ue,{environment:i,theme:c,name:l.name,src:l.icon})}),e(U.PriceDisplay,{use:e(j,{size:"xSmall"}),fiatAmount:p?d("views.ORDER_SUMMARY.currency.fiat",{amount:p}):void 0,price:K(u.formattedBalance)}),e(U.Label,{sx:{display:"flex",wordBreak:"default"},children:l.symbol}),e(U.Caption,{children:E.length>0&&E.map((([t,{token:n,formattedAmount:a}])=>e(m,{rc:e("span",{}),sx:{d:"block"},children:d("views.ORDER_SUMMARY.coinsDrawer.fee",{symbol:n?.symbol||t,amount:q(K(a))})},t)))})]})}function Ut({conversions:t,balances:n,selectedIndex:a,visible:r,loading:s,transactionRequirement:o,onClose:i,onSelect:c,onPayWithCard:d,disabledPaymentTypes:l,theme:u,environment:p}){const{t:E}=h();let f="medium";n.length>3&&(f="small");const y=[A.DEBIT,A.CREDIT],T=!y.every((e=>l?.includes(e)));return e(Q,{size:"full",visible:r,showHeaderBar:!0,onCloseDrawer:i,headerBarTitle:E("views.ORDER_SUMMARY.coinsDrawer.header"),children:e(Q.Content,{rc:e(W.div,{variants:B,initial:"hidden",animate:"show"}),children:N(m,{sx:{height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",px:"base.spacing.x4"},children:[N(m,{children:[N(m,{sx:{display:"flex",justifyContent:"space-between",mb:"base.spacing.x2"},children:[e(qe,{size:"small",children:E("views.ORDER_SUMMARY.coinsDrawer.caption1")}),e(qe,{size:"small",children:E("views.ORDER_SUMMARY.coinsDrawer.caption2")})]}),n?.map(((n,r)=>{return e(Ft,{onClick:(s=r,()=>{c(s),i()}),balance:n,selected:a===r,conversions:t,transactionRequirement:o,size:f,theme:u,environment:p,rc:e(W.div,{variants:V,custom:r})},`${n.fundingItem.token.symbol}-${n.type}`);var s})),s&&e(W.div,{variants:V,custom:n.length,children:e(U,{shimmer:!0,emphasized:!0,size:f,testId:"funding-balance-item-shimmer"})},"funding-balance-item-shimmer")]}),d&&N(m,{sx:{pb:"base.spacing.x4"},rc:e(W.div,{variants:V,custom:n.length+(s?1:0)}),children:[T&&e(ee,{size:"small",rc:e(qe,{}),sx:{my:"base.spacing.x4"},children:E("views.ORDER_SUMMARY.coinsDrawer.divider")}),e(Dt,{onClick:d,size:f,hideDisabledOptions:!0,paymentOptions:y,disabledOptions:l,captions:{[A.DEBIT]:E("views.PAYMENT_METHODS.options.debit.caption"),[A.CREDIT]:E("views.PAYMENT_METHODS.options.credit.caption")}})]})]})})})}function Wt({item:t,balance:n,pricing:a,conversions:r,size:s,sx:o,rc:i=e("span",{})}){const{t:c}=h(),{token:d}=n.fundingItem,l=a?.amount||0,u=v(l.toString(),d.symbol,r);return N(U,{rc:i,emphasized:!0,size:s||"medium",sx:{pointerEvents:"none",mb:"base.spacing.x1",...o},children:[e(U.FramedImage,{use:e(Ue,{src:t.image,name:t.name,defaultImage:t.image})}),e(U.Label,{children:t.name}),e(U.Caption,{children:c("views.ORDER_SUMMARY.orderItem.quantity",{qty:t.qty})}),l>0&&e(U.PriceDisplay,{use:e(j,{size:"xSmall"}),price:c("views.ORDER_SUMMARY.currency.price",{symbol:d.symbol,amount:K(l)}),fiatAmount:c("views.ORDER_SUMMARY.currency.fiat",{amount:u})})]},t.name)}const Bt=(e,t,n)=>{if(!t)return;const a=e.toLowerCase(),r=te[a]?.toLowerCase(),s=Object.values(t).find((e=>[a,r].includes(e.currency.toLowerCase())));if(s)return s;const o=n.get(a)||n.get(r);return o&&t.USDC?{currency:e,type:t.USDC.type,amount:t.USDC.amount/o}:void 0},Vt={mb:"0",bradbl:"0",bradbr:"0"};function Yt({items:t,balance:n,pricing:a,conversions:r,children:s}){return N(m,{rc:e(W.div,{variants:B,initial:"hidden",animate:"show"}),children:[t.map(((o,i)=>e(Wt,{item:o,balance:n,conversions:r,size:t.length>=3?"small":"medium",pricing:Bt(n.fundingItem.token.symbol,a?.[o.productId]?.pricing,r),sx:i===t.length-1&&s?Vt:void 0,rc:e(W.div,{variants:V,custom:i})},o.name))),s]})}function Ht({sx:t,swapFees:n,onFeesClick:a}){return e(We,{gasFeeFiatValue:n.fiatAmount,gasFeeToken:n.token,gasFeeValue:n.amount,fees:n.formattedFees,onFeesClick:a,sx:t,loading:!1})}function jt({fundingBalances:t,conversions:n,collectionName:r,loadingBalances:s,transactionRequirement:o,onBackButtonClick:i,onPayWithCard:c,onProceedToBuy:d}){const{eventTargetState:{eventTarget:l}}=a.useContext(R),{t:u}=h(),{provider:p,items:E,orderQuote:f,disabledPaymentTypes:y,config:{theme:T,environment:C}}=yt(),{sendSelectedPaymentToken:g,sendViewFeesEvent:A,sendPageView:I}=Rt(),[S,O]=a.useState(!1),[b,w]=a.useState(0),[D,k]=a.useState({token:void 0,amount:"",fiatAmount:"",formattedFees:[]}),L=a.useMemo((()=>t[b]),[t,b,p]);a.useEffect((()=>{if(!n?.size||!p)return;if(L.type!==Z.SWAP)return;const[[,e]]=Object.entries(Mt(L));e&&e.token&&k({token:e.token,amount:e.formattedAmount,fiatAmount:v(e.formattedAmount,e.token.symbol,n),formattedFees:xt(L,n,u)})}),[L,n,p]),Ne((()=>{const e=t.map((({fundingItem:e})=>St(e,n)));I(Ke.ORDER_SUMMARY,{subView:$e.REVIEW_ORDER,tokens:e,items:E,collectionName:r})}),(()=>Boolean(E.length&&t.length&&!s&&n.size)),[E,t,s,n]);const M=E.length>1,F=!s&&L.type===Z.SWAP;return N(x,{testId:"order-review",header:e(P,{showBack:!0,onCloseButtonClick:()=>_(l),onBackButtonClick:i,title:r}),bodyStyleOverrides:{display:"flex",flexDirection:"column",justifyContent:"space-between",height:"0"},children:[e(j,{size:"small",sx:{px:"base.spacing.x4",pb:"base.spacing.x4"},children:u("views.ORDER_SUMMARY.orderReview.heading")}),e(m,{sx:{display:"flex",flexDirection:"column",px:"base.spacing.x2",pb:"base.spacing.x8",flex:1,maxh:F?"45%":"60%",overflowY:"scroll",scrollbarWidth:"none",rowGap:"base.spacing.x4"},children:e(m,{sx:{px:"base.spacing.x2"},children:e(Yt,{items:E,balance:L,pricing:f.products,conversions:n,children:!M&&F&&e(Ht,{swapFees:D,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:()=>A(Ke.ORDER_SUMMARY)})})})}),M&&F&&e(Ht,{swapFees:D,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:()=>A(Ke.ORDER_SUMMARY)}),e(Nt,{onClick:()=>{O(!0)},onProceed:d,balance:L,conversions:n,canOpen:t.length>1,loading:s,priceDisplay:E.length>1}),e(Ut,{conversions:n,balances:t,onSelect:e=>{w(e);const{fundingItem:a}=t[e];g($e.REVIEW_ORDER,a,n)},onClose:()=>{O(!1)},selectedIndex:b,visible:S,loading:s,onPayWithCard:c,transactionRequirement:o,disabledPaymentTypes:y,theme:T,environment:C})]})}const Gt=(e,t)=>{const n=oe(e.address)?e.symbol:e.address??"";return{...e,icon:ie(t,n)}},zt=(e,t)=>{return{type:Je.SUFFICIENT,fundingItem:{type:ne.ERC20,token:Gt((n=e,n.current.type!==ne.ERC721&&n.current.token),t),fundsRequired:{amount:e.required.balance,formattedAmount:e.required.formattedBalance},userBalance:{balance:e.current.balance,formattedBalance:e.current.formattedBalance}}};var n},qt=(e,t)=>{if(0===e.length)return[];const n=e.filter((e=>1===e.steps.length)),a=[ne.ERC20,ne.NATIVE];return n.flatMap((e=>e.steps.filter((e=>a.includes(e.fundingItem.type))))).map((e=>({...e,fundingItem:{...e.fundingItem,token:Gt(e.fundingItem.token,t)}})))},Kt=e=>{let t=[];const n=(a=e.name,(e,t)=>{const n=e.fundingItem&&e.fundingItem.token&&e.fundingItem.token.symbol===a?-1:0,r=t.fundingItem&&t.fundingItem.token&&t.fundingItem.token.symbol===a?-1:0;return n!==r?n-r:e.type===Je.SUFFICIENT&&t.type===Je.SUFFICIENT?0:e.type===Je.SUFFICIENT?-1:t.type===Je.SUFFICIENT?1:0});var a;return e=>(0===e.length||(t=Array.from(new Set([...t,...e])).sort(n)),t)},$t=e=>({...e,amount:y.from(0),formattedAmount:"0"}),Xt=(e,t)=>e.map((e=>((e,t)=>{if(e.type!==Z.SWAP)return e;if(!ce(t))return e;const n={...e.fees,approvalGasFee:$t(e.fees.approvalGasFee),swapGasFee:$t(e.fees.swapGasFee)};return{...e,fees:n}})(e,t))),Zt=async e=>{const{provider:t,checkout:n,currencies:a,baseCurrency:r,onFundingBalance:s,getAmountByCurrency:o,getIsGasless:i,onComplete:c,onFundingRequirement:d}=e,l=t?.getSigner(),u=await(l?.getAddress())||"",p=n.config.environment,m=Kt(r),E=e=>{Array.isArray(e)&&e.length>0&&s(m(Xt(e,t)))},f=e=>T(e,r.name),C=a.map((async e=>{const a=o(e);if(!a)return null;const r=((e,t,n)=>[{type:ne.ERC20,tokenAddress:n,spenderAddress:t,amount:e}])(a,u,e.address),s=i()?void 0:{type:ae.GAS,gasToken:{type:re.NATIVE,limit:y.from("30000000")}};return{currency:e,smartCheckoutResult:await n.smartCheckout({provider:t,itemRequirements:r,transactionOrGasAmount:s,routingOptions:{bridge:!1,onRamp:!1,swap:!0},fundingRouteFullAmount:!0,onComplete:f(e.name)?()=>{c?.(m([]))}:void 0,onFundingRoute:f(e.name)?e=>{E(qt([e],p))}:void 0})}})).filter(Boolean),g=await(async(e,t)=>{const n=e.map((async e=>{const n=await e;return t(n),n}));return await Promise.all(n)})(C,(({currency:e,smartCheckoutResult:t})=>{if(f(e.name)){const e=t.transactionRequirements[0];d(e)}t.sufficient&&E(((e,t)=>{if(!0===e.sufficient){const n=e.transactionRequirements.find((e=>e.type===ne.ERC20));if(n&&n.type===ne.ERC20)return[zt(n,t)]}return!1===e.sufficient&&e?.router?.routingOutcome.type===se.ROUTES_FOUND?qt(e.router.routingOutcome.fundingRoutes,t):null})(t,p))}));return g},Jt=()=>{const e=a.useRef(!1),{fromTokenAddress:t,orderQuote:n,provider:r,checkout:s,selectedCurrency:o}=yt(),{cryptoFiatState:i}=a.useContext(Le),[c,d]=a.useState(),[l,u]=a.useState([]),[p,m]=a.useState([]),[E,f]=a.useState(!1);return{fundingBalances:l,loadingBalances:E,fundingBalancesResult:p,transactionRequirement:c,queryFundingBalances:()=>{t&&r&&s&&n&&o&&(e.current||E||(async()=>{e.current=!0,f(!0);try{const e=await Zt({provider:r,checkout:s,currencies:n.currencies,routingOptions:{bridge:!1,onRamp:!1,swap:!0},baseCurrency:o,getAmountByCurrency:e=>{const t=Bt(e.name,n.totalAmount,i.conversions);return t?t.amount.toString():""},getIsGasless:()=>r.provider?.isPassport||!1,onFundingBalance:e=>{u([...e])},onComplete:()=>{f(!1)},onFundingRequirement:e=>{d(e)}});m(e)}catch{f(!1)}finally{e.current=!1}})())}}},Qt=e=>{if(e&&e.current.type!==ne.ERC721)return e.current.token},en=e=>{const t=e.find((({type:e})=>e===ne.NATIVE)),n=e.find((({type:e})=>e===ne.ERC20)),a={erc20:{value:n?.delta.formattedBalance,symbol:Qt(n)?.symbol},native:{value:t?.delta.formattedBalance,symbol:Qt(t)?.symbol}};let r=["views.PAYMENT_METHODS.topUp.subheading.erc20",a],s=n?.delta.formattedBalance||"0",o=Qt(n)?.address;return t&&n&&!t.sufficient&&!n.sufficient&&(r=["views.PAYMENT_METHODS.topUp.subheading.both",a]),t&&n&&!t.sufficient&&n.sufficient&&(s=t?.delta.formattedBalance||"0",o=Qt(t)?.address,r=["views.PAYMENT_METHODS.topUp.subheading.native",a]),{heading:["views.PAYMENT_METHODS.topUp.heading"],subheading:r,amount:s,tokenAddress:o}};var tn;function nn({fundingRouteStep:t,onFundingRouteExecuted:n}){const{t:r}=h(),{config:s,provider:o,checkout:i,fromTokenAddress:c}=yt(),{viewDispatch:d}=a.useContext(C),{connectLoaderDispatch:l}=a.useContext(de),[u,p]=a.useState(void 0),[m,E]=a.useState(void 0),[f,y]=a.useState(void 0),[T,A]=a.useState(tn.LOADING),I=a.useRef(!1),v=a.useRef(void 0),S=a.useRef(void 0),[_,O]=a.useReducer(le,ue),b=a.useMemo((()=>({eventTargetState:_,eventTargetDispatch:O})),[_,O]),w=new EventTarget,D=e=>{d({payload:{type:g.UPDATE_VIEW,view:{type:Ke.SALE_FAIL,data:{errorType:Xe.FUNDING_ROUTE_EXECUTE_ERROR,errorData:e}}}})},k=a.useCallback((async e=>{if(!i||!o)throw new Error("checkout or provider not available.");const t=await i.getNetworkInfo({provider:o});if(e.type===Z.BRIDGE){if(E({tokenAddress:e.fundingItem.token.address,amount:e.fundingItem.fundsRequired.formattedAmount}),t.chainId===pe(i.config))return void A(tn.EXECUTE_BRIDGE);I.current=tn.EXECUTE_BRIDGE,A(tn.SWITCH_NETWORK_ETH)}if(e.type===Z.SWAP){if(p({amount:e.fundingItem.fundsRequired.formattedAmount,fromTokenAddress:e.fundingItem.token.address,toTokenAddress:c}),t.chainId===me(i.config))return void A(tn.EXECUTE_SWAP);I.current=tn.EXECUTE_SWAP,A(tn.SWITCH_NETWORK_ZKEVM)}e.type===Z.ONRAMP&&(y({amount:e.fundingItem.fundsRequired.formattedAmount,tokenAddress:e.fundingItem.token.address}),A(tn.EXECUTE_ON_RAMP))}),[o,i]);a.useEffect((()=>{if(t)try{k(t)}catch(e){D(e)}}),[t]);const P=()=>{v.current?(v.current=void 0,S.current=void 0,n()):D(S.current)},L=e=>{switch(e.detail.type){case ge.SUCCESS:{const t=e.detail.data;v.current=t,P();break}case Ie.TRANSACTION_SENT:case Ae.SUCCESS:{const t=e.detail.data;v.current=t;break}case Ie.FAILURE:case ge.FAILURE:case Ae.FAILURE:{const t=e.detail.data;S.current=t;break}case Ie.CLOSE_WIDGET:case ge.CLOSE_WIDGET:case Ae.CLOSE_WIDGET:P();case ge.REJECTED:}},M=e=>{switch(e.detail.type){case he.SUCCESS:{const t=e.detail.data;l({payload:{type:ve.SET_PROVIDER,provider:t.provider}}),!1!==I.current&&(A(I.current),I.current=!1);break}case he.FAILURE:case he.CLOSE_WIDGET:default:P()}};return a.useEffect((()=>(w.addEventListener(Ee.IMTBL_CONNECT_WIDGET_EVENT,M),w.addEventListener(Ee.IMTBL_BRIDGE_WIDGET_EVENT,L),w.addEventListener(Ee.IMTBL_SWAP_WIDGET_EVENT,L),()=>{w.removeEventListener(Ee.IMTBL_CONNECT_WIDGET_EVENT,M),w.removeEventListener(Ee.IMTBL_BRIDGE_WIDGET_EVENT,L),w.removeEventListener(Ee.IMTBL_SWAP_WIDGET_EVENT,L)})),[]),a.useEffect((()=>{O({payload:{type:fe.SET_EVENT_TARGET,eventTarget:w}})}),[i]),N(R.Provider,{value:b,children:[T===tn.LOADING&&e(F,{loadingText:r("views.ORDER_SUMMARY.loading.balances")}),T===tn.EXECUTE_BRIDGE&&e(Be,{...m,config:s,checkout:i}),T===tn.EXECUTE_SWAP&&e(Ve,{...u,config:s}),T===tn.EXECUTE_ON_RAMP&&e(ke,{config:s,...f}),T===tn.SWITCH_NETWORK_ETH&&e(Ce,{config:s,targetChainId:i.config.isProduction?ye.ETHEREUM:ye.SEPOLIA,web3Provider:o,checkout:i,deepLink:Te.SWITCH_NETWORK}),T===tn.SWITCH_NETWORK_ZKEVM&&e(Ce,{config:s,targetChainId:i.config.isProduction?ye.IMTBL_ZKEVM_MAINNET:ye.IMTBL_ZKEVM_TESTNET,web3Provider:o,checkout:i,deepLink:Te.SWITCH_NETWORK})]})}function an({subView:t}){const{t:n}=h(),{sendProceedToPay:r}=Rt(),{fromTokenAddress:s,collectionName:o,goToErrorView:i,goBackToPaymentMethods:c,sign:d,selectedCurrency:l,setPaymentMethod:u}=yt(),{viewDispatch:p,viewState:E}=a.useContext(C),{cryptoFiatDispatch:f,cryptoFiatState:y}=a.useContext(Le),T=e=>{d(Ze.CRYPTO,e),p({payload:{type:g.UPDATE_VIEW,view:{type:Ke.PAY_WITH_COINS}}})},A=()=>{T(l?.address)},{fundingBalances:I,loadingBalances:v,fundingBalancesResult:S,transactionRequirement:R,queryFundingBalances:_}=Jt();return a.useEffect((()=>{t===$e.INIT&&s&&_()}),[t,s]),a.useEffect((()=>{0!==I.length&&p({payload:{type:g.UPDATE_VIEW,view:{type:Ke.ORDER_SUMMARY,subView:$e.REVIEW_ORDER}}})}),[I]),a.useEffect((()=>{if(!v&&S.length&&!(I.length>0))try{const e=S.find((e=>e.currency.base))?.smartCheckoutResult,t=en(e.transactionRequirements);u(void 0),p({payload:{type:g.UPDATE_VIEW,view:{type:Y.TOP_UP_VIEW,data:t}}})}catch(e){i(Xe.SERVICE_BREAKDOWN,e)}}),[I,v,S]),a.useEffect((()=>{if(!f||0===I.length||v)return;const e=I.map((({fundingItem:e})=>e.token.symbol));f({payload:{type:Me.SET_TOKEN_SYMBOLS,tokenSymbols:e}})}),[f,I,v]),N(m,{children:[t===$e.INIT&&e(F,{loadingText:n("views.ORDER_SUMMARY.loading.balances")}),t===$e.REVIEW_ORDER&&e(jt,{fundingBalances:I,conversions:y.conversions,collectionName:o,loadingBalances:v,onBackButtonClick:c,onProceedToBuy:e=>{const{type:t,fundingItem:n}=e;r(Ke.ORDER_SUMMARY,n,y.conversions),t!==Je.SUFFICIENT?p({payload:{type:g.UPDATE_VIEW,view:{type:Ke.ORDER_SUMMARY,subView:$e.EXECUTE_FUNDING_ROUTE,data:{fundingBalance:e,onFundingRouteExecuted:A}}}}):T(n.token.address)},transactionRequirement:R,onPayWithCard:e=>c(e)}),t===$e.EXECUTE_FUNDING_ROUTE&&e(nn,{fundingRouteStep:E.view.data.fundingBalance,onFundingRouteExecuted:A})]})}function rn(){return e(m,{testId:"credit-card-warning-hero",children:e(m,{children:N("svg",{width:"430",height:"161",viewBox:"0 0 430 161",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("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"}),e("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"}),e("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"}),e("path",{d:"M170.261 125.267V114.74L239.346 75.0625V85.3194L170.261 125.267Z",fill:"#0D0D0D",stroke:"black",strokeWidth:"0.823233"}),N("g",{clipPath:"url(#clip0_1548_70742)",children:[e("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"}),e("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"}),e("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"}),e("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"}),e("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"}),e("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"})]}),e("defs",{children:e("clipPath",{id:"clip0_1548_70742",children:e("rect",{width:"58",height:"66",fill:"white",transform:"translate(210 70)"})})})]})})})}function sn(){const{t:t}=h(),{showCreditCardWarning:n,setShowCreditCardWarning:a,setPaymentMethod:r}=yt();return e(Q,{size:"threeQuarter",visible:n,showHeaderBar:!1,children:N(Q.Content,{children:[e(Se,{icon:"Close",variant:"tertiary",sx:{pos:"absolute",top:"base.spacing.x5",left:"base.spacing.x5",backdropFilter:"blur(30px)"},onClick:()=>a(!1)}),e(rn,{}),N(m,{sx:{px:"base.spacing.x12"},children:[e(j,{sx:{marginTop:"base.spacing.x6",marginBottom:"base.spacing.x2",textAlign:"center"},children:t("views.PAYMENT_METHODS.creditCardWarningDrawer.heading")}),e(Re,{size:"medium",sx:{display:"block",textAlign:"center",color:"base.color.text.body.secondary",marginBottom:"base.spacing.x13"},children:t("views.PAYMENT_METHODS.creditCardWarningDrawer.body")}),e($,{sx:{width:"100%"},testId:"credit-card-button",variant:"primary",size:"large",onClick:()=>{r(A.CREDIT)},children:t("views.PAYMENT_METHODS.creditCardWarningDrawer.ctaButton")})]})]})})}function on(t){const{t:n}=h(),{config:r,items:s,environmentId:o,collectionName:i,excludePaymentTypes:c,preferredCurrency:d,hideExcludedPaymentTypes:l,waitFulfillmentSettlements:u=!0}=t,{connectLoaderState:p}=a.useContext(de),{checkout:m,provider:E}=p,f=a.useRef(),{eventTargetState:{eventTarget:y}}=a.useContext(R),{theme:T}=r,A=a.useMemo((()=>_e(T)),[T]),[v,S]=a.useReducer(Oe,be),O=a.useMemo((()=>({viewState:v,viewDispatch:S})),[v,S]),b=v.view.data?.loadingText||n("views.LOADING_VIEW.text");a.useEffect((()=>{m&&E&&(async()=>{const e=await m.getNetworkInfo({provider:E});f.current=e.chainId})()}),[m,E]);const w=a.useRef(!1),D=a.useCallback((()=>{m&&E&&(w.current||(w.current=!0,S({payload:{type:g.UPDATE_VIEW,view:{type:Ke.PAYMENT_METHODS}}})))}),[m,E]);return a.useEffect((()=>{m&&E&&D()}),[m,E]),e(C.Provider,{value:O,children:e(ft,{value:{config:r,items:s,environment:r.environment,environmentId:o,provider:E,checkout:m,passport:m?.passport,collectionName:i,excludePaymentTypes:c,preferredCurrency:d,waitFulfillmentSettlements:u,hideExcludedPaymentTypes:l},children:N(Fe,{environment:r.environment,children:[v.view.type===Y.LOADING_VIEW&&e(F,{loadingText:b}),v.view.type===Ke.PAYMENT_METHODS&&e(kt,{}),v.view.type===Ke.PAY_WITH_CARD&&e(_t,{}),v.view.type===Ke.PAY_WITH_COINS&&e(Ot,{}),v.view.type===Ke.SALE_FAIL&&e(Pt,{biomeTheme:A,errorType:v.view.data?.errorType,transactionHash:v.view.data?.transactionHash,blockExplorerLink:we.getTransactionLink(f.current,v.view.data?.transactionHash)}),v.view.type===Ke.ORDER_SUMMARY&&e(an,{subView:v.view.subView}),v.view.type===Y.TOP_UP_VIEW&&e(xe,{analytics:{userJourney:I.SALE},widgetEvent:Ee.IMTBL_SALE_WIDGET_EVENT,checkout:m,provider:E,showOnrampOption:r.isOnRampEnabled,showSwapOption:r.isSwapEnabled,showBridgeOption:r.isBridgeEnabled,onCloseButtonClick:()=>_(y),onBackButtonClick:()=>{S({payload:{type:g.UPDATE_VIEW,view:{type:Ke.PAYMENT_METHODS}}})},amount:v.view.data?.amount,tokenAddress:v.view.data?.tokenAddress,heading:v.view.data?.heading,subheading:v.view.data?.subheading}),e(sn,{})]})})})}!function(e){e.LOADING="LOADING",e.EXECUTE_SWAP="EXECUTE_SWAP",e.EXECUTE_BRIDGE="EXECUTE_BRIDGE",e.EXECUTE_ON_RAMP="EXECUTE_ON_RAMP",e.SWITCH_NETWORK_ETH="SWITCH_NETWORK_ETH",e.SWITCH_NETWORK_ZKEVM="SWITCH_NETWORK_ZKEVM"}(tn||(tn={}));export{on as default};

package/dist/browser/checkout/index-7aeb7812.js

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