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

package/lib/esm/CrossMintModal.js

@@ -1,32 +1,32 @@
-import React, { useCallback, useLayoutEffect, useRef, useState } from "react";
-import { createPortal } from "react-dom";
-import { useCrossMintModal } from "./useCrossMintModal";
-export const CrossMintModal = ({ className = "", container = "body" }) => {
-    const ref = useRef(null);
-    const { setVisible } = useCrossMintModal();
-    const [fadeIn, setFadeIn] = useState(false);
-    const [portal, setPortal] = useState(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(React.createElement("div", { "aria-modal": "true", className: `client-sdk-modal ${fadeIn ? "client-sdk-modal-fade-in" : ""} ${className}`, ref: ref },
-            React.createElement("div", { className: "client-sdk-modal-container" },
-                React.createElement("span", { className: "client-sdk-modal-loader" })),
-            React.createElement("div", { className: "client-sdk-modal-overlay" })), portal));
-};
+import React, { useCallback, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { useCrossMintModal } from "./useCrossMintModal";
+export const CrossMintModal = ({ className = "", container = "body" }) => {
+    const ref = useRef(null);
+    const { setVisible } = useCrossMintModal();
+    const [fadeIn, setFadeIn] = useState(false);
+    const [portal, setPortal] = useState(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(React.createElement("div", { "aria-modal": "true", className: `client-sdk-modal ${fadeIn ? "client-sdk-modal-fade-in" : ""} ${className}`, ref: ref },
+            React.createElement("div", { className: "client-sdk-modal-container" },
+                React.createElement("span", { className: "client-sdk-modal-loader" })),
+            React.createElement("div", { className: "client-sdk-modal-overlay" })), portal));
+};
 //# sourceMappingURL=CrossMintModal.js.map

package/lib/esm/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/esm/CrossMintModalProvider.js

@@ -1,13 +1,13 @@
-import React, { useState } from "react";
-import { CrossMintModal } from "./CrossMintModal";
-import { CrossMintModalContext } from "./useCrossMintModal";
-export const CrossMintModalProvider = ({ children, ...props }) => {
-    const [visible, setVisible] = useState(false);
-    return (React.createElement(CrossMintModalContext.Provider, { value: {
-            visible,
-            setVisible,
-        } },
-        children,
-        visible && React.createElement(CrossMintModal, { ...props })));
-};
+import React, { useState } from "react";
+import { CrossMintModal } from "./CrossMintModal";
+import { CrossMintModalContext } from "./useCrossMintModal";
+export const CrossMintModalProvider = ({ children, ...props }) => {
+    const [visible, setVisible] = useState(false);
+    return (React.createElement(CrossMintModalContext.Provider, { value: {
+            visible,
+            setVisible,
+        } },
+        children,
+        visible && React.createElement(CrossMintModal, { ...props })));
+};
 //# sourceMappingURL=CrossMintModalProvider.js.map

package/lib/esm/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/esm/CrossMintPopupProvider.js

@@ -1,47 +1,47 @@
-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=${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.createElement(PopupContext.Provider, { value: {
-            connecting,
-            popup,
-            connect,
-        } }, children));
-};
+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=${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.createElement(PopupContext.Provider, { value: {
+            connecting,
+            popup,
+            connect,
+        } }, children));
+};
 //# sourceMappingURL=CrossMintPopupProvider.js.map

package/lib/esm/CrossMintPopupProvider.js.map

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

package/lib/esm/CrossMintProvider.d.ts

@@ -1,10 +1,10 @@
-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>;
+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 +1,17 @@
-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 })))));
-};
+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/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>;

package/lib/esm/CrossMintStatusButton.js

@@ -1,31 +1,31 @@
-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));
-};
+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/CrossMintStatusProvider.d.ts

@@ -1,8 +1,8 @@
-import { FC, ReactNode } from "react";
-export interface CrossMintStatusProviderProps {
-    clientId: string;
-    auctionId?: string;
-    hideMintOnInactiveClient: boolean;
-    children: ReactNode;
-}
-export declare const CrossMintStatusProvider: FC<CrossMintStatusProviderProps>;
+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,32 +1,32 @@
-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() {
-        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));
-};
+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() {
+        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/index.d.ts

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

package/lib/esm/index.js

@@ -1,8 +1,8 @@
-export * from "./CrossMintButton";
-export * from "./CrossMintModal";
-export * from "./useCrossMintModal";
-export * from "./useCrossMintPopup";
-export * from "./CrossMintProvider";
-export * from "./useCrossMintStatus";
-export * from "./CrossMintStatusButton";
+export * from "./CrossMintButton";
+export * from "./CrossMintModal";
+export * from "./useCrossMintModal";
+export * from "./useCrossMintPopup";
+export * from "./CrossMintProvider";
+export * from "./useCrossMintStatus";
+export * from "./CrossMintStatusButton";
 //# sourceMappingURL=index.js.map

package/lib/esm/useCrossMintModal.d.ts

@@ -1,7 +1,7 @@
-/// <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;
+/// <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 +1,6 @@
-import { createContext, useContext } from "react";
-export const CrossMintModalContext = createContext({});
-export function useCrossMintModal() {
-    return useContext(CrossMintModalContext);
-}
+import { createContext, useContext } from "react";
+export const CrossMintModalContext = createContext({});
+export function useCrossMintModal() {
+    return useContext(CrossMintModalContext);
+}
 //# sourceMappingURL=useCrossMintModal.js.map

package/lib/esm/useCrossMintPopup.d.ts

@@ -1,8 +1,8 @@
-/// <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;
+/// <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 +1,6 @@
-import { createContext, useContext } from "react";
-export const PopupContext = createContext({});
-export function useCrossMintPopup() {
-    return useContext(PopupContext);
-}
+import { createContext, useContext } from "react";
+export const PopupContext = createContext({});
+export function useCrossMintPopup() {
+    return useContext(PopupContext);
+}
 //# sourceMappingURL=useCrossMintPopup.js.map

package/lib/esm/useCrossMintStatus.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-export declare 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;
-}
-export declare const CrossMintStatusContext: import("react").Context<CrossMintStatusContextState>;
-export declare function useCrossMintStatus(): CrossMintStatusContextState;
+/// <reference types="react" />
+export declare 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;
+}
+export declare const CrossMintStatusContext: import("react").Context<CrossMintStatusContextState>;
+export declare function useCrossMintStatus(): CrossMintStatusContextState;

package/lib/esm/useCrossMintStatus.js

@@ -1,14 +1,14 @@
-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);
-}
+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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.0.8-alpha.2",
+    "version": "0.0.8-alpha.3",
     "author": "Paella Labs Inc",
     "license": "Apache-2.0",
     "repository": "https://github.com/CrossMint/crossmint-client-sdk",
@@ -39,6 +39,5 @@
         "@types/react-dom": "^17.0.11",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
-    },
-    "gitHead": "8e5b2b0b790b6258553cc8b72b031265fc99d1e7"
+    }
 }