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

package/src/CrossMintStatusProvider.tsx

@@ -1,63 +0,0 @@
-import React, { FC, ReactNode, useEffect, useState } from "react";
-import { OnboardingRequestStatusResponse, CrossMintStatusContext } from "./useCrossMintStatus";
-
-export interface CrossMintStatusProviderProps {
-    clientId: string;
-    auctionId?: string;
-    hideMintOnInactiveClient: boolean;
-    children: ReactNode;
-}
-
-export const CrossMintStatusProvider: FC<CrossMintStatusProviderProps> = ({
-    clientId,
-    auctionId,
-    hideMintOnInactiveClient,
-    children,
-}) => {
-    const [status, setStatus] = useState<OnboardingRequestStatusResponse>(
-        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: { clientId: string; status: OnboardingRequestStatusResponse } = 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 (
-        <CrossMintStatusContext.Provider
-            value={{
-                status,
-                clientId,
-                auctionId,
-                hideMintOnInactiveClient,
-            }}
-        >
-            {children}
-        </CrossMintStatusContext.Provider>
-    );
-};

package/src/useCrossMintModal.tsx

@@ -1,12 +0,0 @@
-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/useCrossMintPopup.tsx

@@ -1,21 +0,0 @@
-import { createContext, useContext } from "react";
-
-export interface PopupContextState {
-    connecting: boolean;
-    connect: (
-        collectionTitle?: string,
-        collectionDescription?: string,
-        collectionPhoto?: string,
-        mintTo?: string,
-        emailTo?: string,
-        listingId?: string
-    ) => void;
-
-    popup: Window | null;
-}
-
-export const PopupContext = createContext<PopupContextState>({} as PopupContextState);
-
-export function useCrossMintPopup(): PopupContextState {
-    return useContext(PopupContext);
-}

package/src/useCrossMintStatus.tsx

@@ -1,22 +0,0 @@
-import { createContext, useContext } from "react";
-
-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;
-}
-
-export const CrossMintStatusContext = createContext<CrossMintStatusContextState>({} as CrossMintStatusContextState);
-
-export function useCrossMintStatus(): CrossMintStatusContextState {
-    return useContext(CrossMintStatusContext);
-}

package/styles.css

@@ -1,119 +0,0 @@
-@import url("https://cdn.rawgit.com/mfd/09b70eb47474836f25a21660282ce0fd/raw/e06a670afcb2b861ed2ac4a1ef752d062ef6b46b/Gilroy.css");
-
-:root {
-    --crossmint-main-green: #00ff85;
-    --crossmint-main-blue: #00e0ff;
-    --crossmint-main-dark-bg: #1e1e1e;
-}
-
-/* Mint Button */
-
-.client-sdk-button-trigger {
-    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: "Gilroy", -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;
-}
-
-.client-sdk-button-trigger p {
-    margin: 0;
-}
-
-.client-sdk-button-trigger:hover:enabled {
-    opacity: 0.6;
-    cursor: pointer;
-}
-
-.client-sdk-button-trigger-dark {
-    background: var(--crossmint-main-dark-bg);
-}
-
-.client-sdk-button-trigger-light {
-    background: white;
-}
-
-.client-sdk-button-trigger-light p {
-    color: black;
-}
-
-.client-sdk-button-trigger-dark p {
-    color: white;
-}
-
-.client-sdk-button-trigger-colored {
-    background-image: linear-gradient(to bottom right, var(--crossmint-main-green), var(--crossmint-main-blue));
-    color: white;
-}
-
-.client-sdk-button-icon {
-    width: 21px;
-    height: 21px;
-    margin-right: 0.875rem;
-}
-
-/* Modal */
-.client-sdk-modal {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    opacity: 0;
-    transition: opacity linear 150ms;
-    background: rgba(0, 0, 0, 0.5);
-    z-index: 1040;
-}
-
-.client-sdk-modal.client-sdk-modal-fade-in {
-    opacity: 1;
-}
-
-.client-sdk-modal-overlay {
-    background: rgba(0, 0, 0, 0.5);
-    position: fixed;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-}
-
-.client-sdk-modal-container {
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 1041;
-}
-
-.client-sdk-modal-loader {
-    border: 3px solid transparent; /* Light grey */
-    border-top: 3px solid white; /* Blue */
-    border-radius: 50%;
-    width: 35px;
-    height: 35px;
-    animation: crossmintSpin 1s linear infinite;
-}
-
-@keyframes crossmintSpin {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}