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

package/dist/chunk-JVVTHOFN.js

@@ -0,0 +1,153 @@
+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

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

@@ -0,0 +1,17 @@
+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

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

@@ -0,0 +1,50 @@
+"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

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

@@ -0,0 +1,14 @@
+"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

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

@@ -0,0 +1,32 @@
+"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

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

@@ -0,0 +1,105 @@
+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

@@ -0,0 +1 @@
+{"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":[]}

package/dist/chunk-KYC6TDD4.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkZ6QSH522cjs = require('./chunk-Z6QSH522.cjs');
+
+
+var _chunkYKL53K3Ccjs = require('./chunk-YKL53K3C.cjs');
+
+
+var _chunkKEKBOJCFcjs = require('./chunk-KEKBOJCF.cjs');
+
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx
+
+
+
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintHostedCheckout(props) {
+  const [didInjectCss, setDidInjectCss] = _react.useState.call(void 0, false);
+  const { crossmint } = _chunkKEKBOJCFcjs.useCrossmint.call(void 0, );
+  const apiClient = _chunkYKL53K3Ccjs.createCrossmintApiClient.call(void 0, crossmint);
+  const _a = props, { recipient, locale, lineItems, payment, appearance } = _a, buttonProps = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _a, ["recipient", "locale", "lineItems", "payment", "appearance"]);
+  const customProps = {
+    recipient,
+    locale,
+    lineItems,
+    payment,
+    appearance
+  };
+  const hostedCheckoutService = _clientsdkbase.crossmintHostedCheckoutV3Service.call(void 0, { apiClient, hostedCheckoutProps: customProps });
+  const stylesService = _clientsdkbase.crossmintHostedCheckoutV3StylesService.call(void 0, customProps);
+  const _b = buttonProps, { onClick, className, children } = _b, restButtonProps = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, ["onClick", "className", "children"]);
+  function _onClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    hostedCheckoutService.createWindow();
+    if (onClick) {
+      onClick(e);
+    }
+  }
+  const css = stylesService.generateCss();
+  _react.useEffect.call(void 0, () => {
+    const { cleanup } = stylesService.injectCss(css);
+    setDidInjectCss(true);
+    return cleanup;
+  }, [css]);
+  if (!didInjectCss) {
+    return null;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
+      onClick: _onClick,
+      className: _clsx2.default.call(void 0, stylesService.identifiers.buttonClassNames, className)
+    }, restButtonProps), {
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkZ6QSH522cjs.CrossmintLogoV2,
+          {
+            style: { marginRight: "12px", flex: "none" },
+            displayType: "icon-only",
+            id: stylesService.identifiers.logoId,
+            height: 16,
+            width: 16
+          }
+        ),
+        children != null ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { style: { margin: 0 }, children: stylesService.getButtonText() })
+      ]
+    })
+  );
+}
+
+
+
+exports.CrossmintHostedCheckout = CrossmintHostedCheckout;
+//# sourceMappingURL=chunk-KYC6TDD4.cjs.map

package/dist/chunk-KYC6TDD4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hosted/v3/CrossmintHostedCheckoutV3.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA;AAAA,EACI;AAAA,EACA;AAAA,OAEG;AACP,OAAO,UAAU;AACjB,SAAoC,WAAW,gBAAgB;AAgDvD,SAKI,KALJ;AA5CD,SAAS,wBAAwB,OAA4C;AAChF,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,SAAS;AAGpD,QAA8E,YAAtE,aAAW,QAAQ,WAAW,SAAS,WApBnD,IAoBkF,IAAhB,wBAAgB,IAAhB,CAAtD,aAAW,UAAQ,aAAW,WAAS;AAC/C,QAAM,cAA8C;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,wBAAwB,iCAAiC,EAAE,WAAW,qBAAqB,YAAY,CAAC;AAC9G,QAAM,gBAAgB,uCAAuC,WAAW;AAExE,QAA6D,kBAArD,WAAS,WAAW,SAhChC,IAgCiE,IAApB,4BAAoB,IAApB,CAAjC,WAAS,aAAW;AAE5B,WAAS,SAAS,GAAkC;AAChD,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,0BAAsB,aAAa;AAEnC,QAAI,SAAS;AACT,cAAQ,CAAC;AAAA,IACb;AAAA,EACJ;AAEA,QAAM,MAAM,cAAc,YAAY;AAEtC,YAAU,MAAM;AACZ,UAAM,EAAE,QAAQ,IAAI,cAAc,UAAU,GAAG;AAC/C,oBAAgB,IAAI;AACpB,WAAO;AAAA,EACX,GAAG,CAAC,GAAG,CAAC;AAER,MAAI,CAAC,cAAc;AACf,WAAO;AAAA,EACX;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,SAAS;AAAA,MACT,WAAW,KAAK,cAAc,YAAY,kBAAkB,SAAS;AAAA,OACjE,kBAHP;AAAA,MAKG;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,EAAE,aAAa,QAAQ,MAAM,OAAO;AAAA,YAC3C,aAAY;AAAA,YACZ,IAAI,cAAc,YAAY;AAAA,YAC9B,QAAQ;AAAA,YACR,OAAO;AAAA;AAAA,QACX;AAAA,QACC,8BAAY,oBAAC,OAAE,OAAO,EAAE,QAAQ,EAAE,GAAI,wBAAc,cAAc,GAAE;AAAA;AAAA;AAAA,EACzE;AAER","sourcesContent":["import { CrossmintLogoV2 } from \"@/components/common/CrossmintLogoV2/CrossmintLogoV2\";\nimport { useCrossmint } from \"@/hooks/useCrossmint\";\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\nimport {\n    crossmintHostedCheckoutV3Service,\n    crossmintHostedCheckoutV3StylesService,\n    type CrossmintHostedCheckoutV3Props,\n} from \"@crossmint/client-sdk-base\";\nimport clsx from \"clsx\";\nimport { type MouseEvent, type JSX, useEffect, useState } from \"react\";\n\nexport type CrossmintHostedCheckoutV3ReactProps = CrossmintHostedCheckoutV3Props & JSX.IntrinsicElements[\"button\"];\n\nexport function CrossmintHostedCheckout(props: CrossmintHostedCheckoutV3ReactProps) {\n    const [didInjectCss, setDidInjectCss] = useState(false);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint);\n\n    // separate custom props from jsx button props\n    const { recipient, locale, lineItems, payment, appearance, ...buttonProps } = props;\n    const customProps: CrossmintHostedCheckoutV3Props = {\n        recipient,\n        locale,\n        lineItems,\n        payment,\n        appearance,\n    };\n\n    const hostedCheckoutService = crossmintHostedCheckoutV3Service({ apiClient, hostedCheckoutProps: customProps });\n    const stylesService = crossmintHostedCheckoutV3StylesService(customProps);\n\n    const { onClick, className, children, ...restButtonProps } = buttonProps;\n\n    function _onClick(e: MouseEvent<HTMLButtonElement>) {\n        e.preventDefault();\n        e.stopPropagation();\n        hostedCheckoutService.createWindow();\n\n        if (onClick) {\n            onClick(e);\n        }\n    }\n\n    const css = stylesService.generateCss();\n\n    useEffect(() => {\n        const { cleanup } = stylesService.injectCss(css);\n        setDidInjectCss(true);\n        return cleanup;\n    }, [css]);\n\n    if (!didInjectCss) {\n        return null;\n    }\n\n    return (\n        <button\n            onClick={_onClick}\n            className={clsx(stylesService.identifiers.buttonClassNames, className)}\n            {...restButtonProps}\n        >\n            <CrossmintLogoV2\n                style={{ marginRight: \"12px\", flex: \"none\" }}\n                displayType=\"icon-only\"\n                id={stylesService.identifiers.logoId}\n                height={16}\n                width={16}\n            />\n            {children ?? <p style={{ margin: 0 }}>{stylesService.getButtonText()}</p>}\n        </button>\n    );\n}\n"]}

package/dist/chunk-L3FKENHU.js

@@ -0,0 +1,14 @@
+// src/hooks/useEnvironment.ts
+import { useEffect, useState } from "react";
+function useEnvironment() {
+  const [isServerSideRendering, setIsServerSideRendering] = useState(true);
+  useEffect(() => {
+    setIsServerSideRendering(false);
+  }, []);
+  return { isServerSideRendering };
+}
+
+export {
+  useEnvironment
+};
+//# sourceMappingURL=chunk-L3FKENHU.js.map

package/dist/chunk-L3FKENHU.js.map

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

package/dist/chunk-LAI55KMW.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+
+var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
+
+// src/components/embed/v3/crypto/utils/handleSendTransaction.ts
+function handleSendTransaction(primaryWallet, chain, serializedTransaction, iframeClient) {
+  return _chunk4DAZAO6Ycjs.__async.call(void 0, this, null, function* () {
+    const commonParams = {
+      chain,
+      serializedTransaction,
+      iframeClient
+    };
+    switch (primaryWallet.chain) {
+      case "EVM":
+        const { handleEvmTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleEvmTransaction.cjs")));
+        return yield handleEvmTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
+      case "SOL":
+        const { handleSolanaTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleSolanaTransaction.cjs")));
+        return yield handleSolanaTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
+      case "SUI":
+        const { handleSuiTransaction } = yield Promise.resolve().then(() => _interopRequireWildcard(require("./components/embed/v3/crypto/utils/handleSuiTransaction.cjs")));
+        return yield handleSuiTransaction(_chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {}, commonParams), { primaryWallet }));
+      default:
+        throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);
+    }
+  });
+}
+
+
+
+exports.handleSendTransaction = handleSendTransaction;
+//# sourceMappingURL=chunk-LAI55KMW.cjs.map

package/dist/chunk-LAI55KMW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/embed/v3/crypto/utils/handleSendTransaction.ts"],"names":[],"mappings":";;;;;;;AAIA,SAAsB,sBAClB,eACA,OACA,uBACA,cACF;AAAA;AACE,UAAM,eAAe;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAEA,YAAQ,cAAc,OAAO;AAAA,MACzB,KAAK;AAED,cAAM,EAAE,qBAAqB,IAAI,MAAM,OAAO,6DAAwB;AACtE,eAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MACxE,KAAK;AAED,cAAM,EAAE,wBAAwB,IAAI,MAAM,OAAO,gEAA2B;AAC5E,eAAO,MAAM,wBAAwB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MAC3E,KAAK;AAED,cAAM,EAAE,qBAAqB,IAAI,MAAM,OAAO,6DAAwB;AACtE,eAAO,MAAM,qBAAqB,iCAAK,eAAL,EAAmB,cAAc,EAAC;AAAA,MACxE;AACI,cAAM,IAAI,MAAM,gDAAgD,cAAc,KAAK,EAAE;AAAA,IAC7F;AAAA,EACJ;AAAA","sourcesContent":["import type { Wallet } from \"@dynamic-labs/sdk-react-core\";\nimport type { BlockchainIncludingTestnet } from \"@crossmint/common-sdk-base\";\nimport type { EmbeddedCheckoutV3IFrameEmitter } from \"@crossmint/client-sdk-base\";\n\nexport async function handleSendTransaction(\n    primaryWallet: Wallet,\n    chain: BlockchainIncludingTestnet,\n    serializedTransaction: string,\n    iframeClient: EmbeddedCheckoutV3IFrameEmitter\n) {\n    const commonParams = {\n        chain,\n        serializedTransaction,\n        iframeClient,\n    };\n\n    switch (primaryWallet.chain) {\n        case \"EVM\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleEvmTransaction } = await import(\"./handleEvmTransaction\");\n            return await handleEvmTransaction({ ...commonParams, primaryWallet });\n        case \"SOL\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleSolanaTransaction } = await import(\"./handleSolanaTransaction\");\n            return await handleSolanaTransaction({ ...commonParams, primaryWallet });\n        case \"SUI\":\n            // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n            const { handleSuiTransaction } = await import(\"./handleSuiTransaction\");\n            return await handleSuiTransaction({ ...commonParams, primaryWallet });\n        default:\n            throw new Error(`Connected wallet is on an unsupported chain: ${primaryWallet.chain}`);\n    }\n}\n"]}

package/dist/chunk-LD7PAUBR.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkYHFDNKTScjs = require('./chunk-YHFDNKTS.cjs');
+
+// src/components/CrossmintNFTCollectionView.tsx
+var _clientsdkbase = require('@crossmint/client-sdk-base');
+var _jsxruntime = require('react/jsx-runtime');
+function CrossmintNFTCollectionView(props) {
+  _clientsdkbase.assertValidNFTCollectionViewProps.call(void 0, props);
+  const src = _clientsdkbase.getNFTCollectionViewSrc.call(void 0, props, _chunkYHFDNKTScjs.LIB_VERSION);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "iframe",
+    {
+      src,
+      width: "100%",
+      height: "100%",
+      style: {
+        flexGrow: "1",
+        border: "none",
+        margin: "0",
+        padding: "0"
+      },
+      role: "nft-collection-view"
+    }
+  );
+}
+
+
+
+exports.CrossmintNFTCollectionView = CrossmintNFTCollectionView;
+//# sourceMappingURL=chunk-LD7PAUBR.cjs.map

package/dist/chunk-LD7PAUBR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CrossmintNFTCollectionView.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,mCAAmC,+BAA+B;AAWnE;AAND,SAAS,2BAA2B,OAA+B;AACtE,oCAAkC,KAAK;AAEvC,QAAM,MAAM,wBAAwB,OAAO,WAAW;AAEtD,SACI;AAAA,IAAC;AAAA;AAAA,MACG;AAAA,MACA,OAAM;AAAA,MACN,QAAO;AAAA,MACP,OAAO;AAAA,QACH,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,MACb;AAAA,MACA,MAAK;AAAA;AAAA,EACT;AAER","sourcesContent":["import { assertValidNFTCollectionViewProps, getNFTCollectionViewSrc } from \"@crossmint/client-sdk-base\";\nimport type { NFTCollectionViewProps } from \"@crossmint/common-sdk-base\";\n\nimport { LIB_VERSION } from \"../consts/version\";\n\nexport function CrossmintNFTCollectionView(props: NFTCollectionViewProps) {\n    assertValidNFTCollectionViewProps(props);\n\n    const src = getNFTCollectionViewSrc(props, LIB_VERSION);\n\n    return (\n        <iframe\n            src={src}\n            width=\"100%\"\n            height=\"100%\"\n            style={{\n                flexGrow: \"1\",\n                border: \"none\",\n                margin: \"0\",\n                padding: \"0\",\n            }}\n            role=\"nft-collection-view\"\n        />\n    );\n}\n"]}