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

package/dist/chunk-IUCMANQB.js

@@ -1,137 +0,0 @@
-import {
-  CountdownButton
-} from "./chunk-6TFIQWYJ.js";
-import {
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSlot
-} from "./chunk-33WZFL2D.js";
-import {
-  LeftArrowIcon
-} from "./chunk-ZDQGQY7Z.js";
-import {
-  EmailOtpIcon
-} from "./chunk-I63FQCIV.js";
-import {
-  __async
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/signers/EmailOTPInput.tsx
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function EmailOTPInput({ email, onSubmitOTP, handleOnBack, onResendCode, appearance }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
-  const [token, setToken] = useState("");
-  const [hasError, setHasError] = useState(false);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const handleOnSubmitOTP = () => __async(this, null, function* () {
-    setLoading(true);
-    try {
-      yield onSubmitOTP(token);
-      setHasError(false);
-      setError(null);
-    } catch (error2) {
-      console.error("Error confirming recovery key OTP", error2);
-      setError("Invalid code. Please try again.");
-      setHasError(true);
-    } finally {
-      setLoading(false);
-    }
-  });
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: "absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none",
-        onClick: () => {
-          setError(null);
-          handleOnBack();
-          setToken("");
-        },
-        children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "w-6 h-6", style: { color: (_a = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _a.textPrimary } })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-start w-full", children: [
-      /* @__PURE__ */ jsx("div", { className: "relative left-3", children: /* @__PURE__ */ jsx(
-        EmailOtpIcon,
-        {
-          customAccentColor: (_b = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _b.accent,
-          customButtonBackgroundColor: (_c = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _c.buttonBackground,
-          customBackgroundColor: (_d = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _d.background
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        "p",
-        {
-          className: "text-base font-normal mt-4 mb-1 text-center text-cm-text-primary",
-          style: { color: (_e = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _e.textPrimary },
-          children: "Verify Recovery Key Creation"
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "p",
-        {
-          className: "text-center text-cm-text-secondary px-4",
-          style: { color: (_f = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _f.textSecondary },
-          children: [
-            "A verification code has been sent to ",
-            email ? email : "your email address"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "py-8", children: /* @__PURE__ */ jsx(
-        InputOTP,
-        {
-          maxLength: 6,
-          value: token,
-          onChange: (val) => {
-            setToken(val);
-            setHasError(false);
-            setError(null);
-          },
-          onComplete: handleOnSubmitOTP,
-          disabled: loading,
-          customStyles: {
-            accent: (_h = (_g = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _g.accent) != null ? _h : "#04AA6D",
-            danger: (_j = (_i = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _i.danger) != null ? _j : "#f44336",
-            border: (_l = (_k = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _k.border) != null ? _l : "#E5E7EB",
-            textPrimary: (_n = (_m = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _m.textPrimary) != null ? _n : "#909ca3",
-            buttonBackground: (_p = (_o = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _o.buttonBackground) != null ? _p : "#eff6ff",
-            inputBackground: (_r = (_q = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _q.inputBackground) != null ? _r : "#FFFFFF",
-            borderRadius: appearance == null ? void 0 : appearance.borderRadius
-          },
-          children: /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
-            /* @__PURE__ */ jsx(InputOTPSlot, { index: 0, hasError }),
-            /* @__PURE__ */ jsx(InputOTPSlot, { index: 1, hasError }),
-            /* @__PURE__ */ jsx(InputOTPSlot, { index: 2, hasError }),
-            /* @__PURE__ */ jsx(InputOTPSlot, { index: 3, hasError }),
-            /* @__PURE__ */ jsx(InputOTPSlot, { index: 4, hasError }),
-            /* @__PURE__ */ jsx(InputOTPSlot, { index: 5, hasError })
-          ] })
-        }
-      ) }),
-      error && /* @__PURE__ */ jsx("div", { className: "text-sm text-red-500 mb-4", children: error }),
-      /* @__PURE__ */ jsx("div", { className: "text-xs leading-tight text-cm-text-secondary text-center", children: /* @__PURE__ */ jsxs("span", { style: { color: (_s = appearance == null ? void 0 : appearance.colors) == null ? void 0 : _s.textSecondary }, children: [
-        "Can't find the email? Check spam folder.",
-        "\n",
-        "Some emails may take several minutes to arrive."
-      ] }) }),
-      onResendCode && /* @__PURE__ */ jsx(
-        CountdownButton,
-        {
-          initialSeconds: 60,
-          appearance,
-          countdownText: (seconds) => `Re-send code in ${seconds}s`,
-          countdownCompleteText: "Re-send code",
-          handleOnClick: onResendCode
-        }
-      )
-    ] })
-  ] });
-}
-
-export {
-  EmailOTPInput
-};
-//# sourceMappingURL=chunk-IUCMANQB.js.map

package/dist/chunk-IUCMANQB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/signers/EmailOTPInput.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { CountdownButton } from \"@/components/common/CountdownButton\";\nimport type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { InputOTP, InputOTPGroup, InputOTPSlot } from \"@/components/common/InputOTP\";\nimport { EmailOtpIcon } from \"@/icons/emailOTP\";\nimport { LeftArrowIcon } from \"@/icons/leftArrow\";\n\ninterface EmailOTPInputProps {\n    email?: string;\n    onSubmitOTP: (token: string) => Promise<void>;\n    onResendCode?: () => Promise<void>;\n    appearance?: UIConfig;\n    handleOnBack: () => void;\n}\n\nexport function EmailOTPInput({ email, onSubmitOTP, handleOnBack, onResendCode, appearance }: EmailOTPInputProps) {\n    const [token, setToken] = useState(\"\");\n    const [hasError, setHasError] = useState(false);\n    const [loading, setLoading] = useState(false);\n    const [error, setError] = useState<string | null>(null);\n\n    const handleOnSubmitOTP = async () => {\n        setLoading(true);\n        try {\n            await onSubmitOTP(token);\n            setHasError(false);\n            setError(null);\n        } catch (error) {\n            console.error(\"Error confirming recovery key OTP\", error);\n            setError(\"Invalid code. Please try again.\");\n            setHasError(true);\n        } finally {\n            setLoading(false);\n        }\n    };\n\n    return (\n        <div>\n            <button\n                className={\n                    \"absolute left-4 top-4 min-[480px]:!left-6 min-[480px]:!top-6 rounded-full opacity-70 ring-offset-background text-cm-text-primary transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-cm-accent focus:ring-offset-2 disabled:pointer-events-none\"\n                }\n                onClick={() => {\n                    setError(null);\n                    handleOnBack();\n                    setToken(\"\");\n                }}\n            >\n                <LeftArrowIcon className=\"w-6 h-6\" style={{ color: appearance?.colors?.textPrimary }} />\n            </button>\n            <div className=\"flex flex-col items-center justify-start w-full\">\n                <div className=\"relative left-3\">\n                    <EmailOtpIcon\n                        customAccentColor={appearance?.colors?.accent}\n                        customButtonBackgroundColor={appearance?.colors?.buttonBackground}\n                        customBackgroundColor={appearance?.colors?.background}\n                    />\n                </div>\n                <p\n                    className=\"text-base font-normal mt-4 mb-1 text-center text-cm-text-primary\"\n                    style={{ color: appearance?.colors?.textPrimary }}\n                >\n                    Verify Recovery Key Creation\n                </p>\n                <p\n                    className=\"text-center text-cm-text-secondary px-4\"\n                    style={{ color: appearance?.colors?.textSecondary }}\n                >\n                    A verification code has been sent to {email ? email : \"your email address\"}\n                </p>\n                <div className=\"py-8\">\n                    <InputOTP\n                        maxLength={6}\n                        value={token}\n                        onChange={(val) => {\n                            setToken(val);\n                            setHasError(false);\n                            setError(null);\n                        }}\n                        onComplete={handleOnSubmitOTP}\n                        disabled={loading}\n                        customStyles={{\n                            accent: appearance?.colors?.accent ?? \"#04AA6D\",\n                            danger: appearance?.colors?.danger ?? \"#f44336\",\n                            border: appearance?.colors?.border ?? \"#E5E7EB\",\n                            textPrimary: appearance?.colors?.textPrimary ?? \"#909ca3\",\n                            buttonBackground: appearance?.colors?.buttonBackground ?? \"#eff6ff\",\n                            inputBackground: appearance?.colors?.inputBackground ?? \"#FFFFFF\",\n                            borderRadius: appearance?.borderRadius,\n                        }}\n                    >\n                        <InputOTPGroup>\n                            <InputOTPSlot index={0} hasError={hasError} />\n                            <InputOTPSlot index={1} hasError={hasError} />\n                            <InputOTPSlot index={2} hasError={hasError} />\n                            <InputOTPSlot index={3} hasError={hasError} />\n                            <InputOTPSlot index={4} hasError={hasError} />\n                            <InputOTPSlot index={5} hasError={hasError} />\n                        </InputOTPGroup>\n                    </InputOTP>\n                </div>\n\n                {error && <div className=\"text-sm text-red-500 mb-4\">{error}</div>}\n\n                <div className=\"text-xs leading-tight text-cm-text-secondary text-center\">\n                    <span style={{ color: appearance?.colors?.textSecondary }}>\n                        Can't find the email? Check spam folder.\n                        {\"\\n\"}\n                        Some emails may take several minutes to arrive.\n                    </span>\n                </div>\n\n                {onResendCode && (\n                    <CountdownButton\n                        initialSeconds={60}\n                        appearance={appearance}\n                        countdownText={(seconds) => `Re-send code in ${seconds}s`}\n                        countdownCompleteText=\"Re-send code\"\n                        handleOnClick={onResendCode}\n                    />\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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","names":["error"]}

package/dist/chunk-JBCO6SN6.js

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

package/dist/chunk-JBCO6SN6.js.map

@@ -1 +0,0 @@
-{"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-JVVTHOFN.js

@@ -1,153 +0,0 @@
-import {
-  formatProps,
-  useStyles
-} from "./chunk-ATHR4S2P.js";
-import {
-  useEnvironment
-} from "./chunk-L3FKENHU.js";
-import {
-  LIB_VERSION
-} from "./chunk-7IC6PRTG.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/hosted/CrossmintPayButton_DEPRECATED.tsx
-import { useMemo } from "react";
-import { useState } from "react";
-import {
-  clientNames,
-  crossmintModalService,
-  crossmintPayButtonService
-} from "@crossmint/client-sdk-base";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CrossmintPayButton_DEPRECATED(buttonProps) {
-  const _a = buttonProps, {
-    className,
-    disabled,
-    onClick,
-    style,
-    tabIndex,
-    theme = "dark",
-    mintTo,
-    emailTo,
-    listingId,
-    auctionId,
-    showOverlay = true,
-    mintConfig,
-    whPassThroughArgs,
-    environment,
-    paymentMethod,
-    preferredSigninMethod,
-    dismissOverlayOnClick,
-    prepay,
-    locale = "en-US",
-    currency = "usd",
-    successCallbackURL = "",
-    failureCallbackURL = "",
-    loginEmail = "",
-    projectId,
-    getButtonText,
-    checkoutProps = {
-      experimental: false,
-      display: "same-tab",
-      paymentMethods: ["fiat", "ETH", "SOL"]
-    }
-  } = _a, props = __objRest(_a, [
-    "className",
-    "disabled",
-    "onClick",
-    "style",
-    "tabIndex",
-    "theme",
-    "mintTo",
-    "emailTo",
-    "listingId",
-    "auctionId",
-    "showOverlay",
-    "mintConfig",
-    "whPassThroughArgs",
-    "environment",
-    "paymentMethod",
-    "preferredSigninMethod",
-    "dismissOverlayOnClick",
-    "prepay",
-    "locale",
-    "currency",
-    "successCallbackURL",
-    "failureCallbackURL",
-    "loginEmail",
-    "projectId",
-    "getButtonText",
-    "checkoutProps"
-  ]);
-  const collectionId = "clientId" in props ? props.clientId : props.collectionId;
-  const [connecting, setConnecting] = useState(false);
-  const { isServerSideRendering } = useEnvironment();
-  const { connect } = crossmintModalService({
-    clientId: collectionId,
-    projectId,
-    showOverlay,
-    dismissOverlayOnClick,
-    setConnecting,
-    libVersion: LIB_VERSION,
-    environment,
-    clientName: clientNames.reactUi,
-    locale,
-    currency,
-    successCallbackURL,
-    failureCallbackURL,
-    loginEmail
-  });
-  const { getButtonText: getButtonTextInternal, handleClick } = crossmintPayButtonService({
-    onClick,
-    connecting,
-    paymentMethod,
-    locale,
-    checkoutProps
-  });
-  const _handleClick = (event) => handleClick(event, () => {
-    connect(
-      mintConfig,
-      mintTo,
-      emailTo,
-      listingId,
-      whPassThroughArgs,
-      paymentMethod,
-      preferredSigninMethod,
-      prepay,
-      checkoutProps
-    );
-  });
-  const classes = useStyles(formatProps(theme));
-  const content = useMemo(() => {
-    return /* @__PURE__ */ jsx("span", { className: classes.crossmintParagraph, role: "button-paragraph", children: getButtonText != null ? getButtonText(connecting, paymentMethod || "fiat") : getButtonTextInternal(connecting) });
-  }, [connecting, getButtonText, paymentMethod]);
-  return /* @__PURE__ */ jsx(Fragment, { children: !isServerSideRendering && /* @__PURE__ */ jsxs(
-    "button",
-    {
-      className: `${classes.crossmintButton} ${className || ""}`,
-      disabled,
-      onClick: _handleClick,
-      style: __spreadValues({}, style),
-      tabIndex,
-      children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            className: classes.crossmintImg,
-            src: "https://www.crossmint.io/assets/crossmint/logo.svg",
-            alt: "Crossmint logo"
-          }
-        ),
-        content
-      ]
-    }
-  ) });
-}
-
-export {
-  CrossmintPayButton_DEPRECATED
-};
-//# sourceMappingURL=chunk-JVVTHOFN.js.map

package/dist/chunk-JVVTHOFN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/hosted/CrossmintPayButton_DEPRECATED.tsx"],"sourcesContent":["import { type CSSProperties, type MouseEvent, useMemo } from \"react\";\nimport { useState } from \"react\";\n\nimport {\n    type CheckoutProps,\n    type CrossmintPayButtonProps,\n    clientNames,\n    crossmintModalService,\n    crossmintPayButtonService,\n} from \"@crossmint/client-sdk-base\";\n\nimport { LIB_VERSION } from \"../../consts/version\";\nimport useEnvironment from \"../../hooks/useEnvironment\";\nimport { formatProps, useStyles } from \"./styles\";\n\nexport type CrossmintPayButtonReactProps = CrossmintPayButtonProps & {\n    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n    style?: CSSProperties;\n};\n\nexport function CrossmintPayButton_DEPRECATED(buttonProps: CrossmintPayButtonReactProps) {\n    const {\n        className,\n        disabled,\n        onClick,\n        style,\n        tabIndex,\n        theme = \"dark\",\n        mintTo,\n        emailTo,\n        listingId,\n        auctionId,\n        showOverlay = true,\n        mintConfig,\n        whPassThroughArgs,\n        environment,\n        paymentMethod,\n        preferredSigninMethod,\n        dismissOverlayOnClick,\n        prepay,\n        locale = \"en-US\",\n        currency = \"usd\",\n        successCallbackURL = \"\",\n        failureCallbackURL = \"\",\n        loginEmail = \"\",\n        projectId,\n        getButtonText,\n        checkoutProps = {\n            experimental: false,\n            display: \"same-tab\",\n            paymentMethods: [\"fiat\", \"ETH\", \"SOL\"],\n        } as CheckoutProps,\n        ...props\n    } = buttonProps;\n\n    const collectionId = \"clientId\" in props ? props.clientId : props.collectionId;\n\n    const [connecting, setConnecting] = useState(false);\n    const { isServerSideRendering } = useEnvironment();\n\n    const { connect } = crossmintModalService({\n        clientId: collectionId,\n        projectId,\n        showOverlay,\n        dismissOverlayOnClick,\n        setConnecting,\n        libVersion: LIB_VERSION,\n        environment,\n        clientName: clientNames.reactUi,\n        locale,\n        currency,\n        successCallbackURL,\n        failureCallbackURL,\n        loginEmail,\n    });\n\n    const { getButtonText: getButtonTextInternal, handleClick } = crossmintPayButtonService({\n        onClick,\n        connecting,\n        paymentMethod,\n        locale,\n        checkoutProps,\n    });\n\n    const _handleClick = (event: MouseEvent<HTMLButtonElement>) =>\n        handleClick(event, () => {\n            connect(\n                mintConfig,\n                mintTo,\n                emailTo,\n                listingId,\n                whPassThroughArgs,\n                paymentMethod,\n                preferredSigninMethod,\n                prepay,\n                checkoutProps\n            );\n        });\n\n    const classes = useStyles(formatProps(theme));\n\n    const content = useMemo(() => {\n        return (\n            <span className={classes.crossmintParagraph} role=\"button-paragraph\">\n                {getButtonText != null\n                    ? getButtonText(connecting, paymentMethod || \"fiat\")\n                    : getButtonTextInternal(connecting)}\n            </span>\n        );\n    }, [connecting, getButtonText, paymentMethod]);\n\n    return (\n        <>\n            {!isServerSideRendering && (\n                <button\n                    className={`${classes.crossmintButton} ${className || \"\"}`}\n                    disabled={disabled}\n                    onClick={_handleClick}\n                    style={{ ...style }}\n                    tabIndex={tabIndex}\n                >\n                    <img\n                        className={classes.crossmintImg}\n                        src=\"https://www.crossmint.io/assets/crossmint/logo.svg\"\n                        alt=\"Crossmint logo\"\n                    />\n                    {content}\n                </button>\n            )}\n        </>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAA8C,eAAe;AAC7D,SAAS,gBAAgB;AAEzB;AAAA,EAGI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AA8FK,SASJ,UATI,KAWI,YAXJ;AAnFL,SAAS,8BAA8B,aAA2C;AACrF,QAgCI,kBA/BA;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACZ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,gBAAgB,CAAC,QAAQ,OAAO,KAAK;AAAA,IACzC;AAAA,EAnDR,IAqDQ,IADG,kBACH,IADG;AAAA,IA9BH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAQJ,QAAM,eAAe,cAAc,QAAQ,MAAM,WAAW,MAAM;AAElE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,EAAE,sBAAsB,IAAI,eAAe;AAEjD,QAAM,EAAE,QAAQ,IAAI,sBAAsB;AAAA,IACtC,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAC;AAED,QAAM,EAAE,eAAe,uBAAuB,YAAY,IAAI,0BAA0B;AAAA,IACpF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAC;AAED,QAAM,eAAe,CAAC,UAClB,YAAY,OAAO,MAAM;AACrB;AAAA,MACI;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,CAAC;AAEL,QAAM,UAAU,UAAU,YAAY,KAAK,CAAC;AAE5C,QAAM,UAAU,QAAQ,MAAM;AAC1B,WACI,oBAAC,UAAK,WAAW,QAAQ,oBAAoB,MAAK,oBAC7C,2BAAiB,OACZ,cAAc,YAAY,iBAAiB,MAAM,IACjD,sBAAsB,UAAU,GAC1C;AAAA,EAER,GAAG,CAAC,YAAY,eAAe,aAAa,CAAC;AAE7C,SACI,gCACK,WAAC,yBACE;AAAA,IAAC;AAAA;AAAA,MACG,WAAW,GAAG,QAAQ,eAAe,IAAI,aAAa,EAAE;AAAA,MACxD;AAAA,MACA,SAAS;AAAA,MACT,OAAO,mBAAK;AAAA,MACZ;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,WAAW,QAAQ;AAAA,YACnB,KAAI;AAAA,YACJ,KAAI;AAAA;AAAA,QACR;AAAA,QACC;AAAA;AAAA;AAAA,EACL,GAER;AAER;","names":[]}

package/dist/chunk-KBMNS57M.js

@@ -1,17 +0,0 @@
-import {
-  EmbeddedCheckoutV3IFrame
-} from "./chunk-YWGWSNTU.js";
-import {
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx
-import { jsx } from "react/jsx-runtime";
-function CrossmintEmbeddedCheckout(props) {
-  return /* @__PURE__ */ jsx(EmbeddedCheckoutV3IFrame, __spreadValues({}, props));
-}
-
-export {
-  CrossmintEmbeddedCheckout
-};
-//# sourceMappingURL=chunk-KBMNS57M.js.map

package/dist/chunk-KBMNS57M.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/v3/CrossmintEmbeddedCheckoutV3.tsx"],"sourcesContent":["import { EmbeddedCheckoutV3IFrame } from \"./EmbeddedCheckoutV3IFrame\";\nimport type { CrossmintEmbeddedCheckoutV3Props } from \"@crossmint/client-sdk-base\";\n\nexport function CrossmintEmbeddedCheckout(props: CrossmintEmbeddedCheckoutV3Props) {\n    return <EmbeddedCheckoutV3IFrame {...props} />;\n}\n"],"mappings":";;;;;;;;AAIW;AADJ,SAAS,0BAA0B,OAAyC;AAC/E,SAAO,oBAAC,6CAA6B,MAAO;AAChD;","names":[]}

package/dist/chunk-KEKBOJCF.cjs

@@ -1,50 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useCrossmint.tsx
-var _react = require('react');
-var _commonsdkbase = require('@crossmint/common-sdk-base');
-var _jsxruntime = require('react/jsx-runtime');
-var CrossmintContext = _react.createContext.call(void 0, null);
-function CrossmintProvider({
-  children,
-  apiKey,
-  overrideBaseUrl
-}) {
-  const [version, setVersion] = _react.useState.call(void 0, 0);
-  const crossmintRef = _react.useRef.call(void 0, 
-    new Proxy(_commonsdkbase.createCrossmint.call(void 0, { apiKey, overrideBaseUrl }), {
-      set(target, prop, value2) {
-        if (prop === "jwt" && target.jwt !== value2) {
-          setVersion((v) => v + 1);
-        }
-        return Reflect.set(target, prop, value2);
-      }
-    })
-  );
-  const setJwt = _react.useCallback.call(void 0, (jwt) => {
-    if (jwt !== crossmintRef.current.jwt) {
-      crossmintRef.current.jwt = jwt;
-    }
-  }, []);
-  const value = _react.useMemo.call(void 0, 
-    () => ({
-      get crossmint() {
-        return crossmintRef.current;
-      },
-      setJwt
-    }),
-    [setJwt, version]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CrossmintContext.Provider, { value, children });
-}
-function useCrossmint(missingContextMessage) {
-  const context = _react.useContext.call(void 0, CrossmintContext);
-  if (context == null) {
-    throw new Error(missingContextMessage != null ? missingContextMessage : "useCrossmint must be used within a CrossmintProvider");
-  }
-  return context;
-}
-
-
-
-
-exports.CrossmintProvider = CrossmintProvider; exports.useCrossmint = useCrossmint;
-//# sourceMappingURL=chunk-KEKBOJCF.cjs.map

package/dist/chunk-KEKBOJCF.cjs.map

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

package/dist/chunk-KLWDDALZ.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useEnvironment.ts
-var _react = require('react');
-function useEnvironment() {
-  const [isServerSideRendering, setIsServerSideRendering] = _react.useState.call(void 0, true);
-  _react.useEffect.call(void 0, () => {
-    setIsServerSideRendering(false);
-  }, []);
-  return { isServerSideRendering };
-}
-
-
-
-exports.useEnvironment = useEnvironment;
-//# sourceMappingURL=chunk-KLWDDALZ.cjs.map

package/dist/chunk-KLWDDALZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useEnvironment.ts"],"names":[],"mappings":";AAAA,SAAS,WAAW,gBAAgB;AAErB,SAAR,iBAAkC;AACrC,QAAM,CAAC,uBAAuB,wBAAwB,IAAI,SAAS,IAAI;AACvE,YAAU,MAAM;AACZ,6BAAyB,KAAK;AAAA,EAClC,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,sBAAsB;AACnC","sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useEnvironment() {\n    const [isServerSideRendering, setIsServerSideRendering] = useState(true);\n    useEffect(() => {\n        setIsServerSideRendering(false);\n    }, []);\n\n    return { isServerSideRendering };\n}\n"]}

package/dist/chunk-KNOUJZN5.cjs

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/wallet.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function WalletIcon({ className, style }) {
-  var _a;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className,
-      style,
-      width: "21",
-      height: "21",
-      viewBox: "0 0 21 21",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: "M15.0566 12.5H15.067M1.10156 3.5V17.5C1.10156 18.6046 2.02718 19.5 3.16898 19.5H17.6409C18.7827 19.5 19.7083 18.6046 19.7083 17.5V7.5C19.7083 6.39543 18.7827 5.5 17.6409 5.5L3.16898 5.5C2.02718 5.5 1.10156 4.60457 1.10156 3.5ZM1.10156 3.5C1.10156 2.39543 2.02718 1.5 3.16898 1.5H15.5735M15.5735 12.5C15.5735 12.7761 15.3421 13 15.0566 13C14.7712 13 14.5398 12.7761 14.5398 12.5C14.5398 12.2239 14.7712 12 15.0566 12C15.3421 12 15.5735 12.2239 15.5735 12.5Z",
-          stroke: (_a = style == null ? void 0 : style.color) != null ? _a : "black",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
-}
-
-
-
-exports.WalletIcon = WalletIcon;
-//# sourceMappingURL=chunk-KNOUJZN5.cjs.map

package/dist/chunk-KNOUJZN5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/wallet.tsx"],"names":[],"mappings":";AAaY;AAXL,SAAS,WAAW,EAAE,WAAW,MAAM,GAAwD;AAFtG;AAGI,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,QAAC;AAAA;AAAA,UACG,GAAE;AAAA,UACF,SAAQ,oCAAO,UAAP,YAAgB;AAAA,UACxB,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA;AAAA,MACnB;AAAA;AAAA,EACJ;AAER","sourcesContent":["import type React from \"react\";\n\nexport function WalletIcon({ className, style }: { className?: string; style?: React.CSSProperties }) {\n    return (\n        <svg\n            className={className}\n            style={style}\n            width=\"21\"\n            height=\"21\"\n            viewBox=\"0 0 21 21\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n        >\n            <path\n                d=\"M15.0566 12.5H15.067M1.10156 3.5V17.5C1.10156 18.6046 2.02718 19.5 3.16898 19.5H17.6409C18.7827 19.5 19.7083 18.6046 19.7083 17.5V7.5C19.7083 6.39543 18.7827 5.5 17.6409 5.5L3.16898 5.5C2.02718 5.5 1.10156 4.60457 1.10156 3.5ZM1.10156 3.5C1.10156 2.39543 2.02718 1.5 3.16898 1.5H15.5735M15.5735 12.5C15.5735 12.7761 15.3421 13 15.0566 13C14.7712 13 14.5398 12.7761 14.5398 12.5C14.5398 12.2239 14.7712 12 15.0566 12C15.3421 12 15.5735 12.2239 15.5735 12.5Z\"\n                stroke={style?.color ?? \"black\"}\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"]}

package/dist/chunk-KPQDVXHK.js

@@ -1,105 +0,0 @@
-import {
-  CROSSMINT_LOGO_DEFAULTS,
-  CROSSMINT_LOGO_DEFAULT_COLORS,
-  CROSSMINT_LOGO_VIEWBOXES
-} from "./chunk-IDJ7FOHB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx
-import { useId } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CrossmintLogoV2(_a) {
-  var _b = _a, { colors, displayType = "icon-and-text" } = _b, props = __objRest(_b, ["colors", "displayType"]);
-  const { icon: iconColor, text: textColor } = {
-    icon: (colors == null ? void 0 : colors.icon) || CROSSMINT_LOGO_DEFAULTS.colors.icon,
-    text: (colors == null ? void 0 : colors.text) || CROSSMINT_LOGO_DEFAULT_COLORS.light.text
-  };
-  const colorsAndDisplayType = {
-    colors: { icon: iconColor, text: textColor },
-    displayType
-  };
-  if (props.width == null && props.height == null) {
-    props.width = 144;
-  }
-  const gradientId = useId();
-  const Logo = /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ viewBox: CROSSMINT_LOGO_VIEWBOXES[displayType] }, props), { children: [
-    getSvgGradientDefinition(colorsAndDisplayType, gradientId),
-    /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("g", { children: [
-      getSvgText(colorsAndDisplayType),
-      getSvgIcon(colorsAndDisplayType, gradientId)
-    ] }) })
-  ] }));
-  return Logo;
-}
-function getSvgGradientDefinition(props, gradientId) {
-  const { icon: iconColor } = props.colors;
-  if (iconColor.type !== "gradient") {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-    "linearGradient",
-    {
-      id: `logoGradient-${gradientId}`,
-      className: `logoGradient`,
-      x1: ".1",
-      y1: ".1",
-      x2: "85.8",
-      y2: "85.8",
-      gradientUnits: "userSpaceOnUse",
-      children: [
-        /* @__PURE__ */ jsx("stop", { className: "stop-0", offset: "0", stopColor: iconColor.from }),
-        /* @__PURE__ */ jsx("stop", { className: "stop-1", offset: "1", stopColor: iconColor.to })
-      ]
-    }
-  ) });
-}
-function getSvgText({ colors, displayType }) {
-  if (displayType === "icon-only") {
-    return null;
-  }
-  const { text: textColor } = colors;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        fill: textColor,
-        d: "M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58",
-        fillRule: "evenodd",
-        fill: textColor
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        fill: textColor,
-        d: "m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z"
-      }
-    )
-  ] });
-}
-function getSvgIcon(props, gradientId) {
-  const { icon: iconColor } = props.colors;
-  return /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z",
-      fill: iconColor.type === "gradient" ? `url(#logoGradient-${gradientId})` : iconColor.color,
-      fillRule: "evenodd"
-    }
-  );
-}
-
-export {
-  CrossmintLogoV2
-};
-//# sourceMappingURL=chunk-KPQDVXHK.js.map

package/dist/chunk-KPQDVXHK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/CrossmintLogoV2/CrossmintLogoV2.tsx"],"sourcesContent":["import type { z } from \"zod\";\nimport type { CrossmintLogoColorsAndDisplayType, crossmintLogoColorsAndDisplayTypeSchema } from \"./schemas\";\nimport { CROSSMINT_LOGO_DEFAULTS, CROSSMINT_LOGO_DEFAULT_COLORS, CROSSMINT_LOGO_VIEWBOXES } from \"./consts\";\nimport { useId, type JSX } from \"react\";\n\nexport type CrossmintLogoV2Props = Omit<JSX.IntrinsicElements[\"svg\"], \"viewBox\"> &\n    z.input<typeof crossmintLogoColorsAndDisplayTypeSchema>;\n\nexport function CrossmintLogoV2({ colors, displayType = \"icon-and-text\", ...props }: CrossmintLogoV2Props) {\n    const { icon: iconColor, text: textColor } = {\n        icon: colors?.icon || CROSSMINT_LOGO_DEFAULTS.colors.icon,\n        text: colors?.text || CROSSMINT_LOGO_DEFAULT_COLORS.light.text,\n    };\n\n    const colorsAndDisplayType: CrossmintLogoColorsAndDisplayType = {\n        colors: { icon: iconColor, text: textColor },\n        displayType,\n    };\n\n    // We must only set a default width if both width and height are not provided\n    if (props.width == null && props.height == null) {\n        props.width = 144;\n    }\n\n    const gradientId = useId();\n\n    const Logo = (\n        <svg viewBox={CROSSMINT_LOGO_VIEWBOXES[displayType]} {...props}>\n            {getSvgGradientDefinition(colorsAndDisplayType, gradientId)}\n            <g>\n                <g>\n                    {getSvgText(colorsAndDisplayType)}\n                    {getSvgIcon(colorsAndDisplayType, gradientId)}\n                </g>\n            </g>\n        </svg>\n    );\n\n    return Logo;\n}\n\nfunction getSvgGradientDefinition(props: CrossmintLogoColorsAndDisplayType, gradientId: string) {\n    const { icon: iconColor } = props.colors;\n    if (iconColor.type !== \"gradient\") {\n        return null;\n    }\n    return (\n        <defs>\n            <linearGradient\n                id={`logoGradient-${gradientId}`}\n                className={`logoGradient`}\n                x1=\".1\"\n                y1=\".1\"\n                x2=\"85.8\"\n                y2=\"85.8\"\n                gradientUnits=\"userSpaceOnUse\"\n            >\n                <stop className=\"stop-0\" offset=\"0\" stopColor={iconColor.from} />\n                <stop className=\"stop-1\" offset=\"1\" stopColor={iconColor.to} />\n            </linearGradient>\n        </defs>\n    );\n}\n\nfunction getSvgText({ colors, displayType }: CrossmintLogoColorsAndDisplayType) {\n    if (displayType === \"icon-only\") {\n        return null;\n    }\n    const { text: textColor } = colors;\n    return (\n        <>\n            <path\n                fill={textColor}\n                d=\"M372.7 9.5c0-3.4 2.7-6.1 6-6.1S385 6 385 9.5s-2.8 6-6.2 6-6-2.6-6-6m77.7 1.9V24h8.6v8.8h-8.6V52q-.1 5.4 5.3 5.2c1.3 0 3-.2 3.4-.3v8.2c-.6.2-2.5 1-6 1-7.7 0-12.5-4.7-12.5-12.5V33H433v-9h8.5V11.4zm-338 44.4q3 5 7.8 7.9 5 2.8 11.3 2.8 4.5 0 8.4-1.5 3.7-1.7 6.6-4.4 2.8-2.9 4-6.4l-8.9-4a10.5 10.5 0 0 1-10.1 7 11 11 0 0 1-6-1.5q-2.4-1.7-4-4.5-1.5-2.9-1.4-6.6a12 12 0 0 1 1.4-6.5q1.5-3 4-4.5a11 11 0 0 1 6-1.6q3.5 0 6.2 2 2.8 1.9 4 5l8.8-3.8q-1.2-3.9-4-6.5-2.9-2.8-6.7-4.3-3.9-1.6-8.3-1.6-6.3 0-11.3 2.8a21 21 0 0 0-7.8 7.8q-2.8 5-2.8 11.2c0 6.2 1 7.9 2.8 11.2m53-32.1h-9.4v41.9h10V42.3q0-4.8 2.7-7.4 2.5-2.7 6.9-2.7h3.6v-9H177q-4.5 0-7.6 1.9a10 10 0 0 0-3.8 4.5z\"\n            />\n            <path\n                d=\"M202.9 22.8c12.4 0 21.6 9.3 21.6 22s-9.1 22-21.6 22-21.5-9.2-21.5-22 9.1-22 21.5-22m0 35.2c6.1 0 11.6-4.5 11.6-13.2s-5.5-13-11.6-13-11.6 4.4-11.6 13S196.8 58 203 58\"\n                fillRule=\"evenodd\"\n                fill={textColor}\n            />\n            <path\n                fill={textColor}\n                d=\"m236.4 52-8.6 2.4c.5 4.6 5 12.5 17.1 12.5 10.6 0 15.7-7 15.7-13.3s-4.1-11-12-12.6l-6.3-1.3q-4-1-4.1-4.4c0-2.5 2.4-4.7 6-4.7 5.5 0 7.3 3.8 7.6 6.2l8.4-2.4c-.7-4.1-4.5-11.6-16-11.6-8.7 0-15.3 6.1-15.3 13.4 0 5.7 3.8 10.5 11.1 12l6.2 1.4q4.9 1.2 4.8 4.6c0 2.6-2 4.8-6.2 4.8-5.3 0-8-3.3-8.4-7m27.6 2.4 8.5-2.4c.4 3.7 3.2 7 8.5 7 4 0 6.2-2.2 6.2-4.7q.1-3.6-4.9-4.6l-6.1-1.4c-7.3-1.6-11.2-6.4-11.2-12.1 0-7.2 6.7-13.4 15.3-13.4 11.6 0 15.3 7.5 16 11.6l-8.4 2.4c-.3-2.4-2-6.2-7.6-6.2-3.5 0-6 2.2-6 4.7q.2 3.5 4.2 4.4l6.3 1.3c7.8 1.7 12 6.5 12 12.6s-5.2 13.3-15.8 13.3c-12 0-16.6-7.8-17-12.5m48.6-30.7h-9.5v41.9h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2 8 8 0 0 1 7.2 4.2q1 2.1 1 4.8v24.6h10.1V41q0-2.7 1-4.8a8 8 0 0 1 7-4.2q2.6 0 4.4 1.2 1.8 1 2.8 3 1 2.1 1 4.8v24.6h10v-27q0-4.5-2-8.2a14 14 0 0 0-5.5-5.6q-3.5-2-8-2-5 0-8.8 2.5-2.4 1.6-4.1 4.2-1.4-2.3-3.9-4a16 16 0 0 0-9-2.7q-4.8 0-8.3 2.2-2.2 1.5-3.5 4zm71.1 41.9h-9.8V24.1h9.8zm8.8-41.6v41.6h10V41.3q0-2.8 1.1-4.8a8 8 0 0 1 7.3-4.2 8 8 0 0 1 7.4 4.2q1 2 1 4.7v24.4h10V38.9q0-4.6-2-8.2a14 14 0 0 0-5.5-5.6q-3.4-2-8.1-2c-4.7 0-5.5.7-7.8 2q-2.5 1.6-4 4v-5z\"\n            />\n        </>\n    );\n}\n\nfunction getSvgIcon(props: CrossmintLogoColorsAndDisplayType, gradientId: string) {\n    const { icon: iconColor } = props.colors;\n    return (\n        <path\n            d=\"M70 48.3A62 62 0 0 0 47.5 43c7.7-.6 22.8-2.7 29-10.4C86.6 25.2 86 .3 86 .3S62.3-2.4 52 9.4c-6.5 6.4-8.4 17.5-9 25.2-.6-7.7-2.6-18.8-9-25.2C23.7-2.4 0 .3 0 .3S-.3 15.8 4.4 26C6.8 31 11 35.1 16 37.6c7.2 3.7 16.8 5 22.4 5.4-5.6.4-15.2 1.7-22.4 5.3C11 51 6.8 55 4.4 60-.3 70.2 0 85.7 0 85.7s23.7 2.6 34-9.2c6.4-6.3 8.4-17.5 9-25.2.6 7.8 2.6 18.9 9 25.3 10.3 11.7 34 9.1 34 9.1s.3-15.6-4.5-25.7A25 25 0 0 0 70 48.3m.8 21.9c-.1 0-12.5-3.6-28.3-24.7A195 195 0 0 0 15 71.8l-.5.6.2-.8c0-.1 3.7-12.8 25.7-29C38.3 39.4 33.3 32.2 14 15l-.4-.4.6.1c.4 0 10.3 1.6 28.5 25l.6 1c2.6-1.8 10-7.1 26.7-26l.4-.4-.1.6c0 .4-1.6 10.3-24.9 28.4A193 193 0 0 0 71 69.9l.6.5z\"\n            fill={iconColor.type === \"gradient\" ? `url(#logoGradient-${gradientId})` : iconColor.color}\n            fillRule=\"evenodd\"\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;AAGA,SAAS,aAAuB;AA0BpB,SAyCJ,UAzCI,KACI,YADJ;AArBL,SAAS,gBAAgB,IAA2E;AAA3E,eAAE,UAAQ,cAAc,gBARxD,IAQgC,IAA4C,kBAA5C,IAA4C,CAA1C,UAAQ;AACtC,QAAM,EAAE,MAAM,WAAW,MAAM,UAAU,IAAI;AAAA,IACzC,OAAM,iCAAQ,SAAQ,wBAAwB,OAAO;AAAA,IACrD,OAAM,iCAAQ,SAAQ,8BAA8B,MAAM;AAAA,EAC9D;AAEA,QAAM,uBAA0D;AAAA,IAC5D,QAAQ,EAAE,MAAM,WAAW,MAAM,UAAU;AAAA,IAC3C;AAAA,EACJ;AAGA,MAAI,MAAM,SAAS,QAAQ,MAAM,UAAU,MAAM;AAC7C,UAAM,QAAQ;AAAA,EAClB;AAEA,QAAM,aAAa,MAAM;AAEzB,QAAM,OACF,qBAAC,sCAAI,SAAS,yBAAyB,WAAW,KAAO,QAAxD,EACI;AAAA,6BAAyB,sBAAsB,UAAU;AAAA,IAC1D,oBAAC,OACG,+BAAC,OACI;AAAA,iBAAW,oBAAoB;AAAA,MAC/B,WAAW,sBAAsB,UAAU;AAAA,OAChD,GACJ;AAAA,MACJ;AAGJ,SAAO;AACX;AAEA,SAAS,yBAAyB,OAA0C,YAAoB;AAC5F,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAClC,MAAI,UAAU,SAAS,YAAY;AAC/B,WAAO;AAAA,EACX;AACA,SACI,oBAAC,UACG;AAAA,IAAC;AAAA;AAAA,MACG,IAAI,gBAAgB,UAAU;AAAA,MAC9B,WAAW;AAAA,MACX,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,eAAc;AAAA,MAEd;AAAA,4BAAC,UAAK,WAAU,UAAS,QAAO,KAAI,WAAW,UAAU,MAAM;AAAA,QAC/D,oBAAC,UAAK,WAAU,UAAS,QAAO,KAAI,WAAW,UAAU,IAAI;AAAA;AAAA;AAAA,EACjE,GACJ;AAER;AAEA,SAAS,WAAW,EAAE,QAAQ,YAAY,GAAsC;AAC5E,MAAI,gBAAgB,aAAa;AAC7B,WAAO;AAAA,EACX;AACA,QAAM,EAAE,MAAM,UAAU,IAAI;AAC5B,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,GAAE;AAAA;AAAA,IACN;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,GAAE;AAAA,QACF,UAAS;AAAA,QACT,MAAM;AAAA;AAAA,IACV;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,MAAM;AAAA,QACN,GAAE;AAAA;AAAA,IACN;AAAA,KACJ;AAER;AAEA,SAAS,WAAW,OAA0C,YAAoB;AAC9E,QAAM,EAAE,MAAM,UAAU,IAAI,MAAM;AAClC,SACI;AAAA,IAAC;AAAA;AAAA,MACG,GAAE;AAAA,MACF,MAAM,UAAU,SAAS,aAAa,qBAAqB,UAAU,MAAM,UAAU;AAAA,MACrF,UAAS;AAAA;AAAA,EACb;AAER;","names":[]}