@redzone/taunt-logins-ui-react 0.0.12 → 0.0.14

package/dist/cjs/index.cjs

@@ -0,0 +1,655 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var cc = require('./cc-D-353NYd.cjs');
+var tauntLogins = require('@redzone/taunt-logins');
+
+__insertCSS(".rzd-loginui-complete{background:radial-gradient(50% 50% at 50% 50%,#132c50 0,#0b101b 100%);border-radius:37px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:40px;max-width:620px;min-height:455px;min-width:500px}.rzd-loginview{box-sizing:border-box;color:#fff;font-size:36px;font-weight:700;color:#fff;text-transform:uppercase;margin:20px 0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}input.rdz-input{box-sizing:border-box;position:relative;width:100%;max-width:480px;height:58px;border:2px solid #009df3;box-shadow:0 0 16.9px 1px #0e79f3;border-radius:11px}input.rdz-input::placeholder{color:#fff;opacity:1;font-family:\"Futura PT\",sans-serif;font-size:1em}.rdz-magic-email-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.rdz-magic-email-error{color:red}.rdz-sign-up-text{font-family:\"Futura PT\",sans-serif;font-size:1.2em;font-weight:400}.rdz-icon-button{width:55px;height:55px;border-radius:50%;border:none;background-color:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,filter .2s ease}.rdz-icon-button img{width:100%;height:100%;object-fit:contain}.rdz-icon-button:hover{transform:scale(1.1);filter:brightness(1.1)}.rdz-icon-button:active{transform:scale(.95)}.rdz-icon-button-disabled,.rdz-icon-button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(100%);pointer-events:none}.rdz-icon-button-disabled:hover,.rdz-icon-button:disabled:hover{transform:none;filter:grayscale(100%)}.rdz-magic-email-button{background-size:100% 100%;background-position:center;background-repeat:no-repeat;font-family:DRUNKWIDE,sans-serif;border:none;color:#fff;padding:16px 32px;cursor:pointer;min-height:135px;margin-bottom:-20px;width:100%;max-width:410px;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background-color:transparent;transition:transform .2s ease,filter .2s ease}.rdz-magic-email-button:hover{transform:scale(1.05);filter:brightness(1.1)}.rdz-magic-email-button:active{transform:scale(.98)}.rdz-logout-button{margin-left:8px;padding:12px 24px;background-color:#3b82f6;color:#fff;border-radius:6px;border:none;cursor:pointer;font-family:\"Futura PT\",sans-serif;font-size:16px;font-weight:500;transition:transform .2s ease,filter .2s ease}.rdz-logout-button:hover{transform:scale(1.05);filter:brightness(1.1)}.rdz-logout-button:active{transform:scale(.98)}");
+
+const coinbaseLogo = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030923/coinbase_kyknjr.png";
+const CoinbaseButton = ({ openCoinbase, disabled = false })=>{
+    const runCoinbase = react.useCallback(()=>{
+        if (disabled) return;
+        if (openCoinbase) {
+            openCoinbase();
+        } else {
+            console.log("Coinbase login not yet implemented");
+        }
+    }, [
+        openCoinbase,
+        disabled
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+        className: `rdz-icon-button ${disabled ? "rdz-icon-button-disabled" : ""}`,
+        onClick: runCoinbase,
+        disabled: disabled,
+        children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+            src: coinbaseLogo,
+            alt: "Coinbase"
+        })
+    });
+};
+
+function LoadingView() {
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "rzd-loginview",
+        style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 20
+        },
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("h1", {
+                children: "Processing..."
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                style: {
+                    width: "60px",
+                    height: "60px",
+                    border: "4px solid #009df3",
+                    borderTop: "4px solid transparent",
+                    borderRadius: "50%",
+                    animation: "spin 1s linear infinite"
+                }
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("style", {
+                children: `
+        @keyframes spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
+      `
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("p", {
+                style: {
+                    fontFamily: "Futura PT, sans-serif",
+                    fontSize: "1.2em",
+                    color: "white"
+                },
+                children: "Please wait while we authenticate you..."
+            })
+        ]
+    });
+}
+
+const TauntContext = react.createContext({
+    tauntServiceEndpoint: "",
+    isLoading: false,
+    loggedIn: false,
+    metamaskLogin: ()=>{},
+    otpMagicLogin: ()=>{},
+    telegramLogin: ()=>{},
+    metaLogin: ()=>{},
+    coinbaseLogin: ()=>{},
+    refreshToken: (token)=>cc._async_to_generator(function*() {})(),
+    getClaimrToken: ()=>Promise.resolve(undefined),
+    getClaimrData: ()=>Promise.resolve(undefined),
+    logout: ()=>{}
+});
+function useTaunt() {
+    const ctx = react.useContext(TauntContext);
+    if (!ctx) {
+        throw new Error("useTaunt must be used within a TauntProvider");
+    }
+    return ctx;
+}
+
+const btnImage = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030925/btn_ioay6n.png";
+const MagicEmailInput = ({ onEmail })=>{
+    const { otpMagicLogin } = useTaunt();
+    const [email, setEmail] = react.useState();
+    const [showError, setShowError] = react.useState(false);
+    const validEmail = react.useMemo(()=>{
+        const validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
+        return (email == null ? void 0 : email.match(validRegex)) ? email : undefined;
+    }, [
+        email
+    ]);
+    const runMagic = ()=>{
+        if (!validEmail) {
+            setShowError(true);
+            return;
+        }
+        setShowError(false);
+        if (onEmail) {
+            onEmail(email);
+        } else {
+            otpMagicLogin(email);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        className: "rdz-magic-email-container",
+        children: [
+            showError && /*#__PURE__*/ jsxRuntime.jsx("div", {
+                className: "rdz-magic-email-error",
+                children: "Please enter a valid email"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("input", {
+                className: "rdz-input",
+                onChange: (e)=>setEmail(e.target.value ? e.target.value : undefined),
+                placeholder: "Email address",
+                type: "email",
+                value: email
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("button", {
+                onClick: runMagic,
+                type: "button",
+                className: "rdz-magic-email-button",
+                style: {
+                    backgroundImage: `url(${btnImage})`
+                },
+                children: "LOG IN / SIGN UP"
+            })
+        ]
+    });
+};
+
+const metaLogo = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030923/meta_rhrjov.png";
+const MetaButton = ({ openMeta, disabled = false })=>{
+    // const { metaLogin } = useTaunt() // Uncomment when meta login is implemented
+    const runMeta = react.useCallback(()=>{
+        if (disabled) return;
+        if (openMeta) {
+            openMeta();
+        } else {
+            // metaLogin() // Uncomment when meta login is implemented
+            console.log("Meta login not yet implemented");
+        }
+    }, [
+        openMeta,
+        disabled
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+        className: `rdz-icon-button ${disabled ? 'rdz-icon-button-disabled' : ''}`,
+        onClick: runMeta,
+        disabled: disabled,
+        children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+            src: metaLogo,
+            alt: "Meta"
+        })
+    });
+};
+
+const metamaskLogo = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030924/metamask_asjtmi.png";
+const MetaMaskButton = ({ openMetamask, disabled = false })=>{
+    const { metamaskLogin } = useTaunt();
+    const runMetamask = react.useCallback(()=>{
+        if (disabled) return;
+        if (openMetamask) {
+            openMetamask();
+        } else {
+            metamaskLogin();
+        }
+    }, [
+        metamaskLogin,
+        openMetamask,
+        disabled
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+        className: `rdz-icon-button ${disabled ? 'rdz-icon-button-disabled' : ''}`,
+        onClick: runMetamask,
+        disabled: disabled,
+        children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+            src: metamaskLogo,
+            alt: "MetaMask"
+        })
+    });
+};
+
+const telegramLogo = "https://res.cloudinary.com/dz0wa3qbj/image/upload/v1760030924/tel_vcs64d.png";
+const TelegramButton = ({ openTelegram, disabled = false })=>{
+    const { telegramLogin } = useTaunt();
+    const runTelegram = react.useCallback(()=>{
+        if (disabled) return;
+        if (openTelegram) {
+            openTelegram();
+        } else {
+            telegramLogin();
+        }
+    }, [
+        telegramLogin,
+        openTelegram,
+        disabled
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+        className: `rdz-icon-button ${disabled ? 'rdz-icon-button-disabled' : ''}`,
+        onClick: runTelegram,
+        disabled: disabled,
+        children: /*#__PURE__*/ jsxRuntime.jsx("img", {
+            src: telegramLogo,
+            alt: "Telegram"
+        })
+    });
+};
+
+const LoginView = ({ providers = [
+    "email",
+    "metamask",
+    "telegram",
+    "meta",
+    "coinbase"
+], showEmail = true, showDisabled = false, dividerText = "Or Sign Up Using", providerGap = 20, showTerms = false, termsContent, privacyContent, onTermsClick, onPrivacyClick, ModalComponent, magicEmailProps = {}, coinbaseProps = {}, metamaskProps = {}, metaProps = {}, telegramProps = {} })=>{
+    const [modalContent, setModalContent] = react.useState(null);
+    const showEmailInput = showEmail || providers.includes("email");
+    const allSocialProviders = [
+        "coinbase",
+        "metamask",
+        "meta",
+        "telegram"
+    ];
+    // Determine which social providers to show
+    const socialProvidersToShow = showDisabled ? allSocialProviders : allSocialProviders.filter((p)=>providers.includes(p));
+    const hasSocialProviders = socialProvidersToShow.length > 0;
+    const handleTermsClick = ()=>{
+        console.log("Terms clicked", {
+            onTermsClick,
+            termsContent: !!termsContent
+        });
+        if (onTermsClick) {
+            onTermsClick();
+        } else if (termsContent) {
+            setModalContent({
+                title: "Terms of Service",
+                content: termsContent
+            });
+        }
+    };
+    const handlePrivacyClick = ()=>{
+        console.log("Privacy clicked", {
+            onPrivacyClick,
+            privacyContent: !!privacyContent
+        });
+        if (onPrivacyClick) {
+            onPrivacyClick();
+        } else if (privacyContent) {
+            setModalContent({
+                title: "Privacy Policy",
+                content: privacyContent
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            showEmailInput && /*#__PURE__*/ jsxRuntime.jsx(MagicEmailInput, cc._extends({}, magicEmailProps)),
+            showEmailInput && hasSocialProviders && /*#__PURE__*/ jsxRuntime.jsx("p", {
+                className: "rdz-sign-up-text",
+                children: dividerText
+            }),
+            hasSocialProviders && /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                style: {
+                    display: "flex",
+                    flexDirection: "row",
+                    gap: providerGap,
+                    alignItems: "center"
+                },
+                children: [
+                    socialProvidersToShow.includes("coinbase") && /*#__PURE__*/ jsxRuntime.jsx(CoinbaseButton, cc._extends({
+                        disabled: !providers.includes("coinbase")
+                    }, coinbaseProps)),
+                    socialProvidersToShow.includes("metamask") && /*#__PURE__*/ jsxRuntime.jsx(MetaMaskButton, cc._extends({
+                        disabled: !providers.includes("metamask")
+                    }, metamaskProps)),
+                    socialProvidersToShow.includes("meta") && /*#__PURE__*/ jsxRuntime.jsx(MetaButton, cc._extends({
+                        disabled: !providers.includes("meta")
+                    }, metaProps)),
+                    socialProvidersToShow.includes("telegram") && /*#__PURE__*/ jsxRuntime.jsx(TelegramButton, cc._extends({
+                        disabled: !providers.includes("telegram")
+                    }, telegramProps))
+                ]
+            }),
+            console.log("Terms render check:", {
+                showTerms,
+                hasTermsContent: !!termsContent,
+                hasPrivacyContent: !!privacyContent,
+                hasTermsClick: !!onTermsClick,
+                hasPrivacyClick: !!onPrivacyClick
+            }),
+            showTerms && (termsContent || privacyContent || onTermsClick || onPrivacyClick) && /*#__PURE__*/ jsxRuntime.jsxs("p", {
+                style: {
+                    fontFamily: "Futura PT, sans-serif",
+                    fontSize: "1.3em"
+                },
+                children: [
+                    "By connecting you are agreeing to our",
+                    " ",
+                    (termsContent || onTermsClick) && /*#__PURE__*/ jsxRuntime.jsx("a", {
+                        href: "#",
+                        onClick: (e)=>{
+                            e.preventDefault();
+                            handleTermsClick();
+                        },
+                        style: {
+                            color: "#0099ff",
+                            textDecoration: "none",
+                            cursor: "pointer"
+                        },
+                        children: "Terms of Service"
+                    }),
+                    (termsContent || onTermsClick) && (privacyContent || onPrivacyClick) && " and ",
+                    (privacyContent || onPrivacyClick) && /*#__PURE__*/ jsxRuntime.jsx("a", {
+                        href: "#",
+                        onClick: (e)=>{
+                            e.preventDefault();
+                            handlePrivacyClick();
+                        },
+                        style: {
+                            color: "#0099ff",
+                            textDecoration: "none",
+                            cursor: "pointer"
+                        },
+                        children: "Privacy Policy"
+                    })
+                ]
+            }),
+            modalContent && ModalComponent && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    console.log("Rendering modal", {
+                        modalContent,
+                        ModalComponent: !!ModalComponent
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(ModalComponent, {
+                        title: modalContent.title,
+                        content: modalContent.content,
+                        onClose: ()=>setModalContent(null)
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+const LoginUIComplete = (_param)=>{
+    var { className, extLoading = false } = _param, loginProps = cc._object_without_properties_loose(_param, [
+        "className",
+        "extLoading"
+    ]);
+    const { loggedIn, isLoading } = useTaunt();
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        className: `rzd-loginview rzd-loginui-complete ${className || ""}`,
+        children: extLoading || isLoading ? /*#__PURE__*/ jsxRuntime.jsx(LoadingView, {}) : loggedIn ? /*#__PURE__*/ jsxRuntime.jsx(LoggedInView, {}) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx("h1", {
+                    className: "header-login",
+                    children: "login"
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(LoginView, cc._extends({}, loginProps))
+            ]
+        })
+    });
+};
+function LoggedInView() {
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("h1", {
+                children: "Successfully Logged In"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("p", {
+                style: {
+                    fontFamily: "Futura PT, sans-serif",
+                    fontSize: "1.2em"
+                },
+                children: "You are now logged in!"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(LogoutButton, {})
+        ]
+    });
+}
+function LogoutButton() {
+    const { logout } = useTaunt();
+    return /*#__PURE__*/ jsxRuntime.jsx("button", {
+        onClick: logout,
+        className: "rdz-logout-button",
+        type: "button",
+        children: "Logout"
+    });
+}
+
+function ModalView({ title, content, onClose }) {
+    // Close modal on Escape key
+    react.useEffect(()=>{
+        const handleEscape = (e)=>{
+            if (e.key === "Escape") onClose();
+        };
+        document.addEventListener("keydown", handleEscape);
+        return ()=>document.removeEventListener("keydown", handleEscape);
+    }, [
+        onClose
+    ]);
+    // Parse content to identify headers and format them
+    const formatContent = (text)=>{
+        const lines = text.split("\n");
+        return lines.map((line, index)=>{
+            const trimmedLine = line.trim();
+            // First line is the main title (h1)
+            if (index === 0 && trimmedLine) {
+                return /*#__PURE__*/ jsxRuntime.jsx("h1", {
+                    style: {
+                        marginTop: 0,
+                        marginBottom: "20px",
+                        fontSize: "28px"
+                    },
+                    children: trimmedLine
+                }, index);
+            }
+            // Section headers (lines that are short and followed by content)
+            // Common patterns: "Table of contents", "User content", etc.
+            if (trimmedLine && trimmedLine.length < 100 && !trimmedLine.includes(".") && index < lines.length - 1 && lines[index + 1].trim()) {
+                // Check if next line starts with lowercase or is a paragraph
+                const nextLine = lines[index + 1].trim();
+                if (nextLine && (nextLine[0] === nextLine[0].toUpperCase() || nextLine.startsWith("We "))) {
+                    return /*#__PURE__*/ jsxRuntime.jsx("h3", {
+                        style: {
+                            marginTop: "24px",
+                            marginBottom: "12px",
+                            fontSize: "18px",
+                            fontWeight: "600"
+                        },
+                        children: trimmedLine
+                    }, index);
+                }
+            }
+            // Regular paragraphs
+            if (trimmedLine) {
+                return /*#__PURE__*/ jsxRuntime.jsx("p", {
+                    style: {
+                        marginBottom: "12px"
+                    },
+                    children: trimmedLine
+                }, index);
+            }
+            // Empty lines
+            return /*#__PURE__*/ jsxRuntime.jsx("br", {}, index);
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx("div", {
+        style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: "rgba(0, 0, 0, 0.8)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            zIndex: 1000,
+            padding: "20px"
+        },
+        onClick: onClose,
+        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+            style: {
+                backgroundColor: "#1a1a1a",
+                borderRadius: "12px",
+                border: "2px solid #009df3",
+                maxWidth: "800px",
+                maxHeight: "80vh",
+                width: "100%",
+                display: "flex",
+                flexDirection: "column",
+                overflow: "hidden"
+            },
+            onClick: (e)=>e.stopPropagation(),
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    style: {
+                        padding: "20px 24px",
+                        borderBottom: "1px solid #009df3",
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center"
+                    },
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx("h2", {
+                            style: {
+                                fontFamily: "Futura PT, sans-serif",
+                                margin: 0,
+                                color: "white",
+                                fontSize: "24px"
+                            },
+                            children: title
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx("button", {
+                            onClick: onClose,
+                            style: {
+                                background: "transparent",
+                                border: "none",
+                                color: "white",
+                                fontSize: "32px",
+                                cursor: "pointer",
+                                padding: "0 10px",
+                                lineHeight: 1
+                            },
+                            children: "×"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                    style: {
+                        padding: "24px",
+                        overflow: "auto",
+                        flex: 1,
+                        fontFamily: "Futura PT, sans-serif",
+                        fontSize: "15px",
+                        lineHeight: "1.6",
+                        color: "white",
+                        textAlign: "left"
+                    },
+                    children: formatContent(content)
+                })
+            ]
+        })
+    });
+}
+
+const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
+    const [deets, setDeets] = react.useState();
+    const taunt = new tauntLogins.TauntApi(tauntServiceEndpoint);
+    const [isLoading, setIsLoading] = react.useState(false);
+    const loggedIn = !!deets;
+    const otpMagicLogin = react.useCallback((email)=>{
+        if (!magicKey) throw new Error("magicKey is required for OTP login");
+        setIsLoading(true);
+        tauntLogins.tauntMagicEmailOTPLogin(tauntServiceEndpoint, magicKey, email, taunt).then(setDeets).finally(()=>setIsLoading(false));
+    }, [
+        tauntServiceEndpoint,
+        magicKey
+    ]);
+    const metamaskLogin = react.useCallback(()=>{
+        setIsLoading(true);
+        tauntLogins.tauntMetamaskLogin(tauntServiceEndpoint, undefined, taunt).then(setDeets).finally(()=>setIsLoading(false));
+    }, [
+        tauntServiceEndpoint
+    ]);
+    const telegramLogin = react.useCallback(()=>{
+        if (!magicKey) throw new Error("magicKey is required for Telegram login");
+        setIsLoading(true);
+        tauntLogins.tauntMagicTelegramLogin(tauntServiceEndpoint, magicKey, taunt).then(setDeets).finally(()=>setIsLoading(false));
+    }, [
+        tauntServiceEndpoint,
+        magicKey
+    ]);
+    const metaLogin = react.useCallback(()=>{
+        setIsLoading(true);
+        console.log("Meta login not yet implemented");
+        // Placeholder for Meta login
+        setTimeout(()=>setIsLoading(false), 1000);
+    }, []);
+    const coinbaseLogin = react.useCallback(()=>{
+        setIsLoading(true);
+        console.log("Coinbase login not yet implemented");
+        // Placeholder for Coinbase login
+        setTimeout(()=>setIsLoading(false), 1000);
+    }, []);
+    const getClaimrToken = react.useCallback(()=>{
+        if (!loggedIn) return undefined;
+        return taunt.getClaimrToken();
+    }, [
+        loggedIn
+    ]);
+    const logout = react.useCallback(()=>{
+        setDeets(undefined);
+    }, []);
+    const refreshToken = react.useCallback((token)=>cc._async_to_generator(function*() {
+            if (!token) return;
+            setIsLoading(true);
+            try {
+                const newDeets = yield taunt.refresh(token);
+                setDeets(newDeets);
+            } catch (error) {
+                console.error("Failed to refresh token:", error);
+            } finally{
+                setIsLoading(false);
+            }
+        })(), []);
+    const getClaimrData = react.useCallback(()=>{
+        if (!loggedIn) return undefined;
+        return taunt.getClaimrData();
+    }, [
+        loggedIn
+    ]);
+    if (!tauntServiceEndpoint) {
+        return /*#__PURE__*/ jsxRuntime.jsx("div", {
+            children: "tauntServiceEndpoint is required"
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(TauntContext.Provider, {
+        value: {
+            tauntServiceEndpoint,
+            loggedIn,
+            isLoading,
+            deets,
+            getClaimrData,
+            getClaimrToken,
+            otpMagicLogin,
+            metamaskLogin,
+            telegramLogin,
+            metaLogin,
+            coinbaseLogin,
+            refreshToken,
+            logout
+        },
+        children: children
+    });
+};
+
+exports.CoinbaseButton = CoinbaseButton;
+exports.LoadingView = LoadingView;
+exports.LoginUIComplete = LoginUIComplete;
+exports.LoginView = LoginView;
+exports.MagicEmailInput = MagicEmailInput;
+exports.MetaButton = MetaButton;
+exports.MetaMaskButton = MetaMaskButton;
+exports.ModalView = ModalView;
+exports.TauntContext = TauntContext;
+exports.TauntProvider = TauntProvider;
+exports.TelegramButton = TelegramButton;
+exports.useTaunt = useTaunt;