@crossmint/client-sdk-react-ui 0.0.8-alpha.2 → 0.1.0

package/src/hooks/useCrossmintModal.ts

@@ -0,0 +1,143 @@
+import { useState } from "react";
+import { LIB_VERSION } from "../version";
+import { baseUrls, clientNames, PayButtonConfig } from "../types";
+
+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`;
+}
+
+interface IProps {
+    development: boolean;
+    clientId: string;
+    showOverlay: boolean;
+}
+
+interface IReturn {
+    connecting: boolean;
+    connect: (
+        mintConfig: PayButtonConfig,
+        collectionTitle?: string,
+        collectionDescription?: string,
+        collectionPhoto?: string,
+        mintTo?: string,
+        emailTo?: string,
+        listingId?: string
+    ) => void;
+}
+
+type MintQueryParams = {
+    clientId: string;
+    closeOnSuccess: string;
+    collectionTitle?: string;
+    collectionDescription?: string;
+    collectionPhoto?: string;
+    mintTo?: string;
+    emailTo?: string;
+    listingId?: string;
+    clientName: string;
+    clientVersion: string;
+    mintConfig: string;
+};
+
+const overlayId = "__crossmint-overlay__";
+
+const addLoadingOverlay = (): void => {
+    const overlayEl = document.createElement("div");
+    overlayEl.setAttribute("id", overlayId);
+    const overlayStyles = {
+        width: "100vw",
+        height: "100vh",
+        "background-color": "rgba(0, 0, 0, 0.5)",
+        position: "fixed",
+        "z-index": "99999999",
+        top: "0",
+        left: "0",
+    };
+    Object.assign(overlayEl.style, overlayStyles);
+    document.body.appendChild(overlayEl);
+};
+
+const removeLoadingOverlay = (): void => {
+    const overlayEl = document.getElementById(overlayId);
+    if (overlayEl) overlayEl.remove();
+};
+
+export default function useCrossMintModal({ development, clientId, showOverlay }: IProps): IReturn {
+    const [connecting, setConnecting] = useState(false);
+
+    const createPopup = (
+        mintConfig: PayButtonConfig,
+        collectionTitle?: string,
+        collectionDescription?: string,
+        collectionPhoto?: string,
+        mintTo?: string,
+        emailTo?: string,
+        listingId?: string
+    ) => {
+        const urlOrigin = development ? baseUrls.dev : baseUrls.prod;
+        const getMintQueryParams = (): string => {
+            const mintQueryParams: MintQueryParams = {
+                clientId: encodeURIComponent(clientId),
+                closeOnSuccess: "false",
+                clientName: clientNames.reactUi,
+                clientVersion: LIB_VERSION,
+                mintConfig: encodeURIComponent(JSON.stringify(mintConfig)),
+            };
+
+            if (collectionTitle) mintQueryParams.collectionTitle = encodeURIComponent(collectionTitle);
+            if (collectionDescription)
+                mintQueryParams.collectionDescription = encodeURIComponent(collectionDescription);
+            if (collectionPhoto) mintQueryParams.collectionPhoto = encodeURIComponent(collectionPhoto);
+            if (mintTo) mintQueryParams.mintTo = encodeURIComponent(mintTo);
+            if (emailTo) mintQueryParams.emailTo = encodeURIComponent(emailTo);
+            if (listingId) mintQueryParams.listingId = encodeURIComponent(listingId);
+
+            return new URLSearchParams(mintQueryParams).toString();
+        };
+        const callbackUrl = encodeURIComponent(`${urlOrigin}/checkout/mint?${getMintQueryParams()}`);
+        const url = `${urlOrigin}/signin?callbackUrl=${callbackUrl}`;
+
+        const pop = window.open(url, "popUpWindow", createPopupString());
+        if (pop) {
+            registerListeners(pop);
+            if (showOverlay) {
+                addLoadingOverlay();
+            }
+        } else {
+            setConnecting(false);
+            console.error("Failed to open popup window");
+        }
+    };
+
+    const connect = (
+        mintConfig: PayButtonConfig,
+        collectionTitle?: string,
+        collectionDescription?: string,
+        collectionPhoto?: string,
+        mintTo?: string,
+        emailTo?: string,
+        listingId?: string
+    ) => {
+        if (connecting) return;
+
+        setConnecting(true);
+
+        createPopup(mintConfig, collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
+    };
+
+    function registerListeners(pop: Window) {
+        const timer = setInterval(function () {
+            if (pop.closed) {
+                clearInterval(timer);
+                setConnecting(false);
+                if (showOverlay) {
+                    removeLoadingOverlay();
+                }
+            }
+        }, 500);
+    }
+
+    return { connecting, connect };
+}

package/src/hooks/useCrossmintStatus.ts

@@ -0,0 +1,85 @@
+import { useState, useEffect } from "react";
+import { validate } from "uuid";
+import { LIB_VERSION } from "../version";
+import { clientNames, baseUrls, customHeaders } from "../types";
+
+export enum OnboardingRequestStatusResponse {
+    WAITING_SUBMISSION = "waiting-submission",
+    PENDING = "pending",
+    REJECTED = "rejected",
+    ACCEPTED = "accepted",
+    INVALID = "invalid",
+}
+
+export interface CrossMintStatusContextState {
+    status: OnboardingRequestStatusResponse;
+    clientId: string;
+    auctionId?: string;
+    hideMintOnInactiveClient: boolean;
+}
+
+interface IProps {
+    clientId: string;
+    development: boolean;
+}
+
+const validateClientId = (clientId: string): boolean => {
+    try {
+        const isValid = validate(clientId);
+        return !!isValid;
+    } catch (e) {
+        console.error(e);
+        return false;
+    }
+};
+
+export default function useCrossMintStatus({ clientId, development }: IProps) {
+    const [status, setStatus] = useState<OnboardingRequestStatusResponse>(
+        OnboardingRequestStatusResponse.WAITING_SUBMISSION
+    );
+
+    async function fetchClientIntegration() {
+        if (!clientId || clientId === "" || clientId === "<YOUR_CLIENT_ID>") {
+            console.error("You must enter your own Crossmint client ID in <CrossmintPayButton clientId=XXX>");
+            return;
+        }
+
+        if (!validateClientId(clientId)) {
+            console.error(
+                "The clientId passed to is invalid. Make sure to pass the clientId obtained from the crossmint team, with format XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXX"
+            );
+            return;
+        }
+
+        const baseUrl = development ? baseUrls.dev : baseUrls.prod;
+
+        const res = await fetch(`${baseUrl}/api/crossmint/onboardingRequests/${clientId}/status`, {
+            headers: {
+                [customHeaders.clientVersion]: LIB_VERSION,
+                [customHeaders.clientName]: clientNames.reactUi,
+            },
+        });
+
+        if (res.status === 200) {
+            const resData: { clientId: string; status: OnboardingRequestStatusResponse } = await res.json();
+
+            setStatus(resData.status);
+        } else {
+            if (status !== OnboardingRequestStatusResponse.INVALID) {
+                setStatus(OnboardingRequestStatusResponse.INVALID);
+            }
+        }
+    }
+
+    useEffect(() => {
+        fetchClientIntegration();
+
+        const interval = setInterval(() => {
+            fetchClientIntegration();
+        }, 60 * 1000);
+
+        return () => clearInterval(interval);
+    }, []);
+
+    return status;
+}

package/src/index.ts

@@ -1,7 +1,2 @@
-export * from "./CrossMintButton";
-export * from "./CrossMintModal";
-export * from "./useCrossMintModal";
-export * from "./useCrossMintPopup";
-export * from "./CrossMintProvider";
-export * from "./useCrossMintStatus";
-export * from "./CrossMintStatusButton";
+export * from "./CrossmintPayButton";
+export * from "./CrossmintStatusButton";

package/src/styles/index.ts

@@ -0,0 +1,50 @@
+import { createUseStyles } from "react-jss";
+
+const DARK_BG = "#1e1e1e";
+
+interface CustomStylingProps {
+    buttonBgColor?: string;
+    paragraphColor?: string;
+}
+
+const themeIsLight = (theme: string) => theme === "light";
+export const formatProps = (theme: string): CustomStylingProps => ({
+    buttonBgColor: themeIsLight(theme) ? "white" : DARK_BG,
+    paragraphColor: themeIsLight(theme) ? "black" : "white",
+});
+
+export const useStyles = createUseStyles({
+    "@global": {
+        "@import":
+            "url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap')",
+    },
+    crossmintButton: {
+        display: "flex",
+        "flex-direction": "row",
+        "align-items": "center",
+        padding: "0.875rem 0.875rem",
+        "font-weight": "900",
+        transition: "opacity ease-in-out 0.25s",
+        "border-radius": "0.5rem",
+        "font-family": `"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif`,
+        outline: "none",
+        border: "none",
+        "box-shadow": "0px 8px 15px rgba(0, 0, 0, 0.1)",
+        "justify-content": "center",
+        background: ({ buttonBgColor }: CustomStylingProps) => buttonBgColor,
+
+        "&:hover:enabled": {
+            opacity: "0.6",
+            cursor: "pointer",
+        },
+    },
+    crossmintImg: {
+        width: "21px",
+        height: "21px",
+        "margin-right": "0.875rem",
+    },
+    crossmintParagraph: {
+        color: ({ paragraphColor }: CustomStylingProps) => paragraphColor,
+        margin: "0",
+    },
+});

package/src/types.ts

@@ -0,0 +1,56 @@
+import { CSSProperties, MouseEvent } from "react";
+
+export enum clientNames {
+    reactUi = "client-sdk-react-ui",
+}
+
+export enum baseUrls {
+    prod = "https://www.crossmint.io",
+    dev = "http://localhost:3001",
+}
+
+export enum customHeaders {
+    clientVersion = "X-Client-Version",
+    clientName = "X-Client-Name",
+}
+
+enum theme {
+    light = "light",
+    dark = "dark",
+}
+
+export enum mintingContractTypes {
+    CANDY_MACHINE = "candy-machine",
+    SOLANA_AUCTION = "solana-auction",
+    ERC_721 = "erc-721",
+}
+
+export interface PayButtonConfig {
+    type: string;
+
+    [propName: string]: any;
+}
+
+export interface BaseButtonProps {
+    className?: string;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    style?: CSSProperties;
+    tabIndex?: number;
+    clientId: string;
+    auctionId?: string;
+    theme?: theme;
+    development?: boolean;
+}
+
+export interface CrossmintPayButtonProps extends BaseButtonProps {
+    collectionTitle?: string;
+    collectionDescription?: string;
+    collectionPhoto?: string;
+    mintTo?: string;
+    emailTo?: string;
+    listingId?: string;
+    showOverlay?: boolean;
+    hideMintOnInactiveClient?: boolean;
+    mintConfig?: PayButtonConfig;
+}

package/src/utils.ts

@@ -0,0 +1 @@
+export const isClientSide = typeof window !== "undefined";

package/src/version.ts

@@ -0,0 +1 @@
+export const LIB_VERSION = "0.1.0";

package/lib/cjs/CrossMintButton.d.ts

@@ -1,16 +0,0 @@
-import { CSSProperties, FC, MouseEvent } from "react";
-export interface ButtonProps {
-    className?: string;
-    disabled?: boolean;
-    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    style?: CSSProperties;
-    tabIndex?: number;
-    theme?: "light" | "dark";
-    collectionTitle?: string;
-    collectionDescription?: string;
-    collectionPhoto?: string;
-    mintTo?: string;
-    emailTo?: string;
-    listingId?: string;
-}
-export declare const CrossMintButton: FC<ButtonProps>;

package/lib/cjs/CrossMintButton.js

@@ -1,60 +0,0 @@
-"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.CrossMintButton = void 0;
-const react_1 = __importStar(require("react"));
-const _1 = require(".");
-const useCrossMintPopup_1 = require("./useCrossMintPopup");
-const CrossMintButton = (_a) => {
-    var { className, disabled, onClick, style, tabIndex, theme = "dark", collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId } = _a, props = __rest(_a, ["className", "disabled", "onClick", "style", "tabIndex", "theme", "collectionTitle", "collectionDescription", "collectionPhoto", "mintTo", "emailTo", "listingId"]);
-    const { hideMintOnInactiveClient, status } = (0, _1.useCrossMintStatus)();
-    const { connecting, connect } = (0, useCrossMintPopup_1.useCrossMintPopup)();
-    const handleClick = (0, react_1.useCallback)((event) => {
-        if (onClick)
-            onClick(event);
-        if (!event.defaultPrevented)
-            connect(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
-    }, [onClick]);
-    const content = (0, react_1.useMemo)(() => {
-        if (connecting)
-            return react_1.default.createElement("p", null, "Connecting ...");
-        return react_1.default.createElement("p", null, "Buy with credit card");
-    }, [connecting]);
-    if (hideMintOnInactiveClient && status !== _1.OnboardingRequestStatusResponse.ACCEPTED) {
-        return null;
-    }
-    return (react_1.default.createElement("button", Object.assign({ className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: disabled, 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.CrossMintButton = CrossMintButton;
-//# sourceMappingURL=CrossMintButton.js.map

package/lib/cjs/CrossMintButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossMintButton.js","sourceRoot":"","sources":["../../src/CrossMintButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsG;AACtG,wBAAwE;AACxE,2DAAwD;AAiBjD,MAAM,eAAe,GAAoB,CAAC,EAchD,EAAE,EAAE;QAd4C,EAC7C,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,MAAM,EACN,OAAO,EACP,SAAS,OAEZ,EADM,KAAK,cAbqC,mKAchD,CADW;IAER,MAAM,EAAE,wBAAwB,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAkB,GAAE,CAAC;IAElE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAEpD,MAAM,WAAW,GAAyC,IAAA,mBAAW,EACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;YACvB,OAAO,CAAC,eAAe,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrG,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,UAAU;YAAE,OAAO,0DAAqB,CAAC;QAC7C,OAAO,gEAA2B,CAAC;IACvC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,IAAI,wBAAwB,IAAI,MAAM,KAAK,kCAA+B,CAAC,QAAQ,EAAE;QACjF,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,wDACI,SAAS,EAAE,uDAAuD,KAAK,EAAE,EACzE,QAAQ,EAAE,QAAQ,EAClB,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;AAvDW,QAAA,eAAe,mBAuD1B"}

package/lib/cjs/CrossMintModal.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-export interface CrossMintModalProps {
-    className?: string;
-    container?: string;
-}
-export declare const CrossMintModal: FC<CrossMintModalProps>;

package/lib/cjs/CrossMintModal.js

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

package/lib/cjs/CrossMintProvider.d.ts

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