@crossmint/client-sdk-react-ui 0.0.7 → 0.0.8-alpha.3

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/CrossMintModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CrossMintModal.js","sourceRoot":"","sources":["../../src/CrossMintModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,yCAAyC;AACzC,2DAAwD;AAOjD,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE;IAC9F,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAE3D,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,wBAAwB;QACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5D,+CAA+C;QAC/C,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,6BAA6B;QAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAExC,OAAO,GAAG,EAAE;YACR,8CAA8C;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,uBAAe,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5F,OAAO,CACH,MAAM;QACN,IAAA,wBAAY,EACR,qDACe,MAAM,EACjB,SAAS,EAAE,oBAAoB,MAAM,IAAI,0BAA0B,IAAI,SAAS,EAAE,EAClF,GAAG,EAAE,GAAG;YAER,uCAAK,SAAS,EAAC,4BAA4B;gBACvC,wCAAM,SAAS,EAAC,yBAAyB,GAAG,CAC1C;YACN,uCAAK,SAAS,EAAC,0BAA0B,GAAG,CAC1C,EACN,MAAM,CACT,CACJ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,cAAc,kBA4CzB"}
+{"version":3,"file":"CrossMintModal.js","sourceRoot":"","sources":["../../src/CrossMintModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,yCAAyC;AACzC,2DAAwD;AAOjD,MAAM,cAAc,GAA4B,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE;IAC9F,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAE3C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,CAAC,CAAC;IAE3D,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACjB,wBAAwB;QACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5D,+CAA+C;QAC/C,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,6BAA6B;QAC7B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAExC,OAAO,GAAG,EAAE;YACR,8CAA8C;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,uBAAe,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5F,OAAO,CACH,MAAM;QACN,IAAA,wBAAY,EACR,qDACe,MAAM,EACjB,SAAS,EAAE,oBAAoB,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,EACtF,GAAG,EAAE,GAAG;YAER,uCAAK,SAAS,EAAC,4BAA4B;gBACvC,wCAAM,SAAS,EAAC,yBAAyB,GAAG,CAC1C;YACN,uCAAK,SAAS,EAAC,0BAA0B,GAAG,CAC1C,EACN,MAAM,CACT,CACJ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,cAAc,kBA4CzB"}

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/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,70 +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 { 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;
+"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://www.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,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"}
+{"version":3,"file":"CrossMintPopupProvider.js","sourceRoot":"","sources":["../../src/CrossMintPopupProvider.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/CrossMintProvider.d.ts

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

package/lib/cjs/CrossMintProvider.js

@@ -1,52 +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 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;
+"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, auctionId, hideMintOnInactiveClient = false, development = false, children } = _a, props = __rest(_a, ["clientId", "auctionId", "hideMintOnInactiveClient", "development", "children"]);
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(CrossMintStatusProvider_1.CrossMintStatusProvider, { clientId: clientId, hideMintOnInactiveClient: hideMintOnInactiveClient, auctionId: auctionId },
+        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,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"}
+{"version":3,"file":"CrossMintProvider.js","sourceRoot":"","sources":["../../src/CrossMintProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,qDAAuE;AACvE,qEAAkE;AAClE,uEAAoE;AACpE,2DAA4D;AAUrD,MAAM,iBAAiB,GAA+B,CAAC,EAO7D,EAAE,EAAE;QAPyD,EAC1D,QAAQ,EACR,SAAS,EACT,wBAAwB,GAAG,KAAK,EAChC,WAAW,GAAG,KAAK,EACnB,QAAQ,OAEX,EADM,KAAK,cANkD,gFAO7D,CADW;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,iDAAuB,IACpB,QAAQ,EAAE,QAAQ,EAClB,wBAAwB,EAAE,wBAAwB,EAClD,SAAS,EAAE,SAAS;QAEpB,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;AA7BW,QAAA,iBAAiB,qBA6B5B"}

package/lib/cjs/CrossMintStatusButton.d.ts

@@ -1,10 +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>;
+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>;