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

package/lib/esm/CrossMintProvider.js

@@ -1,15 +1,17 @@
-import React, { useState } from "react";
-import { CrossMintModal } from "./CrossMintModal";
-import { CrossMintPopupProvider } from "./CrossMintPopupProvider";
-import { CrossMintModalContext } from "./useCrossMintModal";
-export const CrossMintProvider = ({ development = false, children, ...props }) => {
-    const [visible, setVisible] = useState(false);
-    return (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/CrossMintProvider.js.map

@@ -1 +1 @@
-{"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,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAQ5D,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACH,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,OAAO;YACP,UAAU;SACb;QAED,oBAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW;YAC3C,QAAQ;YACR,OAAO,IAAI,oBAAC,cAAc,OAAK,KAAK,GAAI,CACpB,CACI,CACpC,CAAC;AACN,CAAC,CAAC"}
+{"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

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

package/lib/esm/CrossMintStatusButton.js

@@ -0,0 +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));
+};
+//# sourceMappingURL=CrossMintStatusButton.js.map

package/lib/esm/CrossMintStatusButton.js.map

@@ -0,0 +1 @@
+{"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,6CACI,QAAQ,IAAI,aAAa,QAAQ,GAAG,SAAS,IAAI,cAAc,SAAS,EAAE,EAC9E,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

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

@@ -0,0 +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));
+};
+//# sourceMappingURL=CrossMintStatusProvider.js.map

package/lib/esm/CrossMintStatusProvider.js.map

@@ -0,0 +1 @@
+{"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,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/index.d.ts

@@ -1,5 +1,7 @@
-export * from "./CrossMintButton";
-export * from "./CrossMintModal";
-export * from "./useCrossMintModal";
-export * from "./useCrossMintPopup";
-export * from "./CrossMintProvider";
+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,6 +1,8 @@
-export * from "./CrossMintButton";
-export * from "./CrossMintModal";
-export * from "./useCrossMintModal";
-export * from "./useCrossMintPopup";
-export * from "./CrossMintProvider";
+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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC"}

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: (candyMachineId: string, collectionTitle?: string, collectionDescription?: string, collectionPhoto?: 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/useCrossMintPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossMintPopup.js","sourceRoot":"","sources":["../../src/useCrossMintPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAclD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAuB,CAAC,CAAC;AAEtF,MAAM,UAAU,iBAAiB;IAC7B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AACpC,CAAC"}
+{"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.d.ts

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

package/lib/esm/useCrossMintStatus.js

@@ -0,0 +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);
+}
+//# sourceMappingURL=useCrossMintStatus.js.map

package/lib/esm/useCrossMintStatus.js.map

@@ -0,0 +1 @@
+{"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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@crossmint/client-sdk-react-ui",
-    "version": "0.0.5",
+    "version": "0.0.8-alpha.1",
     "author": "Paella Labs Inc",
     "license": "Apache-2.0",
     "repository": "https://github.com/CrossMint/crossmint-client-sdk",
@@ -40,5 +40,5 @@
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
     },
-    "gitHead": "44f9b3ec082a62a7001d9c9195c8848b62e2b9a1"
+    "gitHead": "22ba8a76b39941be8201c8b15b6a5fe8572002d5"
 }

package/src/CrossMintModal.tsx

@@ -1,54 +1,54 @@
-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
-        )
-    );
-};
+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/CrossMintPopupProvider.tsx

@@ -7,7 +7,7 @@ export interface PopupProviderProps {
     children: ReactNode;
 }
 
-const PROD_URL = "https://crossmint.io";
+const PROD_URL = "https://www.crossmint.io";
 const DEV_URL = "http://localhost:3001";
 
 export const CrossMintPopupProvider: FC<PopupProviderProps> = ({ development, children }) => {

package/src/CrossMintProvider.tsx

@@ -6,6 +6,7 @@ import { CrossMintModalContext } from "./useCrossMintModal";
 
 export interface CrossMintProviderProps extends CrossMintModalProps {
     clientId: string;
+    auctionId?: string;
     hideMintOnInactiveClient?: boolean;
     development?: boolean;
     children: ReactNode;
@@ -13,6 +14,7 @@ export interface CrossMintProviderProps extends CrossMintModalProps {
 
 export const CrossMintProvider: FC<CrossMintProviderProps> = ({
     clientId,
+    auctionId,
     hideMintOnInactiveClient = false,
     development = false,
     children,
@@ -21,7 +23,11 @@ export const CrossMintProvider: FC<CrossMintProviderProps> = ({
     const [visible, setVisible] = useState(false);
 
     return (
-        <CrossMintStatusProvider clientId={clientId} hideMintOnInactiveClient={hideMintOnInactiveClient}>
+        <CrossMintStatusProvider
+            clientId={clientId}
+            hideMintOnInactiveClient={hideMintOnInactiveClient}
+            auctionId={auctionId}
+        >
             <CrossMintModalContext.Provider
                 value={{
                     visible,

package/src/CrossMintStatusButton.tsx

@@ -19,7 +19,7 @@ export const CrossMintStatusButton: FC<StatusButtonProps> = ({
     theme = "dark",
     ...props
 }) => {
-    const { status, clientId } = useCrossMintStatus();
+    const { status, clientId, auctionId } = useCrossMintStatus();
 
     const handleClick: MouseEventHandler<HTMLButtonElement> = useCallback(
         (event) => {
@@ -27,7 +27,9 @@ export const CrossMintStatusButton: FC<StatusButtonProps> = ({
 
             if (status === OnboardingRequestStatusResponse.WAITING_SUBMISSION) {
                 window.open(
-                    `https://crossmint.io/developers/onboarding${clientId && `?clientId=${clientId}`}`,
+                    `https://crossmint.io/developers/onboarding${
+                        clientId && `?clientId=${clientId}${auctionId && `&auctionId=${auctionId}`}`
+                    }`,
                     "_blank"
                 );
                 return;

package/src/CrossMintStatusProvider.tsx

@@ -3,12 +3,14 @@ import { OnboardingRequestStatusResponse, CrossMintStatusContext } from "./useCr
 
 export interface CrossMintStatusProviderProps {
     clientId: string;
+    auctionId?: string;
     hideMintOnInactiveClient: boolean;
     children: ReactNode;
 }
 
 export const CrossMintStatusProvider: FC<CrossMintStatusProviderProps> = ({
     clientId,
+    auctionId,
     hideMintOnInactiveClient,
     children,
 }) => {
@@ -17,7 +19,7 @@ export const CrossMintStatusProvider: FC<CrossMintStatusProviderProps> = ({
     );
 
     async function fetchClientIntegration() {
-        const res = await fetch(`https://crossmint.io/api/crossmint/onboardingRequests/${clientId}/status`);
+        const res = await fetch(`https://www.crossmint.io/api/crossmint/onboardingRequests/${clientId}/status`);
 
         if (res.status === 200) {
             const resData: { clientId: string; status: OnboardingRequestStatusResponse } = await res.json();
@@ -46,6 +48,7 @@ export const CrossMintStatusProvider: FC<CrossMintStatusProviderProps> = ({
             value={{
                 status,
                 clientId,
+                auctionId,
                 hideMintOnInactiveClient,
             }}
         >

package/src/useCrossMintModal.tsx

@@ -1,12 +1,12 @@
-import { createContext, useContext } from "react";
-
-export interface CrossMintModalContextState {
-    visible: boolean;
-    setVisible: (open: boolean) => void;
-}
-
-export const CrossMintModalContext = createContext<CrossMintModalContextState>({} as CrossMintModalContextState);
-
-export function useCrossMintModal(): CrossMintModalContextState {
-    return useContext(CrossMintModalContext);
-}
+import { createContext, useContext } from "react";
+
+export interface CrossMintModalContextState {
+    visible: boolean;
+    setVisible: (open: boolean) => void;
+}
+
+export const CrossMintModalContext = createContext<CrossMintModalContextState>({} as CrossMintModalContextState);
+
+export function useCrossMintModal(): CrossMintModalContextState {
+    return useContext(CrossMintModalContext);
+}

package/src/useCrossMintStatus.tsx

@@ -11,6 +11,7 @@ export enum OnboardingRequestStatusResponse {
 export interface CrossMintStatusContextState {
     status: OnboardingRequestStatusResponse;
     clientId: string;
+    auctionId?: string;
     hideMintOnInactiveClient: boolean;
 }