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

package/dist/chunk-2DG4R653.cjs

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/common/CountdownButton.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function CountdownButton({
+  initialSeconds,
+  appearance,
+  countdownText,
+  countdownCompleteText,
+  handleOnClick
+}) {
+  var _a, _b, _c, _d;
+  const [seconds, setSeconds] = _react.useState.call(void 0, initialSeconds);
+  const [canResend, setCanResend] = _react.useState.call(void 0, true);
+  const [retryCount, setRetryCount] = _react.useState.call(void 0, 0);
+  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    let timer;
+    if (seconds > 0) {
+      setCanResend(false);
+      timer = setInterval(() => {
+        setSeconds((prev) => {
+          if (prev <= 1) {
+            setCanResend(true);
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1e3);
+    }
+    return () => {
+      if (timer != null) {
+        clearInterval(timer);
+      }
+    };
+  }, [seconds]);
+  const startCountdown = () => {
+    if (!canResend) {
+      return;
+    }
+    const backoffDelay = Math.min(initialSeconds * Math.pow(2, retryCount), 240);
+    setSeconds(backoffDelay);
+    setRetryCount((prev) => prev + 1);
+  };
+  const handleClick = () => _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+    if (canResend && seconds === 0 && !isLoading) {
+      setIsLoading(true);
+      yield handleOnClick();
+      startCountdown();
+      setIsLoading(false);
+    }
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      onClick: handleClick,
+      disabled: !canResend || isLoading,
+      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
+        "text-sm leading-tight text-center mt-2 transition-opacity",
+        canResend && !isLoading ? "cursor-pointer opacity-100" : "cursor-default opacity-50"
+      ),
+      style: {
+        color: canResend ? (_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textLink) != null ? _b : "#1A73E8" : (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textSecondary) != null ? _d : "#67797F"
+      },
+      children: canResend ? countdownCompleteText : countdownText(seconds)
+    }
+  );
+}
+
+
+
+exports.CountdownButton = CountdownButton;
+//# sourceMappingURL=chunk-2DG4R653.cjs.map

package/dist/chunk-2DG4R653.cjs.map

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

package/dist/chunk-2T2VCED7.js

@@ -0,0 +1,17 @@
+import {
+  FiatEmbeddedCheckoutIFrame
+} from "./chunk-QDKAU3H2.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/fiat/FiatEmbeddedCheckout.tsx
+import { jsx } from "react/jsx-runtime";
+function CrossmintFiatEmbeddedCheckout(props) {
+  return /* @__PURE__ */ jsx(FiatEmbeddedCheckoutIFrame, __spreadValues({}, props));
+}
+
+export {
+  CrossmintFiatEmbeddedCheckout
+};
+//# sourceMappingURL=chunk-2T2VCED7.js.map

package/dist/chunk-2T2VCED7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/fiat/FiatEmbeddedCheckout.tsx"],"sourcesContent":["import type { FiatEmbeddedCheckoutProps } from \"@crossmint/client-sdk-base\";\n\nimport FiatEmbeddedCheckoutIFrame from \"../../../components/embed/fiat/FiatEmbeddedCheckoutIFrame\";\n\nexport function CrossmintFiatEmbeddedCheckout(props: FiatEmbeddedCheckoutProps) {\n    return <FiatEmbeddedCheckoutIFrame {...props} />;\n}\n"],"mappings":";;;;;;;;AAKW;AADJ,SAAS,8BAA8B,OAAkC;AAC5E,SAAO,oBAAC,+CAA+B,MAAO;AAClD;","names":[]}

package/dist/chunk-33WZFL2D.js

@@ -0,0 +1,80 @@
+import {
+  classNames
+} from "./chunk-RZPQIRIY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/common/InputOTP.tsx
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { createContext, useContext as useContext2 } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CustomStylesContext = createContext(void 0);
+var InputOTP = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, containerClassName, customStyles } = _b, props = __objRest(_b, ["className", "containerClassName", "customStyles"]);
+  return /* @__PURE__ */ jsx(CustomStylesContext.Provider, { value: customStyles, children: /* @__PURE__ */ jsx(
+    OTPInput,
+    __spreadValues({
+      autoFocus: true,
+      ref,
+      containerClassName: classNames("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
+      className: classNames("disabled:cursor-not-allowed", className)
+    }, props)
+  ) });
+});
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx("div", __spreadValues({ ref, className: classNames("flex gap-2 items-center", className) }, props));
+  }
+);
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React.forwardRef((_a, ref) => {
+  var _b = _a, { index, className, hasError } = _b, props = __objRest(_b, ["index", "className", "hasError"]);
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  const customStyles = useContext2(CustomStylesContext);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      className: classNames(
+        "relative flex h-14 w-12 items-center bg-cm-muted-primary justify-center border border-cm-border text-lg transition-all rounded-md text-cm-text-primary",
+        isActive && `z-10 ring-2 ring-offset-background`,
+        className
+      ),
+      style: {
+        borderRadius: customStyles == null ? void 0 : customStyles.borderRadius,
+        borderColor: hasError ? customStyles == null ? void 0 : customStyles.danger : customStyles == null ? void 0 : customStyles.border,
+        boxShadow: isActive ? `0 0 0 2px ${customStyles == null ? void 0 : customStyles.accent}` : "none",
+        backgroundColor: char ? customStyles == null ? void 0 : customStyles.buttonBackground : customStyles == null ? void 0 : customStyles.inputBackground
+      }
+    }, props), {
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-4 w-px animate-caret-blink duration-1000",
+            style: {
+              height: "18px",
+              backgroundColor: customStyles == null ? void 0 : customStyles.textPrimary
+            }
+          }
+        ) })
+      ]
+    })
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot
+};
+//# sourceMappingURL=chunk-33WZFL2D.js.map

package/dist/chunk-33WZFL2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/InputOTP.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { createContext, useContext } from \"react\";\nimport { classNames } from \"@/utils/classNames\";\n\n// Define the type for customStyles\ntype CustomStyles = {\n    textPrimary: string;\n    inputBackground: string;\n    buttonBackground: string;\n    accent: string;\n    danger: string;\n    border: string;\n    borderRadius?: string;\n};\n\n// Create a context for customStyles\nconst CustomStylesContext = createContext<CustomStyles | undefined>(undefined);\n\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput> & {\n    customStyles?: CustomStyles;\n};\ntype InputOTPRef = React.ElementRef<typeof OTPInput>;\n\nconst InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<InputOTPRef>> = React.forwardRef<\n    InputOTPRef,\n    InputOTPProps\n>(({ className, containerClassName, customStyles, ...props }, ref) => (\n    <CustomStylesContext.Provider value={customStyles}>\n        <OTPInput\n            autoFocus\n            ref={ref}\n            containerClassName={classNames(\"flex items-center gap-2 has-[:disabled]:opacity-50\", containerClassName)}\n            className={classNames(\"disabled:cursor-not-allowed\", className)}\n            {...props}\n        />\n    </CustomStylesContext.Provider>\n));\nInputOTP.displayName = \"InputOTP\";\n\nconst InputOTPGroup = React.forwardRef<React.ElementRef<\"div\">, React.ComponentPropsWithoutRef<\"div\">>(\n    ({ className, ...props }, ref) => (\n        <div ref={ref} className={classNames(\"flex gap-2 items-center\", className)} {...props} />\n    )\n);\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\nconst InputOTPSlot = React.forwardRef<\n    React.ElementRef<\"div\">,\n    React.ComponentPropsWithoutRef<\"div\"> & {\n        index: number;\n        hasError?: boolean;\n    }\n>(({ index, className, hasError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n    const customStyles = useContext(CustomStylesContext);\n\n    return (\n        <div\n            ref={ref}\n            className={classNames(\n                \"relative flex h-14 w-12 items-center bg-cm-muted-primary justify-center border border-cm-border text-lg transition-all rounded-md text-cm-text-primary\",\n                isActive && `z-10 ring-2 ring-offset-background`,\n                className\n            )}\n            style={{\n                borderRadius: customStyles?.borderRadius,\n                borderColor: hasError ? customStyles?.danger : customStyles?.border,\n                boxShadow: isActive ? `0 0 0 2px ${customStyles?.accent}` : \"none\",\n                backgroundColor: char ? customStyles?.buttonBackground : customStyles?.inputBackground,\n            }}\n            {...props}\n        >\n            {char}\n            {hasFakeCaret && (\n                <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n                    <div\n                        className=\"h-4 w-px animate-caret-blink duration-1000\"\n                        style={{\n                            height: \"18px\",\n                            backgroundColor: customStyles?.textPrimary,\n                        }}\n                    />\n                </div>\n            )}\n        </div>\n    );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot };\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU,uBAAuB;AAC1C,SAAS,eAAe,cAAAA,mBAAkB;AA2BlC,cA8BA,YA9BA;AAZR,IAAM,sBAAsB,cAAwC,MAAS;AAO7E,IAAM,WAAoG,iBAGxG,CAAC,IAA2D,QAAK;AAAhE,eAAE,aAAW,oBAAoB,aA7BpC,IA6BG,IAAkD,kBAAlD,IAAkD,CAAhD,aAAW,sBAAoB;AAChC,6BAAC,oBAAoB,UAApB,EAA6B,OAAO,cACjC;AAAA,IAAC;AAAA;AAAA,MACG,WAAS;AAAA,MACT;AAAA,MACA,oBAAoB,WAAW,sDAAsD,kBAAkB;AAAA,MACvG,WAAW,WAAW,+BAA+B,SAAS;AAAA,OAC1D;AAAA,EACR,GACJ;AAAA,CACH;AACD,SAAS,cAAc;AAEvB,IAAM,gBAAsB;AAAA,EACxB,CAAC,IAAyB,QAAK;AAA9B,iBAAE,YA3CP,IA2CK,IAAgB,kBAAhB,IAAgB,CAAd;AACC,+BAAC,wBAAI,KAAU,WAAW,WAAW,2BAA2B,SAAS,KAAO,MAAO;AAAA;AAE/F;AACA,cAAc,cAAc;AAE5B,IAAM,eAAqB,iBAMzB,CAAC,IAA0C,QAAQ;AAAlD,eAAE,SAAO,WAAW,SAvDvB,IAuDG,IAAiC,kBAAjC,IAAiC,CAA/B,SAAO,aAAW;AACnB,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AACpE,QAAM,eAAeC,YAAW,mBAAmB;AAEnD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,WAAW;AAAA,QACP;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,6CAAc;AAAA,QAC5B,aAAa,WAAW,6CAAc,SAAS,6CAAc;AAAA,QAC7D,WAAW,WAAW,aAAa,6CAAc,MAAM,KAAK;AAAA,QAC5D,iBAAiB,OAAO,6CAAc,mBAAmB,6CAAc;AAAA,MAC3E;AAAA,OACI,QAbP;AAAA,MAeI;AAAA;AAAA,QACA,gBACG,oBAAC,SAAI,WAAU,yEACX;AAAA,UAAC;AAAA;AAAA,YACG,WAAU;AAAA,YACV,OAAO;AAAA,cACH,QAAQ;AAAA,cACR,iBAAiB,6CAAc;AAAA,YACnC;AAAA;AAAA,QACJ,GACJ;AAAA;AAAA;AAAA,EAER;AAER,CAAC;AACD,aAAa,cAAc;","names":["useContext","useContext"]}

package/dist/chunk-35QBUT6F.js

@@ -0,0 +1,89 @@
+import {
+  EmailInput
+} from "./chunk-PIBLEOBQ.js";
+import {
+  EmailOTPInput
+} from "./chunk-IUCMANQB.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogTitle
+} from "./chunk-72LSMHPL.js";
+
+// src/components/signers/EmailSignersDialog.tsx
+import { useState } from "react";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { jsx, jsxs } from "react/jsx-runtime";
+function EmailSignersDialog({
+  open,
+  setOpen,
+  step,
+  setStep,
+  onSubmitOTP,
+  onResendOTPCode,
+  onSubmitEmail,
+  appearance
+}) {
+  var _a, _b, _c;
+  const [email, setEmail] = useState("");
+  return /* @__PURE__ */ jsx(Dialog, { modal: false, open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      onInteractOutside: (e) => e.preventDefault(),
+      onOpenAutoFocus: (e) => e.preventDefault(),
+      className: "!p-0 !min-[480px]:p-0",
+      style: {
+        borderRadius: appearance == null ? void 0 : appearance.borderRadius,
+        backgroundColor: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.background
+      },
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(DialogTitle, { children: "Crossmint Recovery Key" }) }),
+        /* @__PURE__ */ jsx(VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsx(DialogDescription, { children: "Create a recovery key" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none max-w-[448px]", children: [
+          step === "initial" ? /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "h1",
+              {
+                className: "text-2xl font-bold text-cm-text-primary",
+                style: { color: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.textPrimary },
+                children: "Create Recovery Key"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-base font-normal mb-3 text-cm-text-secondary",
+                style: { color: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.textSecondary },
+                children: "Enter your email to create a recovery key"
+              }
+            )
+          ] }) : null,
+          step === "otp" ? /* @__PURE__ */ jsx(
+            EmailOTPInput,
+            {
+              email,
+              onSubmitOTP,
+              handleOnBack: () => setStep("initial"),
+              onResendCode: () => onResendOTPCode(email),
+              appearance
+            }
+          ) : /* @__PURE__ */ jsx(
+            EmailInput,
+            {
+              email,
+              setEmail,
+              onSubmitEmail,
+              appearance
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+
+export {
+  EmailSignersDialog
+};
+//# sourceMappingURL=chunk-35QBUT6F.js.map

package/dist/chunk-35QBUT6F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/signers/EmailSignersDialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"../common/Dialog\";\nimport { EmailOTPInput } from \"./EmailOTPInput\";\nimport { EmailInput } from \"./EmailInput\";\n\ninterface EmailSignersDialogProps {\n    open: boolean;\n    setOpen: (open: boolean) => void;\n    step: \"initial\" | \"otp\";\n    setStep: (step: \"initial\" | \"otp\") => void;\n    onSubmitOTP: (token: string) => Promise<void>;\n    onResendOTPCode: (email: string) => Promise<void>;\n    onSubmitEmail: (email: string) => Promise<void>;\n    appearance?: UIConfig;\n}\n\nexport function EmailSignersDialog({\n    open,\n    setOpen,\n    step,\n    setStep,\n    onSubmitOTP,\n    onResendOTPCode,\n    onSubmitEmail,\n    appearance,\n}: EmailSignersDialogProps) {\n    const [email, setEmail] = useState<string>(\"\");\n\n    return (\n        <Dialog modal={false} open={open} onOpenChange={setOpen}>\n            <DialogContent\n                onInteractOutside={(e) => e.preventDefault()}\n                onOpenAutoFocus={(e) => e.preventDefault()}\n                className=\"!p-0 !min-[480px]:p-0\"\n                style={{\n                    borderRadius: appearance?.borderRadius,\n                    backgroundColor: appearance?.colors?.background,\n                }}\n            >\n                <VisuallyHidden asChild>\n                    <DialogTitle>Crossmint Recovery Key</DialogTitle>\n                </VisuallyHidden>\n                <VisuallyHidden asChild>\n                    <DialogDescription>Create a recovery key</DialogDescription>\n                </VisuallyHidden>\n\n                <div className=\"relative pt-10 pb-[30px] px-6 !min-[480px]:px-10 flex flex-col gap-[10px] antialiased animate-none max-w-[448px]\">\n                    {step === \"initial\" ? (\n                        <div>\n                            <h1\n                                className=\"text-2xl font-bold text-cm-text-primary\"\n                                style={{ color: appearance?.colors?.textPrimary }}\n                            >\n                                Create Recovery Key\n                            </h1>\n                            <p\n                                className=\"text-base font-normal mb-3 text-cm-text-secondary\"\n                                style={{ color: appearance?.colors?.textSecondary }}\n                            >\n                                Enter your email to create a recovery key\n                            </p>\n                        </div>\n                    ) : null}\n\n                    {step === \"otp\" ? (\n                        <EmailOTPInput\n                            email={email}\n                            onSubmitOTP={onSubmitOTP}\n                            handleOnBack={() => setStep(\"initial\")}\n                            onResendCode={() => onResendOTPCode(email)}\n                            appearance={appearance}\n                        />\n                    ) : (\n                        <EmailInput\n                            email={email}\n                            setEmail={setEmail}\n                            onSubmitEmail={onSubmitEmail}\n                            appearance={appearance}\n                        />\n                    )}\n                </div>\n            </DialogContent>\n        </Dialog>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAyCX,cAQI,YARJ;AAxBb,SAAS,mBAAmB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAA4B;AA3B5B;AA4BI,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,EAAE;AAE7C,SACI,oBAAC,UAAO,OAAO,OAAO,MAAY,cAAc,SAC5C;AAAA,IAAC;AAAA;AAAA,MACG,mBAAmB,CAAC,MAAM,EAAE,eAAe;AAAA,MAC3C,iBAAiB,CAAC,MAAM,EAAE,eAAe;AAAA,MACzC,WAAU;AAAA,MACV,OAAO;AAAA,QACH,cAAc,yCAAY;AAAA,QAC1B,kBAAiB,8CAAY,WAAZ,mBAAoB;AAAA,MACzC;AAAA,MAEA;AAAA,4BAAC,kBAAe,SAAO,MACnB,8BAAC,eAAY,oCAAsB,GACvC;AAAA,QACA,oBAAC,kBAAe,SAAO,MACnB,8BAAC,qBAAkB,mCAAqB,GAC5C;AAAA,QAEA,qBAAC,SAAI,WAAU,oHACV;AAAA,mBAAS,YACN,qBAAC,SACG;AAAA;AAAA,cAAC;AAAA;AAAA,gBACG,WAAU;AAAA,gBACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,gBACnD;AAAA;AAAA,YAED;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACG,WAAU;AAAA,gBACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,cAAc;AAAA,gBACrD;AAAA;AAAA,YAED;AAAA,aACJ,IACA;AAAA,UAEH,SAAS,QACN;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA,cAAc,MAAM,QAAQ,SAAS;AAAA,cACrC,cAAc,MAAM,gBAAgB,KAAK;AAAA,cACzC;AAAA;AAAA,UACJ,IAEA;AAAA,YAAC;AAAA;AAAA,cACG;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACJ;AAAA,WAER;AAAA;AAAA;AAAA,EACJ,GACJ;AAER;","names":[]}

package/dist/chunk-35RV5AOT.cjs

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/EmbeddedCheckoutIFrame.tsx
+var _react = require('react');
+
+
+
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintEmbeddedCheckoutIFrame(_a) {
+  var _b = _a, {
+    onInternalEvent
+  } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, [
+    "onInternalEvent"
+  ]);
+  const { getUrl, listenToEvents, listenToInternalEvents } = _clientsdkbase.crossmintIFrameService.call(void 0, props);
+  const [height, setHeight] = _react.useState.call(void 0, 0);
+  const [url] = _react.useState.call(void 0, getUrl(props));
+  _react.useEffect.call(void 0, () => {
+    const clearListener = listenToEvents((event) => {
+      var _a2;
+      return (_a2 = props.onEvent) == null ? void 0 : _a2.call(props, event.data);
+    });
+    return () => {
+      clearListener();
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    const clearListener = listenToInternalEvents((event) => {
+      const { type, payload } = event.data;
+      if (type === _clientsdkbase.IncomingInternalEvents.UI_HEIGHT_CHANGED) {
+        setHeight(payload.height);
+      }
+      onInternalEvent == null ? void 0 : onInternalEvent(event.data);
+    });
+    return () => {
+      clearListener();
+    };
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "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`
+      }
+    }
+  );
+}
+
+
+
+exports.CrossmintEmbeddedCheckoutIFrame = CrossmintEmbeddedCheckoutIFrame;
+//# sourceMappingURL=chunk-35RV5AOT.cjs.map

package/dist/chunk-35RV5AOT.cjs.map

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

package/dist/chunk-3CWYQQ65.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/crypto/PayerConnectionHandler.tsx
+var _react = require('react');
+function PayerConnectionHandler({
+  payer,
+  iframeClient
+}) {
+  _react.useEffect.call(void 0, () => {
+    if (iframeClient == null) {
+      return;
+    }
+    const signTransactionListener = iframeClient.on(
+      "crypto:send-transaction",
+      (_0) => _chunk4DAZAO6Ycjs.__async.call(void 0, this, [_0], function* ({ chain, serializedTransaction }) {
+        try {
+          yield payer.handleChainSwitch(chain);
+          const tx = yield payer.handleSignAndSendTransaction(serializedTransaction);
+          const txId = tx.success ? tx.txId : "";
+          if (tx.success) {
+            iframeClient.send("crypto:send-transaction:success", { txId });
+          } else {
+            iframeClient.send("crypto:send-transaction:failed", { error: tx.errorMessage });
+          }
+        } catch (error) {
+          console.error("[SignerConnectionHandler] Failed to send transaction", error);
+          iframeClient.send("crypto:send-transaction:failed", {
+            error: error.message || "An unknown error occurred"
+          });
+        }
+      })
+    );
+    return () => {
+      iframeClient.off(signTransactionListener);
+    };
+  }, [iframeClient]);
+  return null;
+}
+
+
+
+exports.PayerConnectionHandler = PayerConnectionHandler;
+//# sourceMappingURL=chunk-3CWYQQ65.cjs.map

package/dist/chunk-3CWYQQ65.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/PayerConnectionHandler.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAInB,SAAS,uBAAuB;AAAA,EACnC;AAAA,EACA;AACJ,GAA2F;AACvF,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AAEA,UAAM,0BAA0B,aAAa;AAAA,MACzC;AAAA,MACA,CAAO,OAAqC,eAArC,KAAqC,WAArC,EAAE,OAAO,sBAAsB,GAAM;AACxC,YAAI;AACA,gBAAM,MAAM,kBAAkB,KAAkC;AAChE,gBAAM,KAAK,MAAM,MAAM,6BAA6B,qBAAqB;AACzE,gBAAM,OAAO,GAAG,UAAU,GAAG,OAAO;AAEpC,cAAI,GAAG,SAAS;AACZ,yBAAa,KAAK,mCAAmC,EAAE,KAAK,CAAC;AAAA,UACjE,OAAO;AACH,yBAAa,KAAK,kCAAkC,EAAE,OAAO,GAAG,aAAa,CAAC;AAAA,UAClF;AAAA,QACJ,SAAS,OAAO;AACZ,kBAAQ,MAAM,wDAAwD,KAAK;AAC3E,uBAAa,KAAK,kCAAkC;AAAA,YAChD,OAAQ,MAAgB,WAAW;AAAA,UACvC,CAAC;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,mBAAa,IAAI,uBAAuB;AAAA,IAC5C;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACX","sourcesContent":["import { useEffect } from \"react\";\nimport type { EmbeddedCheckoutPayer, EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\nimport type { PayerSupportedBlockchains } from \"@crossmint/common-sdk-base\";\n\nexport function PayerConnectionHandler({\n    payer,\n    iframeClient,\n}: { payer: EmbeddedCheckoutPayer; iframeClient: EmbeddedCheckoutV3IFrameEmitter | null }) {\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n\n        const signTransactionListener = iframeClient.on(\n            \"crypto:send-transaction\",\n            async ({ chain, serializedTransaction }) => {\n                try {\n                    await payer.handleChainSwitch(chain as PayerSupportedBlockchains);\n                    const tx = await payer.handleSignAndSendTransaction(serializedTransaction);\n                    const txId = tx.success ? tx.txId : \"\";\n\n                    if (tx.success) {\n                        iframeClient.send(\"crypto:send-transaction:success\", { txId });\n                    } else {\n                        iframeClient.send(\"crypto:send-transaction:failed\", { error: tx.errorMessage });\n                    }\n                } catch (error) {\n                    console.error(\"[SignerConnectionHandler] Failed to send transaction\", error);\n                    iframeClient.send(\"crypto:send-transaction:failed\", {\n                        error: (error as Error).message || \"An unknown error occurred\",\n                    });\n                }\n            }\n        );\n\n        return () => {\n            iframeClient.off(signTransactionListener);\n        };\n    }, [iframeClient]);\n\n    return null;\n}\n"]}

package/dist/chunk-3IQALRY5.js

@@ -0,0 +1,14 @@
+import {
+  AuthForm
+} from "./chunk-TOCRVS5A.js";
+
+// src/components/auth/EmbeddedAuthForm.tsx
+import { jsx } from "react/jsx-runtime";
+function EmbeddedAuthForm() {
+  return /* @__PURE__ */ jsx(AuthForm, { className: "w-full" });
+}
+
+export {
+  EmbeddedAuthForm
+};
+//# sourceMappingURL=chunk-3IQALRY5.js.map

package/dist/chunk-3IQALRY5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/EmbeddedAuthForm.tsx"],"sourcesContent":["import { AuthForm } from \"./AuthForm\";\n\nexport function EmbeddedAuthForm() {\n    return <AuthForm className=\"w-full\" />;\n}\n"],"mappings":";;;;;AAGW;AADJ,SAAS,mBAAmB;AAC/B,SAAO,oBAAC,YAAS,WAAU,UAAS;AACxC;","names":[]}

package/dist/chunk-3J6CUUWT.js

@@ -0,0 +1,50 @@
+// src/hooks/useCrossmint.tsx
+import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { createCrossmint } from "@crossmint/common-sdk-base";
+import { jsx } from "react/jsx-runtime";
+var CrossmintContext = createContext(null);
+function CrossmintProvider({
+  children,
+  apiKey,
+  overrideBaseUrl
+}) {
+  const [version, setVersion] = useState(0);
+  const crossmintRef = useRef(
+    new Proxy(createCrossmint({ apiKey, overrideBaseUrl }), {
+      set(target, prop, value2) {
+        if (prop === "jwt" && target.jwt !== value2) {
+          setVersion((v) => v + 1);
+        }
+        return Reflect.set(target, prop, value2);
+      }
+    })
+  );
+  const setJwt = useCallback((jwt) => {
+    if (jwt !== crossmintRef.current.jwt) {
+      crossmintRef.current.jwt = jwt;
+    }
+  }, []);
+  const value = useMemo(
+    () => ({
+      get crossmint() {
+        return crossmintRef.current;
+      },
+      setJwt
+    }),
+    [setJwt, version]
+  );
+  return /* @__PURE__ */ jsx(CrossmintContext.Provider, { value, children });
+}
+function useCrossmint(missingContextMessage) {
+  const context = useContext(CrossmintContext);
+  if (context == null) {
+    throw new Error(missingContextMessage != null ? missingContextMessage : "useCrossmint must be used within a CrossmintProvider");
+  }
+  return context;
+}
+
+export {
+  CrossmintProvider,
+  useCrossmint
+};
+//# sourceMappingURL=chunk-3J6CUUWT.js.map

package/dist/chunk-3J6CUUWT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCrossmint.tsx"],"sourcesContent":["import { type ReactNode, createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\n\nimport { type Crossmint, createCrossmint } from \"@crossmint/common-sdk-base\";\n\nexport interface CrossmintContext {\n    crossmint: Crossmint;\n    setJwt: (jwt: string | undefined) => void;\n}\n\nconst CrossmintContext = createContext<CrossmintContext | null>(null);\n\nexport function CrossmintProvider({\n    children,\n    apiKey,\n    overrideBaseUrl,\n}: Omit<Crossmint, \"jwt\"> & {\n    children: ReactNode;\n}) {\n    const [version, setVersion] = useState(0);\n\n    const crossmintRef = useRef<Crossmint>(\n        new Proxy<Crossmint>(createCrossmint({ apiKey, overrideBaseUrl }), {\n            set(target, prop, value) {\n                if (prop === \"jwt\" && target.jwt !== value) {\n                    setVersion((v) => v + 1);\n                }\n                return Reflect.set(target, prop, value);\n            },\n        })\n    );\n\n    const setJwt = useCallback((jwt: string | undefined) => {\n        if (jwt !== crossmintRef.current.jwt) {\n            crossmintRef.current.jwt = jwt;\n        }\n    }, []);\n\n    const value = useMemo(\n        () => ({\n            get crossmint() {\n                return crossmintRef.current;\n            },\n            setJwt,\n        }),\n        [setJwt, version]\n    );\n\n    return <CrossmintContext.Provider value={value}>{children}</CrossmintContext.Provider>;\n}\n\nexport function useCrossmint(missingContextMessage?: string) {\n    const context = useContext(CrossmintContext);\n    if (context == null) {\n        throw new Error(missingContextMessage ?? \"useCrossmint must be used within a CrossmintProvider\");\n    }\n    return context;\n}\n"],"mappings":";AAAA,SAAyB,eAAe,aAAa,YAAY,SAAS,QAAQ,gBAAgB;AAElG,SAAyB,uBAAuB;AA6CrC;AAtCX,IAAM,mBAAmB,cAAuC,IAAI;AAE7D,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACJ,GAEG;AACC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,CAAC;AAExC,QAAM,eAAe;AAAA,IACjB,IAAI,MAAiB,gBAAgB,EAAE,QAAQ,gBAAgB,CAAC,GAAG;AAAA,MAC/D,IAAI,QAAQ,MAAMA,QAAO;AACrB,YAAI,SAAS,SAAS,OAAO,QAAQA,QAAO;AACxC,qBAAW,CAAC,MAAM,IAAI,CAAC;AAAA,QAC3B;AACA,eAAO,QAAQ,IAAI,QAAQ,MAAMA,MAAK;AAAA,MAC1C;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,QAAM,SAAS,YAAY,CAAC,QAA4B;AACpD,QAAI,QAAQ,aAAa,QAAQ,KAAK;AAClC,mBAAa,QAAQ,MAAM;AAAA,IAC/B;AAAA,EACJ,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ;AAAA,IACV,OAAO;AAAA,MACH,IAAI,YAAY;AACZ,eAAO,aAAa;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACpB;AAEA,SAAO,oBAAC,iBAAiB,UAAjB,EAA0B,OAAe,UAAS;AAC9D;AAEO,SAAS,aAAa,uBAAgC;AACzD,QAAM,UAAU,WAAW,gBAAgB;AAC3C,MAAI,WAAW,MAAM;AACjB,UAAM,IAAI,MAAM,wDAAyB,sDAAsD;AAAA,EACnG;AACA,SAAO;AACX;","names":["value"]}

package/dist/chunk-3KR4GYLF.js

@@ -0,0 +1,26 @@
+// src/icons/chevronRight.tsx
+import { jsx } from "react/jsx-runtime";
+function ChevronRightIcon({ className, style }) {
+  return /* @__PURE__ */ jsx(
+    "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__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+    }
+  );
+}
+
+export {
+  ChevronRightIcon
+};
+//# sourceMappingURL=chunk-3KR4GYLF.js.map

package/dist/chunk-3KR4GYLF.js.map

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

package/dist/chunk-43P7QWBK.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkR6IL3WOEcjs = require('./chunk-R6IL3WOE.cjs');
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/fiat/FiatEmbeddedCheckout.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintFiatEmbeddedCheckout(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR6IL3WOEcjs.FiatEmbeddedCheckoutIFrame, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, props));
+}
+
+
+
+exports.CrossmintFiatEmbeddedCheckout = CrossmintFiatEmbeddedCheckout;
+//# sourceMappingURL=chunk-43P7QWBK.cjs.map

package/dist/chunk-43P7QWBK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/fiat/FiatEmbeddedCheckout.tsx"],"names":[],"mappings":";;;;;;;;AAKW;AADJ,SAAS,8BAA8B,OAAkC;AAC5E,SAAO,oBAAC,+CAA+B,MAAO;AAClD","sourcesContent":["import type { FiatEmbeddedCheckoutProps } from \"@crossmint/client-sdk-base\";\n\nimport FiatEmbeddedCheckoutIFrame from \"../../../components/embed/fiat/FiatEmbeddedCheckoutIFrame\";\n\nexport function CrossmintFiatEmbeddedCheckout(props: FiatEmbeddedCheckoutProps) {\n    return <FiatEmbeddedCheckoutIFrame {...props} />;\n}\n"]}

package/dist/chunk-4D4AAZAE.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/passkeyPromptLogo.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PasskeyPromptLogo({ appearance }) {
+  var _a, _b, _c, _d, _e, _f;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "96", height: "72", viewBox: "20 10 76 76", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "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: (_b = (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.accent) != null ? _b : "#04AA6D",
+        strokeWidth: "3",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { filter: "url(#filter0_d_1_1167)", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "86.5625", cy: "62", r: "20", fill: (_d = (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.inputBackground) != null ? _d : "#FFFFFF" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M86.5625 52.375C84.9562 52.375 83.4646 52.855 82.2202 53.6792C81.8173 53.946 81.2744 53.8358 81.0076 53.4329C80.7407 53.03 80.851 52.487 81.2539 52.2202C82.776 51.2121 84.602 50.625 86.5625 50.625C91.8782 50.625 96.1875 54.9343 96.1875 60.25C96.1875 63.7678 95.5178 67.1313 94.2974 70.2183C94.1197 70.6677 93.6114 70.8879 93.1619 70.7103C92.7125 70.5326 92.4923 70.0243 92.6699 69.5749C93.8106 66.6895 94.4375 63.5441 94.4375 60.25C94.4375 55.9008 90.9117 52.375 86.5625 52.375ZM79.7454 54.6951C80.1482 54.9619 80.2585 55.5048 79.9917 55.9077C79.1675 57.1521 78.6875 58.6437 78.6875 60.25C78.6875 62.132 78.1468 63.8905 77.2112 65.3751C76.9536 65.784 76.4133 65.9065 76.0044 65.6489C75.5956 65.3913 75.473 64.851 75.7307 64.4421C76.4953 63.2288 76.9375 61.7925 76.9375 60.25C76.9375 58.2895 77.5246 56.4635 78.5327 54.9414C78.7995 54.5385 79.3425 54.4282 79.7454 54.6951ZM86.5625 56.75C84.6295 56.75 83.0625 58.317 83.0625 60.25C83.0625 63.8664 81.6905 67.1643 79.4396 69.6482C79.1151 70.0063 78.5617 70.0335 78.2036 69.709C77.8455 69.3845 77.8183 68.8312 78.1428 68.4731C80.1134 66.2986 81.3125 63.4154 81.3125 60.25C81.3125 57.3505 83.663 55 86.5625 55C89.462 55 91.8125 57.3505 91.8125 60.25C91.8125 60.8884 91.7865 61.5213 91.7348 62.1475C91.695 62.6291 91.2723 62.9872 90.7907 62.9474C90.3091 62.9077 89.951 62.485 89.9908 62.0034C90.0385 61.4258 90.0625 60.841 90.0625 60.25C90.0625 58.317 88.4955 56.75 86.5625 56.75ZM86.5629 59.375C87.0461 59.375 87.4379 59.7668 87.4379 60.25C87.4379 64.8095 85.7761 68.9831 83.0262 72.1948C82.7119 72.5619 82.1595 72.6047 81.7924 72.2904C81.4254 71.9761 81.3826 71.4237 81.6969 71.0566C84.1855 68.15 85.6879 64.3766 85.6879 60.25C85.6879 59.7668 86.0796 59.375 86.5629 59.375ZM90.341 65.4219C90.8057 65.5545 91.075 66.0387 90.9424 66.5034C90.2775 68.8339 89.2506 71.0112 87.9267 72.9707C87.6562 73.3712 87.1123 73.4765 86.7119 73.2059C86.3114 72.9354 86.2061 72.3915 86.4767 71.991C87.6989 70.182 88.6463 68.1729 89.2595 66.0233C89.3921 65.5586 89.8763 65.2893 90.341 65.4219Z",
+        fill: (_f = (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.accent) != null ? _f : "#04AA6D"
+      }
+    )
+  ] });
+}
+
+
+
+exports.PasskeyPromptLogo = PasskeyPromptLogo;
+//# sourceMappingURL=chunk-4D4AAZAE.cjs.map

package/dist/chunk-4D4AAZAE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/passkeyPromptLogo.tsx"],"names":[],"mappings":";AAIQ,SACI,KADJ;AAFO,SAAR,kBAAmC,EAAE,WAAW,GAA8B;AAFrF;AAGI,SACI,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,eAAc,MAAK,QAAO,OAAM,8BAChE;AAAA;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,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,KACJ;AAER","sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\n\nexport default function PasskeyPromptLogo({ appearance }: { appearance?: UIConfig }) {\n    return (\n        <svg width=\"96\" height=\"72\" viewBox=\"20 10 76 76\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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 filter=\"url(#filter0_d_1_1167)\">\n                <circle cx=\"86.5625\" cy=\"62\" r=\"20\" fill={appearance?.colors?.inputBackground ?? \"#FFFFFF\"} />\n            </g>\n            <path\n                fillRule=\"evenodd\"\n                clipRule=\"evenodd\"\n                d=\"M86.5625 52.375C84.9562 52.375 83.4646 52.855 82.2202 53.6792C81.8173 53.946 81.2744 53.8358 81.0076 53.4329C80.7407 53.03 80.851 52.487 81.2539 52.2202C82.776 51.2121 84.602 50.625 86.5625 50.625C91.8782 50.625 96.1875 54.9343 96.1875 60.25C96.1875 63.7678 95.5178 67.1313 94.2974 70.2183C94.1197 70.6677 93.6114 70.8879 93.1619 70.7103C92.7125 70.5326 92.4923 70.0243 92.6699 69.5749C93.8106 66.6895 94.4375 63.5441 94.4375 60.25C94.4375 55.9008 90.9117 52.375 86.5625 52.375ZM79.7454 54.6951C80.1482 54.9619 80.2585 55.5048 79.9917 55.9077C79.1675 57.1521 78.6875 58.6437 78.6875 60.25C78.6875 62.132 78.1468 63.8905 77.2112 65.3751C76.9536 65.784 76.4133 65.9065 76.0044 65.6489C75.5956 65.3913 75.473 64.851 75.7307 64.4421C76.4953 63.2288 76.9375 61.7925 76.9375 60.25C76.9375 58.2895 77.5246 56.4635 78.5327 54.9414C78.7995 54.5385 79.3425 54.4282 79.7454 54.6951ZM86.5625 56.75C84.6295 56.75 83.0625 58.317 83.0625 60.25C83.0625 63.8664 81.6905 67.1643 79.4396 69.6482C79.1151 70.0063 78.5617 70.0335 78.2036 69.709C77.8455 69.3845 77.8183 68.8312 78.1428 68.4731C80.1134 66.2986 81.3125 63.4154 81.3125 60.25C81.3125 57.3505 83.663 55 86.5625 55C89.462 55 91.8125 57.3505 91.8125 60.25C91.8125 60.8884 91.7865 61.5213 91.7348 62.1475C91.695 62.6291 91.2723 62.9872 90.7907 62.9474C90.3091 62.9077 89.951 62.485 89.9908 62.0034C90.0385 61.4258 90.0625 60.841 90.0625 60.25C90.0625 58.317 88.4955 56.75 86.5625 56.75ZM86.5629 59.375C87.0461 59.375 87.4379 59.7668 87.4379 60.25C87.4379 64.8095 85.7761 68.9831 83.0262 72.1948C82.7119 72.5619 82.1595 72.6047 81.7924 72.2904C81.4254 71.9761 81.3826 71.4237 81.6969 71.0566C84.1855 68.15 85.6879 64.3766 85.6879 60.25C85.6879 59.7668 86.0796 59.375 86.5629 59.375ZM90.341 65.4219C90.8057 65.5545 91.075 66.0387 90.9424 66.5034C90.2775 68.8339 89.2506 71.0112 87.9267 72.9707C87.6562 73.3712 87.1123 73.4765 86.7119 73.2059C86.3114 72.9354 86.2061 72.3915 86.4767 71.991C87.6989 70.182 88.6463 68.1729 89.2595 66.0233C89.3921 65.5586 89.8763 65.2893 90.341 65.4219Z\"\n                fill={appearance?.colors?.accent ?? \"#04AA6D\"}\n            />\n        </svg>\n    );\n}\n"]}