@crossmint/client-sdk-react-ui 1.9.2 → 1.10.0

package/dist/chunk-AUEQQ4D3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/twind.config.ts"],"sourcesContent":["import { defineConfig } from \"@twind/core\";\nimport presetTailwind from \"@twind/preset-tailwind\";\n\nexport default defineConfig({\n    presets: [presetTailwind()],\n    theme: {\n        extend: {\n            colors: {\n                // Crossmint colors (cm- prefix)\n                \"cm-text-primary\": \"#00150D\",\n                \"cm-text-secondary\": \"#67797F\",\n                \"cm-background-primary\": \"#FFFFFF\",\n                \"cm-muted-primary\": \"#F0F2F4\",\n                \"cm-hover\": \"#E9ECF0\",\n                \"cm-border\": \"#D9D9D9\",\n                \"cm-link\": \"#1A73E8\",\n                \"cm-accent\": \"#04AA6D\",\n            },\n            keyframes: {\n                \"caret-blink\": {\n                    \"0%,70%,100%\": { opacity: \"1\" },\n                    \"20%,50%\": { opacity: \"0\" },\n                },\n                \"fade-in\": {\n                    from: { opacity: \"0\" },\n                    to: { opacity: \"1\" },\n                },\n                \"fade-out\": {\n                    from: { opacity: \"1\" },\n                    to: { opacity: \"0\" },\n                },\n                \"slide-in-from-top\": {\n                    \"0%\": { transform: \"translateY(-100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-top\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(-100%)\" },\n                },\n                \"slide-in-from-bottom\": {\n                    \"0%\": { transform: \"translateY(100%)\" },\n                    \"100%\": { transform: \"translateY(0)\" },\n                },\n                \"slide-out-to-bottom\": {\n                    \"0%\": { transform: \"translateY(0)\" },\n                    \"100%\": { transform: \"translateY(100%)\" },\n                },\n                \"slide-in-from-left\": {\n                    \"0%\": { transform: \"translateX(-100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-left\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(-100%)\" },\n                },\n                \"slide-in-from-right\": {\n                    \"0%\": { transform: \"translateX(100%)\" },\n                    \"100%\": { transform: \"translateX(0)\" },\n                },\n                \"slide-out-to-right\": {\n                    \"0%\": { transform: \"translateX(0)\" },\n                    \"100%\": { transform: \"translateX(100%)\" },\n                },\n                \"zoom-in-95\": {\n                    \"0%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                },\n                \"zoom-out-95\": {\n                    \"0%\": { opacity: \"1\", transform: \"scale(1) translate(-50%, -50%)\" },\n                    \"100%\": { opacity: \"0\", transform: \"scale(0.95) translate(-50%, -50%)\" },\n                },\n            },\n            animation: {\n                \"caret-blink\": \"caret-blink 1.25s ease-out infinite\",\n                \"fade-in\": \"fade-in 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"fade-out\": \"fade-out 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-top\": \"slide-in-from-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-top\": \"slide-out-to-top 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-bottom\": \"slide-in-from-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-bottom\": \"slide-out-to-bottom 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-left\": \"slide-in-from-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-left\": \"slide-out-to-left 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-in-from-right\": \"slide-in-from-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"slide-out-to-right\": \"slide-out-to-right 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-in-95\": \"zoom-in-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n                \"zoom-out-95\": \"zoom-out-95 150ms cubic-bezier(0.16, 1, 0.3, 1)\",\n            },\n            durations: {\n                \"300\": \"300ms\",\n                \"500\": \"500ms\",\n            },\n        },\n    },\n    rules: [\n        [\n            \"cm-responsive-border-radius-auth-dialog\",\n            {\n                \"@media (max-width: 479px)\": {\n                    \"border-bottom-left-radius\": \"0 !important\",\n                    \"border-bottom-right-radius\": \"0 !important\",\n                },\n            },\n        ],\n        [\n            \"focus-ring-custom\",\n            {\n                \"&:focus\": {\n                    \"box-shadow\": \"0 0 0 3px var(--focus-ring-color)\",\n                },\n            },\n        ],\n    ],\n    /* config */\n});\n"],"mappings":";AAAA,SAAS,oBAAoB;AAC7B,OAAO,oBAAoB;AAE3B,IAAO,uBAAQ,aAAa;AAAA,EACxB,SAAS,CAAC,eAAe,CAAC;AAAA,EAC1B,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,QAAQ;AAAA;AAAA,QAEJ,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,yBAAyB;AAAA,QACzB,oBAAoB;AAAA,QACpB,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,WAAW;AAAA,QACX,aAAa;AAAA,MACjB;AAAA,MACA,WAAW;AAAA,QACP,eAAe;AAAA,UACX,eAAe,EAAE,SAAS,IAAI;AAAA,UAC9B,WAAW,EAAE,SAAS,IAAI;AAAA,QAC9B;AAAA,QACA,WAAW;AAAA,UACP,MAAM,EAAE,SAAS,IAAI;AAAA,UACrB,IAAI,EAAE,SAAS,IAAI;AAAA,QACvB;AAAA,QACA,YAAY;AAAA,UACR,MAAM,EAAE,SAAS,IAAI;AAAA,UACrB,IAAI,EAAE,SAAS,IAAI;AAAA,QACvB;AAAA,QACA,qBAAqB;AAAA,UACjB,MAAM,EAAE,WAAW,oBAAoB;AAAA,UACvC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,oBAAoB;AAAA,UAChB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,oBAAoB;AAAA,QAC7C;AAAA,QACA,wBAAwB;AAAA,UACpB,MAAM,EAAE,WAAW,mBAAmB;AAAA,UACtC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,uBAAuB;AAAA,UACnB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,mBAAmB;AAAA,QAC5C;AAAA,QACA,sBAAsB;AAAA,UAClB,MAAM,EAAE,WAAW,oBAAoB;AAAA,UACvC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,qBAAqB;AAAA,UACjB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,oBAAoB;AAAA,QAC7C;AAAA,QACA,uBAAuB;AAAA,UACnB,MAAM,EAAE,WAAW,mBAAmB;AAAA,UACtC,QAAQ,EAAE,WAAW,gBAAgB;AAAA,QACzC;AAAA,QACA,sBAAsB;AAAA,UAClB,MAAM,EAAE,WAAW,gBAAgB;AAAA,UACnC,QAAQ,EAAE,WAAW,mBAAmB;AAAA,QAC5C;AAAA,QACA,cAAc;AAAA,UACV,MAAM,EAAE,SAAS,KAAK,WAAW,oCAAoC;AAAA,UACrE,QAAQ,EAAE,SAAS,KAAK,WAAW,iCAAiC;AAAA,QACxE;AAAA,QACA,eAAe;AAAA,UACX,MAAM,EAAE,SAAS,KAAK,WAAW,iCAAiC;AAAA,UAClE,QAAQ,EAAE,SAAS,KAAK,WAAW,oCAAoC;AAAA,QAC3E;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACP,eAAe;AAAA,QACf,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,qBAAqB;AAAA,QACrB,oBAAoB;AAAA,QACpB,wBAAwB;AAAA,QACxB,uBAAuB;AAAA,QACvB,sBAAsB;AAAA,QACtB,qBAAqB;AAAA,QACrB,uBAAuB;AAAA,QACvB,sBAAsB;AAAA,QACtB,cAAc;AAAA,QACd,eAAe;AAAA,MACnB;AAAA,MACA,WAAW;AAAA,QACP,OAAO;AAAA,QACP,OAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACH;AAAA,MACI;AAAA,MACA;AAAA,QACI,6BAA6B;AAAA,UACzB,6BAA6B;AAAA,UAC7B,8BAA8B;AAAA,QAClC;AAAA,MACJ;AAAA,IACJ;AAAA,IACA;AAAA,MACI;AAAA,MACA;AAAA,QACI,WAAW;AAAA,UACP,cAAc;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAAA;AAEJ,CAAC;","names":[]}

package/dist/chunk-AXZLLRBU.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/chevronRight.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function ChevronRightIcon({ className, style }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      style,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+
+
+
+exports.ChevronRightIcon = ChevronRightIcon;
+//# sourceMappingURL=chunk-AXZLLRBU.cjs.map

package/dist/chunk-AXZLLRBU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/chevronRight.tsx"],"names":[],"mappings":";AAiBY;AAfL,SAAS,iBAAiB,EAAE,WAAW,MAAM,GAAwD;AACxG,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf;AAAA,MACA;AAAA,MAEA,8BAAC,UAAK,GAAE,iBAAgB;AAAA;AAAA,EAC5B;AAER","sourcesContent":["import type React from \"react\";\n\nexport function ChevronRightIcon({ className, style }: { className?: string; style?: React.CSSProperties }) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className={className}\n            style={style}\n        >\n            <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-B7LYPQ4K.cjs

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

package/dist/chunk-B7LYPQ4K.cjs.map

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

package/dist/chunk-BE2ZLB3L.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkA2JCJ2OVcjs = require('./chunk-A2JCJ2OV.cjs');
+
+// src/providers/TwindProvider.tsx
+var _core = require('@twind/core');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function TwindProvider({ children }) {
+  _react.useEffect.call(void 0, () => {
+    _core.install.call(void 0, _chunkA2JCJ2OVcjs.twind_config_default);
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+}
+
+
+
+exports.TwindProvider = TwindProvider;
+//# sourceMappingURL=chunk-BE2ZLB3L.cjs.map

package/dist/chunk-BE2ZLB3L.cjs.map

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

package/dist/chunk-BJIMCGIQ.js

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

package/dist/chunk-BJIMCGIQ.js.map

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

package/dist/chunk-BKVDVDKX.cjs

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

package/dist/chunk-BKVDVDKX.cjs.map

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

package/dist/chunk-BYRVAFBZ.cjs

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/crypto/utils/handleSolanaTransaction.ts
+var _web3js = require('@solana/web3.js');
+var _bs58 = require('bs58'); var _bs582 = _interopRequireDefault(_bs58);
+function handleSolanaTransaction(_0) {
+  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, arguments, function* ({
+    primaryWallet,
+    serializedTransaction,
+    iframeClient
+  }) {
+    let signer;
+    try {
+      signer = yield primaryWallet.getSigner();
+    } catch (error) {
+      console.error("[CryptoWalletConnectionHandler] failed to get signer", error);
+      iframeClient.send("crypto:send-transaction:failed", {
+        error: "Failed to get signer"
+      });
+      return;
+    }
+    let deserializedTransaction;
+    try {
+      deserializedTransaction = _web3js.Transaction.from(_bs582.default.decode(serializedTransaction));
+    } catch (error) {
+      console.error("[CryptoWalletConnectionHandler] failed to deserialize transaction", error);
+      iframeClient.send("crypto:send-transaction:failed", {
+        error: "Failed to deserialize transaction"
+      });
+      return;
+    }
+    try {
+      const { signature: txId } = yield signer.signAndSendTransaction(deserializedTransaction);
+      console.log("[CryptoWalletConnectionHandler] txId", txId);
+      iframeClient.send("crypto:send-transaction:success", {
+        txId
+      });
+    } catch (error) {
+      console.error("[CryptoWalletConnectionHandler] failed to send transaction", error);
+      iframeClient.send("crypto:send-transaction:failed", {
+        error: error.message
+      });
+    }
+  });
+}
+
+
+
+exports.handleSolanaTransaction = handleSolanaTransaction;
+//# sourceMappingURL=chunk-BYRVAFBZ.cjs.map

package/dist/chunk-BYRVAFBZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/utils/handleSolanaTransaction.ts"],"names":[],"mappings":";;;;;AAEA,SAAS,mBAAmB;AAC5B,OAAO,YAAY;AAEnB,SAAsB,wBAAwB,IAQ3C;AAAA,6CAR2C;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,EACJ,GAIG;AAGC,QAAI;AACJ,QAAI;AACA,eAAS,MAAM,cAAc,UAAU;AAAA,IAC3C,SAAS,OAAO;AACZ,cAAQ,MAAM,wDAAwD,KAAK;AAC3E,mBAAa,KAAK,kCAAkC;AAAA,QAChD,OAAO;AAAA,MACX,CAAC;AACD;AAAA,IACJ;AAEA,QAAI;AACJ,QAAI;AACA,gCAA0B,YAAY,KAAK,OAAO,OAAO,qBAAqB,CAAC;AAAA,IACnF,SAAS,OAAO;AACZ,cAAQ,MAAM,qEAAqE,KAAK;AACxF,mBAAa,KAAK,kCAAkC;AAAA,QAChD,OAAO;AAAA,MACX,CAAC;AACD;AAAA,IACJ;AAEA,QAAI;AACA,YAAM,EAAE,WAAW,KAAK,IAAI,MAAM,OAAO,uBAAuB,uBAAuB;AACvF,cAAQ,IAAI,wCAAwC,IAAI;AACxD,mBAAa,KAAK,mCAAmC;AAAA,QACjD;AAAA,MACJ,CAAC;AAAA,IACL,SAAS,OAAO;AACZ,cAAQ,MAAM,8DAA8D,KAAK;AACjF,mBAAa,KAAK,kCAAkC;AAAA,QAChD,OAAQ,MAAgB;AAAA,MAC5B,CAAC;AAAA,IACL;AAAA,EACJ;AAAA","sourcesContent":["import type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport type { SolanaWallet } from \"@dynamic-labs/solana-core\";\nimport { Transaction } from \"@solana/web3.js\";\nimport base58 from \"bs58\";\n\nexport async function handleSolanaTransaction({\n    primaryWallet,\n    serializedTransaction,\n    iframeClient,\n}: {\n    primaryWallet: SolanaWallet;\n    serializedTransaction: string;\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter;\n}) {\n    // TODO: Handle switch network\n\n    let signer: Awaited<ReturnType<typeof primaryWallet.getSigner>>;\n    try {\n        signer = await primaryWallet.getSigner();\n    } catch (error) {\n        console.error(\"[CryptoWalletConnectionHandler] failed to get signer\", error);\n        iframeClient.send(\"crypto:send-transaction:failed\", {\n            error: \"Failed to get signer\",\n        });\n        return;\n    }\n\n    let deserializedTransaction: Transaction;\n    try {\n        deserializedTransaction = Transaction.from(base58.decode(serializedTransaction));\n    } catch (error) {\n        console.error(\"[CryptoWalletConnectionHandler] failed to deserialize transaction\", error);\n        iframeClient.send(\"crypto:send-transaction:failed\", {\n            error: \"Failed to deserialize transaction\",\n        });\n        return;\n    }\n\n    try {\n        const { signature: txId } = await signer.signAndSendTransaction(deserializedTransaction);\n        console.log(\"[CryptoWalletConnectionHandler] txId\", txId);\n        iframeClient.send(\"crypto:send-transaction:success\", {\n            txId,\n        });\n    } catch (error) {\n        console.error(\"[CryptoWalletConnectionHandler] failed to send transaction\", error);\n        iframeClient.send(\"crypto:send-transaction:failed\", {\n            error: (error as Error).message,\n        });\n    }\n}\n"]}

package/dist/chunk-C2VARNXL.js

@@ -0,0 +1,70 @@
+import {
+  __objRest
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/EmbeddedCheckoutIFrame.tsx
+import { useEffect, useState } from "react";
+import {
+  IncomingInternalEvents,
+  crossmintIFrameService
+} from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function CrossmintEmbeddedCheckoutIFrame(_a) {
+  var _b = _a, {
+    onInternalEvent
+  } = _b, props = __objRest(_b, [
+    "onInternalEvent"
+  ]);
+  const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);
+  const [height, setHeight] = useState(0);
+  const [url] = useState(getUrl(props));
+  useEffect(() => {
+    const clearListener = listenToEvents((event) => {
+      var _a2;
+      return (_a2 = props.onEvent) == null ? void 0 : _a2.call(props, event.data);
+    });
+    return () => {
+      clearListener();
+    };
+  }, []);
+  useEffect(() => {
+    const clearListener = listenToInternalEvents((event) => {
+      const { type, payload } = event.data;
+      if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {
+        setHeight(payload.height);
+      }
+      onInternalEvent == null ? void 0 : onInternalEvent(event.data);
+    });
+    return () => {
+      clearListener();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      src: url,
+      id: "crossmint-embedded-checkout.iframe",
+      role: "crossmint-embedded-checkout.iframe",
+      allow: "payment *",
+      style: {
+        boxShadow: "none",
+        border: "none",
+        padding: "0px",
+        width: "100%",
+        minWidth: "100%",
+        overflow: "hidden",
+        display: "block",
+        userSelect: "none",
+        transform: "translate(0px)",
+        opacity: "1",
+        transition: "ease 0s, opacity 0.4s ease 0.1s",
+        height: `${height}px`
+      }
+    }
+  );
+}
+
+export {
+  CrossmintEmbeddedCheckoutIFrame
+};
+//# sourceMappingURL=chunk-C2VARNXL.js.map

package/dist/chunk-C2VARNXL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/EmbeddedCheckoutIFrame.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutProps,\n    type IncomingInternalEvent,\n    IncomingInternalEvents,\n    crossmintIFrameService,\n} from \"@crossmint/client-sdk-base\";\n\ntype CrossmintEmbeddedCheckoutIFrameProps = CrossmintEmbeddedCheckoutProps & {\n    onInternalEvent?: (event: IncomingInternalEvent) => void;\n};\n\nexport default function CrossmintEmbeddedCheckoutIFrame({\n    onInternalEvent,\n    ...props\n}: CrossmintEmbeddedCheckoutIFrameProps) {\n    const { getUrl, listenToEvents, listenToInternalEvents } = crossmintIFrameService(props);\n\n    const [height, setHeight] = useState(0);\n    const [url] = useState(getUrl(props));\n\n    // Public events\n    useEffect(() => {\n        const clearListener = listenToEvents((event) => props.onEvent?.(event.data));\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    // Internal events\n    useEffect(() => {\n        const clearListener = listenToInternalEvents((event) => {\n            const { type, payload } = event.data;\n\n            if (type === IncomingInternalEvents.UI_HEIGHT_CHANGED) {\n                setHeight(payload.height);\n            }\n\n            onInternalEvent?.(event.data);\n        });\n\n        return () => {\n            clearListener();\n        };\n    }, []);\n\n    return (\n        <iframe\n            src={url}\n            id=\"crossmint-embedded-checkout.iframe\"\n            role=\"crossmint-embedded-checkout.iframe\"\n            allow=\"payment *\"\n            style={{\n                boxShadow: \"none\",\n                border: \"none\",\n                padding: \"0px\",\n                width: \"100%\",\n                minWidth: \"100%\",\n                overflow: \"hidden\",\n                display: \"block\",\n                userSelect: \"none\",\n                transform: \"translate(0px)\",\n                opacity: \"1\",\n                transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                height: `${height}px`,\n            }}\n        />\n    );\n}\n"],"mappings":";;;;;AAAA,SAAS,WAAW,gBAAgB;AAEpC;AAAA,EAGI;AAAA,EACA;AAAA,OACG;AA0CC;AApCO,SAAR,gCAAiD,IAGf;AAHe,eACpD;AAAA;AAAA,EAdJ,IAawD,IAEjD,kBAFiD,IAEjD;AAAA,IADH;AAAA;AAGA,QAAM,EAAE,QAAQ,gBAAgB,uBAAuB,IAAI,uBAAuB,KAAK;AAEvF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,QAAM,CAAC,GAAG,IAAI,SAAS,OAAO,KAAK,CAAC;AAGpC,YAAU,MAAM;AACZ,UAAM,gBAAgB,eAAe,CAAC,UAAO;AAxBrD,UAAAA;AAwBwD,cAAAA,MAAA,MAAM,YAAN,gBAAAA,IAAA,YAAgB,MAAM;AAAA,KAAK;AAE3E,WAAO,MAAM;AACT,oBAAc;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AACZ,UAAM,gBAAgB,uBAAuB,CAAC,UAAU;AACpD,YAAM,EAAE,MAAM,QAAQ,IAAI,MAAM;AAEhC,UAAI,SAAS,uBAAuB,mBAAmB;AACnD,kBAAU,QAAQ,MAAM;AAAA,MAC5B;AAEA,yDAAkB,MAAM;AAAA,IAC5B,CAAC;AAED,WAAO,MAAM;AACT,oBAAc;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,SACI;AAAA,IAAC;AAAA;AAAA,MACG,KAAK;AAAA,MACL,IAAG;AAAA,MACH,MAAK;AAAA,MACL,OAAM;AAAA,MACN,OAAO;AAAA,QACH,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,QAAQ,GAAG,MAAM;AAAA,MACrB;AAAA;AAAA,EACJ;AAER;","names":["_a"]}

package/dist/chunk-CIZ2K2TA.cjs

@@ -0,0 +1,81 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkREUYMHNWcjs = require('./chunk-REUYMHNW.cjs');
+
+
+var _chunkVWRC3IFZcjs = require('./chunk-VWRC3IFZ.cjs');
+
+
+var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
+
+// src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx
+var _react = require('react');
+
+
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _jsxruntime = require('react/jsx-runtime');
+function EmbeddedCheckoutV3IFrame(props) {
+  const [iframeClient, setIframeClient] = _react.useState.call(void 0, null);
+  const [height, setHeight] = _react.useState.call(void 0, 0);
+  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
+  const apiClient = _chunkVWRC3IFZcjs.createCrossmintApiClient.call(void 0, crossmint, {
+    usageOrigin: "client"
+  });
+  const embedV3Service = _clientsdkbase.crossmintEmbeddedCheckoutV3Service.call(void 0, { apiClient });
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const iframe = ref.current;
+    if (!iframe || iframeClient) {
+      return;
+    }
+    setIframeClient(embedV3Service.iframe.createClient(iframe));
+  }, [ref.current, iframeClient]);
+  _react.useEffect.call(void 0, () => {
+    if (iframeClient == null) {
+      return;
+    }
+    iframeClient.on("ui:height.changed", (data) => setHeight(data.height));
+    return () => {
+      iframeClient.off("ui:height.changed");
+    };
+  }, [iframeClient]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "iframe",
+      {
+        ref,
+        src: embedV3Service.iframe.getUrl(props),
+        id: "crossmint-embedded-checkout.iframe",
+        role: "crossmint-embedded-checkout.iframe",
+        allow: "payment *",
+        style: {
+          boxShadow: "none",
+          border: "none",
+          padding: "0px",
+          width: "100%",
+          minWidth: "100%",
+          overflow: "hidden",
+          display: "block",
+          userSelect: "none",
+          transform: "translate(0px)",
+          opacity: "1",
+          transition: "ease 0s, opacity 0.4s ease 0.1s",
+          height: `${height}px`,
+          backgroundColor: "transparent"
+        }
+      }
+    ),
+    props.payment.crypto.enabled ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkREUYMHNWcjs.CryptoWalletConnectionHandler,
+      {
+        iframeClient,
+        apiKeyEnvironment: apiClient["parsedAPIKey"].environment
+      }
+    ) : null
+  ] });
+}
+
+
+
+exports.EmbeddedCheckoutV3IFrame = EmbeddedCheckoutV3IFrame;
+//# sourceMappingURL=chunk-CIZ2K2TA.cjs.map

package/dist/chunk-CIZ2K2TA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,SAAS,WAAW,QAAQ,gBAAgB;AAE5C;AAAA,EAGI;AAAA,OACG;AAqCC,mBACI,KADJ;AAhCD,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,iBAAiB,mCAAmC,EAAE,UAAU,CAAC;AAEvE,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,eAAe,OAAO,aAAa,MAAM,CAAC;AAAA,EAC9D,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,eAAe,OAAO,OAAO,KAAK;AAAA,QACvC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,KACR;AAER","sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutV3Props,\n    type EmbeddedCheckoutV3IFrameEmitter,\n    crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { CryptoWalletConnectionHandler } from \"./crypto/CryptoWalletConnectionHandler\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n    const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n    const [height, setHeight] = useState(0);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embedV3Service = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n    const ref = useRef<HTMLIFrameElement>(null);\n\n    useEffect(() => {\n        const iframe = ref.current;\n        if (!iframe || iframeClient) {\n            return;\n        }\n        setIframeClient(embedV3Service.iframe.createClient(iframe));\n    }, [ref.current, iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n        return () => {\n            iframeClient.off(\"ui:height.changed\");\n        };\n    }, [iframeClient]);\n\n    return (\n        <>\n            <iframe\n                ref={ref}\n                src={embedV3Service.iframe.getUrl(props)}\n                id=\"crossmint-embedded-checkout.iframe\"\n                role=\"crossmint-embedded-checkout.iframe\"\n                allow=\"payment *\"\n                style={{\n                    boxShadow: \"none\",\n                    border: \"none\",\n                    padding: \"0px\",\n                    width: \"100%\",\n                    minWidth: \"100%\",\n                    overflow: \"hidden\",\n                    display: \"block\",\n                    userSelect: \"none\",\n                    transform: \"translate(0px)\",\n                    opacity: \"1\",\n                    transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                    height: `${height}px`,\n                    backgroundColor: \"transparent\",\n                }}\n            />\n            {props.payment.crypto.enabled ? (\n                <CryptoWalletConnectionHandler\n                    iframeClient={iframeClient}\n                    apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n                />\n            ) : null}\n        </>\n    );\n}\n"]}

package/dist/chunk-CPYPI45H.js

@@ -0,0 +1,98 @@
+// src/icons/passkeyPromptLogo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PasskeyPromptLogo({ appearance }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  return /* @__PURE__ */ jsxs("svg", { width: "121", height: "118", viewBox: "0 0 121 118", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx("mask", { id: "mask0_1_1167", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "96", height: "96", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M96 48C96 74.5097 74.5097 96 48 96C21.4903 96 0 74.5097 0 48C0 21.4903 21.4903 0 48 0C74.5097 0 96 21.4903 96 48Z",
+        fill: (_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.background) != null ? _b : "#D9D9D9"
+      }
+    ) }),
+    /* @__PURE__ */ jsx("g", { mask: "url(#mask0_1_1167)", children: /* @__PURE__ */ jsx("circle", { cx: "48", cy: "48", r: "48", fill: (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.inputBackground) != null ? _d : "#F2F3F7" }) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M39.8333 29.625H39.425C35.9947 29.625 34.2795 29.625 32.9693 30.2926C31.8168 30.8798 30.8798 31.8168 30.2926 32.9693C29.625 34.2795 29.625 35.9947 29.625 39.425V39.8333M39.8333 66.375H39.425C35.9947 66.375 34.2795 66.375 32.9693 65.7074C31.8168 65.1202 30.8798 64.1832 30.2926 63.0307C29.625 61.7205 29.625 60.0053 29.625 56.575V56.1667M66.375 39.8333V39.425C66.375 35.9947 66.375 34.2795 65.7074 32.9693C65.1202 31.8168 64.1832 30.8798 63.0307 30.2926C61.7205 29.625 60.0053 29.625 56.575 29.625H56.1667M66.375 56.1667V56.575C66.375 60.0053 66.375 61.7205 65.7074 63.0307C65.1202 64.1832 64.1832 65.1202 63.0307 65.7074C61.7205 66.375 60.0053 66.375 56.575 66.375H56.1667M38.8125 39.8333V42.8958M57.1875 39.8333V42.8958M45.9583 49.2252C47.5917 49.2252 49.0208 47.796 49.0208 46.1627V39.8333M54.5337 54.5332C50.8587 58.2082 44.9379 58.2082 41.2629 54.5332",
+        stroke: (_f = (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.accent) != null ? _f : "#04AA6D",
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { mask: "url(#mask1_1_1167)", children: /* @__PURE__ */ jsx("circle", { cx: "48", cy: "48", r: "48", fill: (_h = (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.inputBackground) != null ? _h : "#F2F3F7" }) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M28.2 35.3494C29.5789 34.3137 31.2928 33.7 33.15 33.7H62.85C64.7073 33.7 66.4212 34.3137 67.8 35.3494C67.7997 32.6159 65.5836 30.4 62.85 30.4H33.15C30.4164 30.4 28.2003 32.6159 28.2 35.3494Z",
+        fill: (_j = (_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.accent) != null ? _j : "#04AA6D"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M28.2 41.9494C29.5789 40.9137 31.2928 40.3 33.15 40.3H62.85C64.7073 40.3 66.4212 40.9137 67.8 41.9494C67.7997 39.2159 65.5836 37 62.85 37H33.15C30.4164 37 28.2003 39.2159 28.2 41.9494Z",
+        fill: (_l = (_k = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _k.accent) != null ? _l : "#04AA6D"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M41.4 43.6C42.615 43.6 43.6 44.585 43.6 45.8C43.6 48.2301 45.57 50.2 48 50.2C50.4301 50.2 52.4 48.2301 52.4 45.8C52.4 44.585 53.385 43.6 54.6 43.6H62.85C65.5838 43.6 67.8 45.8162 67.8 48.55V60.65C67.8 63.3838 65.5838 65.6 62.85 65.6H33.15C30.4162 65.6 28.2 63.3838 28.2 60.65V48.55C28.2 45.8162 30.4162 43.6 33.15 43.6H41.4Z",
+        fill: (_n = (_m = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _m.accent) != null ? _n : "#04AA6D"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { filter: "url(#filter0_d_1_1167)", children: /* @__PURE__ */ jsx("circle", { cx: "86.5625", cy: "84", r: "20", fill: (_p = (_o = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _o.inputBackground) != null ? _p : "#FFFFFF" }) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M86.5625 74.375C84.9562 74.375 83.4646 74.855 82.2202 75.6792C81.8173 75.946 81.2744 75.8358 81.0076 75.4329C80.7407 75.03 80.851 74.487 81.2539 74.2202C82.776 73.2121 84.602 72.625 86.5625 72.625C91.8782 72.625 96.1875 76.9343 96.1875 82.25C96.1875 85.7678 95.5178 89.1313 94.2974 92.2183C94.1197 92.6677 93.6114 92.8879 93.1619 92.7103C92.7125 92.5326 92.4923 92.0243 92.6699 91.5749C93.8106 88.6895 94.4375 85.5441 94.4375 82.25C94.4375 77.9008 90.9117 74.375 86.5625 74.375ZM79.7454 76.6951C80.1482 76.9619 80.2585 77.5048 79.9917 77.9077C79.1675 79.1521 78.6875 80.6437 78.6875 82.25C78.6875 84.132 78.1468 85.8905 77.2112 87.3751C76.9536 87.784 76.4133 87.9065 76.0044 87.6489C75.5956 87.3913 75.473 86.851 75.7307 86.4421C76.4953 85.2288 76.9375 83.7925 76.9375 82.25C76.9375 80.2895 77.5246 78.4635 78.5327 76.9414C78.7995 76.5385 79.3425 76.4282 79.7454 76.6951ZM86.5625 78.75C84.6295 78.75 83.0625 80.317 83.0625 82.25C83.0625 85.8664 81.6905 89.1643 79.4396 91.6482C79.1151 92.0063 78.5617 92.0335 78.2036 91.709C77.8455 91.3845 77.8183 90.8312 78.1428 90.4731C80.1134 88.2986 81.3125 85.4154 81.3125 82.25C81.3125 79.3505 83.663 77 86.5625 77C89.462 77 91.8125 79.3505 91.8125 82.25C91.8125 82.8884 91.7865 83.5213 91.7348 84.1475C91.695 84.6291 91.2723 84.9872 90.7907 84.9474C90.3091 84.9077 89.951 84.485 89.9908 84.0034C90.0385 83.4258 90.0625 82.841 90.0625 82.25C90.0625 80.317 88.4955 78.75 86.5625 78.75ZM86.5629 81.375C87.0461 81.375 87.4379 81.7668 87.4379 82.25C87.4379 86.8095 85.7761 90.9831 83.0262 94.1948C82.7119 94.5619 82.1595 94.6047 81.7924 94.2904C81.4254 93.9761 81.3826 93.4237 81.6969 93.0566C84.1855 90.15 85.6879 86.3766 85.6879 82.25C85.6879 81.7668 86.0796 81.375 86.5629 81.375ZM90.341 87.4219C90.8057 87.5545 91.075 88.0387 90.9424 88.5034C90.2775 90.8339 89.2506 93.0112 87.9267 94.9707C87.6562 95.3712 87.1123 95.4765 86.7119 95.2059C86.3114 94.9354 86.2061 94.3915 86.4767 93.991C87.6989 92.182 88.6463 90.1729 89.2595 88.0233C89.3921 87.5586 89.8763 87.2893 90.341 87.4219Z",
+        fill: (_r = (_q = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _q.accent) != null ? _r : "#04AA6D"
+      }
+    ),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+      "filter",
+      {
+        id: "filter0_d_1_1167",
+        x: "52.5625",
+        y: "50",
+        width: "68",
+        height: "68",
+        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_1_1167" }),
+          /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1_1167", result: "shape" })
+        ]
+      }
+    ) })
+  ] });
+}
+
+export {
+  PasskeyPromptLogo
+};
+//# sourceMappingURL=chunk-CPYPI45H.js.map

package/dist/chunk-CPYPI45H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/passkeyPromptLogo.tsx"],"sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\n\nexport default function PasskeyPromptLogo({ appearance }: { appearance?: UIConfig }) {\n    return (\n        <svg width=\"121\" height=\"118\" viewBox=\"0 0 121 118\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <mask id=\"mask0_1_1167\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"96\" height=\"96\">\n                <path\n                    d=\"M96 48C96 74.5097 74.5097 96 48 96C21.4903 96 0 74.5097 0 48C0 21.4903 21.4903 0 48 0C74.5097 0 96 21.4903 96 48Z\"\n                    fill={appearance?.colors?.background ?? \"#D9D9D9\"}\n                />\n            </mask>\n            <g mask=\"url(#mask0_1_1167)\">\n                <circle cx=\"48\" cy=\"48\" r=\"48\" fill={appearance?.colors?.inputBackground ?? \"#F2F3F7\"} />\n            </g>\n            <path\n                d=\"M39.8333 29.625H39.425C35.9947 29.625 34.2795 29.625 32.9693 30.2926C31.8168 30.8798 30.8798 31.8168 30.2926 32.9693C29.625 34.2795 29.625 35.9947 29.625 39.425V39.8333M39.8333 66.375H39.425C35.9947 66.375 34.2795 66.375 32.9693 65.7074C31.8168 65.1202 30.8798 64.1832 30.2926 63.0307C29.625 61.7205 29.625 60.0053 29.625 56.575V56.1667M66.375 39.8333V39.425C66.375 35.9947 66.375 34.2795 65.7074 32.9693C65.1202 31.8168 64.1832 30.8798 63.0307 30.2926C61.7205 29.625 60.0053 29.625 56.575 29.625H56.1667M66.375 56.1667V56.575C66.375 60.0053 66.375 61.7205 65.7074 63.0307C65.1202 64.1832 64.1832 65.1202 63.0307 65.7074C61.7205 66.375 60.0053 66.375 56.575 66.375H56.1667M38.8125 39.8333V42.8958M57.1875 39.8333V42.8958M45.9583 49.2252C47.5917 49.2252 49.0208 47.796 49.0208 46.1627V39.8333M54.5337 54.5332C50.8587 58.2082 44.9379 58.2082 41.2629 54.5332\"\n                stroke={appearance?.colors?.accent ?? \"#04AA6D\"}\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <g mask=\"url(#mask1_1_1167)\">\n                <circle cx=\"48\" cy=\"48\" r=\"48\" fill={appearance?.colors?.inputBackground ?? \"#F2F3F7\"} />\n            </g>\n            <path\n                d=\"M28.2 35.3494C29.5789 34.3137 31.2928 33.7 33.15 33.7H62.85C64.7073 33.7 66.4212 34.3137 67.8 35.3494C67.7997 32.6159 65.5836 30.4 62.85 30.4H33.15C30.4164 30.4 28.2003 32.6159 28.2 35.3494Z\"\n                fill={appearance?.colors?.accent ?? \"#04AA6D\"}\n            />\n            <path\n                d=\"M28.2 41.9494C29.5789 40.9137 31.2928 40.3 33.15 40.3H62.85C64.7073 40.3 66.4212 40.9137 67.8 41.9494C67.7997 39.2159 65.5836 37 62.85 37H33.15C30.4164 37 28.2003 39.2159 28.2 41.9494Z\"\n                fill={appearance?.colors?.accent ?? \"#04AA6D\"}\n            />\n            <path\n                d=\"M41.4 43.6C42.615 43.6 43.6 44.585 43.6 45.8C43.6 48.2301 45.57 50.2 48 50.2C50.4301 50.2 52.4 48.2301 52.4 45.8C52.4 44.585 53.385 43.6 54.6 43.6H62.85C65.5838 43.6 67.8 45.8162 67.8 48.55V60.65C67.8 63.3838 65.5838 65.6 62.85 65.6H33.15C30.4162 65.6 28.2 63.3838 28.2 60.65V48.55C28.2 45.8162 30.4162 43.6 33.15 43.6H41.4Z\"\n                fill={appearance?.colors?.accent ?? \"#04AA6D\"}\n            />\n            <g filter=\"url(#filter0_d_1_1167)\">\n                <circle cx=\"86.5625\" cy=\"84\" r=\"20\" fill={appearance?.colors?.inputBackground ?? \"#FFFFFF\"} />\n            </g>\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M86.5625 74.375C84.9562 74.375 83.4646 74.855 82.2202 75.6792C81.8173 75.946 81.2744 75.8358 81.0076 75.4329C80.7407 75.03 80.851 74.487 81.2539 74.2202C82.776 73.2121 84.602 72.625 86.5625 72.625C91.8782 72.625 96.1875 76.9343 96.1875 82.25C96.1875 85.7678 95.5178 89.1313 94.2974 92.2183C94.1197 92.6677 93.6114 92.8879 93.1619 92.7103C92.7125 92.5326 92.4923 92.0243 92.6699 91.5749C93.8106 88.6895 94.4375 85.5441 94.4375 82.25C94.4375 77.9008 90.9117 74.375 86.5625 74.375ZM79.7454 76.6951C80.1482 76.9619 80.2585 77.5048 79.9917 77.9077C79.1675 79.1521 78.6875 80.6437 78.6875 82.25C78.6875 84.132 78.1468 85.8905 77.2112 87.3751C76.9536 87.784 76.4133 87.9065 76.0044 87.6489C75.5956 87.3913 75.473 86.851 75.7307 86.4421C76.4953 85.2288 76.9375 83.7925 76.9375 82.25C76.9375 80.2895 77.5246 78.4635 78.5327 76.9414C78.7995 76.5385 79.3425 76.4282 79.7454 76.6951ZM86.5625 78.75C84.6295 78.75 83.0625 80.317 83.0625 82.25C83.0625 85.8664 81.6905 89.1643 79.4396 91.6482C79.1151 92.0063 78.5617 92.0335 78.2036 91.709C77.8455 91.3845 77.8183 90.8312 78.1428 90.4731C80.1134 88.2986 81.3125 85.4154 81.3125 82.25C81.3125 79.3505 83.663 77 86.5625 77C89.462 77 91.8125 79.3505 91.8125 82.25C91.8125 82.8884 91.7865 83.5213 91.7348 84.1475C91.695 84.6291 91.2723 84.9872 90.7907 84.9474C90.3091 84.9077 89.951 84.485 89.9908 84.0034C90.0385 83.4258 90.0625 82.841 90.0625 82.25C90.0625 80.317 88.4955 78.75 86.5625 78.75ZM86.5629 81.375C87.0461 81.375 87.4379 81.7668 87.4379 82.25C87.4379 86.8095 85.7761 90.9831 83.0262 94.1948C82.7119 94.5619 82.1595 94.6047 81.7924 94.2904C81.4254 93.9761 81.3826 93.4237 81.6969 93.0566C84.1855 90.15 85.6879 86.3766 85.6879 82.25C85.6879 81.7668 86.0796 81.375 86.5629 81.375ZM90.341 87.4219C90.8057 87.5545 91.075 88.0387 90.9424 88.5034C90.2775 90.8339 89.2506 93.0112 87.9267 94.9707C87.6562 95.3712 87.1123 95.4765 86.7119 95.2059C86.3114 94.9354 86.2061 94.3915 86.4767 93.991C87.6989 92.182 88.6463 90.1729 89.2595 88.0233C89.3921 87.5586 89.8763 87.2893 90.341 87.4219Z\"\n                fill={appearance?.colors?.accent ?? \"#04AA6D\"}\n            />\n            <defs>\n                <filter\n                    id=\"filter0_d_1_1167\"\n                    x=\"52.5625\"\n                    y=\"50\"\n                    width=\"68\"\n                    height=\"68\"\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_1_1167\" />\n                    <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_1_1167\" result=\"shape\" />\n                </filter>\n            </defs>\n        </svg>\n    );\n}\n"],"mappings":";AAMgB,cAwCA,YAxCA;AAJD,SAAR,kBAAmC,EAAE,WAAW,GAA8B;AAFrF;AAGI,SACI,qBAAC,SAAI,OAAM,OAAM,QAAO,OAAM,SAAQ,eAAc,MAAK,QAAO,OAAM,8BAClE;AAAA,wBAAC,UAAK,IAAG,gBAAe,WAAU,kBAAiB,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAC7E;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,OAAM,oDAAY,WAAZ,mBAAoB,eAApB,YAAkC;AAAA;AAAA,IAC5C,GACJ;AAAA,IACA,oBAAC,OAAE,MAAK,sBACJ,8BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,OAAM,oDAAY,WAAZ,mBAAoB,oBAApB,YAAuC,WAAW,GAC3F;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,SAAQ,oDAAY,WAAZ,mBAAoB,WAApB,YAA8B;AAAA,QACtC,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA;AAAA,IACnB;AAAA,IACA,oBAAC,OAAE,MAAK,sBACJ,8BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,OAAM,oDAAY,WAAZ,mBAAoB,oBAApB,YAAuC,WAAW,GAC3F;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,OAAM,oDAAY,WAAZ,mBAAoB,WAApB,YAA8B;AAAA;AAAA,IACxC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,OAAM,oDAAY,WAAZ,mBAAoB,WAApB,YAA8B;AAAA;AAAA,IACxC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,OAAM,oDAAY,WAAZ,mBAAoB,WAApB,YAA8B;AAAA;AAAA,IACxC;AAAA,IACA,oBAAC,OAAE,QAAO,0BACN,8BAAC,YAAO,IAAG,WAAU,IAAG,MAAK,GAAE,MAAK,OAAM,oDAAY,WAAZ,mBAAoB,oBAApB,YAAuC,WAAW,GAChG;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,OAAM,oDAAY,WAAZ,mBAAoB,WAApB,YAA8B;AAAA;AAAA,IACxC;AAAA,IACA,oBAAC,UACG;AAAA,MAAC;AAAA;AAAA,QACG,IAAG;AAAA,QACH,GAAE;AAAA,QACF,GAAE;AAAA,QACF,OAAM;AAAA,QACN,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,2BAA0B;AAAA,QAE1B;AAAA,8BAAC,aAAQ,cAAa,KAAI,QAAO,sBAAqB;AAAA,UACtD;AAAA,YAAC;AAAA;AAAA,cACG,IAAG;AAAA,cACH,MAAK;AAAA,cACL,QAAO;AAAA,cACP,QAAO;AAAA;AAAA,UACX;AAAA,UACA,oBAAC,cAAS;AAAA,UACV,oBAAC,oBAAe,cAAa,KAAI;AAAA,UACjC,oBAAC,iBAAY,KAAI,aAAY,UAAS,OAAM;AAAA,UAC5C;AAAA,YAAC;AAAA;AAAA,cACG,MAAK;AAAA,cACL,QAAO;AAAA;AAAA,UACX;AAAA,UACA,oBAAC,aAAQ,MAAK,UAAS,KAAI,sBAAqB,QAAO,6BAA4B;AAAA,UACnF,oBAAC,aAAQ,MAAK,UAAS,IAAG,iBAAgB,KAAI,6BAA4B,QAAO,SAAQ;AAAA;AAAA;AAAA,IAC7F,GACJ;AAAA,KACJ;AAER;","names":[]}

package/dist/chunk-CRTRMMJ7.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __async
+};
+//# sourceMappingURL=chunk-CRTRMMJ7.js.map

package/dist/chunk-CRTRMMJ7.js.map

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