@crossmint/client-sdk-react-ui 0.0.8-alpha.4 → 0.1.1

package/lib/esm/CrossMintPopupProvider.js

@@ -1,47 +0,0 @@
-import React, { useState } from "react";
-import { useCrossMintModal, useCrossMintStatus } from ".";
-import { PopupContext } from "./useCrossMintPopup";
-const PROD_URL = "https://www.crossmint.io";
-const DEV_URL = "http://localhost:3001";
-export const CrossMintPopupProvider = ({ development, children }) => {
-    const [connecting, setConnecting] = useState(false);
-    const [popup, setPopup] = useState(null);
-    const { clientId } = useCrossMintStatus();
-    const { setVisible } = 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=${encodeURIComponent(clientId)}&closeOnSuccess=false&${collectionTitle ? `collectionTitle=${encodeURIComponent(collectionTitle)}` : ""}${collectionDescription ? `&collectionDescription=${encodeURIComponent(collectionDescription)}` : ""}${collectionPhoto ? `&collectionPhoto=${encodeURIComponent(collectionPhoto)}` : ""}${mintTo ? `&mintTo=${encodeURIComponent(mintTo)}` : ""}${emailTo ? `&emailTo=${encodeURIComponent(emailTo)}` : ""}${listingId ? `&listingId=${encodeURIComponent(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.createElement(PopupContext.Provider, { value: {
-            connecting,
-            popup,
-            connect,
-        } }, children));
-};
-//# sourceMappingURL=CrossMintPopupProvider.js.map

package/lib/esm/CrossMintPopupProvider.js.map

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

package/lib/esm/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>;

package/lib/esm/CrossMintProvider.js

@@ -1,17 +0,0 @@
-import React, { useState } from "react";
-import { CrossMintModal } from "./CrossMintModal";
-import { CrossMintPopupProvider } from "./CrossMintPopupProvider";
-import { CrossMintStatusProvider } from "./CrossMintStatusProvider";
-import { CrossMintModalContext } from "./useCrossMintModal";
-export const CrossMintProvider = ({ clientId, auctionId, hideMintOnInactiveClient = false, development = false, children, ...props }) => {
-    const [visible, setVisible] = useState(false);
-    return (React.createElement(CrossMintStatusProvider, { clientId: clientId, hideMintOnInactiveClient: hideMintOnInactiveClient, auctionId: auctionId },
-        React.createElement(CrossMintModalContext.Provider, { value: {
-                visible,
-                setVisible,
-            } },
-            React.createElement(CrossMintPopupProvider, { development: development },
-                children,
-                visible && React.createElement(CrossMintModal, { ...props })))));
-};
-//# sourceMappingURL=CrossMintProvider.js.map

package/lib/esm/CrossMintProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossMintProvider.js","sourceRoot":"","sources":["../../src/CrossMintProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAU5D,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAC1D,QAAQ,EACR,SAAS,EACT,wBAAwB,GAAG,KAAK,EAChC,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,oBAAC,uBAAuB,IACpB,QAAQ,EAAE,QAAQ,EAClB,wBAAwB,EAAE,wBAAwB,EAClD,SAAS,EAAE,SAAS;QAEpB,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;gBACH,OAAO;gBACP,UAAU;aACb;YAED,oBAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW;gBAC3C,QAAQ;gBACR,OAAO,IAAI,oBAAC,cAAc,OAAK,KAAK,GAAI,CACpB,CACI,CACX,CAC7B,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/CrossMintStatusButton.d.ts

@@ -1,10 +0,0 @@
-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/esm/CrossMintStatusButton.js

@@ -1,31 +0,0 @@
-import React, { useMemo, useCallback } from "react";
-import { OnboardingRequestStatusResponse, useCrossMintStatus } from "./useCrossMintStatus";
-export const CrossMintStatusButton = ({ className, disabled, onClick, style, tabIndex, theme = "dark", ...props }) => {
-    const { status, clientId, auctionId } = useCrossMintStatus();
-    const handleClick = useCallback((event) => {
-        if (onClick)
-            onClick(event);
-        if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
-            window.open(`https://crossmint.io/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${auctionId ? `&auctionId=${auctionId}` : ""}`, "_blank");
-            return;
-        }
-    }, [status]);
-    const content = useMemo(() => {
-        switch (status) {
-            case OnboardingRequestStatusResponse.INVALID:
-                return React.createElement("p", null, "Invalid clientId");
-            case OnboardingRequestStatusResponse.WAITING_SUBMISSION:
-                return React.createElement("p", null, "Click here to setup CrossMint");
-            case OnboardingRequestStatusResponse.PENDING:
-                return React.createElement("p", null, "Your application is under review");
-            case OnboardingRequestStatusResponse.ACCEPTED:
-                return React.createElement("p", null, "You're good to go!");
-            case OnboardingRequestStatusResponse.REJECTED:
-                return React.createElement("p", null, "You're application was rejected");
-        }
-    }, [status]);
-    return (React.createElement("button", { className: `client-sdk-button-trigger client-sdk-button-trigger-${theme}`, disabled: status !== OnboardingRequestStatusResponse.WAITING_SUBMISSION, onClick: handleClick, style: { ...style }, tabIndex: tabIndex, ...props },
-        React.createElement("img", { className: "client-sdk-button-icon", src: "https://www.crossmint.io/assets/crossmint/logo.png", alt: "Crossmint logo" }),
-        content));
-};
-//# sourceMappingURL=CrossMintStatusButton.js.map

package/lib/esm/CrossMintStatusButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossMintStatusButton.js","sourceRoot":"","sources":["../../src/CrossMintStatusButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW3F,MAAM,CAAC,MAAM,qBAAqB,GAA0B,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAE7D,MAAM,WAAW,GAAyC,WAAW,CACjE,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,MAAM,KAAK,+BAA+B,CAAC,kBAAkB,EAAE;YAC/D,MAAM,CAAC,IAAI,CACP,6CAA6C,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAChF,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,EAAE,EACF,QAAQ,CACX,CAAC;YACF,OAAO;SACV;IACL,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,QAAQ,MAAM,EAAE;YACZ,KAAK,+BAA+B,CAAC,OAAO;gBACxC,OAAO,kDAAuB,CAAC;YACnC,KAAK,+BAA+B,CAAC,kBAAkB;gBACnD,OAAO,+DAAoC,CAAC;YAChD,KAAK,+BAA+B,CAAC,OAAO;gBACxC,OAAO,kEAAuC,CAAC;YACnD,KAAK,+BAA+B,CAAC,QAAQ;gBACzC,OAAO,oDAAyB,CAAC;YACrC,KAAK,+BAA+B,CAAC,QAAQ;gBACzC,OAAO,iEAAsC,CAAC;SACrD;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,gCACI,SAAS,EAAE,uDAAuD,KAAK,EAAE,EACzE,QAAQ,EAAE,MAAM,KAAK,+BAA+B,CAAC,kBAAkB,EACvE,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,EACnB,QAAQ,EAAE,QAAQ,KACd,KAAK;QAET,6BACI,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,gBAAgB,GACtB;QACD,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/CrossMintStatusProvider.d.ts

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

package/lib/esm/CrossMintStatusProvider.js

@@ -1,36 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { OnboardingRequestStatusResponse, CrossMintStatusContext } from "./useCrossMintStatus";
-export const CrossMintStatusProvider = ({ clientId, auctionId, hideMintOnInactiveClient, children, }) => {
-    const [status, setStatus] = useState(OnboardingRequestStatusResponse.WAITING_SUBMISSION);
-    async function fetchClientIntegration() {
-        if (!clientId || clientId === "" || clientId === "<YOUR_CLIENT_ID>") {
-            console.warn("You must enter your own CrossMint client ID in <CrossMintProvider clientId=XXX>");
-            return;
-        }
-        const res = await fetch(`https://www.crossmint.io/api/crossmint/onboardingRequests/${clientId}/status`);
-        if (res.status === 200) {
-            const resData = await res.json();
-            console.log("resData", resData);
-            setStatus(resData.status);
-        }
-        else {
-            if (status !== OnboardingRequestStatusResponse.INVALID) {
-                setStatus(OnboardingRequestStatusResponse.INVALID);
-            }
-        }
-    }
-    useEffect(() => {
-        fetchClientIntegration();
-        const interval = setInterval(() => {
-            fetchClientIntegration();
-        }, 60 * 1000);
-        return () => clearInterval(interval);
-    }, []);
-    return (React.createElement(CrossMintStatusContext.Provider, { value: {
-            status,
-            clientId,
-            auctionId,
-            hideMintOnInactiveClient,
-        } }, children));
-};
-//# sourceMappingURL=CrossMintStatusProvider.js.map

package/lib/esm/CrossMintStatusProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossMintStatusProvider.js","sourceRoot":"","sources":["../../src/CrossMintStatusProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,+BAA+B,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAS/F,MAAM,CAAC,MAAM,uBAAuB,GAAqC,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,wBAAwB,EACxB,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAChC,+BAA+B,CAAC,kBAAkB,CACrD,CAAC;IAEF,KAAK,UAAU,sBAAsB;QACjC,IAAI,CAAC,QAAQ,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,kBAAkB,EAAE;YACjE,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;YAChG,OAAO;SACV;QAED,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,6DAA6D,QAAQ,SAAS,CAAC,CAAC;QAExG,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,EAAE;YACpB,MAAM,OAAO,GAAkE,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;YAEhG,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;SAC7B;aAAM;YACH,IAAI,MAAM,KAAK,+BAA+B,CAAC,OAAO,EAAE;gBACpD,SAAS,CAAC,+BAA+B,CAAC,OAAO,CAAC,CAAC;aACtD;SACJ;IACL,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACX,sBAAsB,EAAE,CAAC;QAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAC9B,sBAAsB,EAAE,CAAC;QAC7B,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC;QAEd,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,sBAAsB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACH,MAAM;YACN,QAAQ;YACR,SAAS;YACT,wBAAwB;SAC3B,IAEA,QAAQ,CACqB,CACrC,CAAC;AACN,CAAC,CAAC"}

package/lib/esm/useCrossMintModal.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface CrossMintModalContextState {
-    visible: boolean;
-    setVisible: (open: boolean) => void;
-}
-export declare const CrossMintModalContext: import("react").Context<CrossMintModalContextState>;
-export declare function useCrossMintModal(): CrossMintModalContextState;

package/lib/esm/useCrossMintModal.js

@@ -1,6 +0,0 @@
-import { createContext, useContext } from "react";
-export const CrossMintModalContext = createContext({});
-export function useCrossMintModal() {
-    return useContext(CrossMintModalContext);
-}
-//# sourceMappingURL=useCrossMintModal.js.map

package/lib/esm/useCrossMintModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCrossMintModal.js","sourceRoot":"","sources":["../../src/useCrossMintModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAOlD,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAA6B,EAAgC,CAAC,CAAC;AAEjH,MAAM,UAAU,iBAAiB;IAC7B,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC7C,CAAC"}

package/lib/esm/useCrossMintPopup.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface PopupContextState {
-    connecting: boolean;
-    connect: (collectionTitle?: string, collectionDescription?: string, collectionPhoto?: string, mintTo?: string, emailTo?: string, listingId?: string) => void;
-    popup: Window | null;
-}
-export declare const PopupContext: import("react").Context<PopupContextState>;
-export declare function useCrossMintPopup(): PopupContextState;

package/lib/esm/useCrossMintPopup.js

@@ -1,6 +0,0 @@
-import { createContext, useContext } from "react";
-export const PopupContext = createContext({});
-export function useCrossMintPopup() {
-    return useContext(PopupContext);
-}
-//# sourceMappingURL=useCrossMintPopup.js.map

package/lib/esm/useCrossMintPopup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCrossMintPopup.js","sourceRoot":"","sources":["../../src/useCrossMintPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgBlD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAuB,CAAC,CAAC;AAEtF,MAAM,UAAU,iBAAiB;IAC7B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AACpC,CAAC"}

package/lib/esm/useCrossMintStatus.js

@@ -1,14 +0,0 @@
-import { createContext, useContext } from "react";
-export var OnboardingRequestStatusResponse;
-(function (OnboardingRequestStatusResponse) {
-    OnboardingRequestStatusResponse["WAITING_SUBMISSION"] = "waiting-submission";
-    OnboardingRequestStatusResponse["PENDING"] = "pending";
-    OnboardingRequestStatusResponse["REJECTED"] = "rejected";
-    OnboardingRequestStatusResponse["ACCEPTED"] = "accepted";
-    OnboardingRequestStatusResponse["INVALID"] = "invalid";
-})(OnboardingRequestStatusResponse || (OnboardingRequestStatusResponse = {}));
-export const CrossMintStatusContext = createContext({});
-export function useCrossMintStatus() {
-    return useContext(CrossMintStatusContext);
-}
-//# sourceMappingURL=useCrossMintStatus.js.map

package/lib/esm/useCrossMintStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCrossMintStatus.js","sourceRoot":"","sources":["../../src/useCrossMintStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAN,IAAY,+BAMX;AAND,WAAY,+BAA+B;IACvC,4EAAyC,CAAA;IACzC,sDAAmB,CAAA;IACnB,wDAAqB,CAAA;IACrB,wDAAqB,CAAA;IACrB,sDAAmB,CAAA;AACvB,CAAC,EANW,+BAA+B,KAA/B,+BAA+B,QAM1C;AASD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAA8B,EAAiC,CAAC,CAAC;AAEpH,MAAM,UAAU,kBAAkB;IAC9B,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC9C,CAAC"}

package/src/CrossMintButton.tsx

@@ -1,75 +0,0 @@
-import React, { CSSProperties, FC, MouseEvent, MouseEventHandler, useMemo, useCallback } from "react";
-import { OnboardingRequestStatusResponse, useCrossMintStatus } from ".";
-import { useCrossMintPopup } from "./useCrossMintPopup";
-
-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 const CrossMintButton: FC<ButtonProps> = ({
-    className,
-    disabled,
-    onClick,
-    style,
-    tabIndex,
-    theme = "dark",
-    collectionTitle,
-    collectionDescription,
-    collectionPhoto,
-    mintTo,
-    emailTo,
-    listingId,
-    ...props
-}) => {
-    const { hideMintOnInactiveClient, status } = useCrossMintStatus();
-
-    const { connecting, connect } = useCrossMintPopup();
-
-    const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(
-        (event) => {
-            if (onClick) onClick(event);
-
-            if (!event.defaultPrevented)
-                connect(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
-        },
-        [onClick]
-    );
-
-    const content = useMemo(() => {
-        if (connecting) return <p>Connecting ...</p>;
-        return <p>Buy with credit card</p>;
-    }, [connecting]);
-
-    if (hideMintOnInactiveClient && status !== OnboardingRequestStatusResponse.ACCEPTED) {
-        return null;
-    }
-
-    return (
-        <button
-            className={`client-sdk-button-trigger client-sdk-button-trigger-${theme}`}
-            disabled={disabled}
-            onClick={handleClick}
-            style={{ ...style }}
-            tabIndex={tabIndex}
-            {...props}
-        >
-            <img
-                className="client-sdk-button-icon"
-                src="https://www.crossmint.io/assets/crossmint/logo.png"
-                alt="Crossmint logo"
-            />
-            {content}
-        </button>
-    );
-};

package/src/CrossMintModal.tsx

@@ -1,54 +0,0 @@
-import React, { FC, useCallback, useLayoutEffect, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { useCrossMintModal } from "./useCrossMintModal";
-
-export interface CrossMintModalProps {
-    className?: string;
-    container?: string;
-}
-
-export const CrossMintModal: FC<CrossMintModalProps> = ({ className = "", container = "body" }) => {
-    const ref = useRef<HTMLDivElement>(null);
-    const { setVisible } = useCrossMintModal();
-
-    const [fadeIn, setFadeIn] = useState(false);
-    const [portal, setPortal] = useState<Element | null>(null);
-
-    const hideModal = useCallback(() => {
-        setFadeIn(false);
-        setTimeout(() => setVisible(false), 150);
-    }, [setFadeIn, setVisible]);
-
-    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]);
-
-    useLayoutEffect(() => setPortal(document.querySelector(container)), [setPortal, container]);
-
-    return (
-        portal &&
-        createPortal(
-            <div
-                aria-modal="true"
-                className={`client-sdk-modal ${fadeIn ? "client-sdk-modal-fade-in" : ""} ${className}`}
-                ref={ref}
-            >
-                <div className="client-sdk-modal-container">
-                    <span className="client-sdk-modal-loader" />
-                </div>
-                <div className="client-sdk-modal-overlay" />
-            </div>,
-            portal
-        )
-    );
-};

package/src/CrossMintModalProvider.tsx

@@ -1,23 +0,0 @@
-import React, { FC, ReactNode, useState } from "react";
-import { CrossMintModal, CrossMintModalProps } from "./CrossMintModal";
-import { CrossMintModalContext } from "./useCrossMintModal";
-
-export interface CrossMintModalProviderProps extends CrossMintModalProps {
-    children: ReactNode;
-}
-
-export const CrossMintModalProvider: FC<CrossMintModalProviderProps> = ({ children, ...props }) => {
-    const [visible, setVisible] = useState(false);
-
-    return (
-        <CrossMintModalContext.Provider
-            value={{
-                visible,
-                setVisible,
-            }}
-        >
-            {children}
-            {visible && <CrossMintModal {...props} />}
-        </CrossMintModalContext.Provider>
-    );
-};

package/src/CrossMintPopupProvider.tsx

@@ -1,94 +0,0 @@
-import React, { FC, ReactNode, useState } from "react";
-import { useCrossMintModal, useCrossMintStatus } from ".";
-import { PopupContext } from "./useCrossMintPopup";
-
-export interface PopupProviderProps {
-    development: boolean;
-    children: ReactNode;
-}
-
-const PROD_URL = "https://www.crossmint.io";
-const DEV_URL = "http://localhost:3001";
-
-export const CrossMintPopupProvider: FC<PopupProviderProps> = ({ development, children }) => {
-    const [connecting, setConnecting] = useState(false);
-    const [popup, setPopup] = useState<Window | null>(null);
-
-    const { clientId } = useCrossMintStatus();
-
-    const { setVisible } = useCrossMintModal();
-
-    const createPopup = (
-        collectionTitle?: string,
-        collectionDescription?: string,
-        collectionPhoto?: string,
-        mintTo?: string,
-        emailTo?: string,
-        listingId?: string
-    ) => {
-        const pop = window.open(
-                `${development ? DEV_URL : PROD_URL}/signin?callbackUrl=${encodeURIComponent(
-                        `${development ? DEV_URL : PROD_URL}/checkout/mint?clientId=${encodeURIComponent(clientId)}&closeOnSuccess=false&${
-                                collectionTitle ? `collectionTitle=${encodeURIComponent(collectionTitle)}` : ""
-                                }${collectionDescription ? `&collectionDescription=${encodeURIComponent(collectionDescription)}` : ""}${
-                                collectionPhoto ? `&collectionPhoto=${encodeURIComponent(collectionPhoto)}` : ""
-                                }${mintTo ? `&mintTo=${encodeURIComponent(mintTo)}` : ""}${emailTo ? `&emailTo=${encodeURIComponent(emailTo)}` : ""}${
-                                listingId ? `&listingId=${encodeURIComponent(listingId)}` : ""
-                                }`
-                )}`,
-            "popUpWindow",
-            createPopupString()
-        );
-        if (pop) {
-            setVisible(true);
-            setPopup(pop);
-            registerListeners(pop);
-        } else {
-            setConnecting(false);
-            console.log("Failed to open popup window");
-        }
-    };
-
-    const connect = (
-        collectionTitle?: string,
-        collectionDescription?: string,
-        collectionPhoto?: string,
-        mintTo?: string,
-        emailTo?: string,
-        listingId?: string
-    ) => {
-        if (connecting) return;
-
-        setConnecting(true);
-
-        createPopup(collectionTitle, collectionDescription, collectionPhoto, mintTo, emailTo, listingId);
-    };
-
-    function registerListeners(pop: Window) {
-        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 (
-        <PopupContext.Provider
-            value={{
-                connecting,
-                popup,
-                connect,
-            }}
-        >
-            {children}
-        </PopupContext.Provider>
-    );
-};

package/src/CrossMintProvider.tsx

@@ -1,44 +0,0 @@
-import React, { FC, ReactNode, useState } from "react";
-import { CrossMintModal, CrossMintModalProps } from "./CrossMintModal";
-import { CrossMintPopupProvider } from "./CrossMintPopupProvider";
-import { CrossMintStatusProvider } from "./CrossMintStatusProvider";
-import { CrossMintModalContext } from "./useCrossMintModal";
-
-export interface CrossMintProviderProps extends CrossMintModalProps {
-    clientId: string;
-    auctionId?: string;
-    hideMintOnInactiveClient?: boolean;
-    development?: boolean;
-    children: ReactNode;
-}
-
-export const CrossMintProvider: FC<CrossMintProviderProps> = ({
-    clientId,
-    auctionId,
-    hideMintOnInactiveClient = false,
-    development = false,
-    children,
-    ...props
-}) => {
-    const [visible, setVisible] = useState(false);
-
-    return (
-        <CrossMintStatusProvider
-            clientId={clientId}
-            hideMintOnInactiveClient={hideMintOnInactiveClient}
-            auctionId={auctionId}
-        >
-            <CrossMintModalContext.Provider
-                value={{
-                    visible,
-                    setVisible,
-                }}
-            >
-                <CrossMintPopupProvider development={development}>
-                    {children}
-                    {visible && <CrossMintModal {...props} />}
-                </CrossMintPopupProvider>
-            </CrossMintModalContext.Provider>
-        </CrossMintStatusProvider>
-    );
-};

package/src/CrossMintStatusButton.tsx

@@ -1,73 +0,0 @@
-import React, { CSSProperties, FC, MouseEvent, MouseEventHandler, useMemo, useCallback } from "react";
-import { OnboardingRequestStatusResponse, useCrossMintStatus } from "./useCrossMintStatus";
-
-export interface StatusButtonProps {
-    className?: string;
-    disabled?: boolean;
-    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-    style?: CSSProperties;
-    tabIndex?: number;
-    theme?: "light" | "dark";
-}
-
-export const CrossMintStatusButton: FC<StatusButtonProps> = ({
-    className,
-    disabled,
-    onClick,
-    style,
-    tabIndex,
-    theme = "dark",
-    ...props
-}) => {
-    const { status, clientId, auctionId } = useCrossMintStatus();
-
-    const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(
-        (event) => {
-            if (onClick) onClick(event);
-
-            if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
-                window.open(
-                    `https://crossmint.io/developers/onboarding${clientId ? `?clientId=${clientId}` : ""}${
-                        auctionId ? `&auctionId=${auctionId}` : ""
-                    }`,
-                    "_blank"
-                );
-                return;
-            }
-        },
-        [status]
-    );
-
-    const content = useMemo(() => {
-        switch (status) {
-            case OnboardingRequestStatusResponse.INVALID:
-                return <p>Invalid clientId</p>;
-            case OnboardingRequestStatusResponse.WAITING_SUBMISSION:
-                return <p>Click here to setup CrossMint</p>;
-            case OnboardingRequestStatusResponse.PENDING:
-                return <p>Your application is under review</p>;
-            case OnboardingRequestStatusResponse.ACCEPTED:
-                return <p>You're good to go!</p>;
-            case OnboardingRequestStatusResponse.REJECTED:
-                return <p>You're application was rejected</p>;
-        }
-    }, [status]);
-
-    return (
-        <button
-            className={`client-sdk-button-trigger client-sdk-button-trigger-${theme}`}
-            disabled={status !== OnboardingRequestStatusResponse.WAITING_SUBMISSION}
-            onClick={handleClick}
-            style={{ ...style }}
-            tabIndex={tabIndex}
-            {...props}
-        >
-            <img
-                className="client-sdk-button-icon"
-                src="https://www.crossmint.io/assets/crossmint/logo.png"
-                alt="Crossmint logo"
-            />
-            {content}
-        </button>
-    );
-};