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

package/dist/chunk-5RDAQSJK.cjs

@@ -1,27 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/twitter.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function TwitterIcon({ className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M 14.285156 10.171875 L 23.222656 0 L 21.105469 0 L 13.34375 8.832031 L 7.148438 0 L 0 0 L 9.371094 13.355469 L 0 24.019531 L 2.117188 24.019531 L 10.308594 14.691406 L 16.851562 24.019531 L 24 24.019531 M 2.878906 1.5625 L 6.132812 1.5625 L 21.101562 22.535156 L 17.851562 22.535156",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-}
-
-
-
-exports.TwitterIcon = TwitterIcon;
-//# sourceMappingURL=chunk-5RDAQSJK.cjs.map

package/dist/chunk-5RDAQSJK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/twitter.tsx"],"names":[],"mappings":";AAUY;AAVL,SAAS,YAAY,EAAE,UAAU,GAA2B;AAC/D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACR;AAAA;AAAA,EACL;AAER","sourcesContent":["export function TwitterIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <path\n                d=\"M 14.285156 10.171875 L 23.222656 0 L 21.105469 0 L 13.34375 8.832031 L 7.148438 0 L 0 0 L 9.371094 13.355469 L 0 24.019531 L 2.117188 24.019531 L 10.308594 14.691406 L 16.851562 24.019531 L 24 24.019531 M 2.878906 1.5625 L 6.132812 1.5625 L 21.101562 22.535156 L 17.851562 22.535156\"\n                fill=\"currentColor\"\n            ></path>\n        </svg>\n    );\n}\n"]}

package/dist/chunk-5RX5WFEW.cjs

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/classNames.ts
-var _clsx = require('clsx');
-var _tailwindmerge = require('tailwind-merge');
-function classNames(...inputs) {
-  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
-}
-
-
-
-exports.classNames = classNames;
-//# sourceMappingURL=chunk-5RX5WFEW.cjs.map

package/dist/chunk-5RX5WFEW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/classNames.ts"],"names":[],"mappings":";AAAA,SAA0B,YAAY;AACtC,SAAS,eAAe;AAQjB,SAAS,cAAc,QAAsB;AAChD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC/B","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"]}

package/dist/chunk-5TH75X5L.js

@@ -1,27 +0,0 @@
-// src/icons/twitter.tsx
-import { jsx } from "react/jsx-runtime";
-function TwitterIcon({ className }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M 14.285156 10.171875 L 23.222656 0 L 21.105469 0 L 13.34375 8.832031 L 7.148438 0 L 0 0 L 9.371094 13.355469 L 0 24.019531 L 2.117188 24.019531 L 10.308594 14.691406 L 16.851562 24.019531 L 24 24.019531 M 2.878906 1.5625 L 6.132812 1.5625 L 21.101562 22.535156 L 17.851562 22.535156",
-          fill: "currentColor"
-        }
-      )
-    }
-  );
-}
-
-export {
-  TwitterIcon
-};
-//# sourceMappingURL=chunk-5TH75X5L.js.map

package/dist/chunk-5TH75X5L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/twitter.tsx"],"sourcesContent":["export function TwitterIcon({ className }: { className?: string }) {\n    return (\n        <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <path\n                d=\"M 14.285156 10.171875 L 23.222656 0 L 21.105469 0 L 13.34375 8.832031 L 7.148438 0 L 0 0 L 9.371094 13.355469 L 0 24.019531 L 2.117188 24.019531 L 10.308594 14.691406 L 16.851562 24.019531 L 24 24.019531 M 2.878906 1.5625 L 6.132812 1.5625 L 21.101562 22.535156 L 17.851562 22.535156\"\n                fill=\"currentColor\"\n            ></path>\n        </svg>\n    );\n}\n"],"mappings":";AAUY;AAVL,SAAS,YAAY,EAAE,UAAU,GAA2B;AAC/D,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACR;AAAA;AAAA,EACL;AAER;","names":[]}

package/dist/chunk-6A5ZUKVT.cjs

@@ -1,31 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkYHFDNKTScjs = require('./chunk-YHFDNKTS.cjs');
-
-// src/components/CrossmintNFTDetail.tsx
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintNFTDetail(props) {
-  _clientsdkbase.assertValidValidateNFTDetailProps.call(void 0, props);
-  const src = _clientsdkbase.getNFTDetailSrc.call(void 0, props, _chunkYHFDNKTScjs.LIB_VERSION);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "iframe",
-    {
-      src,
-      width: "100%",
-      height: "100%",
-      style: {
-        flexGrow: "1",
-        border: "none",
-        margin: "0",
-        padding: "0"
-      },
-      role: "nft-details"
-    }
-  );
-}
-
-
-
-exports.CrossmintNFTDetail = CrossmintNFTDetail;
-//# sourceMappingURL=chunk-6A5ZUKVT.cjs.map

package/dist/chunk-6A5ZUKVT.cjs.map

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

package/dist/chunk-6LO4NSRH.cjs

@@ -1,21 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkXDJ6F7N4cjs = require('./chunk-XDJ6F7N4.cjs');
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/embed/crypto/CryptoEmbeddedCheckout.tsx
-var _clientsdkbase = require('@crossmint/client-sdk-base');
-var _jsxruntime = require('react/jsx-runtime');
-function CrossmintCryptoEmbeddedCheckout(props) {
-  if (!_clientsdkbase.isCryptoEmbeddedCheckoutPropsWithSigner.call(void 0, props)) {
-    throw new Error("Invalid parameters: signer is required in versions < 2.0.0");
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXDJ6F7N4cjs.CryptoEmbeddedCheckoutIFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
-}
-
-
-
-exports.CrossmintCryptoEmbeddedCheckout = CrossmintCryptoEmbeddedCheckout;
-//# sourceMappingURL=chunk-6LO4NSRH.cjs.map

package/dist/chunk-6LO4NSRH.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/crypto/CryptoEmbeddedCheckout.tsx"],"names":[],"mappings":";;;;;;;;AAAA,SAA2C,+CAA+C;AAS/E;AALJ,SAAS,gCAAgC,OAAoC;AAChF,MAAI,CAAC,wCAAwC,KAAK,GAAG;AACjD,UAAM,IAAI,MAAM,4DAA4D;AAAA,EAChF;AAEA,SAAO,oBAAC,iDAAiC,MAAO;AACpD","sourcesContent":["import { type CryptoEmbeddedCheckoutProps, isCryptoEmbeddedCheckoutPropsWithSigner } from \"@crossmint/client-sdk-base\";\n\nimport CryptoEmbeddedCheckoutIFrame from \"./CryptoEmbeddedCheckoutIFrame\";\n\nexport function CrossmintCryptoEmbeddedCheckout(props: CryptoEmbeddedCheckoutProps) {\n    if (!isCryptoEmbeddedCheckoutPropsWithSigner(props)) {\n        throw new Error(\"Invalid parameters: signer is required in versions < 2.0.0\");\n    }\n\n    return <CryptoEmbeddedCheckoutIFrame {...props} />;\n}\n"]}

package/dist/chunk-6TFIQWYJ.js

@@ -1,79 +0,0 @@
-import {
-  classNames
-} from "./chunk-RZPQIRIY.js";
-import {
-  __async
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/common/CountdownButton.tsx
-import { useState, useEffect } from "react";
-import { jsx } from "react/jsx-runtime";
-function CountdownButton({
-  initialSeconds,
-  appearance,
-  countdownText,
-  countdownCompleteText,
-  handleOnClick
-}) {
-  var _a, _b, _c, _d;
-  const [seconds, setSeconds] = useState(initialSeconds);
-  const [canResend, setCanResend] = useState(true);
-  const [retryCount, setRetryCount] = useState(0);
-  const [isLoading, setIsLoading] = useState(false);
-  useEffect(() => {
-    let timer;
-    if (seconds > 0) {
-      setCanResend(false);
-      timer = setInterval(() => {
-        setSeconds((prev) => {
-          if (prev <= 1) {
-            setCanResend(true);
-            return 0;
-          }
-          return prev - 1;
-        });
-      }, 1e3);
-    }
-    return () => {
-      if (timer != null) {
-        clearInterval(timer);
-      }
-    };
-  }, [seconds]);
-  const startCountdown = () => {
-    if (!canResend) {
-      return;
-    }
-    const backoffDelay = Math.min(initialSeconds * Math.pow(2, retryCount), 240);
-    setSeconds(backoffDelay);
-    setRetryCount((prev) => prev + 1);
-  };
-  const handleClick = () => __async(this, null, function* () {
-    if (canResend && seconds === 0 && !isLoading) {
-      setIsLoading(true);
-      yield handleOnClick();
-      startCountdown();
-      setIsLoading(false);
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      onClick: handleClick,
-      disabled: !canResend || isLoading,
-      className: classNames(
-        "text-sm leading-tight text-center mt-2 transition-opacity",
-        canResend && !isLoading ? "cursor-pointer opacity-100" : "cursor-default opacity-50"
-      ),
-      style: {
-        color: canResend ? (_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textLink) != null ? _b : "#1A73E8" : (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textSecondary) != null ? _d : "#67797F"
-      },
-      children: canResend ? countdownCompleteText : countdownText(seconds)
-    }
-  );
-}
-
-export {
-  CountdownButton
-};
-//# sourceMappingURL=chunk-6TFIQWYJ.js.map

package/dist/chunk-6TFIQWYJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/CountdownButton.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { classNames } from \"@/utils/classNames\";\n\ntype CountdownButtonProps = {\n    initialSeconds: number;\n    appearance?: UIConfig;\n    countdownText: (seconds: number) => string;\n    countdownCompleteText: string;\n    handleOnClick: () => Promise<void>;\n};\n\nexport function CountdownButton({\n    initialSeconds,\n    appearance,\n    countdownText,\n    countdownCompleteText,\n    handleOnClick,\n}: CountdownButtonProps) {\n    const [seconds, setSeconds] = useState(initialSeconds);\n    const [canResend, setCanResend] = useState(true);\n    const [retryCount, setRetryCount] = useState(0);\n    const [isLoading, setIsLoading] = useState(false);\n\n    useEffect(() => {\n        let timer: ReturnType<typeof setInterval>;\n\n        if (seconds > 0) {\n            setCanResend(false);\n            timer = setInterval(() => {\n                setSeconds((prev) => {\n                    if (prev <= 1) {\n                        setCanResend(true);\n                        return 0;\n                    }\n                    return prev - 1;\n                });\n            }, 1000);\n        }\n\n        return () => {\n            if (timer != null) {\n                clearInterval(timer);\n            }\n        };\n    }, [seconds]);\n\n    const startCountdown = () => {\n        if (!canResend) {\n            return;\n        }\n\n        const backoffDelay = Math.min(initialSeconds * Math.pow(2, retryCount), 240); // Exponential backoff until 4 minutes\n        setSeconds(backoffDelay);\n        setRetryCount((prev) => prev + 1);\n    };\n\n    const handleClick = async () => {\n        if (canResend && seconds === 0 && !isLoading) {\n            setIsLoading(true);\n            await handleOnClick();\n            startCountdown();\n            setIsLoading(false);\n        }\n    };\n\n    return (\n        <button\n            onClick={handleClick}\n            disabled={!canResend || isLoading}\n            className={classNames(\n                \"text-sm leading-tight text-center mt-2 transition-opacity\",\n                canResend && !isLoading ? \"cursor-pointer opacity-100\" : \"cursor-default opacity-50\"\n            )}\n            style={{\n                color: canResend\n                    ? appearance?.colors?.textLink ?? \"#1A73E8\"\n                    : appearance?.colors?.textSecondary ?? \"#67797F\",\n            }}\n        >\n            {canResend ? countdownCompleteText : countdownText(seconds)}\n        </button>\n    );\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,UAAU,iBAAiB;AAmE5B;AAvDD,SAAS,gBAAgB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAyB;AAlBzB;AAmBI,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AACrD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACZ,QAAI;AAEJ,QAAI,UAAU,GAAG;AACb,mBAAa,KAAK;AAClB,cAAQ,YAAY,MAAM;AACtB,mBAAW,CAAC,SAAS;AACjB,cAAI,QAAQ,GAAG;AACX,yBAAa,IAAI;AACjB,mBAAO;AAAA,UACX;AACA,iBAAO,OAAO;AAAA,QAClB,CAAC;AAAA,MACL,GAAG,GAAI;AAAA,IACX;AAEA,WAAO,MAAM;AACT,UAAI,SAAS,MAAM;AACf,sBAAc,KAAK;AAAA,MACvB;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,iBAAiB,MAAM;AACzB,QAAI,CAAC,WAAW;AACZ;AAAA,IACJ;AAEA,UAAM,eAAe,KAAK,IAAI,iBAAiB,KAAK,IAAI,GAAG,UAAU,GAAG,GAAG;AAC3E,eAAW,YAAY;AACvB,kBAAc,CAAC,SAAS,OAAO,CAAC;AAAA,EACpC;AAEA,QAAM,cAAc,MAAY;AAC5B,QAAI,aAAa,YAAY,KAAK,CAAC,WAAW;AAC1C,mBAAa,IAAI;AACjB,YAAM,cAAc;AACpB,qBAAe;AACf,mBAAa,KAAK;AAAA,IACtB;AAAA,EACJ;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,UAAU,CAAC,aAAa;AAAA,MACxB,WAAW;AAAA,QACP;AAAA,QACA,aAAa,CAAC,YAAY,+BAA+B;AAAA,MAC7D;AAAA,MACA,OAAO;AAAA,QACH,OAAO,aACD,oDAAY,WAAZ,mBAAoB,aAApB,YAAgC,aAChC,oDAAY,WAAZ,mBAAoB,kBAApB,YAAqC;AAAA,MAC/C;AAAA,MAEC,sBAAY,wBAAwB,cAAc,OAAO;AAAA;AAAA,EAC9D;AAER;","names":[]}

package/dist/chunk-72LSMHPL.js

@@ -1,131 +0,0 @@
-import {
-  classNames
-} from "./chunk-RZPQIRIY.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/common/Dialog.tsx
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx, jsxs } from "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 = __objRest(_b, ["className", "children", "showCloseButton", "closeButtonColor", "closeButtonRingColor"]);
-    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden" }),
-      /* @__PURE__ */ jsxs(
-        DialogPrimitive.Content,
-        __spreadProps(__spreadValues({
-          ref,
-          className: classNames(
-            "fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none",
-            // Mobile viewport styles (bottom sheet) - updated with margins
-            "inset-x-[9px] bottom-2 w-[calc(100%-18px)] border-t rounded-t-[36px] rounded-b-[50px]",
-            "max-[479px]:data-[state=closed]:animate-slide-out-to-bottom max-[479px]:data-[state=open]:animate-slide-in-from-bottom",
-            // Desktop viewport styles (centered modal)
-            "min-[480px]:inset-auto min-[480px]:left-[50%] min-[480px]:top-[50%]",
-            "min-[480px]:[transform:translate(-50%,-50%)]",
-            "min-[480px]:max-w-[448px] min-[480px]:rounded-3xl !min-[480px]:p-10 !min-[480px]:pb-8",
-            "min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=open]:animate-fade-in",
-            className
-          )
-        }, props), {
-          children: [
-            children,
-            showCloseButton && /* @__PURE__ */ jsxs(
-              DialogPrimitive.Close,
-              {
-                className: classNames(
-                  "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-5 top-5 !min-[480px]:right-7 !min-[480px]:top-7"
-                ),
-                style: { color: closeButtonColor != null ? closeButtonColor : "#67797F" },
-                children: [
-                  /* @__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",
-                      className: "h-7 w-7",
-                      children: [
-                        /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-                        /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-                ]
-              }
-            )
-          ]
-        })
-      )
-    ] });
-  }
-);
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ className: classNames("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 = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      className: classNames("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 = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    __spreadValues({
-      ref,
-      className: classNames("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 = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    __spreadValues({
-      ref,
-      className: classNames("text-sm text-muted-foreground", className)
-    }, props)
-  );
-});
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-export {
-  Dialog,
-  DialogTrigger,
-  DialogClose,
-  DialogPortal,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription
-};
-//# sourceMappingURL=chunk-72LSMHPL.js.map

package/dist/chunk-72LSMHPL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/Dialog.tsx"],"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                    // Mobile viewport styles (bottom sheet) - updated with margins\n                    \"inset-x-[9px] bottom-2 w-[calc(100%-18px)] border-t rounded-t-[36px] rounded-b-[50px]\",\n                    \"max-[479px]:data-[state=closed]:animate-slide-out-to-bottom max-[479px]:data-[state=open]:animate-slide-in-from-bottom\",\n                    // Desktop viewport styles (centered modal)\n                    \"min-[480px]:inset-auto min-[480px]:left-[50%] min-[480px]:top-[50%]\",\n                    \"min-[480px]:[transform:translate(-50%,-50%)]\",\n                    \"min-[480px]:max-w-[448px] min-[480px]:rounded-3xl !min-[480px]:p-10 !min-[480px]:pb-8\",\n                    \"min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=open]:animate-fade-in\",\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-5 top-5 !min-[480px]:right-7 !min-[480px]:top-7\"\n                        )}\n                        style={{ color: closeButtonColor ?? \"#67797F\" }}\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-7 w-7\"\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"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAkBrB,cA2BY,YA3BZ;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,YACA;AAAA,UACJ;AAAA,WACI,QAdP;AAAA,UAgBI;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,YAxExB,IAwEsB,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,YA7ExB,IA6EsB,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,YAxFL,IAwFG,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,YApGL,IAoGG,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;","names":[]}

package/dist/chunk-7EPTEGBP.cjs

@@ -1,51 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx
-var _sdkreactcore = require('@dynamic-labs/sdk-react-core');
-var _jsxruntime = require('react/jsx-runtime');
-function DynamicContextProviderWrapper({
-  children,
-  settings,
-  apiKeyEnvironment
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _sdkreactcore.DynamicContextProvider,
-    {
-      settings: _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-        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) => _sdkreactcore.mergeNetworks.call(void 0, 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"
-  }
-];
-
-
-
-exports.DynamicContextProviderWrapper = DynamicContextProviderWrapper;
-//# sourceMappingURL=chunk-7EPTEGBP.cjs.map

package/dist/chunk-7EPTEGBP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/dynamic-xyz/DynamicContextProviderWrapper.tsx"],"names":[],"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","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"]}

package/dist/chunk-7HBAJHZZ.cjs

@@ -1,198 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-
-var _chunkLEAESLKVcjs = require('./chunk-LEAESLKV.cjs');
-
-
-var _chunkFHPIRUUDcjs = require('./chunk-FHPIRUUD.cjs');
-
-
-var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-var _chunkYE55IKBPcjs = require('./chunk-YE55IKBP.cjs');
-
-
-var _chunkUASNCH3Acjs = require('./chunk-UASNCH3A.cjs');
-
-
-var _chunk4D4AAZAEcjs = require('./chunk-4D4AAZAE.cjs');
-
-// src/components/auth/PasskeyPrompt.tsx
-var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');
-var _jsxruntime = require('react/jsx-runtime');
-function PasskeyPromptCore({ title, content, primaryButton, secondaryAction, appearance }) {
-  var _a, _b, _c, _d;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEAESLKVcjs.Dialog, { modal: false, open: true, onOpenChange: () => {
-  }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkLEAESLKVcjs.DialogContent,
-    {
-      showCloseButton: false,
-      onInteractOutside: (e) => e.preventDefault(),
-      onOpenAutoFocus: (e) => e.preventDefault(),
-      className: "!p-0 !min-[480px]:p-0",
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        backgroundColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.background
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEAESLKVcjs.DialogTitle, { children: title }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLEAESLKVcjs.DialogDescription, { children: content }) }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center left-1.5 relative", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4D4AAZAEcjs.PasskeyPromptLogo, { appearance }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "p",
-            {
-              style: {
-                fontSize: "1.125rem",
-                lineHeight: "1.75rem",
-                fontWeight: "bold",
-                color: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary) || "#20343E"
-              },
-              children: title
-            }
-          ) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              style: {
-                fontWeight: "normal",
-                color: ((_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textSecondary) || "#67797F"
-              },
-              children: content
-            }
-          ) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 justify-center", children: [
-            primaryButton,
-            secondaryAction
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFHPIRUUDcjs.SecuredByCrossmint, { color: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.textSecondary }) })
-        ] })
-      ]
-    }
-  ) });
-}
-function PasskeyPrompt({ state, appearance }) {
-  var _a, _b;
-  switch (state.type) {
-    case "create-wallet":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PasskeyPromptCore,
-        {
-          title: "Create Your Wallet",
-          appearance,
-          content: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3", children: "You're about to create a wallet." }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUASNCH3Acjs.PasskeyIcon, {}) }),
-                "Your wallet will be secured with a passkey"
-              ] }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYE55IKBPcjs.FingerprintIcon, {}) }),
-                "Your device will ask you for your fingerprint, face, or screen lock to set it up"
-              ] })
-            ] })
-          ] }),
-          primaryButton: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PrimaryButton, { appearance, onClick: state.primaryActionOnClick, children: "Create Wallet" })
-        }
-      );
-    case "create-wallet-error":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PasskeyPromptCore,
-        {
-          title: "Wallet Creation Failed",
-          appearance,
-          content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "We couldn't create your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device." }),
-          primaryButton: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PrimaryButton, { appearance, onClick: state.primaryActionOnClick, children: "Try again" })
-        }
-      );
-    case "transaction":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PasskeyPromptCore,
-        {
-          title: "First Time Using Your Wallet",
-          appearance,
-          content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYE55IKBPcjs.FingerprintIcon, {}) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Your device will ask you for your fingerprint, face, or screen lock to authorize this action." })
-          ] }) }),
-          primaryButton: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PrimaryButton, { appearance, onClick: state.primaryActionOnClick, children: "Use Wallet" })
-        }
-      );
-    case "transaction-error":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PasskeyPromptCore,
-        {
-          title: "Wallet Access Failed",
-          appearance,
-          content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "We couldn't access your wallet. This could be due to rejecting the request, a timeout, or not having access to your passkey on this device." }),
-          primaryButton: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PrimaryButton, { appearance, onClick: state.primaryActionOnClick, children: "Try again" }),
-          secondaryAction: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "a",
-            {
-              href: "https://docs.crossmint.com/wallets/smart-wallets/users/troubleshoot",
-              rel: "noopener noreferrer",
-              target: "_blank",
-              style: {
-                padding: "0.875rem",
-                width: "100%",
-                textAlign: "center",
-                textDecoration: "none",
-                borderRadius: "0.5rem",
-                fontWeight: "bold",
-                backgroundColor: ((_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.inputBackground) || "#F0F2F4",
-                color: ((_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textSecondary) || "#00150D"
-              },
-              children: "Troubleshoot"
-            }
-          )
-        }
-      );
-    case "not-supported":
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PasskeyPromptCore,
-        {
-          title: "Passkeys Not Supported on This Device",
-          appearance,
-          content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "To access your wallet with a passkey, switch to a device or browser that supports passkeys, such as Chrome or Safari on a smartphone, tablet, or modern computer" }),
-          primaryButton: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PrimaryButton, { appearance, onClick: state.primaryActionOnClick, children: "Understood" })
-        }
-      );
-    default:
-      return null;
-  }
-}
-var PrimaryButton = ({
-  appearance,
-  onClick,
-  children
-}) => {
-  var _a, _b;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "button",
-    {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center",
-        "transition-colors duration-200 ease-in-out",
-        "hover:bg-cm-hover focus:bg-cm-hover outline-none"
-      ),
-      style: {
-        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
-        backgroundColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.buttonBackground
-      },
-      onClick,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-medium", style: { margin: "0px 32px", color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary }, children }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children })
-      ]
-    }
-  );
-};
-
-
-
-exports.PasskeyPrompt = PasskeyPrompt;
-//# sourceMappingURL=chunk-7HBAJHZZ.cjs.map