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

package/dist/chunk-EH64D65Z.cjs

@@ -0,0 +1,137 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk2DG4R653cjs = require('./chunk-2DG4R653.cjs');
+
+
+
+
+var _chunkMH37OJT2cjs = require('./chunk-MH37OJT2.cjs');
+
+
+var _chunkHCW4RO2Ocjs = require('./chunk-HCW4RO2O.cjs');
+
+
+var _chunkURKPLEPVcjs = require('./chunk-URKPLEPV.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/signers/EmailOTPInput.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function EmailOTPInput({ email, onSubmitOTP, handleOnBack, onResendCode, appearance }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+  const [token, setToken] = _react.useState.call(void 0, "");
+  const [hasError, setHasError] = _react.useState.call(void 0, false);
+  const [loading, setLoading] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const handleOnSubmitOTP = () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+    setLoading(true);
+    try {
+      yield onSubmitOTP(token);
+      setHasError(false);
+      setError(null);
+    } catch (error2) {
+      console.error("Error confirming recovery key OTP", error2);
+      setError("Invalid code. Please try again.");
+      setHasError(true);
+    } finally {
+      setLoading(false);
+    }
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        className: "absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none",
+        onClick: () => {
+          setError(null);
+          handleOnBack();
+          setToken("");
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHCW4RO2Ocjs.LeftArrowIcon, { className: "w-6 h-6", style: { color: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary } })
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center justify-start w-full", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative left-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkURKPLEPVcjs.EmailOtpIcon,
+        {
+          customAccentColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.accent,
+          customButtonBackgroundColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.buttonBackground,
+          customBackgroundColor: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.background
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "p",
+        {
+          className: "text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",
+          style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textPrimary },
+          children: "Verify Recovery Key Creation"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "p",
+        {
+          className: "text-center text-cm-text-secondary px-4",
+          style: { color: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textSecondary },
+          children: [
+            "A verification code has been sent to ",
+            email ? email : "your email address"
+          ]
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkMH37OJT2cjs.InputOTP,
+        {
+          maxLength: 6,
+          value: token,
+          onChange: (val) => {
+            setToken(val);
+            setHasError(false);
+            setError(null);
+          },
+          onComplete: handleOnSubmitOTP,
+          disabled: loading,
+          customStyles: {
+            accent: (_h = (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.accent) != null ? _h : "#04AA6D",
+            danger: (_j = (_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.danger) != null ? _j : "#f44336",
+            border: (_l = (_k = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _k.border) != null ? _l : "#E5E7EB",
+            textPrimary: (_n = (_m = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _m.textPrimary) != null ? _n : "#909ca3",
+            buttonBackground: (_p = (_o = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _o.buttonBackground) != null ? _p : "#eff6ff",
+            inputBackground: (_r = (_q = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _q.inputBackground) != null ? _r : "#FFFFFF",
+            borderRadius: appearance == null ? void 0 : appearance.borderRadius
+          },
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMH37OJT2cjs.InputOTPGroup, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 0, hasError }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 1, hasError }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 2, hasError }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 3, hasError }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 4, hasError }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMH37OJT2cjs.InputOTPSlot, { index: 5, hasError })
+          ] })
+        }
+      ) }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-sm text-red-500 mb-4", children: error }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-xs leading-tight text-cm-text-secondary text-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { style: { color: (_s = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _s.textSecondary }, children: [
+        "Can't find the email? Check spam folder.",
+        "\n",
+        "Some emails may take several minutes to arrive."
+      ] }) }),
+      onResendCode && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunk2DG4R653cjs.CountdownButton,
+        {
+          initialSeconds: 60,
+          appearance,
+          countdownText: (seconds) => `Re-send code in ${seconds}s`,
+          countdownCompleteText: "Re-send code",
+          handleOnClick: onResendCode
+        }
+      )
+    ] })
+  ] });
+}
+
+
+
+exports.EmailOTPInput = EmailOTPInput;
+//# sourceMappingURL=chunk-EH64D65Z.cjs.map

package/dist/chunk-EH64D65Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/EmailOTPInput.tsx"],"names":["error"],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { CountdownButton } from \"@/components/common/CountdownButton\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from \"@/components/common/InputOTP\";\nimport { EmailOtpIcon } from \"@/icons/emailOTP\";\nimport { LeftArrowIcon } from \"@/icons/leftArrow\";\n\ninterface EmailOTPInputProps {\n    email?: string;\n    onSubmitOTP: (token: string) => Promise<void>;\n    onResendCode?: () => Promise<void>;\n    appearance?: UIConfig;\n    handleOnBack: () => void;\n}\n\nexport function EmailOTPInput({ email, onSubmitOTP, handleOnBack, onResendCode, appearance }: EmailOTPInputProps) {\n    const [token, setToken] = useState(\"\");\n    const [hasError, setHasError] = useState(false);\n    const [loading, setLoading] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const handleOnSubmitOTP = async () => {\n        setLoading(true);\n        try {\n            await onSubmitOTP(token);\n            setHasError(false);\n            setError(null);\n        } catch (error) {\n            console.error(\"Error confirming recovery key OTP\", error);\n            setError(\"Invalid code. Please try again.\");\n            setHasError(true);\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    return (\n        <div>\n            <button\n                className={\n                    \"absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none\"\n                }\n                onClick={() => {\n                    setError(null);\n                    handleOnBack();\n                    setToken(\"\");\n                }}\n            >\n                <LeftArrowIcon className=\"w-6 h-6\" style={{ color: appearance?.colors?.textPrimary }} />\n            </button>\n            <div className=\"flex flex-col items-center justify-start w-full\">\n                <div className=\"relative left-3\">\n                    <EmailOtpIcon\n                        customAccentColor={appearance?.colors?.accent}\n                        customButtonBackgroundColor={appearance?.colors?.buttonBackground}\n                        customBackgroundColor={appearance?.colors?.background}\n                    />\n                </div>\n                <p\n                    className=\"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary\"\n                    style={{ color: appearance?.colors?.textPrimary }}\n                >\n                    Verify Recovery Key Creation\n                </p>\n                <p\n                    className=\"text-center text-cm-text-secondary px-4\"\n                    style={{ color: appearance?.colors?.textSecondary }}\n                >\n                    A verification code has been sent to {email ? email : \"your email address\"}\n                </p>\n                <div className=\"py-8\">\n                    <InputOTP\n                        maxLength={6}\n                        value={token}\n                        onChange={(val) => {\n                            setToken(val);\n                            setHasError(false);\n                            setError(null);\n                        }}\n                        onComplete={handleOnSubmitOTP}\n                        disabled={loading}\n                        customStyles={{\n                            accent: appearance?.colors?.accent ?? \"#04AA6D\",\n                            danger: appearance?.colors?.danger ?? \"#f44336\",\n                            border: appearance?.colors?.border ?? \"#E5E7EB\",\n                            textPrimary: appearance?.colors?.textPrimary ?? \"#909ca3\",\n                            buttonBackground: appearance?.colors?.buttonBackground ?? \"#eff6ff\",\n                            inputBackground: appearance?.colors?.inputBackground ?? \"#FFFFFF\",\n                            borderRadius: appearance?.borderRadius,\n                        }}\n                    >\n                        <InputOTPGroup>\n                            <InputOTPSlot index={0} hasError={hasError} />\n                            <InputOTPSlot index={1} hasError={hasError} />\n                            <InputOTPSlot index={2} hasError={hasError} />\n                            <InputOTPSlot index={3} hasError={hasError} />\n                            <InputOTPSlot index={4} hasError={hasError} />\n                            <InputOTPSlot index={5} hasError={hasError} />\n                        </InputOTPGroup>\n                    </InputOTP>\n                </div>\n\n                {error && <div className=\"text-sm text-red-500 mb-4\">{error}</div>}\n\n                <div className=\"text-xs leading-tight text-cm-text-secondary text-center\">\n                    <span style={{ color: appearance?.colors?.textSecondary }}>\n                        Can't find the email? Check spam folder.\n                        {\"\\n\"}\n                        Some emails may take several minutes to arrive.\n                    </span>\n                </div>\n\n                {onResendCode && (\n                    <CountdownButton\n                        initialSeconds={60}\n                        appearance={appearance}\n                        countdownText={(seconds) => `Re-send code in ${seconds}s`}\n                        countdownCompleteText=\"Re-send code\"\n                        handleOnClick={onResendCode}\n                    />\n                )}\n            </div>\n        </div>\n    );\n}\n"]}

package/dist/chunk-EON274FF.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk6LO4NSRHcjs = require('./chunk-6LO4NSRH.cjs');
+
+
+var _chunk43P7QWBKcjs = require('./chunk-43P7QWBK.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/index.tsx
+
+
+
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintPaymentElement_DEPRECATED(props) {
+  console.error(
+    "[CrossmintPaymentElement_DEPRECATED] \u26A0\uFE0F This SDK version is deprecated. Please upgrade to Embedded Checkout V3 for improved performance, simplified integration, and enhanced functionality. Learn more: https://docs.crossmint.com/nft-checkout/embedded/overview"
+  );
+  if (_clientsdkbase.isFiatEmbeddedCheckoutProps.call(void 0, props)) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk43P7QWBKcjs.CrossmintFiatEmbeddedCheckout, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+  }
+  if (_clientsdkbase.isCryptoEmbeddedCheckoutProps.call(void 0, props)) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6LO4NSRHcjs.CrossmintCryptoEmbeddedCheckout, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+  }
+  throw new Error("Unsupported: Fiat is the only supported payment method.");
+}
+
+
+
+exports.CrossmintPaymentElement_DEPRECATED = CrossmintPaymentElement_DEPRECATED;
+//# sourceMappingURL=chunk-EON274FF.cjs.map

package/dist/chunk-EON274FF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AAWQ;AANR,SAAS,mCAAmC,OAAuC;AACtF,UAAQ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,4BAA4B,KAAK,GAAG;AACpC,WAAO,oBAAC,kDAAkC,MAAO;AAAA,EACrD;AACA,MAAI,8BAA8B,KAAK,GAAG;AACtC,WAAO,oBAAC,oDAAoC,MAAO;AAAA,EACvD;AACA,QAAM,IAAI,MAAM,yDAAyD;AAC7E","sourcesContent":["import {\n    type CrossmintEmbeddedCheckoutProps,\n    isCryptoEmbeddedCheckoutProps,\n    isFiatEmbeddedCheckoutProps,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CrossmintCryptoEmbeddedCheckout } from \"./crypto/CryptoEmbeddedCheckout\";\nimport { CrossmintFiatEmbeddedCheckout } from \"./fiat/FiatEmbeddedCheckout\";\n\nexport function CrossmintPaymentElement_DEPRECATED(props: CrossmintEmbeddedCheckoutProps) {\n    console.error(\n        \"[CrossmintPaymentElement_DEPRECATED] ⚠️ This SDK version is deprecated. Please upgrade to Embedded Checkout V3 for improved performance, simplified integration, and enhanced functionality. Learn more: https://docs.crossmint.com/nft-checkout/embedded/overview\"\n    );\n\n    if (isFiatEmbeddedCheckoutProps(props)) {\n        return <CrossmintFiatEmbeddedCheckout {...props} />;\n    }\n    if (isCryptoEmbeddedCheckoutProps(props)) {\n        return <CrossmintCryptoEmbeddedCheckout {...props} />;\n    }\n    throw new Error(\"Unsupported: Fiat is the only supported payment method.\");\n}\n"]}

package/dist/chunk-EOWJ7775.js

@@ -0,0 +1,18 @@
+// src/hooks/useDeepEffect.ts
+import isEqual from "lodash.isequal";
+import { useEffect, useRef } from "react";
+function useDeepEffect(callback, dependencies) {
+  const dependenciesRef = useRef(dependencies);
+  useEffect(() => {
+    const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));
+    if (hasChanged) {
+      dependenciesRef.current = dependencies;
+      return callback();
+    }
+  }, [dependencies]);
+}
+
+export {
+  useDeepEffect
+};
+//# sourceMappingURL=chunk-EOWJ7775.js.map

package/dist/chunk-EOWJ7775.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDeepEffect.ts"],"sourcesContent":["import isEqual from \"lodash.isequal\";\nimport { type DependencyList, type EffectCallback, useEffect, useRef } from \"react\";\n\nexport default function useDeepEffect(callback: EffectCallback, dependencies: DependencyList): void {\n    const dependenciesRef = useRef(dependencies);\n\n    useEffect(() => {\n        const hasChanged = dependencies.some((dep, i) => !isEqual(dep, dependenciesRef.current[i]));\n\n        if (hasChanged) {\n            dependenciesRef.current = dependencies;\n            return callback();\n        }\n    }, [dependencies]);\n}\n"],"mappings":";AAAA,OAAO,aAAa;AACpB,SAAmD,WAAW,cAAc;AAE7D,SAAR,cAA+B,UAA0B,cAAoC;AAChG,QAAM,kBAAkB,OAAO,YAAY;AAE3C,YAAU,MAAM;AACZ,UAAM,aAAa,aAAa,KAAK,CAAC,KAAK,MAAM,CAAC,QAAQ,KAAK,gBAAgB,QAAQ,CAAC,CAAC,CAAC;AAE1F,QAAI,YAAY;AACZ,sBAAgB,UAAU;AAC1B,aAAO,SAAS;AAAA,IACpB;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AACrB;","names":[]}

package/dist/chunk-F2AWZC4M.js

@@ -0,0 +1,51 @@
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx
+import { DynamicContextProvider, mergeNetworks } from "@dynamic-labs/sdk-react-core";
+import { jsx } from "react/jsx-runtime";
+function DynamicContextProviderWrapper({
+  children,
+  settings,
+  apiKeyEnvironment
+}) {
+  return /* @__PURE__ */ jsx(
+    DynamicContextProvider,
+    {
+      settings: __spreadValues(__spreadValues({
+        initialAuthenticationMode: "connect-only",
+        environmentId: apiKeyEnvironment === "production" ? "3fc6c24e-6a8e-45f8-aae1-a87d7a027e12" : "cd53135a-b32b-4704-bfca-324b665e9329",
+        cssOverrides: `.powered-by-dynamic { display: none !important; }`
+      }, apiKeyEnvironment === "production" ? {
+        overrides: {
+          evmNetworks: (defaultNetworks) => mergeNetworks(additionalEvmMainnetNetworks, defaultNetworks)
+        }
+      } : {}), settings),
+      children
+    }
+  );
+}
+var additionalEvmMainnetNetworks = [
+  {
+    blockExplorerUrls: ["ttps://explorer-proofofplay-boss-mainnet.t.conduit.xyz/"],
+    chainId: 70701,
+    chainName: "Boss Mainnet",
+    iconUrls: ["https:/www.crossmint.com/assets/ui/logos/apex.svg"],
+    name: "Boss",
+    nativeCurrency: {
+      decimals: 18,
+      name: "Ether",
+      symbol: "ETH",
+      iconUrl: "https://app.dynamic.xyz/assets/networks/eth.svg"
+    },
+    networkId: 70701,
+    rpcUrls: ["https://rpc.boss.proofofplay.com/"],
+    vanityName: "Boss"
+  }
+];
+
+export {
+  DynamicContextProviderWrapper
+};
+//# sourceMappingURL=chunk-F2AWZC4M.js.map

package/dist/chunk-F2AWZC4M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx"],"sourcesContent":["import type { APIKeyEnvironmentPrefix } from \"@crossmint/common-sdk-base\";\nimport { type DynamicContextProps, DynamicContextProvider, mergeNetworks } from \"@dynamic-labs/sdk-react-core\";\nimport type { ReactNode } from \"react\";\n\nexport interface DynamicContextProviderWrapperProps {\n    children?: ReactNode;\n    settings: Omit<DynamicContextProps[\"settings\"], \"environmentId\">;\n    apiKeyEnvironment: APIKeyEnvironmentPrefix;\n}\n\nexport default function DynamicContextProviderWrapper({\n    children,\n    settings,\n    apiKeyEnvironment,\n}: DynamicContextProviderWrapperProps) {\n    return (\n        <DynamicContextProvider\n            settings={{\n                initialAuthenticationMode: \"connect-only\",\n                environmentId:\n                    apiKeyEnvironment === \"production\"\n                        ? \"3fc6c24e-6a8e-45f8-aae1-a87d7a027e12\"\n                        : \"cd53135a-b32b-4704-bfca-324b665e9329\",\n                cssOverrides: `.powered-by-dynamic { display: none !important; }`,\n                ...(apiKeyEnvironment === \"production\"\n                    ? {\n                          overrides: {\n                              evmNetworks: (defaultNetworks) =>\n                                  mergeNetworks(additionalEvmMainnetNetworks, defaultNetworks),\n                          },\n                      }\n                    : {}),\n                ...settings,\n            }}\n        >\n            {children}\n        </DynamicContextProvider>\n    );\n}\n\nconst additionalEvmMainnetNetworks = [\n    {\n        blockExplorerUrls: [\"ttps://explorer-proofofplay-boss-mainnet.t.conduit.xyz/\"],\n        chainId: 70701,\n        chainName: \"Boss Mainnet\",\n        iconUrls: [\"https:/www.crossmint.com/assets/ui/logos/apex.svg\"],\n        name: \"Boss\",\n        nativeCurrency: {\n            decimals: 18,\n            name: \"Ether\",\n            symbol: \"ETH\",\n            iconUrl: \"https://app.dynamic.xyz/assets/networks/eth.svg\",\n        },\n        networkId: 70701,\n\n        rpcUrls: [\"https://rpc.boss.proofofplay.com/\"],\n        vanityName: \"Boss\",\n    },\n];\n"],"mappings":";;;;;AACA,SAAmC,wBAAwB,qBAAqB;AAexE;AANO,SAAR,8BAA+C;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AACJ,GAAuC;AACnC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,UAAU;AAAA,QACN,2BAA2B;AAAA,QAC3B,eACI,sBAAsB,eAChB,yCACA;AAAA,QACV,cAAc;AAAA,SACV,sBAAsB,eACpB;AAAA,QACI,WAAW;AAAA,UACP,aAAa,CAAC,oBACV,cAAc,8BAA8B,eAAe;AAAA,QACnE;AAAA,MACJ,IACA,CAAC,IACJ;AAAA,MAGN;AAAA;AAAA,EACL;AAER;AAEA,IAAM,+BAA+B;AAAA,EACjC;AAAA,IACI,mBAAmB,CAAC,yDAAyD;AAAA,IAC7E,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU,CAAC,mDAAmD;AAAA,IAC9D,MAAM;AAAA,IACN,gBAAgB;AAAA,MACZ,UAAU;AAAA,MACV,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,IACb;AAAA,IACA,WAAW;AAAA,IAEX,SAAS,CAAC,mCAAmC;AAAA,IAC7C,YAAY;AAAA,EAChB;AACJ;","names":[]}

package/dist/chunk-F3AMLCQL.js

@@ -0,0 +1,22 @@
+import {
+  LIB_VERSION
+} from "./chunk-7IC6PRTG.js";
+
+// src/utils/createCrossmintApiClient.ts
+import { CrossmintApiClient } from "@crossmint/common-sdk-base";
+function createCrossmintApiClient(crossmint, apiKeyExpectations) {
+  return new CrossmintApiClient(crossmint, {
+    internalConfig: {
+      sdkMetadata: {
+        name: "@crossmint/client-sdk-react-ui",
+        version: LIB_VERSION
+      },
+      apiKeyExpectations
+    }
+  });
+}
+
+export {
+  createCrossmintApiClient
+};
+//# sourceMappingURL=chunk-F3AMLCQL.js.map

package/dist/chunk-F3AMLCQL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createCrossmintApiClient.ts"],"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"],"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;","names":[]}

package/dist/chunk-FCL2DOPJ.js

@@ -0,0 +1,33 @@
+import {
+  CrossmintCryptoEmbeddedCheckout
+} from "./chunk-ZUIS3FET.js";
+import {
+  CrossmintFiatEmbeddedCheckout
+} from "./chunk-2T2VCED7.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/index.tsx
+import {
+  isCryptoEmbeddedCheckoutProps,
+  isFiatEmbeddedCheckoutProps
+} from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function CrossmintPaymentElement_DEPRECATED(props) {
+  console.error(
+    "[CrossmintPaymentElement_DEPRECATED] \u26A0\uFE0F This SDK version is deprecated. Please upgrade to Embedded Checkout V3 for improved performance, simplified integration, and enhanced functionality. Learn more: https://docs.crossmint.com/nft-checkout/embedded/overview"
+  );
+  if (isFiatEmbeddedCheckoutProps(props)) {
+    return /* @__PURE__ */ jsx(CrossmintFiatEmbeddedCheckout, __spreadValues({}, props));
+  }
+  if (isCryptoEmbeddedCheckoutProps(props)) {
+    return /* @__PURE__ */ jsx(CrossmintCryptoEmbeddedCheckout, __spreadValues({}, props));
+  }
+  throw new Error("Unsupported: Fiat is the only supported payment method.");
+}
+
+export {
+  CrossmintPaymentElement_DEPRECATED
+};
+//# sourceMappingURL=chunk-FCL2DOPJ.js.map

package/dist/chunk-FCL2DOPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/index.tsx"],"sourcesContent":["import {\n    type CrossmintEmbeddedCheckoutProps,\n    isCryptoEmbeddedCheckoutProps,\n    isFiatEmbeddedCheckoutProps,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CrossmintCryptoEmbeddedCheckout } from \"./crypto/CryptoEmbeddedCheckout\";\nimport { CrossmintFiatEmbeddedCheckout } from \"./fiat/FiatEmbeddedCheckout\";\n\nexport function CrossmintPaymentElement_DEPRECATED(props: CrossmintEmbeddedCheckoutProps) {\n    console.error(\n        \"[CrossmintPaymentElement_DEPRECATED] ⚠️ This SDK version is deprecated. Please upgrade to Embedded Checkout V3 for improved performance, simplified integration, and enhanced functionality. Learn more: https://docs.crossmint.com/nft-checkout/embedded/overview\"\n    );\n\n    if (isFiatEmbeddedCheckoutProps(props)) {\n        return <CrossmintFiatEmbeddedCheckout {...props} />;\n    }\n    if (isCryptoEmbeddedCheckoutProps(props)) {\n        return <CrossmintCryptoEmbeddedCheckout {...props} />;\n    }\n    throw new Error(\"Unsupported: Fiat is the only supported payment method.\");\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AAWQ;AANR,SAAS,mCAAmC,OAAuC;AACtF,UAAQ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,4BAA4B,KAAK,GAAG;AACpC,WAAO,oBAAC,kDAAkC,MAAO;AAAA,EACrD;AACA,MAAI,8BAA8B,KAAK,GAAG;AACtC,WAAO,oBAAC,oDAAoC,MAAO;AAAA,EACvD;AACA,QAAM,IAAI,MAAM,yDAAyD;AAC7E;","names":[]}

package/dist/chunk-FHPIRUUD.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
+
+
+var _chunk4EZ2R33Icjs = require('./chunk-4EZ2R33I.cjs');
+
+// src/components/common/SecuredByCrossmint.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function SecuredByCrossmint({ color = "#67797F", className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EZ2R33Icjs.SecuredByLeaf, { color }) });
+}
+
+
+
+exports.SecuredByCrossmint = SecuredByCrossmint;
+//# sourceMappingURL=chunk-FHPIRUUD.cjs.map

package/dist/chunk-FHPIRUUD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/SecuredByCrossmint.tsx"],"names":[],"mappings":";;;;;;;;AAMY;AAHL,SAAS,mBAAmB,EAAE,QAAQ,WAAW,UAAU,GAA2C;AACzG,SACI,oBAAC,SAAI,WAAW,WAAW,QAAQ,SAAS,GACxC,8BAAC,iBAAc,OAAc,GACjC;AAER","sourcesContent":["import { SecuredByLeaf } from \"@/icons/securedByLeaf\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function SecuredByCrossmint({ color = \"#67797F\", className }: { color?: string; className?: string }) {\n    return (\n        <div className={classNames(\"flex\", className)}>\n            <SecuredByLeaf color={color} />\n        </div>\n    );\n}\n"]}

package/dist/chunk-FKL462NZ.js

@@ -0,0 +1,22 @@
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/utils/createPasskeySigner.ts
+import { WebAuthnP256 } from "ox";
+function createWebAuthnPasskeySigner(name) {
+  return __async(this, null, function* () {
+    const credential = yield WebAuthnP256.createCredential({
+      name
+    });
+    return {
+      type: "PASSKEY",
+      credential
+    };
+  });
+}
+
+export {
+  createWebAuthnPasskeySigner
+};
+//# sourceMappingURL=chunk-FKL462NZ.js.map

package/dist/chunk-FKL462NZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/createPasskeySigner.ts"],"sourcesContent":["import { WebAuthnP256 } from \"ox\";\nimport type { PasskeySigner } from \"@/types/passkey\";\n\nexport async function createWebAuthnPasskeySigner(name: string): Promise<PasskeySigner> {\n    const credential = await WebAuthnP256.createCredential({\n        name,\n    });\n    return {\n        type: \"PASSKEY\",\n        credential,\n    };\n}\n"],"mappings":";;;;;AAAA,SAAS,oBAAoB;AAG7B,SAAsB,4BAA4B,MAAsC;AAAA;AACpF,UAAM,aAAa,MAAM,aAAa,iBAAiB;AAAA,MACnD;AAAA,IACJ,CAAC;AACD,WAAO;AAAA,MACH,MAAM;AAAA,MACN;AAAA,IACJ;AAAA,EACJ;AAAA;","names":[]}

package/dist/chunk-FU74NHZW.js

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

package/dist/chunk-FU74NHZW.js.map

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

package/dist/chunk-FXKNGWFA.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkVEPJM7ZCcjs = require('./chunk-VEPJM7ZC.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintEmbeddedCheckout(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVEPJM7ZCcjs.EmbeddedCheckoutV3IFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+}
+
+
+
+exports.CrossmintEmbeddedCheckout = CrossmintEmbeddedCheckout;
+//# sourceMappingURL=chunk-FXKNGWFA.cjs.map

package/dist/chunk-FXKNGWFA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx"],"names":[],"mappings":";;;;;;;;AAIW;AADJ,SAAS,0BAA0B,OAAyC;AAC/E,SAAO,oBAAC,6CAA6B,MAAO;AAChD","sourcesContent":["import { EmbeddedCheckoutV3IFrame } from \"./EmbeddedCheckoutV3IFrame\";\nimport type { CrossmintEmbeddedCheckoutV3Props } from \"@crossmint/client-sdk-base\";\n\nexport function CrossmintEmbeddedCheckout(props: CrossmintEmbeddedCheckoutV3Props) {\n    return <EmbeddedCheckoutV3IFrame {...props} />;\n}\n"]}

package/dist/chunk-H4F7UVPT.js

@@ -0,0 +1,34 @@
+// src/icons/fingerprint.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function FingerprintIcon() {
+  return /* @__PURE__ */ jsxs(
+    "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__ */ jsx("path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" }),
+        /* @__PURE__ */ jsx("path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88" }),
+        /* @__PURE__ */ jsx("path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02" }),
+        /* @__PURE__ */ jsx("path", { d: "M2 12a10 10 0 0 1 18-6" }),
+        /* @__PURE__ */ jsx("path", { d: "M2 16h.01" }),
+        /* @__PURE__ */ jsx("path", { d: "M21.8 16c.2-2 .131-5.354 0-6" }),
+        /* @__PURE__ */ jsx("path", { d: "M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" }),
+        /* @__PURE__ */ jsx("path", { d: "M8.65 22c.21-.66.45-1.32.57-2" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 6.8a6 6 0 0 1 9 5.2v2" })
+      ]
+    }
+  );
+}
+
+export {
+  FingerprintIcon
+};
+//# sourceMappingURL=chunk-H4F7UVPT.js.map

package/dist/chunk-H4F7UVPT.js.map

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

package/dist/chunk-H4TVOH5V.cjs

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/google.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function GoogleIcon({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "25",
+      height: "25",
+      x: "0px",
+      y: "0px",
+      viewBox: "0 0 48 48",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fill: "#fbc02d",
+            d: "M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12	s5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20	s20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fill: "#e53935",
+            d: "M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039	l5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fill: "#4caf50",
+            d: "M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36	c-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fill: "#1565c0",
+            d: "M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571	c0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.GoogleIcon = GoogleIcon;
+//# sourceMappingURL=chunk-H4TVOH5V.cjs.map

package/dist/chunk-H4TVOH5V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/google.tsx"],"names":[],"mappings":";AAEQ,SASI,KATJ;AAFD,SAAS,WAAW,EAAE,UAAU,GAA2B;AAC9D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,GAAE;AAAA,MACF,GAAE;AAAA,MACF,SAAQ;AAAA,MACR,OAAM;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACG,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACL;AAER","sourcesContent":["export function GoogleIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            width=\"25\"\n            height=\"25\"\n            x=\"0px\"\n            y=\"0px\"\n            viewBox=\"0 0 48 48\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <path\n                fill=\"#fbc02d\"\n                d=\"M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12\ts5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24s8.955,20,20,20\ts20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z\"\n            ></path>\n            <path\n                fill=\"#e53935\"\n                d=\"M6.306,14.691l6.571,4.819C14.655,15.108,18.961,12,24,12c3.059,0,5.842,1.154,7.961,3.039\tl5.657-5.657C34.046,6.053,29.268,4,24,4C16.318,4,9.656,8.337,6.306,14.691z\"\n            ></path>\n            <path\n                fill=\"#4caf50\"\n                d=\"M24,44c5.166,0,9.86-1.977,13.409-5.192l-6.19-5.238C29.211,35.091,26.715,36,24,36\tc-5.202,0-9.619-3.317-11.283-7.946l-6.522,5.025C9.505,39.556,16.227,44,24,44z\"\n            ></path>\n            <path\n                fill=\"#1565c0\"\n                d=\"M43.611,20.083L43.595,20L42,20H24v8h11.303c-0.792,2.237-2.231,4.166-4.087,5.571\tc0.001-0.001,0.002-0.001,0.003-0.002l6.19,5.238C36.971,39.205,44,34,44,24C44,22.659,43.862,21.35,43.611,20.083z\"\n            ></path>\n        </svg>\n    );\n}\n"]}

package/dist/chunk-HCW4RO2O.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/leftArrow.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function LeftArrowIcon({ className, style }) {
+  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",
+      className,
+      style,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m12 19-7-7 7-7" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M19 12H5" })
+      ]
+    }
+  );
+}
+
+
+
+exports.LeftArrowIcon = LeftArrowIcon;
+//# sourceMappingURL=chunk-HCW4RO2O.cjs.map

package/dist/chunk-HCW4RO2O.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/leftArrow.tsx"],"names":[],"mappings":";AAEQ,SAaI,KAbJ;AAFD,SAAS,cAAc,EAAE,WAAW,MAAM,GAAwD;AACrG,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,MACf;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,UAAK,GAAE,kBAAiB;AAAA,QACzB,oBAAC,UAAK,GAAE,YAAW;AAAA;AAAA;AAAA,EACvB;AAER","sourcesContent":["export function LeftArrowIcon({ className, style }: { className?: string; style?: React.CSSProperties }) {\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            className={className}\n            style={style}\n        >\n            <path d=\"m12 19-7-7 7-7\" />\n            <path d=\"M19 12H5\" />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-HFPR3JUK.js

@@ -0,0 +1,31 @@
+import {
+  LIB_VERSION
+} from "./chunk-7IC6PRTG.js";
+
+// src/components/CrossmintNFTCollectionView.tsx
+import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function CrossmintNFTCollectionView(props) {
+  assertValidNFTCollectionViewProps(props);
+  const src = getNFTCollectionViewSrc(props, LIB_VERSION);
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src,
+      width: "100%",
+      height: "100%",
+      style: {
+        flexGrow: "1",
+        border: "none",
+        margin: "0",
+        padding: "0"
+      },
+      role: "nft-collection-view"
+    }
+  );
+}
+
+export {
+  CrossmintNFTCollectionView
+};
+//# sourceMappingURL=chunk-HFPR3JUK.js.map