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

package/dist/chunk-NMXFWIFA.js

@@ -0,0 +1,133 @@
+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",
+            // Small viewport styles (bottom sheet)
+            "inset-x-0 bottom-0 w-full border-t rounded-t-xl",
+            "data-[state=closed]:animate-slide-out-to-bottom data-[state=open]:animate-slide-in-from-bottom",
+            // Regular viewport styles (centered modal)
+            "min-[480px]:inset-auto !min-[480px]:p-10 !min-[480px]:pb-8 min-[480px]:left-[50%] min-[480px]:top-[50%] min-[480px]:translate-x-[-50%] min-[480px]:translate-y-[-52%]",
+            "min-[480px]:max-w-[448px] min-[480px]:rounded-xl",
+            "min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=closed]:animate-zoom-out-95",
+            "min-[480px]:data-[state=open]:animate-fade-in min-[480px]:data-[state=open]:animate-zoom-in-95",
+            // Duration for animations
+            "data-[state=closed]:duration-300 data-[state=open]:duration-500",
+            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-4 top-4 !min-[480px]:right-6 !min-[480px]:top-6"
+                ),
+                style: { color: closeButtonColor != null ? closeButtonColor : "#00150D" },
+                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-6 w-6",
+                      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-NMXFWIFA.js.map

package/dist/chunk-NMXFWIFA.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                    // Small viewport styles (bottom sheet)\n                    \"inset-x-0 bottom-0 w-full border-t rounded-t-xl\",\n                    \"data-[state=closed]:animate-slide-out-to-bottom data-[state=open]:animate-slide-in-from-bottom\",\n                    // Regular viewport styles (centered modal)\n                    \"min-[480px]:inset-auto !min-[480px]:p-10 !min-[480px]:pb-8 min-[480px]:left-[50%] min-[480px]:top-[50%] min-[480px]:translate-x-[-50%] min-[480px]:translate-y-[-52%]\",\n                    \"min-[480px]:max-w-[448px] min-[480px]:rounded-xl\",\n                    \"min-[480px]:data-[state=closed]:animate-fade-out min-[480px]:data-[state=closed]:animate-zoom-out-95\",\n                    \"min-[480px]:data-[state=open]:animate-fade-in min-[480px]:data-[state=open]:animate-zoom-in-95\",\n                    // Duration for animations\n                    \"data-[state=closed]:duration-300 data-[state=open]:duration-500\",\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-4 top-4 !min-[480px]:right-6 !min-[480px]:top-6\"\n                        )}\n                        style={{ color: closeButtonColor ?? \"#00150D\" }}\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-6 w-6\"\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,cA6BY,YA7BZ;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;AAAA,YAEA;AAAA,YACA;AAAA,UACJ;AAAA,WACI,QAhBP;AAAA,UAkBI;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,YA1ExB,IA0EsB,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,YA/ExB,IA+EsB,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,YA1FL,IA0FG,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,YAtGL,IAsGG,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-ODH26VGS.js

@@ -0,0 +1,50 @@
+import {
+  createCrossmintApiClient
+} from "./chunk-BJIMCGIQ.js";
+import {
+  useCrossmint
+} from "./chunk-3J6CUUWT.js";
+
+// src/hooks/useCrossmintCheckout.tsx
+import { createContext, useContext, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var CrossmintCheckoutContext = createContext(void 0);
+function CrossmintCheckoutProvider({ children }) {
+  const [order, setOrder] = useState(void 0);
+  const [orderClientSecret, setOrderClientSecret] = useState(void 0);
+  const { crossmint } = useCrossmint();
+  const apiClient = createCrossmintApiClient(crossmint, {
+    usageOrigin: "client"
+  });
+  useEffect(() => {
+    const listener = (event) => {
+      if (event.origin !== new URL(apiClient.baseUrl).origin) {
+        return;
+      }
+      if (event.data.event !== "order:updated") {
+        return;
+      }
+      const { order: order2, orderClientSecret: orderClientSecret2 } = event.data.data;
+      setOrder(order2);
+      setOrderClientSecret(orderClientSecret2);
+    };
+    window.addEventListener("message", listener);
+    return () => {
+      window.removeEventListener("message", listener);
+    };
+  }, [order]);
+  return /* @__PURE__ */ jsx(CrossmintCheckoutContext.Provider, { value: { order, orderClientSecret }, children });
+}
+function useCrossmintCheckout() {
+  const context = useContext(CrossmintCheckoutContext);
+  if (!context) {
+    throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
+  }
+  return context;
+}
+
+export {
+  CrossmintCheckoutProvider,
+  useCrossmintCheckout
+};
+//# sourceMappingURL=chunk-ODH26VGS.js.map

package/dist/chunk-ODH26VGS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { embeddedCheckoutV3IncomingEvents, Order } from \"@crossmint/client-sdk-base\";\nimport type { z } from \"zod\";\nimport { useCrossmint } from \"./useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nexport interface CrossmintCheckoutContext {\n    order?: Order;\n    orderClientSecret?: string;\n}\n\nconst CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);\n\nexport function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {\n    const [order, setOrder] = useState<Order | undefined>(undefined);\n    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n\n    useEffect(() => {\n        const listener = (event: MessageEvent) => {\n            if (event.origin !== new URL(apiClient.baseUrl).origin) {\n                return;\n            }\n            if (event.data.event !== \"order:updated\") {\n                return;\n            }\n            const { order, orderClientSecret } = event.data.data as z.infer<\n                (typeof embeddedCheckoutV3IncomingEvents)[\"order:updated\"]\n            >;\n            setOrder(order);\n            setOrderClientSecret(orderClientSecret);\n        };\n        window.addEventListener(\"message\", listener);\n        return () => {\n            window.removeEventListener(\"message\", listener);\n        };\n    }, [order]);\n\n    return (\n        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>\n            {children}\n        </CrossmintCheckoutContext.Provider>\n    );\n}\n\nexport function useCrossmintCheckout() {\n    const context = useContext(CrossmintCheckoutContext);\n    if (!context) {\n        throw new Error(\"useCrossmintCheckout must be used within a CrossmintCheckoutProvider\");\n    }\n    return context;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AA2CvE;AAhCR,IAAM,2BAA2B,cAAoD,MAAS;AAEvF,SAAS,0BAA0B,EAAE,SAAS,GAA4B;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,MAAS;AAC/D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA6B,MAAS;AAExF,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACZ,UAAM,WAAW,CAAC,UAAwB;AACtC,UAAI,MAAM,WAAW,IAAI,IAAI,UAAU,OAAO,EAAE,QAAQ;AACpD;AAAA,MACJ;AACA,UAAI,MAAM,KAAK,UAAU,iBAAiB;AACtC;AAAA,MACJ;AACA,YAAM,EAAE,OAAAA,QAAO,mBAAAC,mBAAkB,IAAI,MAAM,KAAK;AAGhD,eAASD,MAAK;AACd,2BAAqBC,kBAAiB;AAAA,IAC1C;AACA,WAAO,iBAAiB,WAAW,QAAQ;AAC3C,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,QAAQ;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,SACI,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,EAAE,OAAO,kBAAkB,GAChE,UACL;AAER;AAEO,SAAS,uBAAuB;AACnC,QAAM,UAAU,WAAW,wBAAwB;AACnD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,sEAAsE;AAAA,EAC1F;AACA,SAAO;AACX;","names":["order","orderClientSecret"]}

package/dist/chunk-OPIHF55A.cjs

@@ -0,0 +1,50 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkVWRC3IFZcjs = require('./chunk-VWRC3IFZ.cjs');
+
+
+var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
+
+// src/hooks/useCrossmintCheckout.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var CrossmintCheckoutContext = _react.createContext.call(void 0, void 0);
+function CrossmintCheckoutProvider({ children }) {
+  const [order, setOrder] = _react.useState.call(void 0, void 0);
+  const [orderClientSecret, setOrderClientSecret] = _react.useState.call(void 0, void 0);
+  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
+  const apiClient = _chunkVWRC3IFZcjs.createCrossmintApiClient.call(void 0, crossmint, {
+    usageOrigin: "client"
+  });
+  _react.useEffect.call(void 0, () => {
+    const listener = (event) => {
+      if (event.origin !== new URL(apiClient.baseUrl).origin) {
+        return;
+      }
+      if (event.data.event !== "order:updated") {
+        return;
+      }
+      const { order: order2, orderClientSecret: orderClientSecret2 } = event.data.data;
+      setOrder(order2);
+      setOrderClientSecret(orderClientSecret2);
+    };
+    window.addEventListener("message", listener);
+    return () => {
+      window.removeEventListener("message", listener);
+    };
+  }, [order]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CrossmintCheckoutContext.Provider, { value: { order, orderClientSecret }, children });
+}
+function useCrossmintCheckout() {
+  const context = _react.useContext.call(void 0, CrossmintCheckoutContext);
+  if (!context) {
+    throw new Error("useCrossmintCheckout must be used within a CrossmintCheckoutProvider");
+  }
+  return context;
+}
+
+
+
+
+exports.CrossmintCheckoutProvider = CrossmintCheckoutProvider; exports.useCrossmintCheckout = useCrossmintCheckout;
+//# sourceMappingURL=chunk-OPIHF55A.cjs.map

package/dist/chunk-OPIHF55A.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCrossmintCheckout.tsx"],"names":["order","orderClientSecret"],"mappings":";;;;;;;;AAAA,SAAS,eAA+B,YAAY,WAAW,gBAAgB;AA2CvE;AAhCR,IAAM,2BAA2B,cAAoD,MAAS;AAEvF,SAAS,0BAA0B,EAAE,SAAS,GAA4B;AAC7E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA4B,MAAS;AAC/D,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAA6B,MAAS;AAExF,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AAED,YAAU,MAAM;AACZ,UAAM,WAAW,CAAC,UAAwB;AACtC,UAAI,MAAM,WAAW,IAAI,IAAI,UAAU,OAAO,EAAE,QAAQ;AACpD;AAAA,MACJ;AACA,UAAI,MAAM,KAAK,UAAU,iBAAiB;AACtC;AAAA,MACJ;AACA,YAAM,EAAE,OAAAA,QAAO,mBAAAC,mBAAkB,IAAI,MAAM,KAAK;AAGhD,eAASD,MAAK;AACd,2BAAqBC,kBAAiB;AAAA,IAC1C;AACA,WAAO,iBAAiB,WAAW,QAAQ;AAC3C,WAAO,MAAM;AACT,aAAO,oBAAoB,WAAW,QAAQ;AAAA,IAClD;AAAA,EACJ,GAAG,CAAC,KAAK,CAAC;AAEV,SACI,oBAAC,yBAAyB,UAAzB,EAAkC,OAAO,EAAE,OAAO,kBAAkB,GAChE,UACL;AAER;AAEO,SAAS,uBAAuB;AACnC,QAAM,UAAU,WAAW,wBAAwB;AACnD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,sEAAsE;AAAA,EAC1F;AACA,SAAO;AACX","sourcesContent":["import { createContext, type ReactNode, useContext, useEffect, useState } from \"react\";\nimport type { embeddedCheckoutV3IncomingEvents, Order } from \"@crossmint/client-sdk-base\";\nimport type { z } from \"zod\";\nimport { useCrossmint } from \"./useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nexport interface CrossmintCheckoutContext {\n    order?: Order;\n    orderClientSecret?: string;\n}\n\nconst CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);\n\nexport function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {\n    const [order, setOrder] = useState<Order | undefined>(undefined);\n    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n\n    useEffect(() => {\n        const listener = (event: MessageEvent) => {\n            if (event.origin !== new URL(apiClient.baseUrl).origin) {\n                return;\n            }\n            if (event.data.event !== \"order:updated\") {\n                return;\n            }\n            const { order, orderClientSecret } = event.data.data as z.infer<\n                (typeof embeddedCheckoutV3IncomingEvents)[\"order:updated\"]\n            >;\n            setOrder(order);\n            setOrderClientSecret(orderClientSecret);\n        };\n        window.addEventListener(\"message\", listener);\n        return () => {\n            window.removeEventListener(\"message\", listener);\n        };\n    }, [order]);\n\n    return (\n        <CrossmintCheckoutContext.Provider value={{ order, orderClientSecret }}>\n            {children}\n        </CrossmintCheckoutContext.Provider>\n    );\n}\n\nexport function useCrossmintCheckout() {\n    const context = useContext(CrossmintCheckoutContext);\n    if (!context) {\n        throw new Error(\"useCrossmintCheckout must be used within a CrossmintCheckoutProvider\");\n    }\n    return context;\n}\n"]}

package/dist/chunk-OZS4WEKF.js

@@ -0,0 +1,55 @@
+// src/providers/auth/web3/WagmiAuthProvider.tsx
+import { createConfig, http, WagmiProvider } from "wagmi";
+import {
+  arbitrum,
+  arbitrumSepolia,
+  base,
+  baseSepolia,
+  optimism,
+  optimismSepolia,
+  polygon,
+  polygonAmoy,
+  mainnet
+} from "wagmi/chains";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { metaMask, walletConnect } from "wagmi/connectors";
+import { jsx } from "react/jsx-runtime";
+var ALCHEMY_API_KEY = "-7M6vRDBDknwvMxnqah_jbcieWg0qad9";
+var ALCHEMY_RPC_SUBDOMAIN = {
+  mainnet: "mainnet",
+  polygon: "polygon-mainnet",
+  "polygon-amoy": "polygon-amoy",
+  base: "base-mainnet",
+  "base-sepolia": "base-sepolia",
+  optimism: "opt-mainnet",
+  "optimism-sepolia": "opt-sepolia",
+  arbitrum: "arb-mainnet",
+  "arbitrum-sepolia": "arb-sepolia"
+};
+function getAlchemyRPC(chain) {
+  return `https://${ALCHEMY_RPC_SUBDOMAIN[chain]}.g.alchemy.com/v2/${ALCHEMY_API_KEY}`;
+}
+var config = createConfig({
+  chains: [mainnet, base, polygon, optimism, arbitrum, baseSepolia, polygonAmoy, optimismSepolia, arbitrumSepolia],
+  connectors: [metaMask(), walletConnect({ projectId: "94ed8f7549329dad7be968888eec3688" })],
+  transports: {
+    [mainnet.id]: http(getAlchemyRPC("mainnet")),
+    [base.id]: http(getAlchemyRPC("base")),
+    [polygon.id]: http(getAlchemyRPC("polygon")),
+    [optimism.id]: http(getAlchemyRPC("optimism")),
+    [arbitrum.id]: http(getAlchemyRPC("arbitrum")),
+    [baseSepolia.id]: http(getAlchemyRPC("base-sepolia")),
+    [polygonAmoy.id]: http(getAlchemyRPC("polygon-amoy")),
+    [optimismSepolia.id]: http(getAlchemyRPC("optimism-sepolia")),
+    [arbitrumSepolia.id]: http(getAlchemyRPC("arbitrum-sepolia"))
+  }
+});
+function WagmiAuthProvider({ children }) {
+  const queryClient = new QueryClient();
+  return /* @__PURE__ */ jsx(WagmiProvider, { config, children: /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children }) });
+}
+
+export {
+  WagmiAuthProvider
+};
+//# sourceMappingURL=chunk-OZS4WEKF.js.map

package/dist/chunk-OZS4WEKF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/auth/web3/WagmiAuthProvider.tsx"],"sourcesContent":["import type React from \"react\";\nimport { createConfig, http, WagmiProvider } from \"wagmi\";\nimport {\n    arbitrum,\n    arbitrumSepolia,\n    base,\n    baseSepolia,\n    optimism,\n    optimismSepolia,\n    polygon,\n    polygonAmoy,\n    mainnet,\n} from \"wagmi/chains\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { metaMask, walletConnect } from \"wagmi/connectors\";\n\nconst ALCHEMY_API_KEY = \"-7M6vRDBDknwvMxnqah_jbcieWg0qad9\";\nconst ALCHEMY_RPC_SUBDOMAIN = {\n    mainnet: \"mainnet\",\n    polygon: \"polygon-mainnet\",\n    \"polygon-amoy\": \"polygon-amoy\",\n    base: \"base-mainnet\",\n    \"base-sepolia\": \"base-sepolia\",\n    optimism: \"opt-mainnet\",\n    \"optimism-sepolia\": \"opt-sepolia\",\n    arbitrum: \"arb-mainnet\",\n    \"arbitrum-sepolia\": \"arb-sepolia\",\n};\nfunction getAlchemyRPC(chain: keyof typeof ALCHEMY_RPC_SUBDOMAIN): string {\n    return `https://${ALCHEMY_RPC_SUBDOMAIN[chain]}.g.alchemy.com/v2/${ALCHEMY_API_KEY}`;\n}\n\nconst config = createConfig({\n    chains: [mainnet, base, polygon, optimism, arbitrum, baseSepolia, polygonAmoy, optimismSepolia, arbitrumSepolia],\n    connectors: [metaMask(), walletConnect({ projectId: \"94ed8f7549329dad7be968888eec3688\" })],\n    transports: {\n        [mainnet.id]: http(getAlchemyRPC(\"mainnet\")),\n        [base.id]: http(getAlchemyRPC(\"base\")),\n        [polygon.id]: http(getAlchemyRPC(\"polygon\")),\n        [optimism.id]: http(getAlchemyRPC(\"optimism\")),\n        [arbitrum.id]: http(getAlchemyRPC(\"arbitrum\")),\n        [baseSepolia.id]: http(getAlchemyRPC(\"base-sepolia\")),\n        [polygonAmoy.id]: http(getAlchemyRPC(\"polygon-amoy\")),\n        [optimismSepolia.id]: http(getAlchemyRPC(\"optimism-sepolia\")),\n        [arbitrumSepolia.id]: http(getAlchemyRPC(\"arbitrum-sepolia\")),\n    },\n});\n\nexport function WagmiAuthProvider({ children }: { children: React.ReactNode }) {\n    const queryClient = new QueryClient();\n    return (\n        <WagmiProvider config={config}>\n            <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n        </WagmiProvider>\n    );\n}\n"],"mappings":";AACA,SAAS,cAAc,MAAM,qBAAqB;AAClD;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,aAAa,2BAA2B;AACjD,SAAS,UAAU,qBAAqB;AAsC5B;AApCZ,IAAM,kBAAkB;AACxB,IAAM,wBAAwB;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,UAAU;AAAA,EACV,oBAAoB;AACxB;AACA,SAAS,cAAc,OAAmD;AACtE,SAAO,WAAW,sBAAsB,KAAK,CAAC,qBAAqB,eAAe;AACtF;AAEA,IAAM,SAAS,aAAa;AAAA,EACxB,QAAQ,CAAC,SAAS,MAAM,SAAS,UAAU,UAAU,aAAa,aAAa,iBAAiB,eAAe;AAAA,EAC/G,YAAY,CAAC,SAAS,GAAG,cAAc,EAAE,WAAW,mCAAmC,CAAC,CAAC;AAAA,EACzF,YAAY;AAAA,IACR,CAAC,QAAQ,EAAE,GAAG,KAAK,cAAc,SAAS,CAAC;AAAA,IAC3C,CAAC,KAAK,EAAE,GAAG,KAAK,cAAc,MAAM,CAAC;AAAA,IACrC,CAAC,QAAQ,EAAE,GAAG,KAAK,cAAc,SAAS,CAAC;AAAA,IAC3C,CAAC,SAAS,EAAE,GAAG,KAAK,cAAc,UAAU,CAAC;AAAA,IAC7C,CAAC,SAAS,EAAE,GAAG,KAAK,cAAc,UAAU,CAAC;AAAA,IAC7C,CAAC,YAAY,EAAE,GAAG,KAAK,cAAc,cAAc,CAAC;AAAA,IACpD,CAAC,YAAY,EAAE,GAAG,KAAK,cAAc,cAAc,CAAC;AAAA,IACpD,CAAC,gBAAgB,EAAE,GAAG,KAAK,cAAc,kBAAkB,CAAC;AAAA,IAC5D,CAAC,gBAAgB,EAAE,GAAG,KAAK,cAAc,kBAAkB,CAAC;AAAA,EAChE;AACJ,CAAC;AAEM,SAAS,kBAAkB,EAAE,SAAS,GAAkC;AAC3E,QAAM,cAAc,IAAI,YAAY;AACpC,SACI,oBAAC,iBAAc,QACX,8BAAC,uBAAoB,QAAQ,aAAc,UAAS,GACxD;AAER;","names":[]}

package/dist/chunk-PBSL6JOF.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
+
+
+var _chunkIP4HQL5Icjs = require('./chunk-IP4HQL5I.cjs');
+
+// src/components/common/PoweredByCrossmint.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function PoweredByCrossmint({ color = "#A4AFB2", className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: _chunk5RX5WFEWcjs.classNames.call(void 0, "flex", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIP4HQL5Icjs.PoweredByLeaf, { color }) });
+}
+
+
+
+exports.PoweredByCrossmint = PoweredByCrossmint;
+//# sourceMappingURL=chunk-PBSL6JOF.cjs.map

package/dist/chunk-PBSL6JOF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/PoweredByCrossmint.tsx"],"names":[],"mappings":";;;;;;;;AAMY;AAHL,SAAS,mBAAmB,EAAE,QAAQ,WAAW,UAAU,GAA2C;AACzG,SACI,oBAAC,OAAE,WAAW,WAAW,QAAQ,SAAS,GACtC,8BAAC,iBAAc,OAAc,GACjC;AAER","sourcesContent":["import { PoweredByLeaf } from \"@/icons/poweredByLeaf\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function PoweredByCrossmint({ color = \"#A4AFB2\", className }: { color?: string; className?: string }) {\n    return (\n        <p className={classNames(\"flex\", className)}>\n            <PoweredByLeaf color={color} />\n        </p>\n    );\n}\n"]}

package/dist/chunk-PHCGCJSA.js

@@ -0,0 +1,107 @@
+import {
+  CrossmintEmbeddedCheckoutIFrame
+} from "./chunk-C2VARNXL.js";
+import {
+  useDeepEffect
+} from "./chunk-EOWJ7775.js";
+import {
+  __async,
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx
+import bs58 from "bs58";
+import {
+  IncomingInternalEvents,
+  OutgoingInternalEvents,
+  crossmintIFrameService,
+  embeddedCheckoutPropsToUpdatableParamsPayload
+} from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function CryptoEmbeddedCheckoutIFrame(props) {
+  const { emitInternalEvent } = crossmintIFrameService(props);
+  const { signer, paymentMethod } = props;
+  function onInternalEvent(event) {
+    const { type, payload } = event;
+    if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {
+      const { serializedTransaction } = payload;
+      console.log("[Crossmint] Received incoming transaction", serializedTransaction);
+      handleIncomingTransaction(serializedTransaction);
+    }
+    if (type === IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {
+      const { chain } = payload;
+      console.log("[Crossmint] Received change of chain", chain);
+      const handleChainSwitch = signer.handleChainSwitch;
+      if (handleChainSwitch == null) {
+        throw new Error("switchNetwork function should have been defined");
+      }
+      handleChainSwitch(chain);
+    }
+  }
+  function handleIncomingTransaction(serializedTransaction) {
+    return __async(this, null, function* () {
+      try {
+        let txId;
+        switch (paymentMethod) {
+          case "SOL":
+            txId = yield handleSOLTransaction(signer, serializedTransaction);
+            break;
+          case "ETH":
+            txId = yield handleETHTransaction(signer, serializedTransaction);
+            break;
+          default:
+            throw new Error(`Unsupported payment method ${paymentMethod}`);
+        }
+        console.log("[Crossmint] Signed and sent transaction", txId);
+        emitInternalEvent({
+          type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,
+          payload: {
+            txId
+          }
+        });
+      } catch (e) {
+        console.error("[Crossmint] Failed to sign and send transaction", e);
+        emitInternalEvent({
+          type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,
+          payload: {}
+        });
+      }
+    });
+  }
+  function handleSOLTransaction(signer2, serializedTransaction) {
+    return __async(this, null, function* () {
+      const { Transaction } = yield import("@solana/web3.js");
+      const transaction = Transaction.from(bs58.decode(serializedTransaction));
+      console.log("[Crossmint] Deserialized SOL transaction", transaction);
+      return yield signer2.signAndSendTransaction(transaction);
+    });
+  }
+  function handleETHTransaction(signer2, serializedTransaction) {
+    return __async(this, null, function* () {
+      const { parse: parseTransaction } = yield import("@ethersproject/transactions");
+      const transaction = parseTransaction(serializedTransaction);
+      console.log("[Crossmint] Deserialized ETH transaction", transaction);
+      return yield signer2.signAndSendTransaction(transaction);
+    });
+  }
+  useDeepEffect(() => {
+    emitInternalEvent({
+      type: "params-update",
+      payload: embeddedCheckoutPropsToUpdatableParamsPayload(props)
+    });
+  }, [
+    props.signer.address,
+    props.recipient,
+    props.mintConfig,
+    props.locale,
+    props.currency,
+    props.whPassThroughArgs,
+    ..."chain" in props.signer ? [props.signer.chain] : []
+  ]);
+  return /* @__PURE__ */ jsx(CrossmintEmbeddedCheckoutIFrame, __spreadValues({ onInternalEvent }, props));
+}
+
+export {
+  CryptoEmbeddedCheckoutIFrame
+};
+//# sourceMappingURL=chunk-PHCGCJSA.js.map

package/dist/chunk-PHCGCJSA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/crypto/CryptoEmbeddedCheckoutIFrame.tsx"],"sourcesContent":["import bs58 from \"bs58\";\n\nimport {\n    type CryptoEmbeddedCheckoutPropsWithSigner,\n    type ETHEmbeddedCheckoutSigner,\n    type IncomingInternalEvent,\n    IncomingInternalEvents,\n    OutgoingInternalEvents,\n    type SOLEmbeddedCheckoutSigner,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\nimport type { EVMBlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function CryptoEmbeddedCheckoutIFrame(props: CryptoEmbeddedCheckoutPropsWithSigner) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    const { signer, paymentMethod } = props;\n\n    function onInternalEvent(event: IncomingInternalEvent) {\n        const { type, payload } = event;\n\n        if (type === IncomingInternalEvents.CRYPTO_PAYMENT_INCOMING_TRANSACTION) {\n            const { serializedTransaction } = payload;\n            console.log(\"[Crossmint] Received incoming transaction\", serializedTransaction);\n            handleIncomingTransaction(serializedTransaction);\n        }\n\n        if (type === IncomingInternalEvents.CRYPTO_CHAIN_SWITCH) {\n            const { chain } = payload;\n            console.log(\"[Crossmint] Received change of chain\", chain);\n\n            const handleChainSwitch = (signer as ETHEmbeddedCheckoutSigner).handleChainSwitch;\n            if (handleChainSwitch == null) {\n                throw new Error(\"switchNetwork function should have been defined\");\n            }\n            handleChainSwitch(chain as EVMBlockchainIncludingTestnet);\n        }\n    }\n\n    async function handleIncomingTransaction(serializedTransaction: string) {\n        try {\n            let txId: string;\n            switch (paymentMethod) {\n                case \"SOL\":\n                    txId = await handleSOLTransaction(signer, serializedTransaction);\n                    break;\n                case \"ETH\":\n                    txId = await handleETHTransaction(signer, serializedTransaction);\n                    break;\n                default:\n                    throw new Error(`Unsupported payment method ${paymentMethod}`);\n            }\n\n            console.log(\"[Crossmint] Signed and sent transaction\", txId);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_ACCEPTED,\n                payload: {\n                    txId,\n                },\n            });\n        } catch (e) {\n            console.error(\"[Crossmint] Failed to sign and send transaction\", e);\n            emitInternalEvent({\n                type: OutgoingInternalEvents.CRYPTO_PAYMENT_USER_REJECTED,\n                payload: {},\n            });\n        }\n    }\n\n    async function handleSOLTransaction(signer: SOLEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { Transaction } = await import(\"@solana/web3.js\");\n        const transaction = Transaction.from(bs58.decode(serializedTransaction));\n        console.log(\"[Crossmint] Deserialized SOL transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    async function handleETHTransaction(signer: ETHEmbeddedCheckoutSigner, serializedTransaction: string) {\n        // @ts-ignore - Error becasue we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n        const { parse: parseTransaction } = await import(\"@ethersproject/transactions\");\n        const transaction = parseTransaction(serializedTransaction);\n        console.log(\"[Crossmint] Deserialized ETH transaction\", transaction);\n\n        return await signer.signAndSendTransaction(transaction);\n    }\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [\n        props.signer.address,\n        props.recipient,\n        props.mintConfig,\n        props.locale,\n        props.currency,\n        props.whPassThroughArgs,\n        ...(\"chain\" in props.signer ? [props.signer.chain] : []),\n    ]);\n\n    return <CrossmintEmbeddedCheckoutIFrame onInternalEvent={onInternalEvent} {...props} />;\n}\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU;AAEjB;AAAA,EAII;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACG;AA+FI;AAzFI,SAAR,6BAA8C,OAA8C;AAC/F,QAAM,EAAE,kBAAkB,IAAI,uBAAuB,KAAK;AAE1D,QAAM,EAAE,QAAQ,cAAc,IAAI;AAElC,WAAS,gBAAgB,OAA8B;AACnD,UAAM,EAAE,MAAM,QAAQ,IAAI;AAE1B,QAAI,SAAS,uBAAuB,qCAAqC;AACrE,YAAM,EAAE,sBAAsB,IAAI;AAClC,cAAQ,IAAI,6CAA6C,qBAAqB;AAC9E,gCAA0B,qBAAqB;AAAA,IACnD;AAEA,QAAI,SAAS,uBAAuB,qBAAqB;AACrD,YAAM,EAAE,MAAM,IAAI;AAClB,cAAQ,IAAI,wCAAwC,KAAK;AAEzD,YAAM,oBAAqB,OAAqC;AAChE,UAAI,qBAAqB,MAAM;AAC3B,cAAM,IAAI,MAAM,iDAAiD;AAAA,MACrE;AACA,wBAAkB,KAAsC;AAAA,IAC5D;AAAA,EACJ;AAEA,WAAe,0BAA0B,uBAA+B;AAAA;AACpE,UAAI;AACA,YAAI;AACJ,gBAAQ,eAAe;AAAA,UACnB,KAAK;AACD,mBAAO,MAAM,qBAAqB,QAAQ,qBAAqB;AAC/D;AAAA,UACJ,KAAK;AACD,mBAAO,MAAM,qBAAqB,QAAQ,qBAAqB;AAC/D;AAAA,UACJ;AACI,kBAAM,IAAI,MAAM,8BAA8B,aAAa,EAAE;AAAA,QACrE;AAEA,gBAAQ,IAAI,2CAA2C,IAAI;AAC3D,0BAAkB;AAAA,UACd,MAAM,uBAAuB;AAAA,UAC7B,SAAS;AAAA,YACL;AAAA,UACJ;AAAA,QACJ,CAAC;AAAA,MACL,SAAS,GAAG;AACR,gBAAQ,MAAM,mDAAmD,CAAC;AAClE,0BAAkB;AAAA,UACd,MAAM,uBAAuB;AAAA,UAC7B,SAAS,CAAC;AAAA,QACd,CAAC;AAAA,MACL;AAAA,IACJ;AAAA;AAEA,WAAe,qBAAqBA,SAAmC,uBAA+B;AAAA;AAElG,YAAM,EAAE,YAAY,IAAI,MAAM,OAAO,iBAAiB;AACtD,YAAM,cAAc,YAAY,KAAK,KAAK,OAAO,qBAAqB,CAAC;AACvE,cAAQ,IAAI,4CAA4C,WAAW;AAEnE,aAAO,MAAMA,QAAO,uBAAuB,WAAW;AAAA,IAC1D;AAAA;AAEA,WAAe,qBAAqBA,SAAmC,uBAA+B;AAAA;AAElG,YAAM,EAAE,OAAO,iBAAiB,IAAI,MAAM,OAAO,6BAA6B;AAC9E,YAAM,cAAc,iBAAiB,qBAAqB;AAC1D,cAAQ,IAAI,4CAA4C,WAAW;AAEnE,aAAO,MAAMA,QAAO,uBAAuB,WAAW;AAAA,IAC1D;AAAA;AAEA,gBAAc,MAAM;AAChB,sBAAkB;AAAA,MACd,MAAM;AAAA,MACN,SAAS,8CAA8C,KAAK;AAAA,IAChE,CAAC;AAAA,EACL,GAAG;AAAA,IACC,MAAM,OAAO;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,GAAI,WAAW,MAAM,SAAS,CAAC,MAAM,OAAO,KAAK,IAAI,CAAC;AAAA,EAC1D,CAAC;AAED,SAAO,oBAAC,kDAAgC,mBAAsC,MAAO;AACzF;","names":["signer"]}

package/dist/chunk-Q3M4UH5U.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/hosted/styles.ts
+var _reactjss = require('react-jss');
+var DARK_BG = "#1e1e1e";
+var themeIsLight = (theme) => theme === "light";
+var formatProps = (theme) => ({
+  buttonBgColor: themeIsLight(theme) ? "white" : DARK_BG,
+  paragraphColor: themeIsLight(theme) ? "black" : "white"
+});
+var styles = {
+  "@global": {
+    "@import": "url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')"
+  },
+  crossmintButton: {
+    display: "flex",
+    "flex-direction": "row",
+    "align-items": "center",
+    padding: "0.875rem 0.875rem",
+    "font-weight": "900",
+    transition: "opacity ease-in-out 0.25s",
+    "border-radius": "0.5rem",
+    "font-family": `"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`,
+    outline: "none",
+    border: "none",
+    "box-shadow": "0px 8px 15px rgba(0, 0, 0, 0.1)",
+    "justify-content": "center",
+    background: ({ buttonBgColor }) => buttonBgColor,
+    "&:hover:enabled": {
+      opacity: "0.6",
+      cursor: "pointer"
+    }
+  },
+  crossmintImg: {
+    width: "21px",
+    height: "21px",
+    "margin-right": "0.875rem"
+  },
+  crossmintParagraph: {
+    color: ({ paragraphColor }) => paragraphColor,
+    margin: "0"
+  }
+};
+var useStyles = _reactjss.createUseStyles.call(void 0, styles);
+
+
+
+
+exports.formatProps = formatProps; exports.useStyles = useStyles;
+//# sourceMappingURL=chunk-Q3M4UH5U.cjs.map

package/dist/chunk-Q3M4UH5U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hosted/styles.ts"],"names":[],"mappings":";AAAA,SAAsB,uBAAuB;AAE7C,IAAM,UAAU;AAEhB,IAAM,eAAe,CAAC,UAAkB,UAAU;AAE3C,IAAM,cAAc,CAAC,WAAuC;AAAA,EAC/D,eAAe,aAAa,KAAK,IAAI,UAAU;AAAA,EAC/C,gBAAgB,aAAa,KAAK,IAAI,UAAU;AACpD;AAQA,IAAM,SAA4G;AAAA,EAC9G,WAAW;AAAA,IACP,WACI;AAAA,EACR;AAAA,EACA,iBAAiB;AAAA,IACb,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,YAAY,CAAC,EAAE,cAAc,MAA0B;AAAA,IAEvD,mBAAmB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,IACZ;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,gBAAgB;AAAA,EACpB;AAAA,EACA,oBAAoB;AAAA,IAChB,OAAO,CAAC,EAAE,eAAe,MAA0B;AAAA,IACnD,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAIyE,gBAAgB,MAAM","sourcesContent":["import { type Styles, createUseStyles } from \"react-jss\";\n\nconst DARK_BG = \"#1e1e1e\";\n\nconst themeIsLight = (theme: string) => theme === \"light\";\n\nexport const formatProps = (theme: string): CustomStylingProps => ({\n    buttonBgColor: themeIsLight(theme) ? \"white\" : DARK_BG,\n    paragraphColor: themeIsLight(theme) ? \"black\" : \"white\",\n});\n\nexport type Classes<Name extends string | number | symbol = string> = Record<Name, string>;\ninterface CustomStylingProps {\n    buttonBgColor?: string;\n    paragraphColor?: string;\n}\n\nconst styles: Styles<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\", CustomStylingProps> = {\n    \"@global\": {\n        \"@import\":\n            \"url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')\",\n    },\n    crossmintButton: {\n        display: \"flex\",\n        \"flex-direction\": \"row\",\n        \"align-items\": \"center\",\n        padding: \"0.875rem 0.875rem\",\n        \"font-weight\": \"900\",\n        transition: \"opacity ease-in-out 0.25s\",\n        \"border-radius\": \"0.5rem\",\n        \"font-family\": `\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif`,\n        outline: \"none\",\n        border: \"none\",\n        \"box-shadow\": \"0px 8px 15px rgba(0, 0, 0, 0.1)\",\n        \"justify-content\": \"center\",\n        background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,\n\n        \"&:hover:enabled\": {\n            opacity: \"0.6\",\n            cursor: \"pointer\",\n        },\n    },\n    crossmintImg: {\n        width: \"21px\",\n        height: \"21px\",\n        \"margin-right\": \"0.875rem\",\n    },\n    crossmintParagraph: {\n        color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,\n        margin: \"0\",\n    },\n};\n\nexport const useStyles: (\n    data?: CustomStylingProps & {\n        theme?: any;\n    }\n) => Classes<\"crossmintButton\" | \"crossmintImg\" | \"crossmintParagraph\" | \"@global\"> = createUseStyles(styles);\n"]}

package/dist/chunk-QDKAU3H2.js

@@ -0,0 +1,31 @@
+import {
+  CrossmintEmbeddedCheckoutIFrame
+} from "./chunk-C2VARNXL.js";
+import {
+  useDeepEffect
+} from "./chunk-EOWJ7775.js";
+import {
+  __spreadValues
+} from "./chunk-CRTRMMJ7.js";
+
+// src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx
+import {
+  crossmintIFrameService,
+  embeddedCheckoutPropsToUpdatableParamsPayload
+} from "@crossmint/client-sdk-base";
+import { jsx } from "react/jsx-runtime";
+function FiatEmbeddedCheckoutIFrame(props) {
+  const { emitInternalEvent } = crossmintIFrameService(props);
+  useDeepEffect(() => {
+    emitInternalEvent({
+      type: "params-update",
+      payload: embeddedCheckoutPropsToUpdatableParamsPayload(props)
+    });
+  }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);
+  return /* @__PURE__ */ jsx(CrossmintEmbeddedCheckoutIFrame, __spreadValues({}, props));
+}
+
+export {
+  FiatEmbeddedCheckoutIFrame
+};
+//# sourceMappingURL=chunk-QDKAU3H2.js.map

package/dist/chunk-QDKAU3H2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/fiat/FiatEmbeddedCheckoutIFrame.tsx"],"sourcesContent":["import {\n    type FiatEmbeddedCheckoutProps,\n    crossmintIFrameService,\n    embeddedCheckoutPropsToUpdatableParamsPayload,\n} from \"@crossmint/client-sdk-base\";\n\nimport useDeepEffect from \"../../../hooks/useDeepEffect\";\nimport CrossmintEmbeddedCheckoutIFrame from \"../EmbeddedCheckoutIFrame\";\n\nexport default function FiatEmbeddedCheckoutIFrame(props: FiatEmbeddedCheckoutProps) {\n    const { emitInternalEvent } = crossmintIFrameService(props);\n\n    useDeepEffect(() => {\n        emitInternalEvent({\n            type: \"params-update\",\n            payload: embeddedCheckoutPropsToUpdatableParamsPayload(props),\n        });\n    }, [props.recipient, props.mintConfig, props.locale, props.currency, props.whPassThroughArgs]);\n\n    return <CrossmintEmbeddedCheckoutIFrame {...props} />;\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAA,EAEI;AAAA,EACA;AAAA,OACG;AAeI;AAVI,SAAR,2BAA4C,OAAkC;AACjF,QAAM,EAAE,kBAAkB,IAAI,uBAAuB,KAAK;AAE1D,gBAAc,MAAM;AAChB,sBAAkB;AAAA,MACd,MAAM;AAAA,MACN,SAAS,8CAA8C,KAAK;AAAA,IAChE,CAAC;AAAA,EACL,GAAG,CAAC,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,MAAM,UAAU,MAAM,iBAAiB,CAAC;AAE7F,SAAO,oBAAC,oDAAoC,MAAO;AACvD;","names":[]}

package/dist/chunk-QFQWKKVU.js

@@ -0,0 +1,11 @@
+// src/icons/base64Icons.ts
+var metamaskIcon = "data:image/png;base64,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";
+var coinbaseIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIAAQMAAADOtka5AAAABlBMVEUAXP////+GP7vmAAADxUlEQVR42u2cPZKcMBCFoSYgJHTIEXwEHQ1u5jkKoUMCBwQY2eXyz84sSC19aMFT76VbfDuoX2trR+pXVZIkSZIkSZIkSZIkSZIkHaDP3n8lz3/xP/U9/3nnf2nOfb7xvzVmAvxf5T3f/gNM8APkfYTmLSDnI/RvAWv68zf/oHsyoHsEzOwNMt7h6Q3S36F9BkzsDZLfofbvNOS7KKejuveAmS1BYj9sLEFaIZstwMiWIG0RtpYgxQmbS5DihGYbMOY3Qmo7uG3AkrWd5lip3gMMbA3tq9juASa2hvZV7PcAK1xD6yre9gF3VgRrGbp9wMyKYC1Dvw9YYRFs3XALAe6sCLYytCHAxKpoq6MLARawHVnLUIcBA6uipY5NGDCyKlrq2IUBM6uipY59GLBCG8SNUMcAA7NB3AhNDDAyG8SN0MUAM7NB3Ah9ccAKfRRzUh0HDMxHMSc1ccDIfBRzEgZ0ccDMjBhzUh8HrNBHESdRQG0BDMyIYSs2FsBYEtBaABMzYtiKGOAsgIU5OexlDPCeebm2AYZygJsNcC8HaGyAkbVCqBkwoLMB5nIAZwMs5QC9DbCWA3jP2rH+MMDAeukAwL0UoLECxlKA1gqYSgE6K2AuBXBWwHJZQG8FrKUA3sMN4XRAbQcMZQA3O+B+UUAT8KuzbElNYNdoMwCj9Wd7v2UIlHj6EEDI5pNhS1xDrY4BswGwhLa7QgBnByyvCujtgPVVAd4O8AJsA+oUwCDAJuCWArgLcFFAkwIYBRBgB9CmAKZLfgIBBBBAAAGuBHiBv0wCCKB/OF4GoH//rwDQN1lHAPSdqr5bv8YJBz6kaekxET6o+siztkLHhUcfWKYfmf5Xx8aFjs4x4AUuMFzgFsgLXKU5/z7S+Xeyzr+Xdv7dPHw/EQPwHU0O6Nl2cADAsW4+ANCxbj4AcP6dbXzt/Pyb8+dPD+ABiAvMcDjWS1eYpMHDQOfPM+GRLDwUdv5cGx/Nc8zJB4wnnj9hiYdE8ZgqHpTFo7p8WBgDHDPiASPbeGgcj63jwXk8uo/DA3h8gWM2OCDCAYdI4BgLHKSBozzCdbSEwjhWxQMCVXCkCw6VwbE2FerFSB1tCUuOVfGAeCMcsIQjnipYBB5zxYO2cNQXDhvDcWc4cI1HvuHQORx7h4P3cPQfDx/E8Yc3uASbi5CWg9mxJTggBhMHceIoUB5GiuNQcSDr8zukR8LiUNrHbSkjFvfRS2MGAEcD83BiHI/MA5r/NPVSZauHz1fVJ++/VZIkSZIkSZIkSZIkSZIkHaAfwTLth8RB9t4AAAAASUVORK5CYII=";
+var walletConnectIcon = "data:image/png;base64,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";
+
+export {
+  metamaskIcon,
+  coinbaseIcon,
+  walletConnectIcon
+};
+//# sourceMappingURL=chunk-QFQWKKVU.js.map