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

package/dist/chunk-6TFIQWYJ.js

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

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

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

package/dist/chunk-72LSMHPL.js

@@ -0,0 +1,131 @@
+import {
+  classNames
+} from "./chunk-RZPQIRIY.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/common/Dialog.tsx
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogClose = DialogPrimitive.Close;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children, showCloseButton = true, closeButtonColor, closeButtonRingColor } = _b, props = __objRest(_b, ["className", "children", "showCloseButton", "closeButtonColor", "closeButtonRingColor"]);
+    return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden" }),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        __spreadProps(__spreadValues({
+          ref,
+          className: classNames(
+            "fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none",
+            // Mobile viewport styles (bottom sheet) - updated with margins
+            "inset-x-[9px] bottom-2 w-[calc(100%-18px)] border-t rounded-t-[36px] rounded-b-[50px]",
+            "max-[479px]:data-[state=closed]:animate-slide-out-to-bottom max-[479px]:data-[state=open]:animate-slide-in-from-bottom",
+            // Desktop viewport styles (centered modal)
+            "min-[480px]:inset-auto min-[480px]:left-[50%] min-[480px]:top-[50%]",
+            "min-[480px]:[transform:translate(-50%,-50%)]",
+            "min-[480px]:max-w-[448px] min-[480px]:rounded-3xl !min-[480px]:p-10 !min-[480px]:pb-8",
+            "min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=open]:animate-fade-in",
+            className
+          )
+        }, props), {
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ jsxs(
+              DialogPrimitive.Close,
+              {
+                className: classNames(
+                  "absolute rounded-full opacity-70 ring-offset-background transition-opacity hover:opacity-100",
+                  "focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-text-primary",
+                  "right-5 top-5 !min-[480px]:right-7 !min-[480px]:top-7"
+                ),
+                style: { color: closeButtonColor != null ? closeButtonColor : "#67797F" },
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "24",
+                      height: "24",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      className: "h-7 w-7",
+                      children: [
+                        /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                        /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        })
+      )
+    ] });
+  }
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: classNames("flex flex-col space-y-1.5 text-center sm:text-left", className) }, props));
+};
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: classNames("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
+    }, props)
+  );
+};
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: classNames("text-lg font-semibold leading-none tracking-tight", className)
+    }, props)
+  );
+});
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: classNames("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export {
+  Dialog,
+  DialogTrigger,
+  DialogClose,
+  DialogPortal,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription
+};
+//# sourceMappingURL=chunk-72LSMHPL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/Dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { classNames } from \"@/utils/classNames\";\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogClose = DialogPrimitive.Close;\nconst DialogPortal = DialogPrimitive.Portal;\n\ninterface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {\n    showCloseButton?: boolean;\n    closeButtonColor?: string;\n    closeButtonRingColor?: string;\n}\n\nconst DialogContent = React.forwardRef<React.ElementRef<typeof DialogPrimitive.Content>, DialogContentProps>(\n    ({ className, children, showCloseButton = true, closeButtonColor, closeButtonRingColor, ...props }, ref) => (\n        <DialogPortal>\n            {/* Because we're using modal={false}, the regular overlay is not shown. We need to add our own overlay */}\n            <div className=\"fixed inset-0 z-40 bg-black/60 backdrop-blur-sm overflow-x-hidden\" />\n            <DialogPrimitive.Content\n                ref={ref}\n                className={classNames(\n                    \"fixed z-50 p-6 pb-4 bg-cm-background-primary border border-cm-border shadow-xl transition-none\",\n                    // Mobile viewport styles (bottom sheet) - updated with margins\n                    \"inset-x-[9px] bottom-2 w-[calc(100%-18px)] border-t rounded-t-[36px] rounded-b-[50px]\",\n                    \"max-[479px]:data-[state=closed]:animate-slide-out-to-bottom max-[479px]:data-[state=open]:animate-slide-in-from-bottom\",\n                    // Desktop viewport styles (centered modal)\n                    \"min-[480px]:inset-auto min-[480px]:left-[50%] min-[480px]:top-[50%]\",\n                    \"min-[480px]:[transform:translate(-50%,-50%)]\",\n                    \"min-[480px]:max-w-[448px] min-[480px]:rounded-3xl !min-[480px]:p-10 !min-[480px]:pb-8\",\n                    \"min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=open]:animate-fade-in\",\n                    className\n                )}\n                {...props}\n            >\n                {children}\n                {showCloseButton && (\n                    <DialogPrimitive.Close\n                        className={classNames(\n                            \"absolute rounded-full opacity-70 ring-offset-background transition-opacity hover:opacity-100\",\n                            \"focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-text-primary\",\n                            \"right-5 top-5 !min-[480px]:right-7 !min-[480px]:top-7\"\n                        )}\n                        style={{ color: closeButtonColor ?? \"#67797F\" }}\n                    >\n                        <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            width=\"24\"\n                            height=\"24\"\n                            viewBox=\"0 0 24 24\"\n                            fill=\"none\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"2\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                            className=\"h-7 w-7\"\n                        >\n                            <path d=\"M18 6 6 18\" />\n                            <path d=\"m6 6 12 12\" />\n                        </svg>\n                        <span className=\"sr-only\">Close</span>\n                    </DialogPrimitive.Close>\n                )}\n            </DialogPrimitive.Content>\n        </DialogPortal>\n    )\n);\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div className={classNames(\"flex flex-col space-y-1.5 text-center sm:text-left\", className)} {...props} />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        className={classNames(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\n        {...props}\n    />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Title>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Title\n        ref={ref}\n        className={classNames(\"text-lg font-semibold leading-none tracking-tight\", className)}\n        {...props}\n    />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n    React.ElementRef<typeof DialogPrimitive.Description>,\n    React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n    <DialogPrimitive.Description\n        ref={ref}\n        className={classNames(\"text-sm text-muted-foreground\", className)}\n        {...props}\n    />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n    Dialog,\n    DialogPortal,\n    DialogClose,\n    DialogTrigger,\n    DialogContent,\n    DialogHeader,\n    DialogFooter,\n    DialogTitle,\n    DialogDescription,\n};\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAkBrB,cA2BY,YA3BZ;AAfZ,IAAM,SAAyB;AAC/B,IAAM,gBAAgC;AACtC,IAAM,cAA8B;AACpC,IAAM,eAA+B;AAQrC,IAAM,gBAAsB;AAAA,EACxB,CAAC,IAAmG,QAAK;AAAxG,iBAAE,aAAW,UAAU,kBAAkB,MAAM,kBAAkB,qBAlBtE,IAkBK,IAA0F,kBAA1F,IAA0F,CAAxF,aAAW,YAAU,mBAAwB,oBAAkB;AAC9D,gCAAC,gBAEG;AAAA,0BAAC,SAAI,WAAU,qEAAoE;AAAA,MACnF;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACG;AAAA,UACA,WAAW;AAAA,YACP;AAAA;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,YAEA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACJ;AAAA,WACI,QAdP;AAAA,UAgBI;AAAA;AAAA,YACA,mBACG;AAAA,cAAiB;AAAA,cAAhB;AAAA,gBACG,WAAW;AAAA,kBACP;AAAA,kBACA;AAAA,kBACA;AAAA,gBACJ;AAAA,gBACA,OAAO,EAAE,OAAO,8CAAoB,UAAU;AAAA,gBAE9C;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACG,OAAM;AAAA,sBACN,OAAM;AAAA,sBACN,QAAO;AAAA,sBACP,SAAQ;AAAA,sBACR,MAAK;AAAA,sBACL,QAAO;AAAA,sBACP,aAAY;AAAA,sBACZ,eAAc;AAAA,sBACd,gBAAe;AAAA,sBACf,WAAU;AAAA,sBAEV;AAAA,4CAAC,UAAK,GAAE,cAAa;AAAA,wBACrB,oBAAC,UAAK,GAAE,cAAa;AAAA;AAAA;AAAA,kBACzB;AAAA,kBACA,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,YACnC;AAAA;AAAA;AAAA,MAER;AAAA,OACJ;AAAA;AAER;AACA,cAAc,cAA8B,wBAAQ;AAEpD,IAAM,eAAe,CAAC,OAA+D;AAA/D,eAAE,YAxExB,IAwEsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,6BAAC,wBAAI,WAAW,WAAW,sDAAsD,SAAS,KAAO,MAAO;AAAA;AAE5G,aAAa,cAAc;AAE3B,IAAM,eAAe,CAAC,OAA+D;AAA/D,eAAE,YA7ExB,IA6EsB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,WAAW,iEAAiE,SAAS;AAAA,OAC5F;AAAA,EACR;AAAA;AAEJ,aAAa,cAAc;AAE3B,IAAM,cAAoB,iBAGxB,CAAC,IAAyB,QAAK;AAA9B,eAAE,YAxFL,IAwFG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,WAAW,WAAW,qDAAqD,SAAS;AAAA,OAChF;AAAA,EACR;AAAA,CACH;AACD,YAAY,cAA8B,sBAAM;AAEhD,IAAM,oBAA0B,iBAG9B,CAAC,IAAyB,QAAK;AAA9B,eAAE,YApGL,IAoGG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACG;AAAA,MACA,WAAW,WAAW,iCAAiC,SAAS;AAAA,OAC5D;AAAA,EACR;AAAA,CACH;AACD,kBAAkB,cAA8B,4BAAY;","names":[]}

package/dist/chunk-7EPTEGBP.cjs

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

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

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

package/dist/chunk-7HBAJHZZ.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/auth/PasskeyPrompt.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from \"react\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\n\nimport FingerprintIcon from \"../../icons/fingerprint\";\nimport PasskeyIcon from \"../../icons/passkey\";\nimport PasskeyPromptLogo from \"../../icons/passkeyPromptLogo\";\nimport { SecuredByCrossmint } from \"../common/SecuredByCrossmint\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"../common/Dialog\";\nimport { classNames } from \"@/utils/classNames\";\n\ntype PasskeyPromptCoreProps = {\n    title: string;\n    content: ReactNode;\n    primaryButton: ReactNode;\n    secondaryAction?: ReactNode;\n    appearance?: UIConfig;\n};\nfunction PasskeyPromptCore({ title, content, primaryButton, secondaryAction, appearance }: PasskeyPromptCoreProps) {\n    return (\n        <Dialog modal={false} open onOpenChange={() => {}}>\n            <DialogContent\n                showCloseButton={false}\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>{title}</DialogTitle>\n                </VisuallyHidden>\n                <VisuallyHidden asChild>\n                    <DialogDescription>{content}</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\">\n                    <div className=\"flex justify-center left-1.5 relative\">\n                        <PasskeyPromptLogo appearance={appearance} />\n                    </div>\n                    <div className=\"flex justify-center\">\n                        <p\n                            style={{\n                                fontSize: \"1.125rem\",\n                                lineHeight: \"1.75rem\",\n                                fontWeight: \"bold\",\n                                color: appearance?.colors?.textPrimary || \"#20343E\",\n                            }}\n                        >\n                            {title}\n                        </p>\n                    </div>\n                    <div className=\"mb-6\">\n                        <div\n                            style={{\n                                fontWeight: \"normal\",\n                                color: appearance?.colors?.textSecondary || \"#67797F\",\n                            }}\n                        >\n                            {content}\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col gap-4 justify-center\">\n                        {primaryButton}\n                        {secondaryAction}\n                    </div>\n                    <div className=\"flex justify-center pt-4\">\n                        <SecuredByCrossmint color={appearance?.colors?.textSecondary} />\n                    </div>\n                </div>\n            </DialogContent>\n        </Dialog>\n    );\n}\n\ntype PromptType = \"create-wallet\" | \"transaction\" | \"not-supported\" | \"create-wallet-error\" | \"transaction-error\";\n\ntype PasskeyPromptProps = {\n    state: {\n        type: PromptType;\n        primaryActionOnClick: () => void;\n        secondaryActionOnClick?: () => void;\n    };\n    appearance?: UIConfig;\n};\nexport function PasskeyPrompt({ state, appearance }: PasskeyPromptProps) {\n    // These components are currently assembled based on the mockups.\n    switch (state.type) {\n        case \"create-wallet\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Create Your Wallet\"\n                    appearance={appearance}\n                    content={\n                        <>\n                            <div className=\"mb-3\">You're about to create a wallet.</div>\n                            <div className=\"flex flex-col gap-2\">\n                                <div className=\"flex gap-2\">\n                                    <div>\n                                        <PasskeyIcon />\n                                    </div>\n                                    Your wallet will be secured with a passkey\n                                </div>\n\n                                <div className=\"flex gap-2\">\n                                    <div>\n                                        <FingerprintIcon />\n                                    </div>\n                                    Your device will ask you for your fingerprint, face, or screen lock to set it up\n                                </div>\n                            </div>\n                        </>\n                    }\n                    primaryButton={\n                        <PrimaryButton appearance={appearance} onClick={state.primaryActionOnClick}>\n                            Create Wallet\n                        </PrimaryButton>\n                    }\n                />\n            );\n\n        case \"create-wallet-error\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Wallet Creation Failed\"\n                    appearance={appearance}\n                    content={\n                        <div>\n                            We couldn't create your wallet. This could be due to rejecting the request, a timeout, or\n                            not having access to your passkey on this device.\n                        </div>\n                    }\n                    primaryButton={\n                        <PrimaryButton appearance={appearance} onClick={state.primaryActionOnClick}>\n                            Try again\n                        </PrimaryButton>\n                    }\n                />\n            );\n\n        case \"transaction\":\n            return (\n                <PasskeyPromptCore\n                    title=\"First Time Using Your Wallet\"\n                    appearance={appearance}\n                    content={\n                        <div className=\"flex flex-col gap-2\">\n                            <div className=\"flex gap-2\">\n                                <div>\n                                    <FingerprintIcon />\n                                </div>\n                                <span>\n                                    Your device will ask you for your fingerprint, face, or screen lock to authorize\n                                    this action.\n                                </span>\n                            </div>\n                        </div>\n                    }\n                    primaryButton={\n                        <PrimaryButton appearance={appearance} onClick={state.primaryActionOnClick}>\n                            Use Wallet\n                        </PrimaryButton>\n                    }\n                />\n            );\n\n        case \"transaction-error\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Wallet Access Failed\"\n                    appearance={appearance}\n                    content={\n                        <div>\n                            We couldn't access your wallet. This could be due to rejecting the request, a timeout, or\n                            not having access to your passkey on this device.\n                        </div>\n                    }\n                    primaryButton={\n                        <PrimaryButton appearance={appearance} onClick={state.primaryActionOnClick}>\n                            Try again\n                        </PrimaryButton>\n                    }\n                    secondaryAction={\n                        <a\n                            href=\"https://docs.crossmint.com/wallets/smart-wallets/users/troubleshoot\"\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            style={{\n                                padding: \"0.875rem\",\n                                width: \"100%\",\n                                textAlign: \"center\",\n                                textDecoration: \"none\",\n                                borderRadius: \"0.5rem\",\n                                fontWeight: \"bold\",\n                                backgroundColor: appearance?.colors?.inputBackground || \"#F0F2F4\",\n                                color: appearance?.colors?.textSecondary || \"#00150D\",\n                            }}\n                        >\n                            Troubleshoot\n                        </a>\n                    }\n                />\n            );\n\n        case \"not-supported\":\n            return (\n                <PasskeyPromptCore\n                    title=\"Passkeys Not Supported on This Device\"\n                    appearance={appearance}\n                    content={\n                        <div>\n                            To access your wallet with a passkey, switch to a device or browser that supports passkeys,\n                            such as Chrome or Safari on a smartphone, tablet, or modern computer\n                        </div>\n                    }\n                    primaryButton={\n                        <PrimaryButton appearance={appearance} onClick={state.primaryActionOnClick}>\n                            Understood\n                        </PrimaryButton>\n                    }\n                />\n            );\n\n        default:\n            return null;\n    }\n}\n\nconst PrimaryButton = ({\n    appearance,\n    onClick,\n    children,\n}: { appearance?: UIConfig; onClick: () => void; children: ReactNode }) => {\n    return (\n        <button\n            className={classNames(\n                \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n                \"transition-colors duration-200 ease-in-out\",\n                \"hover:bg-cm-hover focus:bg-cm-hover outline-none\"\n            )}\n            style={{\n                borderRadius: appearance?.borderRadius,\n                backgroundColor: appearance?.colors?.buttonBackground,\n            }}\n            onClick={onClick}\n        >\n            <span className=\"font-medium\" style={{ margin: \"0px 32px\", color: appearance?.colors?.textPrimary }}>\n                {children}\n            </span>\n            <span className=\"sr-only\">{children}</span>\n        </button>\n    );\n};\n"]}

package/dist/chunk-7HENIDX5.js

@@ -0,0 +1,39 @@
+import {
+  __async
+} from "./chunk-CRTRMMJ7.js";
+
+// src/utils/dynamic/dynamicChainToCrossmintChain.ts
+import { chainIdToBlockchain } from "@crossmint/common-sdk-base";
+var ChainNotSupportedError = class extends Error {
+  constructor(chainId) {
+    super(`ChainId ${chainId} is not supported`);
+    this.chainId = chainId;
+  }
+};
+function dynamicChainToCrossmintChain(wallet) {
+  return __async(this, null, function* () {
+    var _a;
+    const chain = wallet.chain;
+    if (chain === "SOL") {
+      return "solana";
+    }
+    if (chain === "SUI") {
+      return "sui";
+    }
+    const chainId = yield (_a = wallet.connector) == null ? void 0 : _a.getNetwork();
+    if (typeof chainId !== "number") {
+      throw new Error("chainId is not a number");
+    }
+    const chainFromChainId = chainIdToBlockchain(chainId);
+    if (!chainFromChainId) {
+      throw new ChainNotSupportedError(chainId);
+    }
+    return chainFromChainId;
+  });
+}
+
+export {
+  ChainNotSupportedError,
+  dynamicChainToCrossmintChain
+};
+//# sourceMappingURL=chunk-7HENIDX5.js.map

package/dist/chunk-7HENIDX5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/dynamic/dynamicChainToCrossmintChain.ts"],"sourcesContent":["import { chainIdToBlockchain, type BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { HandleConnectedWallet } from \"@dynamic-labs/sdk-react-core\";\n\nexport class ChainNotSupportedError extends Error {\n    chainId: number;\n\n    constructor(chainId: number) {\n        super(`ChainId ${chainId} is not supported`);\n        this.chainId = chainId;\n    }\n}\n\nexport async function dynamicChainToCrossmintChain(\n    wallet: Parameters<HandleConnectedWallet>[0]\n): Promise<BlockchainIncludingTestnet> {\n    const chain = wallet.chain;\n    if (chain === \"SOL\") {\n        return \"solana\";\n    }\n    if (chain === \"SUI\") {\n        return \"sui\";\n    }\n    const chainId = await wallet.connector?.getNetwork();\n    if (typeof chainId !== \"number\") {\n        throw new Error(\"chainId is not a number\");\n    }\n    const chainFromChainId = chainIdToBlockchain(chainId);\n    if (!chainFromChainId) {\n        throw new ChainNotSupportedError(chainId);\n    }\n    return chainFromChainId;\n}\n"],"mappings":";;;;;AAAA,SAAS,2BAA4D;AAG9D,IAAM,yBAAN,cAAqC,MAAM;AAAA,EAG9C,YAAY,SAAiB;AACzB,UAAM,WAAW,OAAO,mBAAmB;AAC3C,SAAK,UAAU;AAAA,EACnB;AACJ;AAEA,SAAsB,6BAClB,QACmC;AAAA;AAdvC;AAeI,UAAM,QAAQ,OAAO;AACrB,QAAI,UAAU,OAAO;AACjB,aAAO;AAAA,IACX;AACA,QAAI,UAAU,OAAO;AACjB,aAAO;AAAA,IACX;AACA,UAAM,UAAU,OAAM,YAAO,cAAP,mBAAkB;AACxC,QAAI,OAAO,YAAY,UAAU;AAC7B,YAAM,IAAI,MAAM,yBAAyB;AAAA,IAC7C;AACA,UAAM,mBAAmB,oBAAoB,OAAO;AACpD,QAAI,CAAC,kBAAkB;AACnB,YAAM,IAAI,uBAAuB,OAAO;AAAA,IAC5C;AACA,WAAO;AAAA,EACX;AAAA;","names":[]}

package/dist/chunk-7IC6PRTG.js

@@ -0,0 +1,10 @@
+// package.json
+var version = "1.19.0-alpha.0";
+
+// src/consts/version.ts
+var LIB_VERSION = version;
+
+export {
+  LIB_VERSION
+};
+//# sourceMappingURL=chunk-7IC6PRTG.js.map

package/dist/chunk-7IC6PRTG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../package.json","../src/consts/version.ts"],"sourcesContent":["{\n    \"name\": \"@crossmint/client-sdk-react-ui\",\n    \"version\": \"1.19.0-alpha.0\",\n    \"repository\": \"https://github.com/Crossmint/crossmint-sdk\",\n    \"license\": \"Apache-2.0\",\n    \"author\": \"Paella Labs Inc\",\n    \"sideEffects\": false,\n    \"type\": \"module\",\n    \"exports\": {\n        \"import\": \"./dist/index.js\",\n        \"require\": \"./dist/index.cjs\"\n    },\n    \"main\": \"./dist/index.cjs\",\n    \"module\": \"./dist/index.js\",\n    \"types\": \"./dist/index.d.ts\",\n    \"files\": [\"dist\", \"LICENSE\"],\n    \"scripts\": {\n        \"build\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup\",\n        \"dev\": \"cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch\",\n        \"test:vitest\": \"vitest run\"\n    },\n    \"dependencies\": {\n        \"@crossmint/client-sdk-auth\": \"workspace:*\",\n        \"@crossmint/client-sdk-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-react-base\": \"workspace:*\",\n        \"@crossmint/client-sdk-window\": \"workspace:*\",\n        \"@crossmint/client-signers\": \"workspace:*\",\n        \"@crossmint/common-sdk-auth\": \"workspace:*\",\n        \"@crossmint/common-sdk-base\": \"workspace:*\",\n        \"@crossmint/wallets-sdk\": \"workspace:*\",\n        \"@dynamic-labs/ethereum\": \"4.10.1\",\n        \"@dynamic-labs/sdk-react-core\": \"4.10.1\",\n        \"@dynamic-labs/solana\": \"4.10.1\",\n        \"@dynamic-labs/sui\": \"4.10.1\",\n        \"@ethersproject/transactions\": \"5.7.0\",\n        \"@farcaster/auth-kit\": \"0.6.0\",\n        \"@mysten/sui\": \"1.24.0\",\n        \"@radix-ui/react-dialog\": \"1.1.2\",\n        \"@radix-ui/react-visually-hidden\": \"1.1.0\",\n        \"@solana/web3.js\": \"1.98.0\",\n        \"@twind/core\": \"1.1.3\",\n        \"@twind/preset-tailwind\": \"1.1.4\",\n        \"bs58\": \"5.0.0\",\n        \"clsx\": \"2.1.1\",\n        \"color\": \"4.2.3\",\n        \"input-otp\": \"1.2.4\",\n        \"lodash.isequal\": \"4.5.0\",\n        \"ox\": \"0.6.9\",\n        \"react-jss\": \"10.10.0\",\n        \"tailwind-merge\": \"2.4.0\",\n        \"tailwindcss\": \"3.4.10\",\n        \"viem\": \"2.23.6\",\n        \"zod\": \"3.22.4\"\n    },\n    \"devDependencies\": {\n        \"@testing-library/react\": \"^16.0.1\",\n        \"@types/color\": \"4.2.0\",\n        \"@types/lodash.isequal\": \"4.5.6\",\n        \"@types/react\": \"^18.3.0\",\n        \"@types/react-dom\": \"^18.3.0\",\n        \"pino-pretty\": \"^7.6.0\",\n        \"react\": \"^18.3.0\",\n        \"react-dom\": \"^18.3.0\"\n    },\n    \"peerDependencies\": {\n        \"react\": \">=17.0.2\",\n        \"react-dom\": \">=17.0.2\"\n    }\n}\n","import { version } from \"../../package.json\";\n\nexport const LIB_VERSION = version;\n"],"mappings":";AAEI,cAAW;;;ACAR,IAAM,cAAc;","names":[]}

package/dist/chunk-7KIY6DLW.js

@@ -0,0 +1,28 @@
+// src/icons/alert.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AlertIcon({ customColor = "#f44336" }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: customColor,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      ]
+    }
+  );
+}
+
+export {
+  AlertIcon
+};
+//# sourceMappingURL=chunk-7KIY6DLW.js.map

package/dist/chunk-7KIY6DLW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/alert.tsx"],"sourcesContent":["export function AlertIcon({ customColor = \"#f44336\" }: { customColor?: string }) {\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke={customColor}\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n        >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" />\n            <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\" />\n            <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\" />\n        </svg>\n    );\n}\n"],"mappings":";AAEQ,SAWI,KAXJ;AAFD,SAAS,UAAU,EAAE,cAAc,UAAU,GAA6B;AAC7E,SACI;AAAA,IAAC;AAAA;AAAA,MACG,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MAEf;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,QAC/B,oBAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK;AAAA,QACrC,oBAAC,UAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA;AAAA,EAC7C;AAER;","names":[]}

package/dist/chunk-7UXIFMNO.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-7UXIFMNO.js.map

package/dist/chunk-7UXIFMNO.js.map

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