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

package/dist/chunk-HFPR3JUK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CrossmintNFTCollectionView.tsx"],"sourcesContent":["import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport type { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n    assertValidNFTCollectionViewProps(props);\n\n    const src = getNFTCollectionViewSrc(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-collection-view\"\n        />\n    );\n}\n"],"mappings":";;;;;AAAA,SAAS,mCAAmC,+BAA+B;AAWnE;AAND,SAAS,2BAA2B,OAA+B;AACtE,oCAAkC,KAAK;AAEvC,QAAM,MAAM,wBAAwB,OAAO,WAAW;AAEtD,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-HIU3FK4M.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/errorUtils.ts
+function deriveWalletErrorState(error) {
+  const message = error instanceof Error ? error.message : String(error);
+  return {
+    status: "loading-error",
+    error: message
+  };
+}
+
+
+
+exports.deriveWalletErrorState = deriveWalletErrorState;
+//# sourceMappingURL=chunk-HIU3FK4M.cjs.map

package/dist/chunk-HIU3FK4M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/errorUtils.ts"],"names":[],"mappings":";AAAO,SAAS,uBAAuB,OAGrC;AACE,QAAM,UAAU,iBAAiB,QAAQ,MAAM,UAAU,OAAO,KAAK;AACrE,SAAO;AAAA,IACH,QAAQ;AAAA,IACR,OAAO;AAAA,EACX;AACJ","sourcesContent":["export function deriveWalletErrorState(error: unknown): {\n    status: \"loading-error\";\n    error: string;\n} {\n    const message = error instanceof Error ? error.message : String(error);\n    return {\n        status: \"loading-error\",\n        error: message,\n    };\n}\n"]}

package/dist/chunk-HPOZ6I54.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/farcaster.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var FarcasterIcon = ({ className }) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 1000 1000",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "1000", height: "1000", fill: "#855DCD" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M257.778 155.556H742.222V844.444H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.444H257.778V155.556Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.444H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M675.555 746.667C663.282 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.444H875.555V817.778C875.555 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.555Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+};
+
+
+
+exports.FarcasterIcon = FarcasterIcon;
+//# sourceMappingURL=chunk-HPOZ6I54.cjs.map

package/dist/chunk-HPOZ6I54.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/farcaster.tsx"],"names":[],"mappings":";AAEQ,SAQI,KARJ;AAFD,IAAM,gBAAgB,CAAC,EAAE,UAAU,MAA8B;AACpE,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN;AAAA,MAEA;AAAA,4BAAC,UAAK,OAAM,QAAO,QAAO,QAAO,MAAK,WAAU;AAAA,QAChD;AAAA,UAAC;AAAA;AAAA,YACG,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACT;AAAA;AAAA;AAAA,EACJ;AAER","sourcesContent":["export const FarcasterIcon = ({ className }: { className?: string }) => {\n    return (\n        <svg\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 1000 1000\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className={className}\n        >\n            <rect width=\"1000\" height=\"1000\" fill=\"#855DCD\" />\n            <path\n                d=\"M257.778 155.556H742.222V844.444H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.444H257.778V155.556Z\"\n                fill=\"white\"\n            />\n            <path\n                d=\"M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.444H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z\"\n                fill=\"white\"\n            />\n            <path\n                d=\"M675.555 746.667C663.282 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.444H875.555V817.778C875.555 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.555Z\"\n                fill=\"white\"\n            />\n        </svg>\n    );\n};\n"]}

package/dist/chunk-I22MLYYW.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/mapSignerToWalletType.ts
+function mapSignerToWalletType(type) {
+  if (type == null) {
+    return void 0;
+  }
+  switch (type) {
+    case "evm-passkey":
+    case "evm-keypair":
+      return "evm-smart-wallet";
+    case "solana-keypair":
+    case "solana-fireblocks-custodial":
+      return "solana-smart-wallet";
+    default:
+      return void 0;
+  }
+}
+
+
+
+exports.mapSignerToWalletType = mapSignerToWalletType;
+//# sourceMappingURL=chunk-I22MLYYW.cjs.map

package/dist/chunk-I22MLYYW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/mapSignerToWalletType.ts"],"names":[],"mappings":";AAAO,SAAS,sBAAsB,MAAuE;AACzG,MAAI,QAAQ,MAAM;AACd,WAAO;AAAA,EACX;AACA,UAAQ,MAAM;AAAA,IACV,KAAK;AAAA,IACL,KAAK;AACD,aAAO;AAAA,IACX,KAAK;AAAA,IACL,KAAK;AACD,aAAO;AAAA,IACX;AACI,aAAO;AAAA,EACf;AACJ","sourcesContent":["export function mapSignerToWalletType(type?: string): \"evm-smart-wallet\" | \"solana-smart-wallet\" | undefined {\n    if (type == null) {\n        return undefined;\n    }\n    switch (type) {\n        case \"evm-passkey\":\n        case \"evm-keypair\":\n            return \"evm-smart-wallet\";\n        case \"solana-keypair\":\n        case \"solana-fireblocks-custodial\":\n            return \"solana-smart-wallet\";\n        default:\n            return undefined;\n    }\n}\n"]}

package/dist/chunk-I63FQCIV.js

@@ -0,0 +1,189 @@
+// src/icons/emailOTP.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmailOtpIcon({
+  customAccentColor = "#04AA6D",
+  customButtonBackgroundColor = "#F2F3F7",
+  customBackgroundColor = "#ffffff"
+}) {
+  return /* @__PURE__ */ jsxs("svg", { width: "136", height: "113", viewBox: "0 0 136 113", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("mask", { id: "mask0_944_1329", maskUnits: "userSpaceOnUse", x: "8", y: "8", width: "97", height: "97", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M104.598 56.2539C104.598 82.7636 83.1073 104.254 56.5977 104.254C30.088 104.254 8.59766 82.7636 8.59766 56.2539C8.59766 29.7442 30.088 8.25391 56.5977 8.25391C83.1073 8.25391 104.598 29.7442 104.598 56.2539Z",
+        fill: "#D9D9D9"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("g", { mask: "url(#mask0_944_1329)", children: [
+      /* @__PURE__ */ jsx("circle", { cx: "56.5977", cy: "56.2539", r: "48", fill: customButtonBackgroundColor }),
+      /* @__PURE__ */ jsxs("g", { filter: "url(#filter0_d_944_1329)", children: [
+        /* @__PURE__ */ jsx("mask", { id: "mask1_944_1329", maskUnits: "userSpaceOnUse", x: "29", y: "37", width: "55", height: "37", children: /* @__PURE__ */ jsx("rect", { x: "29.2957", y: "37.5449", width: "54.604", height: "35.8658", rx: "3.212", fill: "#52E0B5" }) }),
+        /* @__PURE__ */ jsxs("g", { mask: "url(#mask1_944_1329)", children: [
+          /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: "29.2957",
+              y: "34.8662",
+              width: "54.604",
+              height: "38.544",
+              rx: "3.212",
+              fill: customBackgroundColor
+            }
+          ),
+          /* @__PURE__ */ jsx("mask", { id: "mask2_944_1329", maskUnits: "userSpaceOnUse", x: "29", y: "51", width: "55", height: "41", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M31.8833 74.2272C29.1168 72.267 29.1866 68.1383 32.0178 66.2728L53.9469 51.8234C55.5553 50.7636 57.6403 50.7636 59.2487 51.8234L81.1779 66.2728C84.0091 68.1383 84.0789 72.267 81.3124 74.2272L56.5978 91.7381L31.8833 74.2272Z",
+              fill: "#52E0B5"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("g", { mask: "url(#mask2_944_1329)", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M32.0675 73.9008C29.5307 72.1034 29.5947 68.3175 32.1909 66.6068L54.12 52.1574C55.5949 51.1856 57.5068 51.1856 58.9817 52.1574L80.9108 66.6068C83.507 68.3175 83.571 72.1034 81.0341 73.9008L56.5508 91.2479L32.0675 73.9008Z",
+              stroke: "#D0D5DD",
+              strokeWidth: "0.8"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M26.9443 36.6072C23.1618 33.6476 22.8212 28.0457 26.2172 24.6497L50.9406 -0.073638C54.0648 -3.19783 59.1301 -3.19783 62.2543 -0.0736384L86.9776 24.6497C90.3737 28.0457 90.033 33.6476 86.2506 36.6072L61.5272 55.9514C58.6312 58.2173 54.5636 58.2173 51.6677 55.9514L26.9443 36.6072Z",
+              fill: customBackgroundColor
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M27.1908 36.2921C23.5974 33.4806 23.2738 28.1588 26.5001 24.9326L51.2234 0.209205C54.1914 -2.75878 59.0035 -2.75878 61.9714 0.209205L86.6948 24.9326C89.921 28.1588 89.5974 33.4806 86.0041 36.2921L61.2807 55.6364C58.5296 57.789 54.6653 57.789 51.9142 55.6364L27.1908 36.2921Z",
+              stroke: "#67797F",
+              strokeOpacity: "0.45",
+              strokeWidth: "0.8"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("g", { filter: "url(#filter1_d_944_1329)", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M106.88 68.5039H82.8799C74.5956 68.5039 67.8799 75.2196 67.8799 83.5039C67.8799 91.7882 74.5956 98.5039 82.8799 98.5039H106.88C115.164 98.5039 121.88 91.7882 121.88 83.5039C121.88 75.2196 115.164 68.5039 106.88 68.5039Z",
+        fill: customBackgroundColor
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_944_1329)", children: [
+      /* @__PURE__ */ jsx("mask", { id: "mask3_944_1329", maskUnits: "userSpaceOnUse", x: "70", y: "71", width: "49", height: "25", children: /* @__PURE__ */ jsx("path", { d: "M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z", fill: "white" }) }),
+      /* @__PURE__ */ jsxs("g", { mask: "url(#mask3_944_1329)", children: [
+        /* @__PURE__ */ jsx("path", { d: "M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z", fill: "url(#paint0_linear_944_1329)" }),
+        /* @__PURE__ */ jsx("path", { d: "M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z", fill: customAccentColor })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M80.5866 87.7014L80.7337 85.1127L78.5604 86.5381L77.7805 85.183L80.1009 84.0196L77.7805 82.8563L78.5604 81.5012L80.7337 82.9266L80.5866 80.3378H82.1399L81.9993 82.9266L84.1726 81.5012L84.9524 82.8563L82.6257 84.0196L84.9524 85.183L84.1726 86.5381L81.9993 85.1127L82.1399 87.7014H80.5866ZM90.0001 87.7014L90.1471 85.1127L87.9738 86.5381L87.194 85.183L89.5143 84.0196L87.194 82.8563L87.9738 81.5012L90.1471 82.9266L90.0001 80.3378H91.5534L91.4127 82.9266L93.586 81.5012L94.3659 82.8563L92.0391 84.0196L94.3659 85.183L93.586 86.5381L91.4127 85.1127L91.5534 87.7014H90.0001ZM99.4135 87.7014L99.5605 85.1127L97.3872 86.5381L96.6074 85.183L98.9277 84.0196L96.6074 82.8563L97.3872 81.5012L99.5605 82.9266L99.4135 80.3378H100.967L100.826 82.9266L102.999 81.5012L103.779 82.8563L101.453 84.0196L103.779 85.183L102.999 86.5381L100.826 85.1127L100.967 87.7014H99.4135ZM108.827 87.7014L108.974 85.1127L106.801 86.5381L106.021 85.183L108.341 84.0196L106.021 82.8563L106.801 81.5012L108.974 82.9266L108.827 80.3378H110.38L110.24 82.9266L112.413 81.5012L113.193 82.8563L110.866 84.0196L113.193 85.183L112.413 86.5381L110.24 85.1127L110.38 87.7014H108.827Z",
+          fill: customBackgroundColor
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter0_d_944_1329",
+          x: "11.6957",
+          y: "28.7449",
+          width: "89.804",
+          height: "71.0657",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                in: "SourceAlpha",
+                type: "matrix",
+                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                result: "hardAlpha"
+              }
+            ),
+            /* @__PURE__ */ jsx("feOffset", { dy: "8.8" }),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "8.8" }),
+            /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                type: "matrix",
+                values: "0 0 0 0 0.0370486 0 0 0 0 0.087038 0 0 0 0 0.0916667 0 0 0 0.16 0"
+              }
+            ),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_944_1329" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_944_1329", result: "shape" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter1_d_944_1329",
+          x: "53.8799",
+          y: "54.5039",
+          width: "82",
+          height: "58",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                in: "SourceAlpha",
+                type: "matrix",
+                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                result: "hardAlpha"
+              }
+            ),
+            /* @__PURE__ */ jsx("feOffset", {}),
+            /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "7" }),
+            /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                type: "matrix",
+                values: "0 0 0 0 0.0362847 0 0 0 0 0.0869733 0 0 0 0 0.0916667 0 0 0 0.12 0"
+              }
+            ),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_944_1329" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_944_1329", result: "shape" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "paint0_linear_944_1329",
+          x1: "103.915",
+          y1: "95.5039",
+          x2: "97.9027",
+          y2: "68.179",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#2E996C" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#D0F2E5" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("clipPath", { id: "clip0_944_1329", children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M70.8799 83.5039C70.8799 76.8765 76.2525 71.5039 82.8799 71.5039H106.88C113.507 71.5039 118.88 76.8765 118.88 83.5039C118.88 90.1313 113.507 95.5039 106.88 95.5039H82.8799C76.2525 95.5039 70.8799 90.1313 70.8799 83.5039Z",
+          fill: customBackgroundColor
+        }
+      ) })
+    ] })
+  ] });
+}
+
+export {
+  EmailOtpIcon
+};
+//# sourceMappingURL=chunk-I63FQCIV.js.map

package/dist/chunk-I63FQCIV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/emailOTP.tsx"],"sourcesContent":["export function EmailOtpIcon({\n    customAccentColor = \"#04AA6D\",\n    customButtonBackgroundColor = \"#F2F3F7\",\n    customBackgroundColor = \"#ffffff\",\n}: { customAccentColor?: string; customButtonBackgroundColor?: string; customBackgroundColor?: string }) {\n    return (\n        <svg width=\"136\" height=\"113\" viewBox=\"0 0 136 113\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <mask id=\"mask0_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"8\" y=\"8\" width=\"97\" height=\"97\">\n                <path\n                    d=\"M104.598 56.2539C104.598 82.7636 83.1073 104.254 56.5977 104.254C30.088 104.254 8.59766 82.7636 8.59766 56.2539C8.59766 29.7442 30.088 8.25391 56.5977 8.25391C83.1073 8.25391 104.598 29.7442 104.598 56.2539Z\"\n                    fill=\"#D9D9D9\"\n                />\n            </mask>\n            <g mask=\"url(#mask0_944_1329)\">\n                <circle cx=\"56.5977\" cy=\"56.2539\" r=\"48\" fill={customButtonBackgroundColor} />\n                <g filter=\"url(#filter0_d_944_1329)\">\n                    <mask id=\"mask1_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"29\" y=\"37\" width=\"55\" height=\"37\">\n                        <rect x=\"29.2957\" y=\"37.5449\" width=\"54.604\" height=\"35.8658\" rx=\"3.212\" fill=\"#52E0B5\" />\n                    </mask>\n                    <g mask=\"url(#mask1_944_1329)\">\n                        <rect\n                            x=\"29.2957\"\n                            y=\"34.8662\"\n                            width=\"54.604\"\n                            height=\"38.544\"\n                            rx=\"3.212\"\n                            fill={customBackgroundColor}\n                        />\n                        <mask id=\"mask2_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"29\" y=\"51\" width=\"55\" height=\"41\">\n                            <path\n                                d=\"M31.8833 74.2272C29.1168 72.267 29.1866 68.1383 32.0178 66.2728L53.9469 51.8234C55.5553 50.7636 57.6403 50.7636 59.2487 51.8234L81.1779 66.2728C84.0091 68.1383 84.0789 72.267 81.3124 74.2272L56.5978 91.7381L31.8833 74.2272Z\"\n                                fill=\"#52E0B5\"\n                            />\n                        </mask>\n                        <g mask=\"url(#mask2_944_1329)\">\n                            <path\n                                d=\"M32.0675 73.9008C29.5307 72.1034 29.5947 68.3175 32.1909 66.6068L54.12 52.1574C55.5949 51.1856 57.5068 51.1856 58.9817 52.1574L80.9108 66.6068C83.507 68.3175 83.571 72.1034 81.0341 73.9008L56.5508 91.2479L32.0675 73.9008Z\"\n                                stroke=\"#D0D5DD\"\n                                strokeWidth=\"0.8\"\n                            />\n                        </g>\n                        <path\n                            d=\"M26.9443 36.6072C23.1618 33.6476 22.8212 28.0457 26.2172 24.6497L50.9406 -0.073638C54.0648 -3.19783 59.1301 -3.19783 62.2543 -0.0736384L86.9776 24.6497C90.3737 28.0457 90.033 33.6476 86.2506 36.6072L61.5272 55.9514C58.6312 58.2173 54.5636 58.2173 51.6677 55.9514L26.9443 36.6072Z\"\n                            fill={customBackgroundColor}\n                        />\n                        <path\n                            d=\"M27.1908 36.2921C23.5974 33.4806 23.2738 28.1588 26.5001 24.9326L51.2234 0.209205C54.1914 -2.75878 59.0035 -2.75878 61.9714 0.209205L86.6948 24.9326C89.921 28.1588 89.5974 33.4806 86.0041 36.2921L61.2807 55.6364C58.5296 57.789 54.6653 57.789 51.9142 55.6364L27.1908 36.2921Z\"\n                            stroke=\"#67797F\"\n                            strokeOpacity=\"0.45\"\n                            strokeWidth=\"0.8\"\n                        />\n                    </g>\n                </g>\n            </g>\n            <g filter=\"url(#filter1_d_944_1329)\">\n                <path\n                    d=\"M106.88 68.5039H82.8799C74.5956 68.5039 67.8799 75.2196 67.8799 83.5039C67.8799 91.7882 74.5956 98.5039 82.8799 98.5039H106.88C115.164 98.5039 121.88 91.7882 121.88 83.5039C121.88 75.2196 115.164 68.5039 106.88 68.5039Z\"\n                    fill={customBackgroundColor}\n                />\n            </g>\n            <g clipPath=\"url(#clip0_944_1329)\">\n                <mask id=\"mask3_944_1329\" maskUnits=\"userSpaceOnUse\" x=\"70\" y=\"71\" width=\"49\" height=\"25\">\n                    <path d=\"M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z\" fill=\"white\" />\n                </mask>\n                <g mask=\"url(#mask3_944_1329)\">\n                    <path d=\"M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z\" fill=\"url(#paint0_linear_944_1329)\" />\n                    <path d=\"M118.88 71.5039H70.8799V95.5039H118.88V71.5039Z\" fill={customAccentColor} />\n                </g>\n                <path\n                    d=\"M80.5866 87.7014L80.7337 85.1127L78.5604 86.5381L77.7805 85.183L80.1009 84.0196L77.7805 82.8563L78.5604 81.5012L80.7337 82.9266L80.5866 80.3378H82.1399L81.9993 82.9266L84.1726 81.5012L84.9524 82.8563L82.6257 84.0196L84.9524 85.183L84.1726 86.5381L81.9993 85.1127L82.1399 87.7014H80.5866ZM90.0001 87.7014L90.1471 85.1127L87.9738 86.5381L87.194 85.183L89.5143 84.0196L87.194 82.8563L87.9738 81.5012L90.1471 82.9266L90.0001 80.3378H91.5534L91.4127 82.9266L93.586 81.5012L94.3659 82.8563L92.0391 84.0196L94.3659 85.183L93.586 86.5381L91.4127 85.1127L91.5534 87.7014H90.0001ZM99.4135 87.7014L99.5605 85.1127L97.3872 86.5381L96.6074 85.183L98.9277 84.0196L96.6074 82.8563L97.3872 81.5012L99.5605 82.9266L99.4135 80.3378H100.967L100.826 82.9266L102.999 81.5012L103.779 82.8563L101.453 84.0196L103.779 85.183L102.999 86.5381L100.826 85.1127L100.967 87.7014H99.4135ZM108.827 87.7014L108.974 85.1127L106.801 86.5381L106.021 85.183L108.341 84.0196L106.021 82.8563L106.801 81.5012L108.974 82.9266L108.827 80.3378H110.38L110.24 82.9266L112.413 81.5012L113.193 82.8563L110.866 84.0196L113.193 85.183L112.413 86.5381L110.24 85.1127L110.38 87.7014H108.827Z\"\n                    fill={customBackgroundColor}\n                />\n            </g>\n            <defs>\n                <filter\n                    id=\"filter0_d_944_1329\"\n                    x=\"11.6957\"\n                    y=\"28.7449\"\n                    width=\"89.804\"\n                    height=\"71.0657\"\n                    filterUnits=\"userSpaceOnUse\"\n                    colorInterpolationFilters=\"sRGB\"\n                >\n                    <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                    <feColorMatrix\n                        in=\"SourceAlpha\"\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                        result=\"hardAlpha\"\n                    />\n                    <feOffset dy=\"8.8\" />\n                    <feGaussianBlur stdDeviation=\"8.8\" />\n                    <feComposite in2=\"hardAlpha\" operator=\"out\" />\n                    <feColorMatrix\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0.0370486 0 0 0 0 0.087038 0 0 0 0 0.0916667 0 0 0 0.16 0\"\n                    />\n                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_944_1329\" />\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_944_1329\" result=\"shape\" />\n                </filter>\n                <filter\n                    id=\"filter1_d_944_1329\"\n                    x=\"53.8799\"\n                    y=\"54.5039\"\n                    width=\"82\"\n                    height=\"58\"\n                    filterUnits=\"userSpaceOnUse\"\n                    colorInterpolationFilters=\"sRGB\"\n                >\n                    <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n                    <feColorMatrix\n                        in=\"SourceAlpha\"\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n                        result=\"hardAlpha\"\n                    />\n                    <feOffset />\n                    <feGaussianBlur stdDeviation=\"7\" />\n                    <feComposite in2=\"hardAlpha\" operator=\"out\" />\n                    <feColorMatrix\n                        type=\"matrix\"\n                        values=\"0 0 0 0 0.0362847 0 0 0 0 0.0869733 0 0 0 0 0.0916667 0 0 0 0.12 0\"\n                    />\n                    <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_944_1329\" />\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_944_1329\" result=\"shape\" />\n                </filter>\n                <linearGradient\n                    id=\"paint0_linear_944_1329\"\n                    x1=\"103.915\"\n                    y1=\"95.5039\"\n                    x2=\"97.9027\"\n                    y2=\"68.179\"\n                    gradientUnits=\"userSpaceOnUse\"\n                >\n                    <stop stopColor=\"#2E996C\" />\n                    <stop offset=\"1\" stopColor=\"#D0F2E5\" />\n                </linearGradient>\n                <clipPath id=\"clip0_944_1329\">\n                    <path\n                        d=\"M70.8799 83.5039C70.8799 76.8765 76.2525 71.5039 82.8799 71.5039H106.88C113.507 71.5039 118.88 76.8765 118.88 83.5039C118.88 90.1313 113.507 95.5039 106.88 95.5039H82.8799C76.2525 95.5039 70.8799 90.1313 70.8799 83.5039Z\"\n                        fill={customBackgroundColor}\n                    />\n                </clipPath>\n            </defs>\n        </svg>\n    );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-IDJ7FOHB.js

@@ -0,0 +1,34 @@
+// src/components/common/CrossmintLogoV2/consts.ts
+var CROSSMINT_LOGO_DEFAULT_COLORS = {
+  light: {
+    icon: {
+      type: "gradient",
+      from: "#5edd4d",
+      to: "#05ce6c"
+    },
+    text: "#222"
+  },
+  dark: {
+    icon: {
+      type: "gradient",
+      from: "#5edd4d",
+      to: "#05ce6c"
+    },
+    text: "#fff"
+  }
+};
+var CROSSMINT_LOGO_DEFAULTS = {
+  colors: CROSSMINT_LOGO_DEFAULT_COLORS.light,
+  displayType: "icon-and-text"
+};
+var CROSSMINT_LOGO_VIEWBOXES = {
+  "icon-only": "0 0 86 86",
+  "icon-and-text": "0 0 459.2 86"
+};
+
+export {
+  CROSSMINT_LOGO_DEFAULT_COLORS,
+  CROSSMINT_LOGO_DEFAULTS,
+  CROSSMINT_LOGO_VIEWBOXES
+};
+//# sourceMappingURL=chunk-IDJ7FOHB.js.map

package/dist/chunk-IDJ7FOHB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/CrossmintLogoV2/consts.ts"],"sourcesContent":["export const CROSSMINT_LOGO_DEFAULT_COLORS = {\n    light: {\n        icon: {\n            type: \"gradient\",\n            from: \"#5edd4d\",\n            to: \"#05ce6c\",\n        },\n        text: \"#222\",\n    },\n    dark: {\n        icon: {\n            type: \"gradient\",\n            from: \"#5edd4d\",\n            to: \"#05ce6c\",\n        },\n        text: \"#fff\",\n    },\n} as const;\n\nexport const CROSSMINT_LOGO_DEFAULTS = {\n    colors: CROSSMINT_LOGO_DEFAULT_COLORS.light,\n    displayType: \"icon-and-text\",\n} as const;\n\nexport const CROSSMINT_LOGO_VIEWBOXES = {\n    \"icon-only\": \"0 0 86 86\",\n    \"icon-and-text\": \"0 0 459.2 86\",\n} as const;\n"],"mappings":";AAAO,IAAM,gCAAgC;AAAA,EACzC,OAAO;AAAA,IACH,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IACR;AAAA,IACA,MAAM;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,IACR;AAAA,IACA,MAAM;AAAA,EACV;AACJ;AAEO,IAAM,0BAA0B;AAAA,EACnC,QAAQ,8BAA8B;AAAA,EACtC,aAAa;AACjB;AAEO,IAAM,2BAA2B;AAAA,EACpC,aAAa;AAAA,EACb,iBAAiB;AACrB;","names":[]}

package/dist/chunk-IQPA3QOV.js

@@ -0,0 +1,27 @@
+// src/icons/passkey.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PasskeyIcon() {
+  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: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" }),
+        /* @__PURE__ */ jsx("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })
+      ]
+    }
+  );
+}
+
+export {
+  PasskeyIcon
+};
+//# sourceMappingURL=chunk-IQPA3QOV.js.map

package/dist/chunk-IQPA3QOV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/passkey.tsx"],"sourcesContent":["export default function PasskeyIcon() {\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=\"M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z\" />\n            <circle cx=\"16.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\" />\n        </svg>\n    );\n}\n"],"mappings":";AAEQ,SAWI,KAXJ;AAFO,SAAR,cAA+B;AAClC,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,8KAA6K;AAAA,QACrL,oBAAC,YAAO,IAAG,QAAO,IAAG,OAAM,GAAE,MAAK,MAAK,gBAAe;AAAA;AAAA;AAAA,EAC1D;AAER;","names":[]}

package/dist/chunk-IUCMANQB.js

@@ -0,0 +1,137 @@
+import {
+  CountdownButton
+} from "./chunk-6TFIQWYJ.js";
+import {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot
+} from "./chunk-33WZFL2D.js";
+import {
+  LeftArrowIcon
+} from "./chunk-ZDQGQY7Z.js";
+import {
+  EmailOtpIcon
+} from "./chunk-I63FQCIV.js";
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/signers/EmailOTPInput.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "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] = useState("");
+  const [hasError, setHasError] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const handleOnSubmitOTP = () => __async(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__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      "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__ */ jsx(LeftArrowIcon, { className: "w-6 h-6", style: { color: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary } })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-start w-full", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative left-3", children: /* @__PURE__ */ jsx(
+        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__ */ jsx(
+        "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__ */ jsxs(
+        "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__ */ jsx("div", { className: "py-8", children: /* @__PURE__ */ jsx(
+        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__ */ jsxs(InputOTPGroup, { children: [
+            /* @__PURE__ */ jsx(InputOTPSlot, { index: 0, hasError }),
+            /* @__PURE__ */ jsx(InputOTPSlot, { index: 1, hasError }),
+            /* @__PURE__ */ jsx(InputOTPSlot, { index: 2, hasError }),
+            /* @__PURE__ */ jsx(InputOTPSlot, { index: 3, hasError }),
+            /* @__PURE__ */ jsx(InputOTPSlot, { index: 4, hasError }),
+            /* @__PURE__ */ jsx(InputOTPSlot, { index: 5, hasError })
+          ] })
+        }
+      ) }),
+      error && /* @__PURE__ */ jsx("div", { className: "text-sm text-red-500 mb-4", children: error }),
+      /* @__PURE__ */ jsx("div", { className: "text-xs leading-tight text-cm-text-secondary text-center", children: /* @__PURE__ */ jsxs("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__ */ jsx(
+        CountdownButton,
+        {
+          initialSeconds: 60,
+          appearance,
+          countdownText: (seconds) => `Re-send code in ${seconds}s`,
+          countdownCompleteText: "Re-send code",
+          handleOnClick: onResendCode
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  EmailOTPInput
+};
+//# sourceMappingURL=chunk-IUCMANQB.js.map

package/dist/chunk-IUCMANQB.js.map

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

package/dist/chunk-JBCO6SN6.js

@@ -0,0 +1,50 @@
+import {
+  createCrossmintApiClient
+} from "./chunk-F3AMLCQL.js";
+import {
+  useCrossmint
+} from "./chunk-3J6CUUWT.js";
+
+// src/hooks/useCrossmintCheckout.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var CrossmintCheckoutContext = createContext(void 0);
+function CrossmintCheckoutProvider({ children }) {
+  const [order, setOrder] = useState(void 0);
+  const [orderClientSecret, setOrderClientSecret] = useState(void 0);
+  const { crossmint } = useCrossmint();
+  const apiClient = createCrossmintApiClient(crossmint, {
+    usageOrigin: "client"
+  });
+  useEffect(() => {
+    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__ */ jsx(CrossmintCheckoutContext.Provider, { value: { order, orderClientSecret }, children });
+}
+function useCrossmintCheckout() {
+  const context = useContext(CrossmintCheckoutContext);
+  if (!context) {
+    throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
+  }
+  return context;
+}
+
+export {
+  CrossmintCheckoutProvider,
+  useCrossmintCheckout
+};
+//# sourceMappingURL=chunk-JBCO6SN6.js.map

package/dist/chunk-JBCO6SN6.js.map

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