@crossmint/client-sdk-react-ui 1.10.1 → 1.10.3

package/dist/{chunk-HENBZUED.cjs → chunk-2EYYCX3O.cjs}

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// package.json
-var version = "1.10.1";
+var version = "1.10.3";
 
 // src/consts/version.ts
 var LIB_VERSION = version;
@@ -7,4 +7,4 @@ var LIB_VERSION = version;
 
 
 exports.LIB_VERSION = LIB_VERSION;
-//# sourceMappingURL=chunk-HENBZUED.cjs.map
+//# sourceMappingURL=chunk-2EYYCX3O.cjs.map

package/dist/chunk-2EYYCX3O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../src/consts/version.ts"],"names":[],"mappings":";AAEI,cAAW;;;ACAR,IAAM,cAAc","sourcesContent":["{\n    \"name\": \"@crossmint/client-sdk-react-ui\",\n    \"version\": \"1.10.3\",\n    \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n    \"license\": \"Apache-2.0\",\n    \"author\": \"Paella Labs Inc\",\n    \"sideEffects\": false,\n    \"type\": \"module\",\n    \"exports\": {\n        \"import\": \"./dist/index.js\",\n        \"require\": \"./dist/index.cjs\"\n    },\n    \"main\": \"./dist/index.cjs\",\n    \"module\": \"./dist/index.js\",\n    \"types\": \"./dist/index.d.ts\",\n    \"files\": [\"dist\", \"src\", \"LICENSE\"],\n    \"scripts\": {\n        \"build\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup\",\n        \"dev\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch\",\n        \"test:vitest\": \"vitest run\"\n    },\n    \"dependencies\": {\n        \"@crossmint/client-sdk-auth\": \"workspace:*\",\n        \"@crossmint/client-sdk-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-smart-wallet\": \"workspace:*\",\n        \"@crossmint/client-sdk-window\": \"workspace:*\",\n        \"@crossmint/common-sdk-auth\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@dynamic-labs/ethereum\": \"2.6.3\",\n        \"@dynamic-labs/sdk-react-core\": \"2.6.3\",\n        \"@dynamic-labs/solana\": \"2.6.3\",\n        \"@ethersproject/transactions\": \"5.7.0\",\n        \"@farcaster/auth-kit\": \"0.6.0\",\n        \"@headlessui/react\": \"2.1.5\",\n        \"@radix-ui/react-dialog\": \"1.1.2\",\n        \"@radix-ui/react-visually-hidden\": \"1.1.0\",\n        \"@solana/web3.js\": \"1.95.1\",\n        \"@tanstack/react-query\": \"5.51.18\",\n        \"@twind/core\": \"1.1.3\",\n        \"@twind/preset-tailwind\": \"1.1.4\",\n        \"@wagmi/connectors\": \"5.3.3\",\n        \"bs58\": \"5.0.0\",\n        \"clsx\": \"2.1.1\",\n        \"color\": \"4.2.3\",\n        \"input-otp\": \"1.2.4\",\n        \"lodash.isequal\": \"4.5.0\",\n        \"react-jss\": \"10.10.0\",\n        \"tailwind-merge\": \"2.4.0\",\n        \"tailwindcss\": \"3.4.10\",\n        \"viem\": \"2.17.5\",\n        \"wagmi\": \"2.12.25\",\n        \"zod\": \"3.22.4\"\n    },\n    \"devDependencies\": {\n        \"@testing-library/react\": \"^16.0.1\",\n        \"@types/color\": \"4.2.0\",\n        \"@types/lodash.isequal\": \"4.5.6\",\n        \"@types/react\": \"^18.3.0\",\n        \"@types/react-dom\": \"^18.3.0\",\n        \"react\": \"^18.3.0\",\n        \"react-dom\": \"^18.3.0\"\n    },\n    \"peerDependencies\": {\n        \"react\": \">=17.0.2\",\n        \"react-dom\": \">=17.0.2\"\n    }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n"]}

package/dist/{chunk-W3SNJ5XS.cjs → chunk-5H7AYX72.cjs}

@@ -7,7 +7,7 @@ var _chunkQ3M4UH5Ucjs = require('./chunk-Q3M4UH5U.cjs');
 var _chunkKLWDDALZcjs = require('./chunk-KLWDDALZ.cjs');
 
 
-var _chunkHENBZUEDcjs = require('./chunk-HENBZUED.cjs');
+var _chunk2EYYCX3Ocjs = require('./chunk-2EYYCX3O.cjs');
 
 
 
@@ -91,7 +91,7 @@ function CrossmintPayButton(buttonProps) {
     showOverlay,
     dismissOverlayOnClick,
     setConnecting,
-    libVersion: _chunkHENBZUEDcjs.LIB_VERSION,
+    libVersion: _chunk2EYYCX3Ocjs.LIB_VERSION,
     environment,
     clientName: _clientsdkbase.clientNames.reactUi,
     locale,
@@ -150,4 +150,4 @@ function CrossmintPayButton(buttonProps) {
 
 
 exports.CrossmintPayButton = CrossmintPayButton;
-//# sourceMappingURL=chunk-W3SNJ5XS.cjs.map
+//# sourceMappingURL=chunk-5H7AYX72.cjs.map

package/dist/{chunk-HG57BLPT.js → chunk-74SNQV3K.js}

@@ -1,6 +1,6 @@
 import {
   LIB_VERSION
-} from "./chunk-5IX763AW.js";
+} from "./chunk-O4DWHB3U.js";
 
 // src/components/CrossmintNFTDetail.tsx
 import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from "@crossmint/client-sdk-base";
@@ -28,4 +28,4 @@ function CrossmintNFTDetail(props) {
 export {
   CrossmintNFTDetail
 };
-//# sourceMappingURL=chunk-HG57BLPT.js.map
+//# sourceMappingURL=chunk-74SNQV3K.js.map

package/dist/{chunk-WQ7WULBW.cjs → chunk-7EGLPJKV.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHENBZUEDcjs = require('./chunk-HENBZUED.cjs');
+var _chunk2EYYCX3Ocjs = require('./chunk-2EYYCX3O.cjs');
 
 // src/components/CrossmintNFTDetail.tsx
 var _clientsdkbase = require('@crossmint/client-sdk-base');
 var _jsxruntime = require('react/jsx-runtime');
 function CrossmintNFTDetail(props) {
   _clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, props);
-  const src = _clientsdkbase.getNFTDetailSrc.call(void 0, props, _chunkHENBZUEDcjs.LIB_VERSION);
+  const src = _clientsdkbase.getNFTDetailSrc.call(void 0, props, _chunk2EYYCX3Ocjs.LIB_VERSION);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "iframe",
     {
@@ -28,4 +28,4 @@ function CrossmintNFTDetail(props) {
 
 
 exports.CrossmintNFTDetail = CrossmintNFTDetail;
-//# sourceMappingURL=chunk-WQ7WULBW.cjs.map
+//# sourceMappingURL=chunk-7EGLPJKV.cjs.map

package/dist/chunk-A6Q4Z5TO.js

@@ -0,0 +1,31 @@
+import {
+  __async,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/v3/crypto/utils/handleSendTransaction.ts
+function handleSendTransaction(primaryWallet, chain, serializedTransaction, iframeClient) {
+  return __async(this, null, function* () {
+    const commonParams = {
+      chain,
+      serializedTransaction,
+      iframeClient
+    };
+    switch (primaryWallet.chain) {
+      case "EVM":
+        const { handleEvmTransaction } = yield import("./components/embed/v3/crypto/utils/handleEvmTransaction.js");
+        return yield handleEvmTransaction(__spreadProps(__spreadValues({}, commonParams), { primaryWallet }));
+      case "SOL":
+        const { handleSolanaTransaction } = yield import("./components/embed/v3/crypto/utils/handleSolanaTransaction.js");
+        return yield handleSolanaTransaction(__spreadProps(__spreadValues({}, commonParams), { primaryWallet }));
+      default:
+        throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);
+    }
+  });
+}
+
+export {
+  handleSendTransaction
+};
+//# sourceMappingURL=chunk-A6Q4Z5TO.js.map

package/dist/chunk-A6Q4Z5TO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/utils/handleSendTransaction.ts"],"sourcesContent":["import type { Wallet } from \"@dynamic-labs/sdk-react-core\";\nimport type { BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\n\nexport async function handleSendTransaction(\n    primaryWallet: Wallet,\n    chain: BlockchainIncludingTestnet,\n    serializedTransaction: string,\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter\n) {\n    const commonParams = {\n        chain,\n        serializedTransaction,\n        iframeClient,\n    };\n\n    switch (primaryWallet.chain) {\n        case \"EVM\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleEvmTransaction } = await import(\"./handleEvmTransaction\");\n            return await handleEvmTransaction({ ...commonParams, primaryWallet });\n        case \"SOL\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleSolanaTransaction } = await import(\"./handleSolanaTransaction\");\n            return await handleSolanaTransaction({ ...commonParams, primaryWallet });\n        default:\n            throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);\n    }\n}\n"],"mappings":";;;;;;;AAIA,SAAsB,sBAClB,eACA,OACA,uBACA,cACF;AAAA;AACE,UAAM,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAEA,YAAQ,cAAc,OAAO;AAAA,MACzB,KAAK;AAED,cAAM,EAAE,qBAAqB,IAAI,MAAM,OAAO,4DAAwB;AACtE,eAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MACxE,KAAK;AAED,cAAM,EAAE,wBAAwB,IAAI,MAAM,OAAO,+DAA2B;AAC5E,eAAO,MAAM,wBAAwB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MAC3E;AACI,cAAM,IAAI,MAAM,gDAAgD,cAAc,KAAK,EAAE;AAAA,IAC7F;AAAA,EACJ;AAAA;","names":[]}

package/dist/chunk-AUCL5NPW.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/crypto/utils/handleSendTransaction.ts
+function handleSendTransaction(primaryWallet, chain, serializedTransaction, iframeClient) {
+  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+    const commonParams = {
+      chain,
+      serializedTransaction,
+      iframeClient
+    };
+    switch (primaryWallet.chain) {
+      case "EVM":
+        const { handleEvmTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleEvmTransaction.cjs")));
+        return yield handleEvmTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
+      case "SOL":
+        const { handleSolanaTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleSolanaTransaction.cjs")));
+        return yield handleSolanaTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
+      default:
+        throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);
+    }
+  });
+}
+
+
+
+exports.handleSendTransaction = handleSendTransaction;
+//# sourceMappingURL=chunk-AUCL5NPW.cjs.map

package/dist/chunk-AUCL5NPW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/utils/handleSendTransaction.ts"],"names":[],"mappings":";;;;;;;AAIA,SAAsB,sBAClB,eACA,OACA,uBACA,cACF;AAAA;AACE,UAAM,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAEA,YAAQ,cAAc,OAAO;AAAA,MACzB,KAAK;AAED,cAAM,EAAE,qBAAqB,IAAI,MAAM,OAAO,6DAAwB;AACtE,eAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MACxE,KAAK;AAED,cAAM,EAAE,wBAAwB,IAAI,MAAM,OAAO,gEAA2B;AAC5E,eAAO,MAAM,wBAAwB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MAC3E;AACI,cAAM,IAAI,MAAM,gDAAgD,cAAc,KAAK,EAAE;AAAA,IAC7F;AAAA,EACJ;AAAA","sourcesContent":["import type { Wallet } from \"@dynamic-labs/sdk-react-core\";\nimport type { BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\n\nexport async function handleSendTransaction(\n    primaryWallet: Wallet,\n    chain: BlockchainIncludingTestnet,\n    serializedTransaction: string,\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter\n) {\n    const commonParams = {\n        chain,\n        serializedTransaction,\n        iframeClient,\n    };\n\n    switch (primaryWallet.chain) {\n        case \"EVM\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleEvmTransaction } = await import(\"./handleEvmTransaction\");\n            return await handleEvmTransaction({ ...commonParams, primaryWallet });\n        case \"SOL\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleSolanaTransaction } = await import(\"./handleSolanaTransaction\");\n            return await handleSolanaTransaction({ ...commonParams, primaryWallet });\n        default:\n            throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);\n    }\n}\n"]}

package/dist/{chunk-3C5IQSUX.cjs → chunk-GBW67Z6V.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkY7PF2Z3Wcjs = require('./chunk-Y7PF2Z3W.cjs');
+var _chunkNGWVWCWPcjs = require('./chunk-NGWVWCWP.cjs');
 
 
 var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
@@ -13,7 +13,7 @@ function CrossmintCheckoutProvider({ children }) {
   const [order, setOrder] = _react.useState.call(void 0, void 0);
   const [orderClientSecret, setOrderClientSecret] = _react.useState.call(void 0, void 0);
   const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
-  const apiClient = _chunkY7PF2Z3Wcjs.createCrossmintApiClient.call(void 0, crossmint, {
+  const apiClient = _chunkNGWVWCWPcjs.createCrossmintApiClient.call(void 0, crossmint, {
     usageOrigin: "client"
   });
   _react.useEffect.call(void 0, () => {
@@ -47,4 +47,4 @@ function useCrossmintCheckout() {
 
 
 exports.CrossmintCheckoutProvider = CrossmintCheckoutProvider; exports.useCrossmintCheckout = useCrossmintCheckout;
-//# sourceMappingURL=chunk-3C5IQSUX.cjs.map
+//# sourceMappingURL=chunk-GBW67Z6V.cjs.map

package/dist/{chunk-W2Q46OO4.js → chunk-GHIVSSM5.js}

@@ -1,6 +1,6 @@
 import {
   EmbeddedCheckoutV3IFrame
-} from "./chunk-QIPMBCAV.js";
+} from "./chunk-GM7C5PE4.js";
 import {
   __spreadValues
 } from "./chunk-CRTRMMJ7.js";
@@ -14,4 +14,4 @@ function CrossmintEmbeddedCheckout_Alpha(props) {
 export {
   CrossmintEmbeddedCheckout_Alpha
 };
-//# sourceMappingURL=chunk-W2Q46OO4.js.map
+//# sourceMappingURL=chunk-GHIVSSM5.js.map

package/dist/{chunk-QIPMBCAV.js → chunk-GM7C5PE4.js}

@@ -1,6 +1,6 @@
 import {
   createCrossmintApiClient
-} from "./chunk-L3L7YEW3.js";
+} from "./chunk-R2H6H2HY.js";
 import {
   useCrossmint
 } from "./chunk-3J6CUUWT.js";
@@ -76,11 +76,12 @@ function EmbeddedCheckoutV3IFrame(props) {
         iframeClient,
         apiKeyEnvironment: apiClient["parsedAPIKey"].environment
       }
-    ) : null
+    ) : null,
+    /* @__PURE__ */ jsx("span", { id: "crossmint-focus-target", tabIndex: -1 })
   ] });
 }
 
 export {
   EmbeddedCheckoutV3IFrame
 };
-//# sourceMappingURL=chunk-QIPMBCAV.js.map
+//# sourceMappingURL=chunk-GM7C5PE4.js.map

package/dist/{chunk-QIPMBCAV.js.map → chunk-GM7C5PE4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { lazy, useEffect, useRef, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutV3Props,\n    type EmbeddedCheckoutV3IFrameEmitter,\n    crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nconst CryptoWalletConnectionHandler = lazy(() =>\n    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n    import(\"./crypto/CryptoWalletConnectionHandler\").then((mod) => ({\n        default: mod.CryptoWalletConnectionHandler,\n    }))\n);\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n    const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n    const [height, setHeight] = useState(0);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embedV3Service = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n    const ref = useRef<HTMLIFrameElement>(null);\n\n    useEffect(() => {\n        const iframe = ref.current;\n        if (!iframe || iframeClient) {\n            return;\n        }\n        setIframeClient(embedV3Service.iframe.createClient(iframe));\n    }, [ref.current, iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n        return () => {\n            iframeClient.off(\"ui:height.changed\");\n        };\n    }, [iframeClient]);\n\n    return (\n        <>\n            <iframe\n                ref={ref}\n                src={embedV3Service.iframe.getUrl(props)}\n                id=\"crossmint-embedded-checkout.iframe\"\n                role=\"crossmint-embedded-checkout.iframe\"\n                allow=\"payment *\"\n                style={{\n                    boxShadow: \"none\",\n                    border: \"none\",\n                    padding: \"0px\",\n                    width: \"100%\",\n                    minWidth: \"100%\",\n                    overflow: \"hidden\",\n                    display: \"block\",\n                    userSelect: \"none\",\n                    transform: \"translate(0px)\",\n                    opacity: \"1\",\n                    transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                    height: `${height}px`,\n                    backgroundColor: \"transparent\",\n                }}\n            />\n            {props.payment.crypto.enabled ? (\n                <CryptoWalletConnectionHandler\n                    iframeClient={iframeClient}\n                    apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n                />\n            ) : null}\n        </>\n    );\n}\n"],"mappings":";;;;;;;;AACA,SAAS,MAAM,WAAW,QAAQ,gBAAgB;AAElD;AAAA,EAGI;AAAA,OACG;AA2CC,mBACI,KADJ;AAvCR,IAAM,gCAAgC;AAAA,EAAK;AAAA;AAAA,IAEvC,OAAO,+DAAwC,EAAE,KAAK,CAAC,SAAS;AAAA,MAC5D,SAAS,IAAI;AAAA,IACjB,EAAE;AAAA;AACN;AAEO,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,iBAAiB,mCAAmC,EAAE,UAAU,CAAC;AAEvE,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,eAAe,OAAO,aAAa,MAAM,CAAC;AAAA,EAC9D,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,eAAe,OAAO,OAAO,KAAK;AAAA,QACvC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,KACR;AAER;","names":[]}
+{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { lazy, useEffect, useRef, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutV3Props,\n    type EmbeddedCheckoutV3IFrameEmitter,\n    crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nconst CryptoWalletConnectionHandler = lazy(() =>\n    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n    import(\"./crypto/CryptoWalletConnectionHandler\").then((mod) => ({\n        default: mod.CryptoWalletConnectionHandler,\n    }))\n);\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n    const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n    const [height, setHeight] = useState(0);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embedV3Service = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n    const ref = useRef<HTMLIFrameElement>(null);\n\n    useEffect(() => {\n        const iframe = ref.current;\n        if (!iframe || iframeClient) {\n            return;\n        }\n        setIframeClient(embedV3Service.iframe.createClient(iframe));\n    }, [ref.current, iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n        return () => {\n            iframeClient.off(\"ui:height.changed\");\n        };\n    }, [iframeClient]);\n\n    return (\n        <>\n            <iframe\n                ref={ref}\n                src={embedV3Service.iframe.getUrl(props)}\n                id=\"crossmint-embedded-checkout.iframe\"\n                role=\"crossmint-embedded-checkout.iframe\"\n                allow=\"payment *\"\n                style={{\n                    boxShadow: \"none\",\n                    border: \"none\",\n                    padding: \"0px\",\n                    width: \"100%\",\n                    minWidth: \"100%\",\n                    overflow: \"hidden\",\n                    display: \"block\",\n                    userSelect: \"none\",\n                    transform: \"translate(0px)\",\n                    opacity: \"1\",\n                    transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                    height: `${height}px`,\n                    backgroundColor: \"transparent\",\n                }}\n            />\n            {props.payment.crypto.enabled ? (\n                <CryptoWalletConnectionHandler\n                    iframeClient={iframeClient}\n                    apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n                />\n            ) : null}\n            <span id=\"crossmint-focus-target\" tabIndex={-1} />\n        </>\n    );\n}\n"],"mappings":";;;;;;;;AACA,SAAS,MAAM,WAAW,QAAQ,gBAAgB;AAElD;AAAA,EAGI;AAAA,OACG;AA2CC,mBACI,KADJ;AAvCR,IAAM,gCAAgC;AAAA,EAAK;AAAA;AAAA,IAEvC,OAAO,+DAAwC,EAAE,KAAK,CAAC,SAAS;AAAA,MAC5D,SAAS,IAAI;AAAA,IACjB,EAAE;AAAA;AACN;AAEO,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,iBAAiB,mCAAmC,EAAE,UAAU,CAAC;AAEvE,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,eAAe,OAAO,aAAa,MAAM,CAAC;AAAA,EAC9D,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,eAAe,OAAO,OAAO,KAAK;AAAA,QACvC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,IACJ,oBAAC,UAAK,IAAG,0BAAyB,UAAU,IAAI;AAAA,KACpD;AAER;","names":[]}

package/dist/{chunk-YNJPYSO4.cjs → chunk-H2WTBOQ5.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSVI3L5G5cjs = require('./chunk-SVI3L5G5.cjs');
+var _chunkZRXZOZZZcjs = require('./chunk-ZRXZOZZZ.cjs');
 
 
 var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
@@ -8,10 +8,10 @@ var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
 // src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function CrossmintEmbeddedCheckout_Alpha(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSVI3L5G5cjs.EmbeddedCheckoutV3IFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRXZOZZZcjs.EmbeddedCheckoutV3IFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
 }
 
 
 
 exports.CrossmintEmbeddedCheckout_Alpha = CrossmintEmbeddedCheckout_Alpha;
-//# sourceMappingURL=chunk-YNJPYSO4.cjs.map
+//# sourceMappingURL=chunk-H2WTBOQ5.cjs.map

package/dist/{chunk-QKALEGXY.js → chunk-HXZYERJJ.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-L3FKENHU.js";
 import {
   LIB_VERSION
-} from "./chunk-5IX763AW.js";
+} from "./chunk-O4DWHB3U.js";
 import {
   __objRest,
   __spreadValues
@@ -150,4 +150,4 @@ function CrossmintPayButton(buttonProps) {
 export {
   CrossmintPayButton
 };
-//# sourceMappingURL=chunk-QKALEGXY.js.map
+//# sourceMappingURL=chunk-HXZYERJJ.js.map

package/dist/{chunk-TIQPIPH5.cjs → chunk-L5BIVHQJ.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHENBZUEDcjs = require('./chunk-HENBZUED.cjs');
+var _chunk2EYYCX3Ocjs = require('./chunk-2EYYCX3O.cjs');
 
 // src/components/CrossmintNFTCollectionView.tsx
 var _clientsdkbase = require('@crossmint/client-sdk-base');
 var _jsxruntime = require('react/jsx-runtime');
 function CrossmintNFTCollectionView(props) {
   _clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, props);
-  const src = _clientsdkbase.getNFTCollectionViewSrc.call(void 0, props, _chunkHENBZUEDcjs.LIB_VERSION);
+  const src = _clientsdkbase.getNFTCollectionViewSrc.call(void 0, props, _chunk2EYYCX3Ocjs.LIB_VERSION);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "iframe",
     {
@@ -28,4 +28,4 @@ function CrossmintNFTCollectionView(props) {
 
 
 exports.CrossmintNFTCollectionView = CrossmintNFTCollectionView;
-//# sourceMappingURL=chunk-TIQPIPH5.cjs.map
+//# sourceMappingURL=chunk-L5BIVHQJ.cjs.map

package/dist/{chunk-Y7PF2Z3W.cjs → chunk-NGWVWCWP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkHENBZUEDcjs = require('./chunk-HENBZUED.cjs');
+var _chunk2EYYCX3Ocjs = require('./chunk-2EYYCX3O.cjs');
 
 // src/utils/createCrossmintApiClient.ts
 var _commonsdkbase = require('@crossmint/common-sdk-base');
@@ -9,7 +9,7 @@ function createCrossmintApiClient(crossmint, apiKeyExpectations) {
     internalConfig: {
       sdkMetadata: {
         name: "@crossmint/client-sdk-react-ui",
-        version: _chunkHENBZUEDcjs.LIB_VERSION
+        version: _chunk2EYYCX3Ocjs.LIB_VERSION
       },
       apiKeyExpectations
     }
@@ -19,4 +19,4 @@ function createCrossmintApiClient(crossmint, apiKeyExpectations) {
 
 
 exports.createCrossmintApiClient = createCrossmintApiClient;
-//# sourceMappingURL=chunk-Y7PF2Z3W.cjs.map
+//# sourceMappingURL=chunk-NGWVWCWP.cjs.map

package/dist/{chunk-5IX763AW.js → chunk-O4DWHB3U.js}

@@ -1,5 +1,5 @@
 // package.json
-var version = "1.10.1";
+var version = "1.10.3";
 
 // src/consts/version.ts
 var LIB_VERSION = version;
@@ -7,4 +7,4 @@ var LIB_VERSION = version;
 export {
   LIB_VERSION
 };
-//# sourceMappingURL=chunk-5IX763AW.js.map
+//# sourceMappingURL=chunk-O4DWHB3U.js.map

package/dist/chunk-O4DWHB3U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../src/consts/version.ts"],"sourcesContent":["{\n    \"name\": \"@crossmint/client-sdk-react-ui\",\n    \"version\": \"1.10.3\",\n    \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n    \"license\": \"Apache-2.0\",\n    \"author\": \"Paella Labs Inc\",\n    \"sideEffects\": false,\n    \"type\": \"module\",\n    \"exports\": {\n        \"import\": \"./dist/index.js\",\n        \"require\": \"./dist/index.cjs\"\n    },\n    \"main\": \"./dist/index.cjs\",\n    \"module\": \"./dist/index.js\",\n    \"types\": \"./dist/index.d.ts\",\n    \"files\": [\"dist\", \"src\", \"LICENSE\"],\n    \"scripts\": {\n        \"build\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup\",\n        \"dev\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch\",\n        \"test:vitest\": \"vitest run\"\n    },\n    \"dependencies\": {\n        \"@crossmint/client-sdk-auth\": \"workspace:*\",\n        \"@crossmint/client-sdk-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-smart-wallet\": \"workspace:*\",\n        \"@crossmint/client-sdk-window\": \"workspace:*\",\n        \"@crossmint/common-sdk-auth\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@dynamic-labs/ethereum\": \"2.6.3\",\n        \"@dynamic-labs/sdk-react-core\": \"2.6.3\",\n        \"@dynamic-labs/solana\": \"2.6.3\",\n        \"@ethersproject/transactions\": \"5.7.0\",\n        \"@farcaster/auth-kit\": \"0.6.0\",\n        \"@headlessui/react\": \"2.1.5\",\n        \"@radix-ui/react-dialog\": \"1.1.2\",\n        \"@radix-ui/react-visually-hidden\": \"1.1.0\",\n        \"@solana/web3.js\": \"1.95.1\",\n        \"@tanstack/react-query\": \"5.51.18\",\n        \"@twind/core\": \"1.1.3\",\n        \"@twind/preset-tailwind\": \"1.1.4\",\n        \"@wagmi/connectors\": \"5.3.3\",\n        \"bs58\": \"5.0.0\",\n        \"clsx\": \"2.1.1\",\n        \"color\": \"4.2.3\",\n        \"input-otp\": \"1.2.4\",\n        \"lodash.isequal\": \"4.5.0\",\n        \"react-jss\": \"10.10.0\",\n        \"tailwind-merge\": \"2.4.0\",\n        \"tailwindcss\": \"3.4.10\",\n        \"viem\": \"2.17.5\",\n        \"wagmi\": \"2.12.25\",\n        \"zod\": \"3.22.4\"\n    },\n    \"devDependencies\": {\n        \"@testing-library/react\": \"^16.0.1\",\n        \"@types/color\": \"4.2.0\",\n        \"@types/lodash.isequal\": \"4.5.6\",\n        \"@types/react\": \"^18.3.0\",\n        \"@types/react-dom\": \"^18.3.0\",\n        \"react\": \"^18.3.0\",\n        \"react-dom\": \"^18.3.0\"\n    },\n    \"peerDependencies\": {\n        \"react\": \">=17.0.2\",\n        \"react-dom\": \">=17.0.2\"\n    }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n"],"mappings":";AAEI,cAAW;;;ACAR,IAAM,cAAc;","names":[]}

package/dist/{chunk-L3L7YEW3.js → chunk-R2H6H2HY.js}

@@ -1,6 +1,6 @@
 import {
   LIB_VERSION
-} from "./chunk-5IX763AW.js";
+} from "./chunk-O4DWHB3U.js";
 
 // src/utils/createCrossmintApiClient.ts
 import { CrossmintApiClient } from "@crossmint/common-sdk-base";
@@ -19,4 +19,4 @@ function createCrossmintApiClient(crossmint, apiKeyExpectations) {
 export {
   createCrossmintApiClient
 };
-//# sourceMappingURL=chunk-L3L7YEW3.js.map
+//# sourceMappingURL=chunk-R2H6H2HY.js.map

package/dist/{chunk-XRFRY2LN.js → chunk-WBKHUVJU.js}

@@ -1,6 +1,6 @@
 import {
   createCrossmintApiClient
-} from "./chunk-L3L7YEW3.js";
+} from "./chunk-R2H6H2HY.js";
 import {
   useCrossmint
 } from "./chunk-3J6CUUWT.js";
@@ -47,4 +47,4 @@ export {
   CrossmintCheckoutProvider,
   useCrossmintCheckout
 };
-//# sourceMappingURL=chunk-XRFRY2LN.js.map
+//# sourceMappingURL=chunk-WBKHUVJU.js.map

package/dist/{chunk-SVI3L5G5.cjs → chunk-ZRXZOZZZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunkY7PF2Z3Wcjs = require('./chunk-Y7PF2Z3W.cjs');
+var _chunkNGWVWCWPcjs = require('./chunk-NGWVWCWP.cjs');
 
 
 var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
@@ -23,7 +23,7 @@ function EmbeddedCheckoutV3IFrame(props) {
   const [iframeClient, setIframeClient] = _react.useState.call(void 0, null);
   const [height, setHeight] = _react.useState.call(void 0, 0);
   const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
-  const apiClient = _chunkY7PF2Z3Wcjs.createCrossmintApiClient.call(void 0, crossmint, {
+  const apiClient = _chunkNGWVWCWPcjs.createCrossmintApiClient.call(void 0, crossmint, {
     usageOrigin: "client"
   });
   const embedV3Service = _clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, { apiClient });
@@ -76,11 +76,12 @@ function EmbeddedCheckoutV3IFrame(props) {
         iframeClient,
         apiKeyEnvironment: apiClient["parsedAPIKey"].environment
       }
-    ) : null
+    ) : null,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "crossmint-focus-target", tabIndex: -1 })
   ] });
 }
 
 
 
 exports.EmbeddedCheckoutV3IFrame = EmbeddedCheckoutV3IFrame;
-//# sourceMappingURL=chunk-SVI3L5G5.cjs.map
+//# sourceMappingURL=chunk-ZRXZOZZZ.cjs.map

package/dist/chunk-ZRXZOZZZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"names":[],"mappings":";;;;;;;;AACA,SAAS,MAAM,WAAW,QAAQ,gBAAgB;AAElD;AAAA,EAGI;AAAA,OACG;AA2CC,mBACI,KADJ;AAvCR,IAAM,gCAAgC;AAAA,EAAK;AAAA;AAAA,IAEvC,OAAO,gEAAwC,EAAE,KAAK,CAAC,SAAS;AAAA,MAC5D,SAAS,IAAI;AAAA,IACjB,EAAE;AAAA;AACN;AAEO,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,iBAAiB,mCAAmC,EAAE,UAAU,CAAC;AAEvE,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,eAAe,OAAO,aAAa,MAAM,CAAC;AAAA,EAC9D,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,eAAe,OAAO,OAAO,KAAK;AAAA,QACvC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,IACJ,oBAAC,UAAK,IAAG,0BAAyB,UAAU,IAAI;AAAA,KACpD;AAER","sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { lazy, useEffect, useRef, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutV3Props,\n    type EmbeddedCheckoutV3IFrameEmitter,\n    crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nconst CryptoWalletConnectionHandler = lazy(() =>\n    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n    import(\"./crypto/CryptoWalletConnectionHandler\").then((mod) => ({\n        default: mod.CryptoWalletConnectionHandler,\n    }))\n);\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n    const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n    const [height, setHeight] = useState(0);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embedV3Service = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n    const ref = useRef<HTMLIFrameElement>(null);\n\n    useEffect(() => {\n        const iframe = ref.current;\n        if (!iframe || iframeClient) {\n            return;\n        }\n        setIframeClient(embedV3Service.iframe.createClient(iframe));\n    }, [ref.current, iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n        return () => {\n            iframeClient.off(\"ui:height.changed\");\n        };\n    }, [iframeClient]);\n\n    return (\n        <>\n            <iframe\n                ref={ref}\n                src={embedV3Service.iframe.getUrl(props)}\n                id=\"crossmint-embedded-checkout.iframe\"\n                role=\"crossmint-embedded-checkout.iframe\"\n                allow=\"payment *\"\n                style={{\n                    boxShadow: \"none\",\n                    border: \"none\",\n                    padding: \"0px\",\n                    width: \"100%\",\n                    minWidth: \"100%\",\n                    overflow: \"hidden\",\n                    display: \"block\",\n                    userSelect: \"none\",\n                    transform: \"translate(0px)\",\n                    opacity: \"1\",\n                    transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                    height: `${height}px`,\n                    backgroundColor: \"transparent\",\n                }}\n            />\n            {props.payment.crypto.enabled ? (\n                <CryptoWalletConnectionHandler\n                    iframeClient={iframeClient}\n                    apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n                />\n            ) : null}\n            <span id=\"crossmint-focus-target\" tabIndex={-1} />\n        </>\n    );\n}\n"]}

package/dist/{chunk-QTGK3RB5.js → chunk-ZRYD4SFA.js}

@@ -1,6 +1,6 @@
 import {
   LIB_VERSION
-} from "./chunk-5IX763AW.js";
+} from "./chunk-O4DWHB3U.js";
 
 // src/components/CrossmintNFTCollectionView.tsx
 import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from "@crossmint/client-sdk-base";
@@ -28,4 +28,4 @@ function CrossmintNFTCollectionView(props) {
 export {
   CrossmintNFTCollectionView
 };
-//# sourceMappingURL=chunk-QTGK3RB5.js.map
+//# sourceMappingURL=chunk-ZRYD4SFA.js.map

package/dist/components/CrossmintNFTCollectionView.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTIQPIPH5cjs = require('../chunk-TIQPIPH5.cjs');
-require('../chunk-HENBZUED.cjs');
+var _chunkL5BIVHQJcjs = require('../chunk-L5BIVHQJ.cjs');
+require('../chunk-2EYYCX3O.cjs');
 require('../chunk-4DAZAO6Y.cjs');
 
 
-exports.CrossmintNFTCollectionView = _chunkTIQPIPH5cjs.CrossmintNFTCollectionView;
+exports.CrossmintNFTCollectionView = _chunkL5BIVHQJcjs.CrossmintNFTCollectionView;
 //# sourceMappingURL=CrossmintNFTCollectionView.cjs.map

package/dist/components/CrossmintNFTCollectionView.js

@@ -1,7 +1,7 @@
 import {
   CrossmintNFTCollectionView
-} from "../chunk-QTGK3RB5.js";
-import "../chunk-5IX763AW.js";
+} from "../chunk-ZRYD4SFA.js";
+import "../chunk-O4DWHB3U.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   CrossmintNFTCollectionView

package/dist/components/CrossmintNFTDetail.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWQ7WULBWcjs = require('../chunk-WQ7WULBW.cjs');
-require('../chunk-HENBZUED.cjs');
+var _chunk7EGLPJKVcjs = require('../chunk-7EGLPJKV.cjs');
+require('../chunk-2EYYCX3O.cjs');
 require('../chunk-4DAZAO6Y.cjs');
 
 
-exports.CrossmintNFTDetail = _chunkWQ7WULBWcjs.CrossmintNFTDetail;
+exports.CrossmintNFTDetail = _chunk7EGLPJKVcjs.CrossmintNFTDetail;
 //# sourceMappingURL=CrossmintNFTDetail.cjs.map

package/dist/components/CrossmintNFTDetail.js

@@ -1,7 +1,7 @@
 import {
   CrossmintNFTDetail
-} from "../chunk-HG57BLPT.js";
-import "../chunk-5IX763AW.js";
+} from "../chunk-74SNQV3K.js";
+import "../chunk-O4DWHB3U.js";
 import "../chunk-CRTRMMJ7.js";
 export {
   CrossmintNFTDetail

package/dist/components/auth/AuthForm.cjs

@@ -25,11 +25,11 @@ require('../../chunk-URKPLEPV.cjs');
 require('../../chunk-HPOZ6I54.cjs');
 require('../../chunk-YE55IKBP.cjs');
 require('../../chunk-ENCR5SUW.cjs');
-require('../../chunk-3C5IQSUX.cjs');
-require('../../chunk-Y7PF2Z3W.cjs');
+require('../../chunk-GBW67Z6V.cjs');
+require('../../chunk-NGWVWCWP.cjs');
 require('../../chunk-KEKBOJCF.cjs');
 require('../../chunk-A2JCJ2OV.cjs');
-require('../../chunk-HENBZUED.cjs');
+require('../../chunk-2EYYCX3O.cjs');
 require('../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/AuthForm.js

@@ -25,11 +25,11 @@ import "../../chunk-I63FQCIV.js";
 import "../../chunk-ZIHCLVCD.js";
 import "../../chunk-H4F7UVPT.js";
 import "../../chunk-YWVQCHQF.js";
-import "../../chunk-XRFRY2LN.js";
-import "../../chunk-L3L7YEW3.js";
+import "../../chunk-WBKHUVJU.js";
+import "../../chunk-R2H6H2HY.js";
 import "../../chunk-3J6CUUWT.js";
 import "../../chunk-AUEQQ4D3.js";
-import "../../chunk-5IX763AW.js";
+import "../../chunk-O4DWHB3U.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   AuthForm

package/dist/components/auth/AuthFormDialog.cjs

@@ -25,11 +25,11 @@ require('../../chunk-URKPLEPV.cjs');
 require('../../chunk-HPOZ6I54.cjs');
 require('../../chunk-YE55IKBP.cjs');
 require('../../chunk-ENCR5SUW.cjs');
-require('../../chunk-3C5IQSUX.cjs');
-require('../../chunk-Y7PF2Z3W.cjs');
+require('../../chunk-GBW67Z6V.cjs');
+require('../../chunk-NGWVWCWP.cjs');
 require('../../chunk-KEKBOJCF.cjs');
 require('../../chunk-A2JCJ2OV.cjs');
-require('../../chunk-HENBZUED.cjs');
+require('../../chunk-2EYYCX3O.cjs');
 require('../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/AuthFormDialog.js

@@ -25,11 +25,11 @@ import "../../chunk-I63FQCIV.js";
 import "../../chunk-ZIHCLVCD.js";
 import "../../chunk-H4F7UVPT.js";
 import "../../chunk-YWVQCHQF.js";
-import "../../chunk-XRFRY2LN.js";
-import "../../chunk-L3L7YEW3.js";
+import "../../chunk-WBKHUVJU.js";
+import "../../chunk-R2H6H2HY.js";
 import "../../chunk-3J6CUUWT.js";
 import "../../chunk-AUEQQ4D3.js";
-import "../../chunk-5IX763AW.js";
+import "../../chunk-O4DWHB3U.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   AuthFormDialog as default

package/dist/components/auth/EmbeddedAuthForm.cjs

@@ -26,11 +26,11 @@ require('../../chunk-URKPLEPV.cjs');
 require('../../chunk-HPOZ6I54.cjs');
 require('../../chunk-YE55IKBP.cjs');
 require('../../chunk-ENCR5SUW.cjs');
-require('../../chunk-3C5IQSUX.cjs');
-require('../../chunk-Y7PF2Z3W.cjs');
+require('../../chunk-GBW67Z6V.cjs');
+require('../../chunk-NGWVWCWP.cjs');
 require('../../chunk-KEKBOJCF.cjs');
 require('../../chunk-A2JCJ2OV.cjs');
-require('../../chunk-HENBZUED.cjs');
+require('../../chunk-2EYYCX3O.cjs');
 require('../../chunk-4DAZAO6Y.cjs');
 
 

package/dist/components/auth/EmbeddedAuthForm.js

@@ -26,11 +26,11 @@ import "../../chunk-I63FQCIV.js";
 import "../../chunk-ZIHCLVCD.js";
 import "../../chunk-H4F7UVPT.js";
 import "../../chunk-YWVQCHQF.js";
-import "../../chunk-XRFRY2LN.js";
-import "../../chunk-L3L7YEW3.js";
+import "../../chunk-WBKHUVJU.js";
+import "../../chunk-R2H6H2HY.js";
 import "../../chunk-3J6CUUWT.js";
 import "../../chunk-AUEQQ4D3.js";
-import "../../chunk-5IX763AW.js";
+import "../../chunk-O4DWHB3U.js";
 import "../../chunk-CRTRMMJ7.js";
 export {
   EmbeddedAuthForm

package/dist/components/auth/methods/email/EmailAuthFlow.cjs

@@ -25,11 +25,11 @@ require('../../../../chunk-URKPLEPV.cjs');
 require('../../../../chunk-HPOZ6I54.cjs');
 require('../../../../chunk-YE55IKBP.cjs');
 require('../../../../chunk-ENCR5SUW.cjs');
-require('../../../../chunk-3C5IQSUX.cjs');
-require('../../../../chunk-Y7PF2Z3W.cjs');
+require('../../../../chunk-GBW67Z6V.cjs');
+require('../../../../chunk-NGWVWCWP.cjs');
 require('../../../../chunk-KEKBOJCF.cjs');
 require('../../../../chunk-A2JCJ2OV.cjs');
-require('../../../../chunk-HENBZUED.cjs');
+require('../../../../chunk-2EYYCX3O.cjs');
 require('../../../../chunk-4DAZAO6Y.cjs');