@crossmint/client-sdk-react-ui 1.11.0 → 1.11.1

package/dist/chunk-PHCGCJSA.js

@@ -1,107 +0,0 @@
-import {
-  CrossmintEmbeddedCheckoutIFrame
-} from "./chunk-C2VARNXL.js";
-import {
-  useDeepEffect
-} from "./chunk-EOWJ7775.js";
-import {
-  __async,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx
-import bs58 from "bs58";
-import {
-  IncomingInternalEvents,
-  OutgoingInternalEvents,
-  crossmintIFrameService,
-  embeddedCheckoutPropsToUpdatableParamsPayload
-} from "@crossmint/client-sdk-base";
-import { jsx } from "react/jsx-runtime";
-function CryptoEmbeddedCheckoutIFrame(props) {
-  const { emitInternalEvent } = crossmintIFrameService(props);
-  const { signer, paymentMethod } = props;
-  function onInternalEvent(event) {
-    const { type, payload } = event;
-    if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {
-      const { serializedTransaction } = payload;
-      console.log("[Crossmint] Received incoming transaction", serializedTransaction);
-      handleIncomingTransaction(serializedTransaction);
-    }
-    if (type === 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 __async(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: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,
-          payload: {
-            txId
-          }
-        });
-      } catch (e) {
-        console.error("[Crossmint] Failed to sign and send transaction", e);
-        emitInternalEvent({
-          type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,
-          payload: {}
-        });
-      }
-    });
-  }
-  function handleSOLTransaction(signer2, serializedTransaction) {
-    return __async(this, null, function* () {
-      const { Transaction } = yield import("@solana/web3.js");
-      const transaction = Transaction.from(bs58.decode(serializedTransaction));
-      console.log("[Crossmint] Deserialized SOL transaction", transaction);
-      return yield signer2.signAndSendTransaction(transaction);
-    });
-  }
-  function handleETHTransaction(signer2, serializedTransaction) {
-    return __async(this, null, function* () {
-      const { parse: parseTransaction } = yield import("@ethersproject/transactions");
-      const transaction = parseTransaction(serializedTransaction);
-      console.log("[Crossmint] Deserialized ETH transaction", transaction);
-      return yield signer2.signAndSendTransaction(transaction);
-    });
-  }
-  useDeepEffect(() => {
-    emitInternalEvent({
-      type: "params-update",
-      payload: embeddedCheckoutPropsToUpdatableParamsPayload(props)
-    });
-  }, [
-    props.signer.address,
-    props.recipient,
-    props.mintConfig,
-    props.locale,
-    props.currency,
-    props.whPassThroughArgs,
-    ..."chain" in props.signer ? [props.signer.chain] : []
-  ]);
-  return /* @__PURE__ */ jsx(CrossmintEmbeddedCheckoutIFrame, __spreadValues({ onInternalEvent }, props));
-}
-
-export {
-  CryptoEmbeddedCheckoutIFrame
-};
-//# sourceMappingURL=chunk-PHCGCJSA.js.map

package/dist/chunk-PHCGCJSA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx"],"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"],"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;","names":["signer"]}

package/dist/chunk-Q3M4UH5U.cjs

@@ -1,48 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/hosted/styles.ts
-var _reactjss = require('react-jss');
-var DARK_BG = "#1e1e1e";
-var themeIsLight = (theme) => theme === "light";
-var formatProps = (theme) => ({
-  buttonBgColor: themeIsLight(theme) ? "white" : DARK_BG,
-  paragraphColor: themeIsLight(theme) ? "black" : "white"
-});
-var styles = {
-  "@global": {
-    "@import": "url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"
-  },
-  crossmintButton: {
-    display: "flex",
-    "flex-direction": "row",
-    "align-items": "center",
-    padding: "0.875rem 0.875rem",
-    "font-weight": "900",
-    transition: "opacity ease-in-out 0.25s",
-    "border-radius": "0.5rem",
-    "font-family": `"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`,
-    outline: "none",
-    border: "none",
-    "box-shadow": "0px 8px 15px rgba(0, 0, 0, 0.1)",
-    "justify-content": "center",
-    background: ({ buttonBgColor }) => buttonBgColor,
-    "&:hover:enabled": {
-      opacity: "0.6",
-      cursor: "pointer"
-    }
-  },
-  crossmintImg: {
-    width: "21px",
-    height: "21px",
-    "margin-right": "0.875rem"
-  },
-  crossmintParagraph: {
-    color: ({ paragraphColor }) => paragraphColor,
-    margin: "0"
-  }
-};
-var useStyles = _reactjss.createUseStyles.call(void 0, styles);
-
-
-
-
-exports.formatProps = formatProps; exports.useStyles = useStyles;
-//# sourceMappingURL=chunk-Q3M4UH5U.cjs.map

package/dist/chunk-Q3M4UH5U.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hosted/styles.ts"],"names":[],"mappings":";AAAA,SAAsB,uBAAuB;AAE7C,IAAM,UAAU;AAEhB,IAAM,eAAe,CAAC,UAAkB,UAAU;AAE3C,IAAM,cAAc,CAAC,WAAuC;AAAA,EAC/D,eAAe,aAAa,KAAK,IAAI,UAAU;AAAA,EAC/C,gBAAgB,aAAa,KAAK,IAAI,UAAU;AACpD;AAQA,IAAM,SAA4G;AAAA,EAC9G,WAAW;AAAA,IACP,WACI;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACb,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,YAAY,CAAC,EAAE,cAAc,MAA0B;AAAA,IAEvD,mBAAmB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,IACZ;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,EACpB;AAAA,EACA,oBAAoB;AAAA,IAChB,OAAO,CAAC,EAAE,eAAe,MAA0B;AAAA,IACnD,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAIyE,gBAAgB,MAAM","sourcesContent":["import { type Styles, createUseStyles } from \"react-jss\";\n\nconst DARK_BG = \"#1e1e1e\";\n\nconst themeIsLight = (theme: string) => theme === \"light\";\n\nexport const formatProps = (theme: string): CustomStylingProps => ({\n    buttonBgColor: themeIsLight(theme) ? \"white\" : DARK_BG,\n    paragraphColor: themeIsLight(theme) ? \"black\" : \"white\",\n});\n\nexport type Classes<Name extends string | number | symbol = string> = Record<Name, string>;\ninterface CustomStylingProps {\n    buttonBgColor?: string;\n    paragraphColor?: string;\n}\n\nconst styles: Styles<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\", CustomStylingProps> = {\n    \"@global\": {\n        \"@import\":\n            \"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')\",\n    },\n    crossmintButton: {\n        display: \"flex\",\n        \"flex-direction\": \"row\",\n        \"align-items\": \"center\",\n        padding: \"0.875rem 0.875rem\",\n        \"font-weight\": \"900\",\n        transition: \"opacity ease-in-out 0.25s\",\n        \"border-radius\": \"0.5rem\",\n        \"font-family\": `\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif`,\n        outline: \"none\",\n        border: \"none\",\n        \"box-shadow\": \"0px 8px 15px rgba(0, 0, 0, 0.1)\",\n        \"justify-content\": \"center\",\n        background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,\n\n        \"&:hover:enabled\": {\n            opacity: \"0.6\",\n            cursor: \"pointer\",\n        },\n    },\n    crossmintImg: {\n        width: \"21px\",\n        height: \"21px\",\n        \"margin-right\": \"0.875rem\",\n    },\n    crossmintParagraph: {\n        color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,\n        margin: \"0\",\n    },\n};\n\nexport const useStyles: (\n    data?: CustomStylingProps & {\n        theme?: any;\n    }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n"]}

package/dist/chunk-QCOHQSZM.js

@@ -1,31 +0,0 @@
-import {
-  LIB_VERSION
-} from "./chunk-JD2M6AS5.js";
-
-// src/components/CrossmintNFTDetail.tsx
-import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from "@crossmint/client-sdk-base";
-import { jsx } from "react/jsx-runtime";
-function CrossmintNFTDetail(props) {
-  assertValidValidateNFTDetailProps(props);
-  const src = getNFTDetailSrc(props, LIB_VERSION);
-  return /* @__PURE__ */ jsx(
-    "iframe",
-    {
-      src,
-      width: "100%",
-      height: "100%",
-      style: {
-        flexGrow: "1",
-        border: "none",
-        margin: "0",
-        padding: "0"
-      },
-      role: "nft-details"
-    }
-  );
-}
-
-export {
-  CrossmintNFTDetail
-};
-//# sourceMappingURL=chunk-QCOHQSZM.js.map

package/dist/chunk-QCOHQSZM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/CrossmintNFTDetail.tsx"],"sourcesContent":["import { assertValidValidateNFTDetailProps, getNFTDetailSrc } from \"@crossmint/client-sdk-base\";\nimport type { NFTDetailProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTDetail(props: NFTDetailProps) {\n    assertValidValidateNFTDetailProps(props);\n\n    const src = getNFTDetailSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-details\"\n        />\n    );\n}\n"],"mappings":";;;;;AAAA,SAAS,mCAAmC,uBAAuB;AAW3D;AAND,SAAS,mBAAmB,OAAuB;AACtD,oCAAkC,KAAK;AAEvC,QAAM,MAAM,gBAAgB,OAAO,WAAW;AAE9C,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAO;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,MAAK;AAAA;AAAA,EACT;AAER;","names":[]}

package/dist/chunk-QDKAU3H2.js

@@ -1,31 +0,0 @@
-import {
-  CrossmintEmbeddedCheckoutIFrame
-} from "./chunk-C2VARNXL.js";
-import {
-  useDeepEffect
-} from "./chunk-EOWJ7775.js";
-import {
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx
-import {
-  crossmintIFrameService,
-  embeddedCheckoutPropsToUpdatableParamsPayload
-} from "@crossmint/client-sdk-base";
-import { jsx } from "react/jsx-runtime";
-function FiatEmbeddedCheckoutIFrame(props) {
-  const { emitInternalEvent } = crossmintIFrameService(props);
-  useDeepEffect(() => {
-    emitInternalEvent({
-      type: "params-update",
-      payload: embeddedCheckoutPropsToUpdatableParamsPayload(props)
-    });
-  }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);
-  return /* @__PURE__ */ jsx(CrossmintEmbeddedCheckoutIFrame, __spreadValues({}, props));
-}
-
-export {
-  FiatEmbeddedCheckoutIFrame
-};
-//# sourceMappingURL=chunk-QDKAU3H2.js.map

package/dist/chunk-QDKAU3H2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx"],"sourcesContent":["import {\n    type FiatEmbeddedCheckoutProps,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function FiatEmbeddedCheckoutIFrame(props: FiatEmbeddedCheckoutProps) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);\n\n    return <CrossmintEmbeddedCheckoutIFrame {...props} />;\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AAeI;AAVI,SAAR,2BAA4C,OAAkC;AACjF,QAAM,EAAE,kBAAkB,IAAI,uBAAuB,KAAK;AAE1D,gBAAc,MAAM;AAChB,sBAAkB;AAAA,MACd,MAAM;AAAA,MACN,SAAS,8CAA8C,KAAK;AAAA,IAChE,CAAC;AAAA,EACL,GAAG,CAAC,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,MAAM,UAAU,MAAM,iBAAiB,CAAC;AAE7F,SAAO,oBAAC,oDAAoC,MAAO;AACvD;","names":[]}

package/dist/chunk-QFVOIF7B.cjs

@@ -1,50 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkQP2A7HRUcjs = require('./chunk-QP2A7HRU.cjs');
-
-
-var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
-
-// src/hooks/useCrossmintCheckout.tsx
-var _react = require('react');
-var _jsxruntime = require('react/jsx-runtime');
-var CrossmintCheckoutContext = _react.createContext.call(void 0, void 0);
-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 = _chunkQP2A7HRUcjs.createCrossmintApiClient.call(void 0, crossmint, {
-    usageOrigin: "client"
-  });
-  _react.useEffect.call(void 0, () => {
-    const listener = (event) => {
-      if (event.origin !== new URL(apiClient.baseUrl).origin) {
-        return;
-      }
-      if (event.data.event !== "order:updated") {
-        return;
-      }
-      const { order: order2, orderClientSecret: orderClientSecret2 } = event.data.data;
-      setOrder(order2);
-      setOrderClientSecret(orderClientSecret2);
-    };
-    window.addEventListener("message", listener);
-    return () => {
-      window.removeEventListener("message", listener);
-    };
-  }, [order]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CrossmintCheckoutContext.Provider, { value: { order, orderClientSecret }, children });
-}
-function useCrossmintCheckout() {
-  const context = _react.useContext.call(void 0, CrossmintCheckoutContext);
-  if (!context) {
-    throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
-  }
-  return context;
-}
-
-
-
-
-exports.CrossmintCheckoutProvider = CrossmintCheckoutProvider; exports.useCrossmintCheckout = useCrossmintCheckout;
-//# sourceMappingURL=chunk-QFVOIF7B.cjs.map

package/dist/chunk-QFVOIF7B.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"names":["order","orderClientSecret"],"mappings":";;;;;;;;AAAA,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AA2CvE;AAhCR,IAAM,2BAA2B,cAAoD,MAAS;AAEvF,SAAS,0BAA0B,EAAE,SAAS,GAA4B;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,MAAS;AAC/D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA6B,MAAS;AAExF,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACZ,UAAM,WAAW,CAAC,UAAwB;AACtC,UAAI,MAAM,WAAW,IAAI,IAAI,UAAU,OAAO,EAAE,QAAQ;AACpD;AAAA,MACJ;AACA,UAAI,MAAM,KAAK,UAAU,iBAAiB;AACtC;AAAA,MACJ;AACA,YAAM,EAAE,OAAAA,QAAO,mBAAAC,mBAAkB,IAAI,MAAM,KAAK;AAGhD,eAASD,MAAK;AACd,2BAAqBC,kBAAiB;AAAA,IAC1C;AACA,WAAO,iBAAiB,WAAW,QAAQ;AAC3C,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,QAAQ;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,SACI,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,EAAE,OAAO,kBAAkB,GAChE,UACL;AAER;AAEO,SAAS,uBAAuB;AACnC,QAAM,UAAU,WAAW,wBAAwB;AACnD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,sEAAsE;AAAA,EAC1F;AACA,SAAO;AACX","sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { embeddedCheckoutV3IncomingEvents, Order } from \"@crossmint/client-sdk-base\";\nimport type { z } from \"zod\";\nimport { useCrossmint } from \"./useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nexport interface CrossmintCheckoutContext {\n    order?: Order;\n    orderClientSecret?: string;\n}\n\nconst CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);\n\nexport function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {\n    const [order, setOrder] = useState<Order | undefined>(undefined);\n    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n\n    useEffect(() => {\n        const listener = (event: MessageEvent) => {\n            if (event.origin !== new URL(apiClient.baseUrl).origin) {\n                return;\n            }\n            if (event.data.event !== \"order:updated\") {\n                return;\n            }\n            const { order, orderClientSecret } = event.data.data as z.infer<\n                (typeof embeddedCheckoutV3IncomingEvents)[\"order:updated\"]\n            >;\n            setOrder(order);\n            setOrderClientSecret(orderClientSecret);\n        };\n        window.addEventListener(\"message\", listener);\n        return () => {\n            window.removeEventListener(\"message\", listener);\n        };\n    }, [order]);\n\n    return (\n        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>\n            {children}\n        </CrossmintCheckoutContext.Provider>\n    );\n}\n\nexport function useCrossmintCheckout() {\n    const context = useContext(CrossmintCheckoutContext);\n    if (!context) {\n        throw new Error(\"useCrossmintCheckout must be used within a CrossmintCheckoutProvider\");\n    }\n    return context;\n}\n"]}

package/dist/chunk-QP2A7HRU.cjs

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkW3P2I3UEcjs = require('./chunk-W3P2I3UE.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: _chunkW3P2I3UEcjs.LIB_VERSION
-      },
-      apiKeyExpectations
-    }
-  });
-}
-
-
-
-exports.createCrossmintApiClient = createCrossmintApiClient;
-//# sourceMappingURL=chunk-QP2A7HRU.cjs.map

package/dist/chunk-QP2A7HRU.cjs.map

@@ -1 +0,0 @@
-{"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-QQXBYOKA.cjs

@@ -1,16 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/providers/auth/FarcasterProvider.tsx
-var _authkit = require('@farcaster/auth-kit');
-var _jsxruntime = require('react/jsx-runtime');
-function FarcasterProvider({ baseUrl, children }) {
-  const config = {
-    rpcUrl: "https://mainnet.optimism.io",
-    domain: new URL(baseUrl).hostname.replace(/^www\./, ""),
-    siweUri: `${baseUrl}api/2024-09-26/session/sdk/auth/authenticate`
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _authkit.AuthKitProvider, { config, children });
-}
-
-
-
-exports.FarcasterProvider = FarcasterProvider;
-//# sourceMappingURL=chunk-QQXBYOKA.cjs.map

package/dist/chunk-QQXBYOKA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/providers/auth/FarcasterProvider.tsx"],"names":[],"mappings":";AACA,SAAS,uBAAuB;AASrB;AAPJ,SAAS,kBAAkB,EAAE,SAAS,SAAS,GAA6C;AAC/F,QAAM,SAAS;AAAA,IACX,QAAQ;AAAA,IACR,QAAQ,IAAI,IAAI,OAAO,EAAE,SAAS,QAAQ,UAAU,EAAE;AAAA,IACtD,SAAS,GAAG,OAAO;AAAA,EACvB;AAEA,SAAO,oBAAC,mBAAgB,QAAiB,UAAS;AACtD","sourcesContent":["import type { ReactNode } from \"react\";\nimport { AuthKitProvider } from \"@farcaster/auth-kit\";\n\nexport function FarcasterProvider({ baseUrl, children }: { baseUrl: string; children: ReactNode }) {\n    const config = {\n        rpcUrl: \"https://mainnet.optimism.io\",\n        domain: new URL(baseUrl).hostname.replace(/^www\\./, \"\"),\n        siweUri: `${baseUrl}api/2024-09-26/session/sdk/auth/authenticate`,\n    };\n\n    return <AuthKitProvider config={config}>{children}</AuthKitProvider>;\n}\n"]}

package/dist/chunk-QT7UEJZG.cjs

@@ -1,133 +0,0 @@
-"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 _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/common/Dialog.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
-var _jsxruntime = require('react/jsx-runtime');
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogClose = DialogPrimitive.Close;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogContent = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, children, showCloseButton = true, closeButtonColor, closeButtonRingColor } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className", "children", "showCloseButton", "closeButtonColor", "closeButtonRingColor"]);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden" }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        DialogPrimitive.Content,
-        _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-          ref,
-          className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-            "fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none",
-            // Small viewport styles (bottom sheet)
-            "inset-x-0 bottom-0 w-full border-t rounded-t-xl",
-            "data-[state=closed]:animate-slide-out-to-bottom data-[state=open]:animate-slide-in-from-bottom",
-            // Regular viewport styles (centered modal)
-            "min-[480px]:inset-auto !min-[480px]:p-10 !min-[480px]:pb-8 min-[480px]:left-[50%] min-[480px]:top-[50%] min-[480px]:translate-x-[-50%] min-[480px]:translate-y-[-52%]",
-            "min-[480px]:max-w-[448px] min-[480px]:rounded-xl",
-            "min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=closed]:animate-zoom-out-95",
-            "min-[480px]:data-[state=open]:animate-fade-in min-[480px]:data-[state=open]:animate-zoom-in-95",
-            // Duration for animations
-            "data-[state=closed]:duration-300 data-[state=open]:duration-500",
-            className
-          )
-        }, props), {
-          children: [
-            children,
-            showCloseButton && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              DialogPrimitive.Close,
-              {
-                className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-                  "absolute rounded-full opacity-70 ring-offset-background transition-opacity hover:opacity-100",
-                  "focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-text-primary",
-                  "right-4 top-4 !min-[480px]:right-6 !min-[480px]:top-6"
-                ),
-                style: { color: closeButtonColor != null ? closeButtonColor : "#00150D" },
-                children: [
-                  /* @__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",
-                      className: "h-6 w-6",
-                      children: [
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 6 6 18" }),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m6 6 12 12" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
-                ]
-              }
-            )
-          ]
-        })
-      )
-    ] });
-  }
-);
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = (_a) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, { className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex flex-col space-y-1.5 text-center sm:text-left", className) }, props));
-};
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = (_a) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
-    }, props)
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Title,
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      ref,
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "text-lg font-semibold leading-none tracking-tight", className)
-    }, props)
-  );
-});
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["className"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Description,
-    _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      ref,
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, "text-sm text-muted-foreground", className)
-    }, props)
-  );
-});
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-
-
-
-
-
-
-
-
-
-
-exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogClose = DialogClose; exports.DialogPortal = DialogPortal; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription;
-//# sourceMappingURL=chunk-QT7UEJZG.cjs.map

package/dist/chunk-QT7UEJZG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/Dialog.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAkBrB,cA6BY,YA7BZ;AAfZ,IAAM,SAAyB;AAC/B,IAAM,gBAAgC;AACtC,IAAM,cAA8B;AACpC,IAAM,eAA+B;AAQrC,IAAM,gBAAsB;AAAA,EACxB,CAAC,IAAmG,QAAK;AAAxG,iBAAE,aAAW,UAAU,kBAAkB,MAAM,kBAAkB,qBAlBtE,IAkBK,IAA0F,kBAA1F,IAA0F,CAAxF,aAAW,YAAU,mBAAwB,oBAAkB;AAC9D,gCAAC,gBAEG;AAAA,0BAAC,SAAI,WAAU,qEAAoE;AAAA,MACnF;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACG;AAAA,UACA,WAAW;AAAA,YACP;AAAA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,UACJ;AAAA,WACI,QAhBP;AAAA,UAkBI;AAAA;AAAA,YACA,mBACG;AAAA,cAAiB;AAAA,cAAhB;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA;AAAA,kBACA;AAAA,gBACJ;AAAA,gBACA,OAAO,EAAE,OAAO,8CAAoB,UAAU;AAAA,gBAE9C;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACG,OAAM;AAAA,sBACN,OAAM;AAAA,sBACN,QAAO;AAAA,sBACP,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,QAAO;AAAA,sBACP,aAAY;AAAA,sBACZ,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,WAAU;AAAA,sBAEV;AAAA,4CAAC,UAAK,GAAE,cAAa;AAAA,wBACrB,oBAAC,UAAK,GAAE,cAAa;AAAA;AAAA;AAAA,kBACzB;AAAA,kBACA,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,YACnC;AAAA;AAAA;AAAA,MAER;AAAA,OACJ;AAAA;AAER;AACA,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,eAAe,CAAC,OAA+D;AAA/D,eAAE,YA1ExB,IA0EsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,6BAAC,wBAAI,WAAW,WAAW,sDAAsD,SAAS,KAAO,MAAO;AAAA;AAE5G,aAAa,cAAc;AAE3B,IAAM,eAAe,CAAC,OAA+D;AAA/D,eAAE,YA/ExB,IA+EsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,WAAW,iEAAiE,SAAS;AAAA,OAC5F;AAAA,EACR;AAAA;AAEJ,aAAa,cAAc;AAE3B,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YA1FL,IA0FG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,WAAW,WAAW,qDAAqD,SAAS;AAAA,OAChF;AAAA,EACR;AAAA,CACH;AACD,YAAY,cAA8B,sBAAM;AAEhD,IAAM,oBAA0B,iBAG9B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAtGL,IAsGG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,WAAW,WAAW,iCAAiC,SAAS;AAAA,OAC5D;AAAA,EACR;AAAA,CACH;AACD,kBAAkB,cAA8B,4BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { classNames } from \"@/utils/classNames\";\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogClose = DialogPrimitive.Close;\nconst DialogPortal = DialogPrimitive.Portal;\n\ninterface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {\n    showCloseButton?: boolean;\n    closeButtonColor?: string;\n    closeButtonRingColor?: string;\n}\n\nconst DialogContent = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Content>, DialogContentProps>(\n    ({ className, children, showCloseButton = true, closeButtonColor, closeButtonRingColor, ...props }, ref) => (\n        <DialogPortal>\n            {/* Because we're using modal={false}, the regular overlay is not shown. We need to add our own overlay */}\n            <div className=\"fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden\" />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={classNames(\n                    \"fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none\",\n                    // Small viewport styles (bottom sheet)\n                    \"inset-x-0 bottom-0 w-full border-t rounded-t-xl\",\n                    \"data-[state=closed]:animate-slide-out-to-bottom data-[state=open]:animate-slide-in-from-bottom\",\n                    // Regular viewport styles (centered modal)\n                    \"min-[480px]:inset-auto !min-[480px]:p-10 !min-[480px]:pb-8 min-[480px]:left-[50%] min-[480px]:top-[50%] min-[480px]:translate-x-[-50%] min-[480px]:translate-y-[-52%]\",\n                    \"min-[480px]:max-w-[448px] min-[480px]:rounded-xl\",\n                    \"min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=closed]:animate-zoom-out-95\",\n                    \"min-[480px]:data-[state=open]:animate-fade-in min-[480px]:data-[state=open]:animate-zoom-in-95\",\n                    // Duration for animations\n                    \"data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                {showCloseButton && (\n                    <DialogPrimitive.Close\n                        className={classNames(\n                            \"absolute rounded-full opacity-70 ring-offset-background transition-opacity hover:opacity-100\",\n                            \"focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-text-primary\",\n                            \"right-4 top-4 !min-[480px]:right-6 !min-[480px]:top-6\"\n                        )}\n                        style={{ color: closeButtonColor ?? \"#00150D\" }}\n                    >\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                            className=\"h-6 w-6\"\n                        >\n                            <path d=\"M18 6 6 18\" />\n                            <path d=\"m6 6 12 12\" />\n                        </svg>\n                        <span className=\"sr-only\">Close</span>\n                    </DialogPrimitive.Close>\n                )}\n            </DialogPrimitive.Content>\n        </DialogPortal>\n    )\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={classNames(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={classNames(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n        {...props}\n    />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Title>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Title\n        ref={ref}\n        className={classNames(\"text-lg font-semibold leading-none tracking-tight\", className)}\n        {...props}\n    />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Description>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Description\n        ref={ref}\n        className={classNames(\"text-sm text-muted-foreground\", className)}\n        {...props}\n    />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n    Dialog,\n    DialogPortal,\n    DialogClose,\n    DialogTrigger,\n    DialogContent,\n    DialogHeader,\n    DialogFooter,\n    DialogTitle,\n    DialogDescription,\n};\n"]}

package/dist/chunk-QTL5I5C2.js

@@ -1,38 +0,0 @@
-import {
-  classNames
-} from "./chunk-RZPQIRIY.js";
-
-// src/components/common/Spinner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Spinner = ({ className, style }) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    "aria-hidden": "true",
-    className: classNames("w-6 h-6 fill-cm-text-primary text-cm-text-secondary animate-spin", className),
-    style,
-    viewBox: "0 0 100 101",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
-          fill: "currentColor"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
-          fill: "currentFill"
-        }
-      )
-    ]
-  }
-);
-
-export {
-  Spinner
-};
-//# sourceMappingURL=chunk-QTL5I5C2.js.map

package/dist/chunk-QTL5I5C2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/Spinner.tsx"],"sourcesContent":["import type React from \"react\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport const Spinner = ({ className, style }: { className?: string; style?: React.CSSProperties }) => (\n    <svg\n        aria-hidden=\"true\"\n        className={classNames(\"w-6 h-6 fill-cm-text-primary text-cm-text-secondary animate-spin\", className)}\n        style={style}\n        viewBox=\"0 0 100 101\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path\n            d=\"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z\"\n            fill=\"currentColor\"\n        />\n        <path\n            d=\"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z\"\n            fill=\"currentFill\"\n        />\n    </svg>\n);\n"],"mappings":";;;;;AAII,SAQI,KARJ;AADG,IAAM,UAAU,CAAC,EAAE,WAAW,MAAM,MACvC;AAAA,EAAC;AAAA;AAAA,IACG,eAAY;AAAA,IACZ,WAAW,WAAW,oEAAoE,SAAS;AAAA,IACnG;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN;AAAA;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACT;AAAA;AAAA;AACJ;","names":[]}

package/dist/chunk-R6IL3WOE.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk35RV5AOTcjs = require('./chunk-35RV5AOT.cjs');
-
-
-var _chunkSBA6FMFTcjs = require('./chunk-SBA6FMFT.cjs');
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx
-
-
-
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _jsxruntime = require('react/jsx-runtime');
-function FiatEmbeddedCheckoutIFrame(props) {
-  const { emitInternalEvent } = _clientsdkbase.crossmintIFrameService.call(void 0, props);
-  _chunkSBA6FMFTcjs.useDeepEffect.call(void 0, () => {
-    emitInternalEvent({
-      type: "params-update",
-      payload: _clientsdkbase.embeddedCheckoutPropsToUpdatableParamsPayload.call(void 0, props)
-    });
-  }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk35RV5AOTcjs.CrossmintEmbeddedCheckoutIFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
-}
-
-
-
-exports.FiatEmbeddedCheckoutIFrame = FiatEmbeddedCheckoutIFrame;
-//# sourceMappingURL=chunk-R6IL3WOE.cjs.map

package/dist/chunk-R6IL3WOE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AAeI;AAVI,SAAR,2BAA4C,OAAkC;AACjF,QAAM,EAAE,kBAAkB,IAAI,uBAAuB,KAAK;AAE1D,gBAAc,MAAM;AAChB,sBAAkB;AAAA,MACd,MAAM;AAAA,MACN,SAAS,8CAA8C,KAAK;AAAA,IAChE,CAAC;AAAA,EACL,GAAG,CAAC,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,MAAM,UAAU,MAAM,iBAAiB,CAAC;AAE7F,SAAO,oBAAC,oDAAoC,MAAO;AACvD","sourcesContent":["import {\n    type FiatEmbeddedCheckoutProps,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function FiatEmbeddedCheckoutIFrame(props: FiatEmbeddedCheckoutProps) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);\n\n    return <CrossmintEmbeddedCheckoutIFrame {...props} />;\n}\n"]}

package/dist/chunk-RU4ZOZP5.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-RU4ZOZP5.cjs.map

package/dist/chunk-RU4ZOZP5.cjs.map

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

package/dist/chunk-RZPQIRIY.js

@@ -1,11 +0,0 @@
-// src/utils/classNames.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function classNames(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export {
-  classNames
-};
-//# sourceMappingURL=chunk-RZPQIRIY.js.map

package/dist/chunk-RZPQIRIY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/classNames.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combines multiple class names into a single string.\n *\n * @param inputs - The class names to combine.\n * @returns The combined class names as a string.\n */\nexport function classNames(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAQjB,SAAS,cAAc,QAAsB;AAChD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC/B;","names":[]}