@crossmint/client-sdk-react-ui 1.18.4 → 1.19.0-alpha.0

package/dist/chunk-WS6OOSH7.js

@@ -0,0 +1,110 @@
+// src/twind.config.ts
+import { defineConfig } from "@twind/core";
+import presetTailwind from "@twind/preset-tailwind";
+var twind_config_default = defineConfig({
+  presets: [presetTailwind({ disablePreflight: true })],
+  theme: {
+    extend: {
+      colors: {
+        // Crossmint colors (cm- prefix)
+        "cm-text-primary": "#00150D",
+        "cm-text-secondary": "#67797F",
+        "cm-background-primary": "#FFFFFF",
+        "cm-muted-primary": "#F0F2F4",
+        "cm-hover": "#E9ECF0",
+        "cm-border": "#D9D9D9",
+        "cm-link": "#1A74E9",
+        "cm-accent": "#04AA6D"
+      },
+      keyframes: {
+        "caret-blink": {
+          "0%,70%,100%": { opacity: "1" },
+          "20%,50%": { opacity: "0" }
+        },
+        "fade-in": {
+          from: { opacity: "0" },
+          to: { opacity: "1" }
+        },
+        "fade-out": {
+          from: { opacity: "1" },
+          to: { opacity: "0" }
+        },
+        "slide-in-from-top": {
+          "0%": { transform: "translateY(-100%)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "slide-out-to-top": {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(-100%)" }
+        },
+        "slide-in-from-bottom": {
+          "0%": { transform: "translateY(100%)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "slide-out-to-bottom": {
+          "0%": { transform: "translateY(0)" },
+          "100%": { transform: "translateY(100%)" }
+        },
+        "slide-in-from-left": {
+          "0%": { transform: "translateX(-100%)" },
+          "100%": { transform: "translateX(0)" }
+        },
+        "slide-out-to-left": {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(-100%)" }
+        },
+        "slide-in-from-right": {
+          "0%": { transform: "translateX(100%)" },
+          "100%": { transform: "translateX(0)" }
+        },
+        "slide-out-to-right": {
+          "0%": { transform: "translateX(0)" },
+          "100%": { transform: "translateX(100%)" }
+        },
+        "zoom-in-95": {
+          "0%": { opacity: "0", transform: "scale(0.95) translate(-50%, -50%)" },
+          "100%": { opacity: "1", transform: "scale(1) translate(-50%, -50%)" }
+        },
+        "zoom-out-95": {
+          "0%": { opacity: "1", transform: "scale(1) translate(-50%, -50%)" },
+          "100%": { opacity: "0", transform: "scale(0.95) translate(-50%, -50%)" }
+        }
+      },
+      animation: {
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+        "fade-in": "fade-in 300ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "fade-out": "fade-out 300ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-top": "slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-top": "slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-bottom": "slide-in-from-bottom 450ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-bottom": "slide-out-to-bottom 300ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-left": "slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-left": "slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-in-from-right": "slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "slide-out-to-right": "slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "zoom-in-95": "zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+        "zoom-out-95": "zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)"
+      },
+      durations: {
+        "300": "300ms",
+        "500": "500ms"
+      }
+    }
+  },
+  rules: [
+    [
+      "focus-ring-custom",
+      {
+        "&:focus": {
+          "box-shadow": "0 0 0 3px var(--focus-ring-color)"
+        }
+      }
+    ]
+  ]
+  /* config */
+});
+
+export {
+  twind_config_default
+};
+//# sourceMappingURL=chunk-WS6OOSH7.js.map

package/dist/chunk-WS6OOSH7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/twind.config.ts"],"sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind({ disablePreflight: true })],\n    theme: {\n        extend: {\n            colors: {\n                // Crossmint colors (cm- prefix)\n                \"cm-text-primary\": \"#00150D\",\n                \"cm-text-secondary\": \"#67797F\",\n                \"cm-background-primary\": \"#FFFFFF\",\n                \"cm-muted-primary\": \"#F0F2F4\",\n                \"cm-hover\": \"#E9ECF0\",\n                \"cm-border\": \"#D9D9D9\",\n                \"cm-link\": \"#1A74E9\",\n                \"cm-accent\": \"#04AA6D\",\n            },\n            keyframes: {\n                \"caret-blink\": {\n                    \"0%,70%,100%\": { opacity: \"1\" },\n                    \"20%,50%\": { opacity: \"0\" },\n                },\n                \"fade-in\": {\n                    from: { opacity: \"0\" },\n                    to: { opacity: \"1\" },\n                },\n                \"fade-out\": {\n                    from: { opacity: \"1\" },\n                    to: { opacity: \"0\" },\n                },\n                \"slide-in-from-top\": {\n                    \"0%\": { transform: \"translateY(-100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-top\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(-100%)\" },\n                },\n                \"slide-in-from-bottom\": {\n                    \"0%\": { transform: \"translateY(100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-bottom\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(100%)\" },\n                },\n                \"slide-in-from-left\": {\n                    \"0%\": { transform: \"translateX(-100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-left\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(-100%)\" },\n                },\n                \"slide-in-from-right\": {\n                    \"0%\": { transform: \"translateX(100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-right\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(100%)\" },\n                },\n                \"zoom-in-95\": {\n                    \"0%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                },\n                \"zoom-out-95\": {\n                    \"0%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                },\n            },\n            animation: {\n                \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n                \"fade-in\": \"fade-in 300ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"fade-out\": \"fade-out 300ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-top\": \"slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-top\": \"slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-bottom\": \"slide-in-from-bottom 450ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-bottom\": \"slide-out-to-bottom 300ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-left\": \"slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-left\": \"slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-right\": \"slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-right\": \"slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-in-95\": \"zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-out-95\": \"zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n            },\n            durations: {\n                \"300\": \"300ms\",\n                \"500\": \"500ms\",\n            },\n        },\n    },\n    rules: [\n        [\n            \"focus-ring-custom\",\n            {\n                \"&:focus\": {\n                    \"box-shadow\": \"0 0 0 3px var(--focus-ring-color)\",\n                },\n            },\n        ],\n    ],\n    /* config */\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-WVM3I3I3.js

@@ -0,0 +1,45 @@
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/v3/crypto/PayerConnectionHandler.tsx
+import { useEffect } from "react";
+function PayerConnectionHandler({
+  payer,
+  iframeClient
+}) {
+  useEffect(() => {
+    if (iframeClient == null) {
+      return;
+    }
+    const signTransactionListener = iframeClient.on(
+      "crypto:send-transaction",
+      (_0) => __async(this, [_0], function* ({ chain, serializedTransaction }) {
+        try {
+          yield payer.handleChainSwitch(chain);
+          const tx = yield payer.handleSignAndSendTransaction(serializedTransaction);
+          const txId = tx.success ? tx.txId : "";
+          if (tx.success) {
+            iframeClient.send("crypto:send-transaction:success", { txId });
+          } else {
+            iframeClient.send("crypto:send-transaction:failed", { error: tx.errorMessage });
+          }
+        } catch (error) {
+          console.error("[SignerConnectionHandler] Failed to send transaction", error);
+          iframeClient.send("crypto:send-transaction:failed", {
+            error: error.message || "An unknown error occurred"
+          });
+        }
+      })
+    );
+    return () => {
+      iframeClient.off(signTransactionListener);
+    };
+  }, [iframeClient]);
+  return null;
+}
+
+export {
+  PayerConnectionHandler
+};
+//# sourceMappingURL=chunk-WVM3I3I3.js.map

package/dist/chunk-WVM3I3I3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/PayerConnectionHandler.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { EmbeddedCheckoutPayer, EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport type { PayerSupportedBlockchains } from \"@crossmint/common-sdk-base\";\n\nexport function PayerConnectionHandler({\n    payer,\n    iframeClient,\n}: { payer: EmbeddedCheckoutPayer; iframeClient: EmbeddedCheckoutV3IFrameEmitter | null }) {\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                try {\n                    await payer.handleChainSwitch(chain as PayerSupportedBlockchains);\n                    const tx = await payer.handleSignAndSendTransaction(serializedTransaction);\n                    const txId = tx.success ? tx.txId : \"\";\n\n                    if (tx.success) {\n                        iframeClient.send(\"crypto:send-transaction:success\", { txId });\n                    } else {\n                        iframeClient.send(\"crypto:send-transaction:failed\", { error: tx.errorMessage });\n                    }\n                } catch (error) {\n                    console.error(\"[SignerConnectionHandler] Failed to send transaction\", error);\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: (error as Error).message || \"An unknown error occurred\",\n                    });\n                }\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient]);\n\n    return null;\n}\n"],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAInB,SAAS,uBAAuB;AAAA,EACnC;AAAA,EACA;AACJ,GAA2F;AACvF,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AAEA,UAAM,0BAA0B,aAAa;AAAA,MACzC;AAAA,MACA,CAAO,OAAqC,eAArC,KAAqC,WAArC,EAAE,OAAO,sBAAsB,GAAM;AACxC,YAAI;AACA,gBAAM,MAAM,kBAAkB,KAAkC;AAChE,gBAAM,KAAK,MAAM,MAAM,6BAA6B,qBAAqB;AACzE,gBAAM,OAAO,GAAG,UAAU,GAAG,OAAO;AAEpC,cAAI,GAAG,SAAS;AACZ,yBAAa,KAAK,mCAAmC,EAAE,KAAK,CAAC;AAAA,UACjE,OAAO;AACH,yBAAa,KAAK,kCAAkC,EAAE,OAAO,GAAG,aAAa,CAAC;AAAA,UAClF;AAAA,QACJ,SAAS,OAAO;AACZ,kBAAQ,MAAM,wDAAwD,KAAK;AAC3E,uBAAa,KAAK,kCAAkC;AAAA,YAChD,OAAQ,MAAgB,WAAW;AAAA,UACvC,CAAC;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,mBAAa,IAAI,uBAAuB;AAAA,IAC5C;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACX;","names":[]}

package/dist/chunk-XDJ6F7N4.cjs

@@ -0,0 +1,107 @@
+"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; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk35RV5AOTcjs = require('./chunk-35RV5AOT.cjs');
+
+
+var _chunkSBA6FMFTcjs = require('./chunk-SBA6FMFT.cjs');
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx
+var _bs58 = require('bs58'); var _bs582 = _interopRequireDefault(_bs58);
+
+
+
+
+
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _jsxruntime = require('react/jsx-runtime');
+function CryptoEmbeddedCheckoutIFrame(props) {
+  const { emitInternalEvent } = _clientsdkbase.crossmintIFrameService.call(void 0, props);
+  const { signer, paymentMethod } = props;
+  function onInternalEvent(event) {
+    const { type, payload } = event;
+    if (type === _clientsdkbase.IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {
+      const { serializedTransaction } = payload;
+      console.log("[Crossmint] Received incoming transaction", serializedTransaction);
+      handleIncomingTransaction(serializedTransaction);
+    }
+    if (type === _clientsdkbase.IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {
+      const { chain } = payload;
+      console.log("[Crossmint] Received change of chain", chain);
+      const handleChainSwitch = signer.handleChainSwitch;
+      if (handleChainSwitch == null) {
+        throw new Error("switchNetwork function should have been defined");
+      }
+      handleChainSwitch(chain);
+    }
+  }
+  function handleIncomingTransaction(serializedTransaction) {
+    return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+      try {
+        let txId;
+        switch (paymentMethod) {
+          case "SOL":
+            txId = yield handleSOLTransaction(signer, serializedTransaction);
+            break;
+          case "ETH":
+            txId = yield handleETHTransaction(signer, serializedTransaction);
+            break;
+          default:
+            throw new Error(`Unsupported payment method ${paymentMethod}`);
+        }
+        console.log("[Crossmint] Signed and sent transaction", txId);
+        emitInternalEvent({
+          type: _clientsdkbase.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,
+          payload: {
+            txId
+          }
+        });
+      } catch (e) {
+        console.error("[Crossmint] Failed to sign and send transaction", e);
+        emitInternalEvent({
+          type: _clientsdkbase.OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,
+          payload: {}
+        });
+      }
+    });
+  }
+  function handleSOLTransaction(signer2, serializedTransaction) {
+    return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+      const { Transaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("@solana/web3.js")));
+      const transaction = Transaction.from(_bs582.default.decode(serializedTransaction));
+      console.log("[Crossmint] Deserialized SOL transaction", transaction);
+      return yield signer2.signAndSendTransaction(transaction);
+    });
+  }
+  function handleETHTransaction(signer2, serializedTransaction) {
+    return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+      const { parse: parseTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("@ethersproject/transactions")));
+      const transaction = parseTransaction(serializedTransaction);
+      console.log("[Crossmint] Deserialized ETH transaction", transaction);
+      return yield signer2.signAndSendTransaction(transaction);
+    });
+  }
+  _chunkSBA6FMFTcjs.useDeepEffect.call(void 0, () => {
+    emitInternalEvent({
+      type: "params-update",
+      payload: _clientsdkbase.embeddedCheckoutPropsToUpdatableParamsPayload.call(void 0, props)
+    });
+  }, [
+    props.signer.address,
+    props.recipient,
+    props.mintConfig,
+    props.locale,
+    props.currency,
+    props.whPassThroughArgs,
+    ..."chain" in props.signer ? [props.signer.chain] : []
+  ]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk35RV5AOTcjs.CrossmintEmbeddedCheckoutIFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { onInternalEvent }, props));
+}
+
+
+
+exports.CryptoEmbeddedCheckoutIFrame = CryptoEmbeddedCheckoutIFrame;
+//# sourceMappingURL=chunk-XDJ6F7N4.cjs.map

package/dist/chunk-XDJ6F7N4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx"],"names":["signer"],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU;AAEjB;AAAA,EAII;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACG;AA+FI;AAzFI,SAAR,6BAA8C,OAA8C;AAC/F,QAAM,EAAE,kBAAkB,IAAI,uBAAuB,KAAK;AAE1D,QAAM,EAAE,QAAQ,cAAc,IAAI;AAElC,WAAS,gBAAgB,OAA8B;AACnD,UAAM,EAAE,MAAM,QAAQ,IAAI;AAE1B,QAAI,SAAS,uBAAuB,qCAAqC;AACrE,YAAM,EAAE,sBAAsB,IAAI;AAClC,cAAQ,IAAI,6CAA6C,qBAAqB;AAC9E,gCAA0B,qBAAqB;AAAA,IACnD;AAEA,QAAI,SAAS,uBAAuB,qBAAqB;AACrD,YAAM,EAAE,MAAM,IAAI;AAClB,cAAQ,IAAI,wCAAwC,KAAK;AAEzD,YAAM,oBAAqB,OAAqC;AAChE,UAAI,qBAAqB,MAAM;AAC3B,cAAM,IAAI,MAAM,iDAAiD;AAAA,MACrE;AACA,wBAAkB,KAAsC;AAAA,IAC5D;AAAA,EACJ;AAEA,WAAe,0BAA0B,uBAA+B;AAAA;AACpE,UAAI;AACA,YAAI;AACJ,gBAAQ,eAAe;AAAA,UACnB,KAAK;AACD,mBAAO,MAAM,qBAAqB,QAAQ,qBAAqB;AAC/D;AAAA,UACJ,KAAK;AACD,mBAAO,MAAM,qBAAqB,QAAQ,qBAAqB;AAC/D;AAAA,UACJ;AACI,kBAAM,IAAI,MAAM,8BAA8B,aAAa,EAAE;AAAA,QACrE;AAEA,gBAAQ,IAAI,2CAA2C,IAAI;AAC3D,0BAAkB;AAAA,UACd,MAAM,uBAAuB;AAAA,UAC7B,SAAS;AAAA,YACL;AAAA,UACJ;AAAA,QACJ,CAAC;AAAA,MACL,SAAS,GAAG;AACR,gBAAQ,MAAM,mDAAmD,CAAC;AAClE,0BAAkB;AAAA,UACd,MAAM,uBAAuB;AAAA,UAC7B,SAAS,CAAC;AAAA,QACd,CAAC;AAAA,MACL;AAAA,IACJ;AAAA;AAEA,WAAe,qBAAqBA,SAAmC,uBAA+B;AAAA;AAElG,YAAM,EAAE,YAAY,IAAI,MAAM,OAAO,iBAAiB;AACtD,YAAM,cAAc,YAAY,KAAK,KAAK,OAAO,qBAAqB,CAAC;AACvE,cAAQ,IAAI,4CAA4C,WAAW;AAEnE,aAAO,MAAMA,QAAO,uBAAuB,WAAW;AAAA,IAC1D;AAAA;AAEA,WAAe,qBAAqBA,SAAmC,uBAA+B;AAAA;AAElG,YAAM,EAAE,OAAO,iBAAiB,IAAI,MAAM,OAAO,6BAA6B;AAC9E,YAAM,cAAc,iBAAiB,qBAAqB;AAC1D,cAAQ,IAAI,4CAA4C,WAAW;AAEnE,aAAO,MAAMA,QAAO,uBAAuB,WAAW;AAAA,IAC1D;AAAA;AAEA,gBAAc,MAAM;AAChB,sBAAkB;AAAA,MACd,MAAM;AAAA,MACN,SAAS,8CAA8C,KAAK;AAAA,IAChE,CAAC;AAAA,EACL,GAAG;AAAA,IACC,MAAM,OAAO;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,GAAI,WAAW,MAAM,SAAS,CAAC,MAAM,OAAO,KAAK,IAAI,CAAC;AAAA,EAC1D,CAAC;AAED,SAAO,oBAAC,kDAAgC,mBAAsC,MAAO;AACzF","sourcesContent":["import bs58 from \"bs58\";\n\nimport {\n    type CryptoEmbeddedCheckoutPropsWithSigner,\n    type ETHEmbeddedCheckoutSigner,\n    type IncomingInternalEvent,\n    IncomingInternalEvents,\n    OutgoingInternalEvents,\n    type SOLEmbeddedCheckoutSigner,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport type { EVMBlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function CryptoEmbeddedCheckoutIFrame(props: CryptoEmbeddedCheckoutPropsWithSigner) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    const { signer, paymentMethod } = props;\n\n    function onInternalEvent(event: IncomingInternalEvent) {\n        const { type, payload } = event;\n\n        if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {\n            const { serializedTransaction } = payload;\n            console.log(\"[Crossmint] Received incoming transaction\", serializedTransaction);\n            handleIncomingTransaction(serializedTransaction);\n        }\n\n        if (type === IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {\n            const { chain } = payload;\n            console.log(\"[Crossmint] Received change of chain\", chain);\n\n            const handleChainSwitch = (signer as ETHEmbeddedCheckoutSigner).handleChainSwitch;\n            if (handleChainSwitch == null) {\n                throw new Error(\"switchNetwork function should have been defined\");\n            }\n            handleChainSwitch(chain as EVMBlockchainIncludingTestnet);\n        }\n    }\n\n    async function handleIncomingTransaction(serializedTransaction: string) {\n        try {\n            let txId: string;\n            switch (paymentMethod) {\n                case \"SOL\":\n                    txId = await handleSOLTransaction(signer, serializedTransaction);\n                    break;\n                case \"ETH\":\n                    txId = await handleETHTransaction(signer, serializedTransaction);\n                    break;\n                default:\n                    throw new Error(`Unsupported payment method ${paymentMethod}`);\n            }\n\n            console.log(\"[Crossmint] Signed and sent transaction\", txId);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,\n                payload: {\n                    txId,\n                },\n            });\n        } catch (e) {\n            console.error(\"[Crossmint] Failed to sign and send transaction\", e);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,\n                payload: {},\n            });\n        }\n    }\n\n    async function handleSOLTransaction(signer: SOLEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { Transaction } = await import(\"@solana/web3.js\");\n        const transaction = Transaction.from(bs58.decode(serializedTransaction));\n        console.log(\"[Crossmint] Deserialized SOL transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    async function handleETHTransaction(signer: ETHEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { parse: parseTransaction } = await import(\"@ethersproject/transactions\");\n        const transaction = parseTransaction(serializedTransaction);\n        console.log(\"[Crossmint] Deserialized ETH transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [\n        props.signer.address,\n        props.recipient,\n        props.mintConfig,\n        props.locale,\n        props.currency,\n        props.whPassThroughArgs,\n        ...(\"chain\" in props.signer ? [props.signer.chain] : []),\n    ]);\n\n    return <CrossmintEmbeddedCheckoutIFrame onInternalEvent={onInternalEvent} {...props} />;\n}\n"]}

package/dist/chunk-XSXE5LWO.js

@@ -0,0 +1,19 @@
+import {
+  twind_config_default
+} from "./chunk-WS6OOSH7.js";
+
+// src/providers/TwindProvider.tsx
+import { install } from "@twind/core";
+import { useEffect } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function TwindProvider({ children }) {
+  useEffect(() => {
+    install(twind_config_default);
+  }, []);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  TwindProvider
+};
+//# sourceMappingURL=chunk-XSXE5LWO.js.map

package/dist/chunk-XSXE5LWO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/TwindProvider.tsx"],"sourcesContent":["import type React from \"react\";\nimport twindConfig from \"@/twind.config\";\nimport { install } from \"@twind/core\";\nimport { useEffect } from \"react\";\n\nexport function TwindProvider({ children }: { children: React.ReactNode }) {\n    useEffect(() => {\n        // Initialize twind with custom configuration\n        // This sets up the CSS-in-JS styling solution for the entire application\n        install(twindConfig);\n    }, []);\n\n    return <>{children}</>;\n}\n"],"mappings":";;;;;AAEA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AASf;AAPJ,SAAS,cAAc,EAAE,SAAS,GAAkC;AACvE,YAAU,MAAM;AAGZ,YAAQ,oBAAW;AAAA,EACvB,GAAG,CAAC,CAAC;AAEL,SAAO,gCAAG,UAAS;AACvB;","names":[]}

package/dist/chunk-XW53XESI.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/utils/dynamic/dynamicChainToCrossmintChain.ts
+var _commonsdkbase = require('@crossmint/common-sdk-base');
+var ChainNotSupportedError = class extends Error {
+  constructor(chainId) {
+    super(`ChainId ${chainId} is not supported`);
+    this.chainId = chainId;
+  }
+};
+function dynamicChainToCrossmintChain(wallet) {
+  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+    var _a;
+    const chain = wallet.chain;
+    if (chain === "SOL") {
+      return "solana";
+    }
+    if (chain === "SUI") {
+      return "sui";
+    }
+    const chainId = yield (_a = wallet.connector) == null ? void 0 : _a.getNetwork();
+    if (typeof chainId !== "number") {
+      throw new Error("chainId is not a number");
+    }
+    const chainFromChainId = _commonsdkbase.chainIdToBlockchain.call(void 0, chainId);
+    if (!chainFromChainId) {
+      throw new ChainNotSupportedError(chainId);
+    }
+    return chainFromChainId;
+  });
+}
+
+
+
+
+exports.ChainNotSupportedError = ChainNotSupportedError; exports.dynamicChainToCrossmintChain = dynamicChainToCrossmintChain;
+//# sourceMappingURL=chunk-XW53XESI.cjs.map

package/dist/chunk-XW53XESI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/dynamic/dynamicChainToCrossmintChain.ts"],"names":[],"mappings":";;;;;AAAA,SAAS,2BAA4D;AAG9D,IAAM,yBAAN,cAAqC,MAAM;AAAA,EAG9C,YAAY,SAAiB;AACzB,UAAM,WAAW,OAAO,mBAAmB;AAC3C,SAAK,UAAU;AAAA,EACnB;AACJ;AAEA,SAAsB,6BAClB,QACmC;AAAA;AAdvC;AAeI,UAAM,QAAQ,OAAO;AACrB,QAAI,UAAU,OAAO;AACjB,aAAO;AAAA,IACX;AACA,QAAI,UAAU,OAAO;AACjB,aAAO;AAAA,IACX;AACA,UAAM,UAAU,OAAM,YAAO,cAAP,mBAAkB;AACxC,QAAI,OAAO,YAAY,UAAU;AAC7B,YAAM,IAAI,MAAM,yBAAyB;AAAA,IAC7C;AACA,UAAM,mBAAmB,oBAAoB,OAAO;AACpD,QAAI,CAAC,kBAAkB;AACnB,YAAM,IAAI,uBAAuB,OAAO;AAAA,IAC5C;AACA,WAAO;AAAA,EACX;AAAA","sourcesContent":["import { chainIdToBlockchain, type BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { HandleConnectedWallet } from \"@dynamic-labs/sdk-react-core\";\n\nexport class ChainNotSupportedError extends Error {\n    chainId: number;\n\n    constructor(chainId: number) {\n        super(`ChainId ${chainId} is not supported`);\n        this.chainId = chainId;\n    }\n}\n\nexport async function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    if (chain === \"SUI\") {\n        return \"sui\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new ChainNotSupportedError(chainId);\n    }\n    return chainFromChainId;\n}\n"]}

package/dist/chunk-XXJ7LQ44.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-XXJ7LQ44.js.map

package/dist/chunk-XXJ7LQ44.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-XYMYRPVT.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-XYMYRPVT.js.map

package/dist/chunk-XYMYRPVT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-YE55IKBP.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/fingerprint.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function FingerprintIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2 12a10 10 0 0 1 18-6" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M2 16h.01" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
+      ]
+    }
+  );
+}
+
+
+
+exports.FingerprintIcon = FingerprintIcon;
+//# sourceMappingURL=chunk-YE55IKBP.cjs.map

package/dist/chunk-YE55IKBP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/fingerprint.tsx"],"names":[],"mappings":";AAEQ,SAWI,KAXJ;AAFO,SAAR,kBAAmC;AACtC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf;AAAA,4BAAC,UAAK,GAAE,6CAA4C;AAAA,QACpD,oBAAC,UAAK,GAAE,kCAAiC;AAAA,QACzC,oBAAC,UAAK,GAAE,qCAAoC;AAAA,QAC5C,oBAAC,UAAK,GAAE,0BAAyB;AAAA,QACjC,oBAAC,UAAK,GAAE,aAAY;AAAA,QACpB,oBAAC,UAAK,GAAE,gCAA+B;AAAA,QACvC,oBAAC,UAAK,GAAE,4CAA2C;AAAA,QACnD,oBAAC,UAAK,GAAE,iCAAgC;AAAA,QACxC,oBAAC,UAAK,GAAE,4BAA2B;AAAA;AAAA;AAAA,EACvC;AAER","sourcesContent":["export default function FingerprintIcon() {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        >\n            <path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\" />\n            <path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\" />\n            <path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\" />\n            <path d=\"M2 12a10 10 0 0 1 18-6\" />\n            <path d=\"M2 16h.01\" />\n            <path d=\"M21.8 16c.2-2 .131-5.354 0-6\" />\n            <path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\" />\n            <path d=\"M8.65 22c.21-.66.45-1.32.57-2\" />\n            <path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\" />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-YHFDNKTS.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// package.json
+var version = "1.19.0-alpha.0";
+
+// src/consts/version.ts
+var LIB_VERSION = version;
+
+
+
+exports.LIB_VERSION = LIB_VERSION;
+//# sourceMappingURL=chunk-YHFDNKTS.cjs.map

package/dist/chunk-YHFDNKTS.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.19.0-alpha.0\",\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\", \"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-react-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-window\": \"workspace:*\",\n        \"@crossmint/client-signers\": \"workspace:*\",\n        \"@crossmint/common-sdk-auth\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@crossmint/wallets-sdk\": \"workspace:*\",\n        \"@dynamic-labs/ethereum\": \"4.10.1\",\n        \"@dynamic-labs/sdk-react-core\": \"4.10.1\",\n        \"@dynamic-labs/solana\": \"4.10.1\",\n        \"@dynamic-labs/sui\": \"4.10.1\",\n        \"@ethersproject/transactions\": \"5.7.0\",\n        \"@farcaster/auth-kit\": \"0.6.0\",\n        \"@mysten/sui\": \"1.24.0\",\n        \"@radix-ui/react-dialog\": \"1.1.2\",\n        \"@radix-ui/react-visually-hidden\": \"1.1.0\",\n        \"@solana/web3.js\": \"1.98.0\",\n        \"@twind/core\": \"1.1.3\",\n        \"@twind/preset-tailwind\": \"1.1.4\",\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        \"ox\": \"0.6.9\",\n        \"react-jss\": \"10.10.0\",\n        \"tailwind-merge\": \"2.4.0\",\n        \"tailwindcss\": \"3.4.10\",\n        \"viem\": \"2.23.6\",\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        \"pino-pretty\": \"^7.6.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-YKL53K3C.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkYHFDNKTScjs = require('./chunk-YHFDNKTS.cjs');
+
+// src/utils/createCrossmintApiClient.ts
+var _commonsdkbase = require('@crossmint/common-sdk-base');
+function createCrossmintApiClient(crossmint, apiKeyExpectations) {
+  return new (0, _commonsdkbase.CrossmintApiClient)(crossmint, {
+    internalConfig: {
+      sdkMetadata: {
+        name: "@crossmint/client-sdk-react-ui",
+        version: _chunkYHFDNKTScjs.LIB_VERSION
+      },
+      apiKeyExpectations
+    }
+  });
+}
+
+
+
+exports.createCrossmintApiClient = createCrossmintApiClient;
+//# sourceMappingURL=chunk-YKL53K3C.cjs.map

package/dist/chunk-YKL53K3C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createCrossmintApiClient.ts"],"names":[],"mappings":";;;;;AACA,SAAyB,0BAAiE;AAEnF,SAAS,yBACZ,WACA,oBACF;AACE,SAAO,IAAI,mBAAmB,WAAW;AAAA,IACrC,gBAAgB;AAAA,MACZ,aAAa;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,MACb;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,CAAC;AACL","sourcesContent":["import { LIB_VERSION } from \"@/consts/version\";\nimport { type Crossmint, CrossmintApiClient, type CrossmintApiClientInternalConfig } from \"@crossmint/common-sdk-base\";\n\nexport function createCrossmintApiClient(\n    crossmint: Crossmint,\n    apiKeyExpectations?: CrossmintApiClientInternalConfig[\"apiKeyExpectations\"]\n) {\n    return new CrossmintApiClient(crossmint, {\n        internalConfig: {\n            sdkMetadata: {\n                name: \"@crossmint/client-sdk-react-ui\",\n                version: LIB_VERSION,\n            },\n            apiKeyExpectations,\n        },\n    });\n}\n"]}

package/dist/chunk-YWGWSNTU.js

@@ -0,0 +1,125 @@
+import {
+  PayerConnectionHandler
+} from "./chunk-WVM3I3I3.js";
+import {
+  createCrossmintApiClient
+} from "./chunk-F3AMLCQL.js";
+import {
+  useCrossmint
+} from "./chunk-3J6CUUWT.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx
+import { lazy, useEffect, useRef, useState } from "react";
+import {
+  crossmintEmbeddedCheckoutV3Service
+} from "@crossmint/client-sdk-base";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CryptoWalletConnectionHandler = lazy(
+  () => (
+    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile
+    import("./components/embed/v3/crypto/CryptoWalletConnectionHandler.js").then((mod) => ({
+      default: mod.CryptoWalletConnectionHandler
+    }))
+  )
+);
+function EmbeddedCheckoutV3IFrame(props) {
+  var _a;
+  const [iframeClient, setIframeClient] = useState(null);
+  const [height, setHeight] = useState(0);
+  const initialChainRef = useRef((_a = props.payment.crypto.payer) == null ? void 0 : _a.initialChain);
+  const memoizedProps = useRef(props);
+  if (havePropsChanged(props, memoizedProps.current)) {
+    const newProps = __spreadValues({}, props);
+    const initialChainPreservation = shouldPreserveInitialChain(props, initialChainRef.current);
+    if (initialChainPreservation.shouldPreserve) {
+      newProps.payment.crypto.payer = initialChainPreservation.updatedPayer;
+    }
+    memoizedProps.current = newProps;
+  }
+  const { crossmint } = useCrossmint();
+  const apiClient = createCrossmintApiClient(crossmint, {
+    usageOrigin: "client"
+  });
+  const embeddedCheckoutService = crossmintEmbeddedCheckoutV3Service({ apiClient });
+  const ref = useRef(null);
+  useEffect(() => {
+    const iframe = ref.current;
+    if (!iframe || iframeClient) {
+      return;
+    }
+    setIframeClient(embeddedCheckoutService.iframe.createClient(iframe));
+  }, [ref.current, iframeClient]);
+  useEffect(() => {
+    if (iframeClient == null) {
+      return;
+    }
+    iframeClient.on("ui:height.changed", (data) => setHeight(data.height));
+    return () => {
+      iframeClient.off("ui:height.changed");
+    };
+  }, [iframeClient]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "iframe",
+      {
+        ref,
+        src: embeddedCheckoutService.iframe.getUrl(memoizedProps.current),
+        id: "crossmint-embedded-checkout.iframe",
+        role: "crossmint-embedded-checkout.iframe",
+        allow: "payment *",
+        style: {
+          boxShadow: "none",
+          border: "none",
+          padding: "0px",
+          width: "100%",
+          minWidth: "100%",
+          overflow: "hidden",
+          display: "block",
+          userSelect: "none",
+          transform: "translate(0px)",
+          opacity: "1",
+          transition: "ease 0s, opacity 0.4s ease 0.1s",
+          height: `${height}px`,
+          backgroundColor: "transparent"
+        }
+      }
+    ),
+    memoizedProps.current.payment.crypto.enabled ? memoizedProps.current.payment.crypto.payer != null ? /* @__PURE__ */ jsx(
+      PayerConnectionHandler,
+      {
+        payer: memoizedProps.current.payment.crypto.payer,
+        iframeClient
+      }
+    ) : /* @__PURE__ */ jsx(
+      CryptoWalletConnectionHandler,
+      {
+        iframeClient,
+        apiKeyEnvironment: apiClient["parsedAPIKey"].environment
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("span", { id: "crossmint-focus-target", tabIndex: -1 })
+  ] });
+}
+function havePropsChanged(parentProps, currentRefProps) {
+  return JSON.stringify(parentProps) !== JSON.stringify(currentRefProps);
+}
+function shouldPreserveInitialChain(props, storedInitialChain) {
+  if (props.payment.crypto.payer && storedInitialChain != null) {
+    return {
+      shouldPreserve: true,
+      updatedPayer: __spreadProps(__spreadValues({}, props.payment.crypto.payer), {
+        initialChain: storedInitialChain
+      })
+    };
+  }
+  return { shouldPreserve: false };
+}
+
+export {
+  EmbeddedCheckoutV3IFrame
+};
+//# sourceMappingURL=chunk-YWGWSNTU.js.map

package/dist/chunk-YWGWSNTU.js.map

@@ -0,0 +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\";\nimport { PayerConnectionHandler } from \"./crypto/PayerConnectionHandler\";\nimport type { PayerSupportedBlockchains } from \"@crossmint/common-sdk-base\";\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 initialChainRef = useRef(props.payment.crypto.payer?.initialChain);\n\n    const memoizedProps = useRef(props);\n    if (havePropsChanged(props, memoizedProps.current)) {\n        const newProps = { ...props };\n        const initialChainPreservation = shouldPreserveInitialChain(props, initialChainRef.current);\n        if (initialChainPreservation.shouldPreserve) {\n            newProps.payment.crypto.payer = initialChainPreservation.updatedPayer;\n        }\n        memoizedProps.current = newProps;\n    }\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embeddedCheckoutService = 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(embeddedCheckoutService.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={embeddedCheckoutService.iframe.getUrl(memoizedProps.current)}\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            {memoizedProps.current.payment.crypto.enabled ? (\n                memoizedProps.current.payment.crypto.payer != null ? (\n                    <PayerConnectionHandler\n                        payer={memoizedProps.current.payment.crypto.payer}\n                        iframeClient={iframeClient}\n                    />\n                ) : (\n                    <CryptoWalletConnectionHandler\n                        iframeClient={iframeClient}\n                        apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n                    />\n                )\n            ) : null}\n            <span id=\"crossmint-focus-target\" tabIndex={-1} />\n        </>\n    );\n}\n\nfunction havePropsChanged(\n    parentProps: CrossmintEmbeddedCheckoutV3Props,\n    currentRefProps: CrossmintEmbeddedCheckoutV3Props\n): boolean {\n    return JSON.stringify(parentProps) !== JSON.stringify(currentRefProps);\n}\n\nfunction shouldPreserveInitialChain(\n    props: CrossmintEmbeddedCheckoutV3Props,\n    storedInitialChain: PayerSupportedBlockchains | undefined\n): { shouldPreserve: true; updatedPayer: typeof props.payment.crypto.payer } | { shouldPreserve: false } {\n    if (props.payment.crypto.payer && storedInitialChain != null) {\n        return {\n            shouldPreserve: true,\n            updatedPayer: {\n                ...props.payment.crypto.payer,\n                initialChain: storedInitialChain,\n            },\n        };\n    }\n    return { shouldPreserve: false };\n}\n"],"mappings":"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","names":[]}