@crossmint/client-sdk-react-ui 1.10.2 → 1.10.4

package/dist/chunk-GY6G3ZC2.cjs

@@ -1,41 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunk5RX5WFEWcjs = require('./chunk-5RX5WFEW.cjs');
-
-
-var _chunkHCW4RO2Ocjs = require('./chunk-HCW4RO2O.cjs');
-
-
-
-
-var _chunk4DAZAO6Ycjs = require('./chunk-4DAZAO6Y.cjs');
-
-// src/components/auth/AuthFormBackButton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var AuthFormBackButton = (_a) => {
-  var _b = _a, {
-    className,
-    iconColor,
-    ringColor
-  } = _b, props = _chunk4DAZAO6Ycjs.__objRest.call(void 0, _b, [
-    "className",
-    "iconColor",
-    "ringColor"
-  ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "button",
-    _chunk4DAZAO6Ycjs.__spreadProps.call(void 0, _chunk4DAZAO6Ycjs.__spreadValues.call(void 0, {
-      className: _chunk5RX5WFEWcjs.classNames.call(void 0, 
-        "absolute 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",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHCW4RO2Ocjs.LeftArrowIcon, { className: "w-6 h-6", style: { color: iconColor } })
-    })
-  );
-};
-
-
-
-exports.AuthFormBackButton = AuthFormBackButton;
-//# sourceMappingURL=chunk-GY6G3ZC2.cjs.map

package/dist/chunk-GY6G3ZC2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/auth/AuthFormBackButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAkBY;AAdL,IAAM,qBAAqB,CAAC,OAKyD;AALzD,eAC/B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAPJ,IAImC,IAI5B,kBAJ4B,IAI5B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,OACI,QALP;AAAA,MAOG,8BAAC,iBAAc,WAAU,WAAU,OAAO,EAAE,OAAO,UAAU,GAAG;AAAA;AAAA,EACpE;AAER","sourcesContent":["import type React from \"react\";\nimport { classNames } from \"../../utils/classNames\";\nimport { LeftArrowIcon } from \"@/icons/leftArrow\";\n\nexport const AuthFormBackButton = ({\n    className,\n    iconColor,\n    ringColor,\n    ...props\n}: React.HTMLAttributes<HTMLButtonElement> & { iconColor?: string; ringColor?: string }) => {\n    return (\n        <button\n            className={classNames(\n                \"absolute 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                className\n            )}\n            {...props}\n        >\n            <LeftArrowIcon className=\"w-6 h-6\" style={{ color: iconColor }} />\n        </button>\n    );\n};\n"]}

package/dist/chunk-MDV3M7FD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/embed/v3/EmbeddedCheckoutV3IFrame.tsx"],"names":[],"mappings":";;;;;;;;AACA,SAAS,MAAM,WAAW,QAAQ,gBAAgB;AAElD;AAAA,EAGI;AAAA,OACG;AA2CC,mBACI,KADJ;AAvCR,IAAM,gCAAgC;AAAA,EAAK;AAAA;AAAA,IAEvC,OAAO,gEAAwC,EAAE,KAAK,CAAC,SAAS;AAAA,MAC5D,SAAS,IAAI;AAAA,IACjB,EAAE;AAAA;AACN;AAEO,SAAS,yBAAyB,OAAyC;AAC9E,QAAM,CAAC,cAAc,eAAe,IAAI,SAAiD,IAAI;AAC7F,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AAEtC,QAAM,EAAE,UAAU,IAAI,aAAa;AACnC,QAAM,YAAY,yBAAyB,WAAW;AAAA,IAClD,aAAa;AAAA,EACjB,CAAC;AACD,QAAM,iBAAiB,mCAAmC,EAAE,UAAU,CAAC;AAEvE,QAAM,MAAM,OAA0B,IAAI;AAE1C,YAAU,MAAM;AACZ,UAAM,SAAS,IAAI;AACnB,QAAI,CAAC,UAAU,cAAc;AACzB;AAAA,IACJ;AACA,oBAAgB,eAAe,OAAO,aAAa,MAAM,CAAC;AAAA,EAC9D,GAAG,CAAC,IAAI,SAAS,YAAY,CAAC;AAE9B,YAAU,MAAM;AACZ,QAAI,gBAAgB,MAAM;AACtB;AAAA,IACJ;AACA,iBAAa,GAAG,qBAAqB,CAAC,SAAS,UAAU,KAAK,MAAM,CAAC;AAErE,WAAO,MAAM;AACT,mBAAa,IAAI,mBAAmB;AAAA,IACxC;AAAA,EACJ,GAAG,CAAC,YAAY,CAAC;AAEjB,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,KAAK,eAAe,OAAO,OAAO,KAAK;AAAA,QACvC,IAAG;AAAA,QACH,MAAK;AAAA,QACL,OAAM;AAAA,QACN,OAAO;AAAA,UACH,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,GAAG,MAAM;AAAA,UACjB,iBAAiB;AAAA,QACrB;AAAA;AAAA,IACJ;AAAA,IACC,MAAM,QAAQ,OAAO,UAClB;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA,mBAAmB,UAAU,cAAc,EAAE;AAAA;AAAA,IACjD,IACA;AAAA,KACR;AAER","sourcesContent":["import { useCrossmint } from \"@/hooks\";\nimport { lazy, useEffect, useRef, useState } from \"react\";\n\nimport {\n    type CrossmintEmbeddedCheckoutV3Props,\n    type EmbeddedCheckoutV3IFrameEmitter,\n    crossmintEmbeddedCheckoutV3Service,\n} from \"@crossmint/client-sdk-base\";\n\nimport { createCrossmintApiClient } from \"@/utils/createCrossmintApiClient\";\n\nconst CryptoWalletConnectionHandler = lazy(() =>\n    // @ts-expect-error - Error because we dont use 'module' field in tsconfig, which is expected because we use tsup to compile\n    import(\"./crypto/CryptoWalletConnectionHandler\").then((mod) => ({\n        default: mod.CryptoWalletConnectionHandler,\n    }))\n);\n\nexport function EmbeddedCheckoutV3IFrame(props: CrossmintEmbeddedCheckoutV3Props) {\n    const [iframeClient, setIframeClient] = useState<EmbeddedCheckoutV3IFrameEmitter | null>(null);\n    const [height, setHeight] = useState(0);\n\n    const { crossmint } = useCrossmint();\n    const apiClient = createCrossmintApiClient(crossmint, {\n        usageOrigin: \"client\",\n    });\n    const embedV3Service = crossmintEmbeddedCheckoutV3Service({ apiClient });\n\n    const ref = useRef<HTMLIFrameElement>(null);\n\n    useEffect(() => {\n        const iframe = ref.current;\n        if (!iframe || iframeClient) {\n            return;\n        }\n        setIframeClient(embedV3Service.iframe.createClient(iframe));\n    }, [ref.current, iframeClient]);\n\n    useEffect(() => {\n        if (iframeClient == null) {\n            return;\n        }\n        iframeClient.on(\"ui:height.changed\", (data) => setHeight(data.height));\n\n        return () => {\n            iframeClient.off(\"ui:height.changed\");\n        };\n    }, [iframeClient]);\n\n    return (\n        <>\n            <iframe\n                ref={ref}\n                src={embedV3Service.iframe.getUrl(props)}\n                id=\"crossmint-embedded-checkout.iframe\"\n                role=\"crossmint-embedded-checkout.iframe\"\n                allow=\"payment *\"\n                style={{\n                    boxShadow: \"none\",\n                    border: \"none\",\n                    padding: \"0px\",\n                    width: \"100%\",\n                    minWidth: \"100%\",\n                    overflow: \"hidden\",\n                    display: \"block\",\n                    userSelect: \"none\",\n                    transform: \"translate(0px)\",\n                    opacity: \"1\",\n                    transition: \"ease 0s, opacity 0.4s ease 0.1s\",\n                    height: `${height}px`,\n                    backgroundColor: \"transparent\",\n                }}\n            />\n            {props.payment.crypto.enabled ? (\n                <CryptoWalletConnectionHandler\n                    iframeClient={iframeClient}\n                    apiKeyEnvironment={apiClient[\"parsedAPIKey\"].environment}\n                />\n            ) : null}\n        </>\n    );\n}\n"]}

package/dist/chunk-QJ44PL7L.js

@@ -1,41 +0,0 @@
-import {
-  classNames
-} from "./chunk-RZPQIRIY.js";
-import {
-  LeftArrowIcon
-} from "./chunk-ZDQGQY7Z.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-CRTRMMJ7.js";
-
-// src/components/auth/AuthFormBackButton.tsx
-import { jsx } from "react/jsx-runtime";
-var AuthFormBackButton = (_a) => {
-  var _b = _a, {
-    className,
-    iconColor,
-    ringColor
-  } = _b, props = __objRest(_b, [
-    "className",
-    "iconColor",
-    "ringColor"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "button",
-    __spreadProps(__spreadValues({
-      className: classNames(
-        "absolute 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",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: "w-6 h-6", style: { color: iconColor } })
-    })
-  );
-};
-
-export {
-  AuthFormBackButton
-};
-//# sourceMappingURL=chunk-QJ44PL7L.js.map

package/dist/chunk-QJ44PL7L.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/auth/AuthFormBackButton.tsx"],"sourcesContent":["import type React from \"react\";\nimport { classNames } from \"../../utils/classNames\";\nimport { LeftArrowIcon } from \"@/icons/leftArrow\";\n\nexport const AuthFormBackButton = ({\n    className,\n    iconColor,\n    ringColor,\n    ...props\n}: React.HTMLAttributes<HTMLButtonElement> & { iconColor?: string; ringColor?: string }) => {\n    return (\n        <button\n            className={classNames(\n                \"absolute 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                className\n            )}\n            {...props}\n        >\n            <LeftArrowIcon className=\"w-6 h-6\" style={{ color: iconColor }} />\n        </button>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAkBY;AAdL,IAAM,qBAAqB,CAAC,OAKyD;AALzD,eAC/B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAPJ,IAImC,IAI5B,kBAJ4B,IAI5B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,OACI,QALP;AAAA,MAOG,8BAAC,iBAAc,WAAU,WAAU,OAAO,EAAE,OAAO,UAAU,GAAG;AAAA;AAAA,EACpE;AAER;","names":[]}

package/dist/chunk-WK5RAFJ3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/auth/methods/web3/Web3ProviderButton.tsx"],"sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport type React from \"react\";\nimport { classNames } from \"../../../../utils/classNames\";\n\nexport function Web3ProviderButton({\n    title,\n    appearance,\n    img,\n    ...props\n}: {\n    title: string;\n    appearance?: UIConfig;\n    img: string;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>) {\n    return (\n        <button\n            className={classNames(\n                \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n                \"transition-colors duration-200 ease-in-out\",\n                \"hover:bg-cm-hover focus:bg-cm-hover outline-none\"\n            )}\n            style={{\n                borderRadius: appearance?.borderRadius,\n                borderColor: appearance?.colors?.border,\n                backgroundColor: appearance?.colors?.buttonBackground,\n            }}\n            {...props}\n        >\n            <>\n                <img src={img} alt={title} className=\"h-[25px] w-[25px] absolute left-[18px]\" />\n                <span className=\"font-medium\" style={{ color: appearance?.colors?.textPrimary }}>\n                    {title}\n                </span>\n            </>\n            <span className=\"sr-only\">Sign in with {title}</span>\n        </button>\n    );\n}\n"],"mappings":";;;;;;;;;;AA4BY,mBACI,KADJ;AAxBL,SAAS,mBAAmB,IASgB;AAThB,eAC/B;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EAPJ,IAImC,IAI5B,kBAJ4B,IAI5B;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAPJ,MAAAA,KAAAC,KAAA;AAcI,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACH,cAAc,yCAAY;AAAA,QAC1B,cAAaD,MAAA,yCAAY,WAAZ,gBAAAA,IAAoB;AAAA,QACjC,kBAAiBC,MAAA,yCAAY,WAAZ,gBAAAA,IAAoB;AAAA,MACzC;AAAA,OACI,QAXP;AAAA,MAaG;AAAA,yCACI;AAAA,8BAAC,SAAI,KAAK,KAAK,KAAK,OAAO,WAAU,0CAAyC;AAAA,UAC9E,oBAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GACzE,iBACL;AAAA,WACJ;AAAA,QACA,qBAAC,UAAK,WAAU,WAAU;AAAA;AAAA,UAAc;AAAA,WAAM;AAAA;AAAA;AAAA,EAClD;AAER;","names":["_a","_b"]}

package/dist/chunk-ZCYU7QA6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/auth/methods/web3/Web3ConnectButton.tsx"],"names":[],"mappings":";;;;;;;;AAoBQ,mBAEQ,KADJ,YADJ;AAhBD,SAAS,kBAAkB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAOG;AAlBH;AAmBI,SACI,iCACI;AAAA,yBAAC,SAAI,WAAU,0DACX;AAAA,0BAAC,SAAI,KAAK,MAAM,KAAK,YAAY,WAAU,qBAAoB;AAAA,MAC/D;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,UAE/C;AAAA;AAAA,MACL;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY;AAAA,UACnD;AAAA;AAAA,MAED;AAAA,OACJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,2CAA2C;AAAA,QAC3D;AAAA,QACA,OAAO;AAAA,UACH,cAAc,yCAAY;AAAA,UAC1B,cAAa,8CAAY,WAAZ,mBAAoB;AAAA,UACjC,kBAAiB,8CAAY,WAAZ,mBAAoB;AAAA,QACzC;AAAA,QACA,SAAS,YAAY,SAAY;AAAA,QAEjC,8BAAC,UAAK,WAAU,eAAc,OAAO,EAAE,QAAO,8CAAY,WAAZ,mBAAoB,YAAY,GACzE,sBACL;AAAA;AAAA,IACJ;AAAA,IAEA,oBAAC,SAAI,WAAU,4BACX,8BAAC,sBAAmB,QAAO,8CAAY,WAAZ,mBAAoB,eAAe,GAClE;AAAA,KACJ;AAER","sourcesContent":["import type { UIConfig } from \"@crossmint/common-sdk-base\";\nimport { PoweredByCrossmint } from \"@/components/common/PoweredByCrossmint\";\nimport { classNames } from \"@/utils/classNames\";\n\nexport function Web3ConnectButton({\n    icon,\n    appearance,\n    isLoading,\n    onConnectClick,\n    headingText,\n    buttonText,\n}: {\n    icon: string;\n    appearance?: UIConfig;\n    isLoading: boolean;\n    onConnectClick: () => void;\n    headingText: string;\n    buttonText: string;\n}) {\n    return (\n        <>\n            <div className=\"flex flex-col items-center text-center mt-8 mb-4 gap-2\">\n                <img src={icon} alt={\"metamask\"} className=\"h-[74px] w-[74px]\" />\n                <h3\n                    className=\"text-lg font-semibold text-cm-text-primary\"\n                    style={{ color: appearance?.colors?.textPrimary }}\n                >\n                    {headingText}\n                </h3>\n                <p\n                    className=\"text-base font-normal text-cm-text-primary\"\n                    style={{ color: appearance?.colors?.textPrimary }}\n                >\n                    Don’t see your wallet? Check your other browser windows.\n                </p>\n            </div>\n\n            <button\n                className={classNames(\n                    \"relative flex text-base p-4 bg-cm-muted-primary text-cm-text-primary items-center w-full rounded-xl justify-center\",\n                    \"transition-colors duration-200 ease-in-out\",\n                    \"hover:bg-cm-hover focus:bg-cm-hover outline-none\",\n                    isLoading ? \"cursor-not-allowed bg-cm-muted-primary\" : \"\"\n                )}\n                style={{\n                    borderRadius: appearance?.borderRadius,\n                    borderColor: appearance?.colors?.border,\n                    backgroundColor: appearance?.colors?.buttonBackground,\n                }}\n                onClick={isLoading ? undefined : onConnectClick}\n            >\n                <span className=\"font-medium\" style={{ color: appearance?.colors?.textPrimary }}>\n                    {buttonText}\n                </span>\n            </button>\n\n            <div className=\"flex justify-center pt-4\">\n                <PoweredByCrossmint color={appearance?.colors?.textSecondary} />\n            </div>\n        </>\n    );\n}\n"]}

package/dist/components/auth/methods/web3/Web3ProviderButton.cjs

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkDJ32OEWGcjs = require('../../../../chunk-DJ32OEWG.cjs');
-require('../../../../chunk-5RX5WFEW.cjs');
-require('../../../../chunk-4DAZAO6Y.cjs');
-
-
-exports.Web3ProviderButton = _chunkDJ32OEWGcjs.Web3ProviderButton;
-//# sourceMappingURL=Web3ProviderButton.cjs.map

package/dist/components/auth/methods/web3/Web3ProviderButton.js

@@ -1,9 +0,0 @@
-import {
-  Web3ProviderButton
-} from "../../../../chunk-WK5RAFJ3.js";
-import "../../../../chunk-RZPQIRIY.js";
-import "../../../../chunk-CRTRMMJ7.js";
-export {
-  Web3ProviderButton
-};
-//# sourceMappingURL=Web3ProviderButton.js.map

package/dist/components/auth/methods/web3/Web3SignIn.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function Web3SignIn(): react_jsx_runtime.JSX.Element | null;
-
-export { Web3SignIn };

package/dist/components/auth/methods/web3/Web3SignIn.d.ts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function Web3SignIn(): react_jsx_runtime.JSX.Element | null;
-
-export { Web3SignIn };