@crossmint/client-sdk-react-ui 0.0.5-alpha.1 → 0.0.8-alpha.0

package/lib/cjs/CrossMintModal.js

@@ -1,55 +1,55 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrossMintModal = void 0;
-const react_1 = __importStar(require("react"));
-const react_dom_1 = require("react-dom");
-const useCrossMintModal_1 = require("./useCrossMintModal");
-const CrossMintModal = ({ className = "", container = "body" }) => {
-    const ref = (0, react_1.useRef)(null);
-    const { setVisible } = (0, useCrossMintModal_1.useCrossMintModal)();
-    const [fadeIn, setFadeIn] = (0, react_1.useState)(false);
-    const [portal, setPortal] = (0, react_1.useState)(null);
-    const hideModal = (0, react_1.useCallback)(() => {
-        setFadeIn(false);
-        setTimeout(() => setVisible(false), 150);
-    }, [setFadeIn, setVisible]);
-    (0, react_1.useLayoutEffect)(() => {
-        // Get original overflow
-        const { overflow } = window.getComputedStyle(document.body);
-        // Hack to enable fade in animation after mount
-        setTimeout(() => setFadeIn(true), 0);
-        // Prevent scrolling on mount
-        document.body.style.overflow = "hidden";
-        return () => {
-            // Re-enable scrolling when component unmounts
-            document.body.style.overflow = overflow;
-        };
-    }, [hideModal]);
-    (0, react_1.useLayoutEffect)(() => setPortal(document.querySelector(container)), [setPortal, container]);
-    return (portal &&
-        (0, react_dom_1.createPortal)(react_1.default.createElement("div", { "aria-modal": "true", className: `client-sdk-modal ${fadeIn && "client-sdk-modal-fade-in"} ${className}`, ref: ref },
-            react_1.default.createElement("div", { className: "client-sdk-modal-container" },
-                react_1.default.createElement("span", { className: "client-sdk-modal-loader" })),
-            react_1.default.createElement("div", { className: "client-sdk-modal-overlay" })), portal));
-};
-exports.CrossMintModal = CrossMintModal;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossMintModal = void 0;
+const react_1 = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const useCrossMintModal_1 = require("./useCrossMintModal");
+const CrossMintModal = ({ className = "", container = "body" }) => {
+    const ref = (0, react_1.useRef)(null);
+    const { setVisible } = (0, useCrossMintModal_1.useCrossMintModal)();
+    const [fadeIn, setFadeIn] = (0, react_1.useState)(false);
+    const [portal, setPortal] = (0, react_1.useState)(null);
+    const hideModal = (0, react_1.useCallback)(() => {
+        setFadeIn(false);
+        setTimeout(() => setVisible(false), 150);
+    }, [setFadeIn, setVisible]);
+    (0, react_1.useLayoutEffect)(() => {
+        // Get original overflow
+        const { overflow } = window.getComputedStyle(document.body);
+        // Hack to enable fade in animation after mount
+        setTimeout(() => setFadeIn(true), 0);
+        // Prevent scrolling on mount
+        document.body.style.overflow = "hidden";
+        return () => {
+            // Re-enable scrolling when component unmounts
+            document.body.style.overflow = overflow;
+        };
+    }, [hideModal]);
+    (0, react_1.useLayoutEffect)(() => setPortal(document.querySelector(container)), [setPortal, container]);
+    return (portal &&
+        (0, react_dom_1.createPortal)(react_1.default.createElement("div", { "aria-modal": "true", className: `client-sdk-modal ${fadeIn && "client-sdk-modal-fade-in"} ${className}`, ref: ref },
+            react_1.default.createElement("div", { className: "client-sdk-modal-container" },
+                react_1.default.createElement("span", { className: "client-sdk-modal-loader" })),
+            react_1.default.createElement("div", { className: "client-sdk-modal-overlay" })), portal));
+};
+exports.CrossMintModal = CrossMintModal;
 //# sourceMappingURL=CrossMintModal.js.map

package/lib/cjs/CrossMintModalProvider.d.ts

@@ -1,6 +1,6 @@
-import { FC, ReactNode } from "react";
-import { CrossMintModalProps } from "./CrossMintModal";
-export interface CrossMintModalProviderProps extends CrossMintModalProps {
-    children: ReactNode;
-}
-export declare const CrossMintModalProvider: FC<CrossMintModalProviderProps>;
+import { FC, ReactNode } from "react";
+import { CrossMintModalProps } from "./CrossMintModal";
+export interface CrossMintModalProviderProps extends CrossMintModalProps {
+    children: ReactNode;
+}
+export declare const CrossMintModalProvider: FC<CrossMintModalProviderProps>;

package/lib/cjs/CrossMintModalProvider.js

@@ -1,48 +1,48 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrossMintModalProvider = void 0;
-const react_1 = __importStar(require("react"));
-const CrossMintModal_1 = require("./CrossMintModal");
-const useCrossMintModal_1 = require("./useCrossMintModal");
-const CrossMintModalProvider = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(useCrossMintModal_1.CrossMintModalContext.Provider, { value: {
-            visible,
-            setVisible,
-        } },
-        children,
-        visible && react_1.default.createElement(CrossMintModal_1.CrossMintModal, Object.assign({}, props))));
-};
-exports.CrossMintModalProvider = CrossMintModalProvider;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossMintModalProvider = void 0;
+const react_1 = __importStar(require("react"));
+const CrossMintModal_1 = require("./CrossMintModal");
+const useCrossMintModal_1 = require("./useCrossMintModal");
+const CrossMintModalProvider = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(useCrossMintModal_1.CrossMintModalContext.Provider, { value: {
+            visible,
+            setVisible,
+        } },
+        children,
+        visible && react_1.default.createElement(CrossMintModal_1.CrossMintModal, Object.assign({}, props))));
+};
+exports.CrossMintModalProvider = CrossMintModalProvider;
 //# sourceMappingURL=CrossMintModalProvider.js.map

package/lib/cjs/CrossMintModalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossMintModalProvider.js","sourceRoot":"","sources":["../../src/CrossMintModalProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,2DAA4D;AAOrD,MAAM,sBAAsB,GAAoC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACxF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,yCAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAEA,QAAQ;QACR,OAAO,IAAI,8BAAC,+BAAc,oBAAK,KAAK,EAAI,CACZ,CACpC,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,sBAAsB,0BAcjC"}
+{"version":3,"file":"CrossMintModalProvider.js","sourceRoot":"","sources":["../../src/CrossMintModalProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,2DAA4D;AAMrD,MAAM,sBAAsB,GAAoC,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACxF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,yCAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAEA,QAAQ;QACR,OAAO,IAAI,8BAAC,+BAAc,oBAAK,KAAK,EAAI,CACZ,CACpC,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,sBAAsB,0BAcjC"}

package/lib/cjs/CrossMintPopupProvider.d.ts

@@ -1,6 +1,6 @@
-import { FC, ReactNode } from "react";
-export interface PopupProviderProps {
-    development: boolean;
-    children: ReactNode;
-}
-export declare const CrossMintPopupProvider: FC<PopupProviderProps>;
+import { FC, ReactNode } from "react";
+export interface PopupProviderProps {
+    development: boolean;
+    children: ReactNode;
+}
+export declare const CrossMintPopupProvider: FC<PopupProviderProps>;

package/lib/cjs/CrossMintPopupProvider.js

@@ -1,69 +1,70 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrossMintPopupProvider = void 0;
-const react_1 = __importStar(require("react"));
-const _1 = require(".");
-const useCrossMintPopup_1 = require("./useCrossMintPopup");
-const PROD_URL = "https://crossmint.io";
-const DEV_URL = "http://localhost:3001";
-const CrossMintPopupProvider = ({ development, children }) => {
-    const [connecting, setConnecting] = (0, react_1.useState)(false);
-    const [popup, setPopup] = (0, react_1.useState)(null);
-    const { setVisible } = (0, _1.useCrossMintModal)();
-    const createPopup = (candyMachineId, collectionTitle, collectionDescription, collectionPhoto) => {
-        const pop = window.open(`${development ? DEV_URL : PROD_URL}/signin?callbackUrl=${encodeURIComponent(`${development ? DEV_URL : PROD_URL}/checkout/mint?candyMachineId=${candyMachineId}&closeOnSuccess=false${collectionTitle ? `&collectionTitle=${collectionTitle}` : ""}${collectionDescription ? `&collectionDescription=${collectionDescription}` : ""}${collectionPhoto ? `&collectionPhoto=${collectionPhoto}` : ""}`)}`, "popUpWindow", createPopupString());
-        if (pop) {
-            setVisible(true);
-            setPopup(pop);
-            registerListeners(pop);
-        }
-        else {
-            setConnecting(false);
-            console.log("Failed to open popup window");
-        }
-    };
-    const connect = (candyMachineId, collectionTitle, collectionDescription, collectionPhoto) => {
-        if (connecting)
-            return;
-        setConnecting(true);
-        createPopup(candyMachineId, collectionTitle, collectionDescription, collectionPhoto);
-    };
-    function registerListeners(pop) {
-        const timer = setInterval(function () {
-            if (pop.closed) {
-                clearInterval(timer);
-                setConnecting(false);
-                setVisible(false);
-            }
-        }, 500);
-    }
-    function createPopupString() {
-        return `height=750,width=400,left=${window.innerWidth / 2 - 200},top=${window.innerHeight / 2 - 375},resizable=yes,scrollbars=yes,toolbar=yes,menubar=true,location=no,directories=no, status=yes`;
-    }
-    return (react_1.default.createElement(useCrossMintPopup_1.PopupContext.Provider, { value: {
-            connecting,
-            popup,
-            connect,
-        } }, children));
-};
-exports.CrossMintPopupProvider = CrossMintPopupProvider;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossMintPopupProvider = void 0;
+const react_1 = __importStar(require("react"));
+const _1 = require(".");
+const useCrossMintPopup_1 = require("./useCrossMintPopup");
+const PROD_URL = "https://crossmint.io";
+const DEV_URL = "http://localhost:3001";
+const CrossMintPopupProvider = ({ development, children }) => {
+    const [connecting, setConnecting] = (0, react_1.useState)(false);
+    const [popup, setPopup] = (0, react_1.useState)(null);
+    const { clientId } = (0, _1.useCrossMintStatus)();
+    const { setVisible } = (0, _1.useCrossMintModal)();
+    const createPopup = (collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId) => {
+        const pop = window.open(`${development ? DEV_URL : PROD_URL}/signin?callbackUrl=${encodeURIComponent(`${development ? DEV_URL : PROD_URL}/checkout/mint?clientId=${clientId}&closeOnSuccess=false${collectionTitle && `collectionTitle=${collectionTitle}`}${collectionDescription && `&collectionDescription=${collectionDescription}`}${collectionPhoto && `&collectionPhoto=${collectionPhoto}`}${mintTo && `&mintTo=${mintTo}`}${emailTo && `&emailTo=${emailTo}`}${listingId && `&listingId=${listingId}`}`)}`, "popUpWindow", createPopupString());
+        if (pop) {
+            setVisible(true);
+            setPopup(pop);
+            registerListeners(pop);
+        }
+        else {
+            setConnecting(false);
+            console.log("Failed to open popup window");
+        }
+    };
+    const connect = (collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId) => {
+        if (connecting)
+            return;
+        setConnecting(true);
+        createPopup(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
+    };
+    function registerListeners(pop) {
+        const timer = setInterval(function () {
+            if (pop.closed) {
+                clearInterval(timer);
+                setConnecting(false);
+                setVisible(false);
+            }
+        }, 500);
+    }
+    function createPopupString() {
+        return `height=750,width=400,left=${window.innerWidth / 2 - 200},top=${window.innerHeight / 2 - 375},resizable=yes,scrollbars=yes,toolbar=yes,menubar=true,location=no,directories=no, status=yes`;
+    }
+    return (react_1.default.createElement(useCrossMintPopup_1.PopupContext.Provider, { value: {
+            connecting,
+            popup,
+            connect,
+        } }, children));
+};
+exports.CrossMintPopupProvider = CrossMintPopupProvider;
 //# sourceMappingURL=CrossMintPopupProvider.js.map

package/lib/cjs/CrossMintPopupProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossMintPopupProvider.js","sourceRoot":"","sources":["../../src/CrossMintPopupProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,wBAAsC;AACtC,2DAAmD;AAOnD,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,OAAO,GAAG,uBAAuB,CAAC;AAEjC,MAAM,sBAAsB,GAA2B,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,oBAAiB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,CAChB,cAAsB,EACtB,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EAC1B,EAAE;QACA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CACnB,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,uBAAuB,kBAAkB,CACxE,GACI,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAC5B,iCAAiC,cAAc,wBAC3C,eAAe,CAAC,CAAC,CAAC,oBAAoB,eAAe,EAAE,CAAC,CAAC,CAAC,EAC9D,GAAG,qBAAqB,CAAC,CAAC,CAAC,0BAA0B,qBAAqB,EAAE,CAAC,CAAC,CAAC,EAAE,GAC7E,eAAe,CAAC,CAAC,CAAC,oBAAoB,eAAe,EAAE,CAAC,CAAC,CAAC,EAC9D,EAAE,CACL,EAAE,EACH,aAAa,EACb,iBAAiB,EAAE,CACtB,CAAC;QACF,IAAI,GAAG,EAAE;YACL,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,iBAAiB,CAAC,GAAG,CAAC,CAAC;SAC1B;aAAM;YACH,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;SAC9C;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CACZ,cAAsB,EACtB,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EAC1B,EAAE;QACA,IAAI,UAAU;YAAE,OAAO;QAEvB,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpB,WAAW,CAAC,cAAc,EAAE,eAAe,EAAE,qBAAqB,EAAE,eAAe,CAAC,CAAC;IACzF,CAAC,CAAC;IAEF,SAAS,iBAAiB,CAAC,GAAW;QAClC,MAAM,KAAK,GAAG,WAAW,CAAC;YACtB,IAAI,GAAG,CAAC,MAAM,EAAE;gBACZ,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,UAAU,CAAC,KAAK,CAAC,CAAC;aACrB;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED,SAAS,iBAAiB;QACtB,OAAO,6BAA6B,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,QAC3D,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,GAC7B,+FAA+F,CAAC;IACpG,CAAC;IAED,OAAO,CACH,8BAAC,gCAAY,CAAC,QAAQ,IAClB,KAAK,EAAE;YACH,UAAU;YACV,KAAK;YACL,OAAO;SACV,IAEA,QAAQ,CACW,CAC3B,CAAC;AACN,CAAC,CAAC;AA3EW,QAAA,sBAAsB,0BA2EjC"}
+{"version":3,"file":"CrossMintPopupProvider.js","sourceRoot":"","sources":["../../src/CrossMintPopupProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,wBAA0D;AAC1D,2DAAmD;AAOnD,MAAM,QAAQ,GAAG,sBAAsB,CAAC;AACxC,MAAM,OAAO,GAAG,uBAAuB,CAAC;AAEjC,MAAM,sBAAsB,GAA2B,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;IACxF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,qBAAkB,GAAE,CAAC;IAE1C,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,oBAAiB,GAAE,CAAC;IAE3C,MAAM,WAAW,GAAG,CAChB,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EACxB,MAAe,EACf,OAAgB,EAChB,SAAkB,EACpB,EAAE;QACA,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CACnB,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,uBAAuB,kBAAkB,CACxE,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,2BAA2B,QAAQ,wBAClE,eAAe,IAAI,mBAAmB,eAAe,EACzD,GAAG,qBAAqB,IAAI,0BAA0B,qBAAqB,EAAE,GACzE,eAAe,IAAI,oBAAoB,eAAe,EAC1D,GAAG,MAAM,IAAI,WAAW,MAAM,EAAE,GAAG,OAAO,IAAI,YAAY,OAAO,EAAE,GAC/D,SAAS,IAAI,cAAc,SAAS,EACxC,EAAE,CACL,EAAE,EACH,aAAa,EACb,iBAAiB,EAAE,CACtB,CAAC;QACF,IAAI,GAAG,EAAE;YACL,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,GAAG,CAAC,CAAC;YACd,iBAAiB,CAAC,GAAG,CAAC,CAAC;SAC1B;aAAM;YACH,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;SAC9C;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CACZ,eAAwB,EACxB,qBAA8B,EAC9B,eAAwB,EACxB,MAAe,EACf,OAAgB,EAChB,SAAkB,EACpB,EAAE;QACA,IAAI,UAAU;YAAE,OAAO;QAEvB,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpB,WAAW,CAAC,eAAe,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrG,CAAC,CAAC;IAEF,SAAS,iBAAiB,CAAC,GAAW;QAClC,MAAM,KAAK,GAAG,WAAW,CAAC;YACtB,IAAI,GAAG,CAAC,MAAM,EAAE;gBACZ,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,UAAU,CAAC,KAAK,CAAC,CAAC;aACrB;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED,SAAS,iBAAiB;QACtB,OAAO,6BAA6B,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,GAAG,QAC3D,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,GAC7B,+FAA+F,CAAC;IACpG,CAAC;IAED,OAAO,CACH,8BAAC,gCAAY,CAAC,QAAQ,IAClB,KAAK,EAAE;YACH,UAAU;YACV,KAAK;YACL,OAAO;SACV,IAEA,QAAQ,CACW,CAC3B,CAAC;AACN,CAAC,CAAC;AAjFW,QAAA,sBAAsB,0BAiFjC"}

package/lib/cjs/CrossMintProvider.d.ts

@@ -1,7 +1,9 @@
-import { FC, ReactNode } from "react";
-import { CrossMintModalProps } from "./CrossMintModal";
-export interface CrossMintProviderProps extends CrossMintModalProps {
-    development?: boolean;
-    children: ReactNode;
-}
-export declare const CrossMintProvider: FC<CrossMintProviderProps>;
+import { FC, ReactNode } from "react";
+import { CrossMintModalProps } from "./CrossMintModal";
+export interface CrossMintProviderProps extends CrossMintModalProps {
+    clientId: string;
+    hideMintOnInactiveClient?: boolean;
+    development?: boolean;
+    children: ReactNode;
+}
+export declare const CrossMintProvider: FC<CrossMintProviderProps>;

package/lib/cjs/CrossMintProvider.js

@@ -1,50 +1,52 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CrossMintProvider = void 0;
-const react_1 = __importStar(require("react"));
-const CrossMintModal_1 = require("./CrossMintModal");
-const CrossMintPopupProvider_1 = require("./CrossMintPopupProvider");
-const useCrossMintModal_1 = require("./useCrossMintModal");
-const CrossMintProvider = (_a) => {
-    var { development = false, children } = _a, props = __rest(_a, ["development", "children"]);
-    const [visible, setVisible] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(useCrossMintModal_1.CrossMintModalContext.Provider, { value: {
-            visible,
-            setVisible,
-        } },
-        react_1.default.createElement(CrossMintPopupProvider_1.CrossMintPopupProvider, { development: development },
-            children,
-            visible && react_1.default.createElement(CrossMintModal_1.CrossMintModal, Object.assign({}, props)))));
-};
-exports.CrossMintProvider = CrossMintProvider;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossMintProvider = void 0;
+const react_1 = __importStar(require("react"));
+const CrossMintModal_1 = require("./CrossMintModal");
+const CrossMintPopupProvider_1 = require("./CrossMintPopupProvider");
+const CrossMintStatusProvider_1 = require("./CrossMintStatusProvider");
+const useCrossMintModal_1 = require("./useCrossMintModal");
+const CrossMintProvider = (_a) => {
+    var { clientId, hideMintOnInactiveClient = false, development = false, children } = _a, props = __rest(_a, ["clientId", "hideMintOnInactiveClient", "development", "children"]);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(CrossMintStatusProvider_1.CrossMintStatusProvider, { clientId: clientId, hideMintOnInactiveClient: hideMintOnInactiveClient },
+        react_1.default.createElement(useCrossMintModal_1.CrossMintModalContext.Provider, { value: {
+                visible,
+                setVisible,
+            } },
+            react_1.default.createElement(CrossMintPopupProvider_1.CrossMintPopupProvider, { development: development },
+                children,
+                visible && react_1.default.createElement(CrossMintModal_1.CrossMintModal, Object.assign({}, props))))));
+};
+exports.CrossMintProvider = CrossMintProvider;
 //# sourceMappingURL=CrossMintProvider.js.map

package/lib/cjs/CrossMintProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossMintProvider.js","sourceRoot":"","sources":["../../src/CrossMintProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,qEAAkE;AAClE,2DAA4D;AAQrD,MAAM,iBAAiB,GAA+B,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,WAAW,GAAG,KAAK,EAAE,QAAQ,OAAY,EAAP,KAAK,cAAzC,2BAA2C,CAAF;IACnG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,yCAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAED,8BAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW;YAC3C,QAAQ;YACR,OAAO,IAAI,8BAAC,+BAAc,oBAAK,KAAK,EAAI,CACpB,CACI,CACpC,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,iBAAiB,qBAgB5B"}
+{"version":3,"file":"CrossMintProvider.js","sourceRoot":"","sources":["../../src/CrossMintProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,qEAAkE;AAClE,uEAAoE;AACpE,2DAA4D;AASrD,MAAM,iBAAiB,GAA+B,CAAC,EAM7D,EAAE,EAAE;QANyD,EAC1D,QAAQ,EACR,wBAAwB,GAAG,KAAK,EAChC,WAAW,GAAG,KAAK,EACnB,QAAQ,OAEX,EADM,KAAK,cALkD,mEAM7D,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,iDAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,wBAAwB,EAAE,wBAAwB;QAC3F,8BAAC,yCAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;gBACH,OAAO;gBACP,UAAU;aACb;YAED,8BAAC,+CAAsB,IAAC,WAAW,EAAE,WAAW;gBAC3C,QAAQ;gBACR,OAAO,IAAI,8BAAC,+BAAc,oBAAK,KAAK,EAAI,CACpB,CACI,CACX,CAC7B,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B"}

package/lib/cjs/CrossMintStatusButton.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, FC, MouseEvent } from "react";
+export interface StatusButtonProps {
+    className?: string;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    style?: CSSProperties;
+    tabIndex?: number;
+    theme?: "light" | "dark";
+}
+export declare const CrossMintStatusButton: FC<StatusButtonProps>;

package/lib/cjs/CrossMintStatusButton.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrossMintStatusButton = void 0;
+const react_1 = __importStar(require("react"));
+const useCrossMintStatus_1 = require("./useCrossMintStatus");
+const CrossMintStatusButton = (_a) => {
+    var { className, disabled, onClick, style, tabIndex, theme = "dark" } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme"]);
+    const { status, clientId } = (0, useCrossMintStatus_1.useCrossMintStatus)();
+    const handleClick = (0, react_1.useCallback)((event) => {
+        if (onClick)
+            onClick(event);
+        if (status === useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
+            window.open(`https://crossmint.io/developers/onboarding${clientId && `?clientId=${clientId}`}`, "_blank");
+            return;
+        }
+    }, [status]);
+    const content = (0, react_1.useMemo)(() => {
+        switch (status) {
+            case useCrossMintStatus_1.OnboardingRequestStatusResponse.INVALID:
+                return react_1.default.createElement("p", null, "Invalid clientId");
+            case useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION:
+                return react_1.default.createElement("p", null, "Click here to setup CrossMint");
+            case useCrossMintStatus_1.OnboardingRequestStatusResponse.PENDING:
+                return react_1.default.createElement("p", null, "Your application is under review");
+            case useCrossMintStatus_1.OnboardingRequestStatusResponse.ACCEPTED:
+                return react_1.default.createElement("p", null, "You're good to go!");
+            case useCrossMintStatus_1.OnboardingRequestStatusResponse.REJECTED:
+                return react_1.default.createElement("p", null, "You're application was rejected");
+        }
+    }, [status]);
+    return (react_1.default.createElement("button", Object.assign({ className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: status !== useCrossMintStatus_1.OnboardingRequestStatusResponse.WAITING_SUBMISSION, onClick: handleClick, style: Object.assign({}, style), tabIndex: tabIndex }, props),
+        react_1.default.createElement("img", { className: "client-sdk-button-icon", src: "https://www.crossmint.io/assets/crossmint/logo.png", alt: "Crossmint logo" }),
+        content));
+};
+exports.CrossMintStatusButton = CrossMintStatusButton;
+//# sourceMappingURL=CrossMintStatusButton.js.map

package/lib/cjs/CrossMintStatusButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossMintStatusButton.js","sourceRoot":"","sources":["../../src/CrossMintStatusButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsG;AACtG,6DAA2F;AAWpF,MAAM,qBAAqB,GAA0B,CAAC,EAQ5D,EAAE,EAAE;QARwD,EACzD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,OAEjB,EADM,KAAK,cAPiD,kEAQ5D,CADW;IAER,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAElD,MAAM,WAAW,GAAyC,IAAA,mBAAW,EACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EAAE;YAC/D,MAAM,CAAC,IAAI,CACP,6CAA6C,QAAQ,IAAI,aAAa,QAAQ,EAAE,EAAE,EAClF,QAAQ,CACX,CAAC;YACF,OAAO;SACV;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,QAAQ,MAAM,EAAE;YACZ,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,4DAAuB,CAAC;YACnC,KAAK,oDAA+B,CAAC,kBAAkB;gBACnD,OAAO,yEAAoC,CAAC;YAChD,KAAK,oDAA+B,CAAC,OAAO;gBACxC,OAAO,4EAAuC,CAAC;YACnD,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,8DAAyB,CAAC;YACrC,KAAK,oDAA+B,CAAC,QAAQ;gBACzC,OAAO,2EAAsC,CAAC;SACrD;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,wDACI,SAAS,EAAE,uDAAuD,KAAK,EAAE,EACzE,QAAQ,EAAE,MAAM,KAAK,oDAA+B,CAAC,kBAAkB,EACvE,OAAO,EAAE,WAAW,EACpB,KAAK,oBAAO,KAAK,GACjB,QAAQ,EAAE,QAAQ,IACd,KAAK;QAET,uCACI,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AA1DW,QAAA,qBAAqB,yBA0DhC"}

package/lib/cjs/CrossMintStatusProvider.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from "react";
+export interface CrossMintStatusProviderProps {
+    clientId: string;
+    hideMintOnInactiveClient: boolean;
+    children: ReactNode;
+}
+export declare const CrossMintStatusProvider: FC<CrossMintStatusProviderProps>;