@imtbl/sdk 1.45.0 → 1.45.1

package/dist/index.cjs

@@ -215,7 +215,7 @@ const flattenProperties$1 = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION$1 = '1.45.0';
+const SDK_VERSION$1 = '1.45.1';
 const getFrameParentDomain$1 = () => {
     if (isNode$1()) {
         return '';
@@ -14280,7 +14280,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.45.0' };
+const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 const createConfig$1 = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -14352,7 +14352,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders$1 = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.45.0',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.45.1',
 };
 /**
  * createAPIConfiguration to create a custom Configuration
@@ -14826,7 +14826,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.45.0' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -14867,7 +14867,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.45.0',
+    sdkVersion: 'ts-immutable-sdk-1.45.1',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({
@@ -29630,8 +29630,10 @@ class ConfirmationScreen {
             });
             this.overlay = new Overlay(this.config.popupOverlayOptions);
         }
-        catch (e) {
+        catch (error) {
             // If an error is thrown here then the popup is blocked
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            trackError$1('passport', 'confirmationPopupDenied', new Error(errorMessage));
             this.overlay = new Overlay(this.config.popupOverlayOptions, true);
         }
         this.overlay.append(() => {
@@ -52580,7 +52582,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.45.0';
+const SDK_VERSION = '1.45.1';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -57902,7 +57904,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: ethers.BigNumber.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.45.0';
+const SDK_VERSION_MARKER = '1.45.1';
 // This SDK version is replaced by the `yarn build` command ran on the root level
 const globalPackageVersion = () => SDK_VERSION_MARKER;
 

package/dist/index.js

@@ -192,7 +192,7 @@ const flattenProperties$1 = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION$1 = '1.45.0';
+const SDK_VERSION$1 = '1.45.1';
 const getFrameParentDomain$1 = () => {
     if (isNode$1()) {
         return '';
@@ -14257,7 +14257,7 @@ class MultiRollupApiClients {
 }
 
 // eslint-disable-next-line @typescript-eslint/naming-convention
-const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.45.0' };
+const defaultHeaders$2 = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 const createConfig$1 = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -14329,7 +14329,7 @@ class APIError extends Error {
 
 /* eslint-disable implicit-arrow-linebreak */
 const defaultHeaders$1 = {
-    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.45.0',
+    sdkVersion: 'ts-immutable-sdk-multi-rollup-api-client-1.45.1',
 };
 /**
  * createAPIConfiguration to create a custom Configuration
@@ -14803,7 +14803,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.45.0' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -14844,7 +14844,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.45.0',
+    sdkVersion: 'ts-immutable-sdk-1.45.1',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({
@@ -29607,8 +29607,10 @@ class ConfirmationScreen {
             });
             this.overlay = new Overlay(this.config.popupOverlayOptions);
         }
-        catch (e) {
+        catch (error) {
             // If an error is thrown here then the popup is blocked
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            trackError$1('passport', 'confirmationPopupDenied', new Error(errorMessage));
             this.overlay = new Overlay(this.config.popupOverlayOptions, true);
         }
         this.overlay.append(() => {
@@ -52557,7 +52559,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.45.0';
+const SDK_VERSION = '1.45.1';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -57879,7 +57881,7 @@ const IMMUTABLE_ZKVEM_GAS_OVERRIDES = {
     maxPriorityFeePerGas: BigNumber$1.from(10e9),
 };
 
-const SDK_VERSION_MARKER = '1.45.0';
+const SDK_VERSION_MARKER = '1.45.1';
 // 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

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

package/dist/orderbook.js

@@ -149,7 +149,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.45.0';
+const SDK_VERSION = '1.45.1';
 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.45.0' };
+const defaultHeaders$1 = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 const createConfig$1 = ({ basePath, headers, }) => {
     if (!basePath.trim()) {
         throw Error('basePath can not be empty');
@@ -11668,7 +11668,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.45.0';
+const SDK_VERSION = '1.45.1';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -12096,7 +12096,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.45.0' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -12137,7 +12137,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.45.0',
+    sdkVersion: 'ts-immutable-sdk-1.45.1',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({
@@ -21790,8 +21790,10 @@ class ConfirmationScreen {
             });
             this.overlay = new Overlay(this.config.popupOverlayOptions);
         }
-        catch (e) {
+        catch (error) {
             // If an error is thrown here then the popup is blocked
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            trackError('passport', 'confirmationPopupDenied', new Error(errorMessage));
             this.overlay = new Overlay(this.config.popupOverlayOptions, true);
         }
         this.overlay.append(() => {

package/dist/webhook.js

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

package/dist/x.js

@@ -9019,7 +9019,7 @@ const flattenProperties = (properties) => {
 };
 
 // WARNING: DO NOT CHANGE THE STRING BELOW. IT GETS REPLACED AT BUILD TIME.
-const SDK_VERSION = '1.45.0';
+const SDK_VERSION = '1.45.1';
 const getFrameParentDomain = () => {
     if (isNode()) {
         return '';
@@ -9288,7 +9288,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.45.0' };
+const defaultHeaders = { 'x-sdk-version': 'ts-immutable-sdk-1.45.1' };
 /**
  * @dev use createImmutableXConfiguration instead
  */
@@ -9329,7 +9329,7 @@ const createImmutableXConfiguration = ({ basePath, chainID, coreContractAddress,
     coreContractAddress,
     registrationContractAddress,
     registrationV4ContractAddress,
-    sdkVersion: 'ts-immutable-sdk-1.45.0',
+    sdkVersion: 'ts-immutable-sdk-1.45.1',
     baseConfig,
 });
 const production = ({ baseConfig }) => createImmutableXConfiguration({

package/package.json

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

package/dist/browser/checkout/SaleWidget-6d726c41.js

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

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

@@ -1 +0,0 @@
-import{cF as n,cG as t}from"./index-9bf3a185.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-3937a859.js").then((function(n){return n.i}))];case 1:return n=t.sent(),i._plugins=n,[2]}}))}))}export{i as loadLegacyVideoPlugins};