@redzone/taunt-logins-ui-react 0.0.19 → 0.0.21

package/dist/cjs/index.cjs

@@ -9,7 +9,6 @@ function __insertCSS(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)}");
@@ -81,24 +80,32 @@ function LoadingView() {
     });
 }
 
+const DefinitelyUndefined = ()=>Promise.resolve(undefined);
 const TauntContext = react.createContext({
+    taunt: {},
     tauntServiceEndpoint: "",
-    isLoading: false,
+    initialised: false,
     loggedIn: false,
-    setLoginDetails: ()=>{},
-    getMe: ()=>Promise.resolve(undefined),
-    metamaskLogin: ()=>{},
-    otpMagicLogin: ()=>{},
-    telegramLogin: ()=>{},
-    metaLogin: ()=>{},
-    coinbaseLogin: ()=>{},
-    refreshToken: (token)=>cc._async_to_generator(function*() {})(),
-    getClaimrToken: ()=>Promise.resolve(undefined),
-    getClaimrData: ()=>Promise.resolve(undefined),
-    logout: ()=>{}
+    isLoading: false,
+    tauntUser: undefined,
+    loginDetails: undefined,
+    setLoginDetails: DefinitelyUndefined,
+    getMe: DefinitelyUndefined,
+    metamaskLogin: DefinitelyUndefined,
+    otpMagicLogin: DefinitelyUndefined,
+    telegramLogin: DefinitelyUndefined,
+    metaLogin: DefinitelyUndefined,
+    coinbaseLogin: DefinitelyUndefined,
+    refreshToken: DefinitelyUndefined,
+    getClaimrToken: DefinitelyUndefined,
+    getClaimrSkulls: DefinitelyUndefined,
+    getClaimrReferralCode: DefinitelyUndefined,
+    logout: ()=>{
+    /* empty */ }
 });
 function useTaunt() {
     const ctx = react.useContext(TauntContext);
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!ctx) {
         throw new Error("useTaunt must be used within a TauntProvider");
     }
@@ -112,12 +119,12 @@ const MagicEmailInput = ({ onEmail })=>{
     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;
+        return email?.match(validRegex) ? email : undefined;
     }, [
         email
     ]);
     const runMagic = ()=>{
-        if (!validEmail) {
+        if (!email || !validEmail) {
             setShowError(true);
             return;
         }
@@ -137,7 +144,9 @@ const MagicEmailInput = ({ onEmail })=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx("input", {
                 className: "rdz-input",
-                onChange: (e)=>setEmail(e.target.value ? e.target.value : undefined),
+                onChange: (e)=>{
+                    setEmail(e.target.value ? e.target.value : undefined);
+                },
                 placeholder: "Email address",
                 type: "email",
                 value: email
@@ -281,7 +290,9 @@ const LoginView = ({ providers = [
     };
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
-            showEmailInput && /*#__PURE__*/ jsxRuntime.jsx(MagicEmailInput, cc._extends({}, magicEmailProps)),
+            showEmailInput && /*#__PURE__*/ jsxRuntime.jsx(MagicEmailInput, {
+                ...magicEmailProps
+            }),
             showEmailInput && hasSocialProviders && /*#__PURE__*/ jsxRuntime.jsx("p", {
                 className: "rdz-sign-up-text",
                 children: dividerText
@@ -294,18 +305,22 @@ const LoginView = ({ providers = [
                     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))
+                    socialProvidersToShow.includes("coinbase") && /*#__PURE__*/ jsxRuntime.jsx(CoinbaseButton, {
+                        disabled: !providers.includes("coinbase"),
+                        ...coinbaseProps
+                    }),
+                    socialProvidersToShow.includes("metamask") && /*#__PURE__*/ jsxRuntime.jsx(MetaMaskButton, {
+                        disabled: !providers.includes("metamask"),
+                        ...metamaskProps
+                    }),
+                    socialProvidersToShow.includes("meta") && /*#__PURE__*/ jsxRuntime.jsx(MetaButton, {
+                        disabled: !providers.includes("meta"),
+                        ...metaProps
+                    }),
+                    socialProvidersToShow.includes("telegram") && /*#__PURE__*/ jsxRuntime.jsx(TelegramButton, {
+                        disabled: !providers.includes("telegram"),
+                        ...telegramProps
+                    })
                 ]
             }),
             console.log("Terms render check:", {
@@ -315,7 +330,7 @@ const LoginView = ({ providers = [
                 hasTermsClick: !!onTermsClick,
                 hasPrivacyClick: !!onPrivacyClick
             }),
-            showTerms && (termsContent || privacyContent || onTermsClick || onPrivacyClick) && /*#__PURE__*/ jsxRuntime.jsxs("p", {
+            showTerms && (termsContent ?? privacyContent ?? onTermsClick ?? onPrivacyClick) && /*#__PURE__*/ jsxRuntime.jsxs("p", {
                 style: {
                     fontFamily: "Futura PT, sans-serif",
                     fontSize: "1.3em"
@@ -323,7 +338,7 @@ const LoginView = ({ providers = [
                 children: [
                     "By connecting you are agreeing to our",
                     " ",
-                    (termsContent || onTermsClick) && /*#__PURE__*/ jsxRuntime.jsx("a", {
+                    (termsContent ?? onTermsClick) && /*#__PURE__*/ jsxRuntime.jsx("a", {
                         href: "#",
                         onClick: (e)=>{
                             e.preventDefault();
@@ -336,8 +351,8 @@ const LoginView = ({ providers = [
                         },
                         children: "Terms of Service"
                     }),
-                    (termsContent || onTermsClick) && (privacyContent || onPrivacyClick) && " and ",
-                    (privacyContent || onPrivacyClick) && /*#__PURE__*/ jsxRuntime.jsx("a", {
+                    (termsContent ?? onTermsClick) && (privacyContent ?? onPrivacyClick) && " and ",
+                    (privacyContent ?? onPrivacyClick) && /*#__PURE__*/ jsxRuntime.jsx("a", {
                         href: "#",
                         onClick: (e)=>{
                             e.preventDefault();
@@ -361,7 +376,9 @@ const LoginView = ({ providers = [
                     /*#__PURE__*/ jsxRuntime.jsx(ModalComponent, {
                         title: modalContent.title,
                         content: modalContent.content,
-                        onClose: ()=>setModalContent(null)
+                        onClose: ()=>{
+                            setModalContent(null);
+                        }
                     })
                 ]
             })
@@ -369,21 +386,19 @@ const LoginView = ({ providers = [
     });
 };
 
-const LoginUIComplete = (_param)=>{
-    var { className, extLoading = false } = _param, loginProps = cc._object_without_properties_loose(_param, [
-        "className",
-        "extLoading"
-    ]);
+const LoginUIComplete = ({ className, extLoading = false, ...loginProps })=>{
     const { loggedIn, isLoading } = useTaunt();
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
-        className: `rzd-loginview rzd-loginui-complete ${className || ""}`,
+        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))
+                /*#__PURE__*/ jsxRuntime.jsx(LoginView, {
+                    ...loginProps
+                })
             ]
         })
     });
@@ -422,7 +437,9 @@ function ModalView({ title, content, onClose }) {
             if (e.key === "Escape") onClose();
         };
         document.addEventListener("keydown", handleEscape);
-        return ()=>document.removeEventListener("keydown", handleEscape);
+        return ()=>{
+            document.removeEventListener("keydown", handleEscape);
+        };
     }, [
         onClose
     ]);
@@ -447,7 +464,7 @@ function ModalView({ title, content, onClose }) {
             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 "))) {
+                if (nextLine && (nextLine.substring(0) === nextLine.substring(0).toUpperCase() || nextLine.startsWith("We "))) {
                     return /*#__PURE__*/ jsxRuntime.jsx("h3", {
                         style: {
                             marginTop: "24px",
@@ -499,7 +516,9 @@ function ModalView({ title, content, onClose }) {
                 flexDirection: "column",
                 overflow: "hidden"
             },
-            onClick: (e)=>e.stopPropagation(),
+            onClick: (e)=>{
+                e.stopPropagation();
+            },
             children: [
                 /*#__PURE__*/ jsxRuntime.jsxs("div", {
                     style: {
@@ -553,84 +572,150 @@ function ModalView({ title, content, onClose }) {
 }
 
 const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
+    if (!tauntServiceEndpoint) {
+        throw new Error("TauntProvider: tauntServiceEndpoint is not provided");
+    }
+    console.log("🔧 Initializing TauntProvider with endpoint:", {
+        tauntServiceEndpoint,
+        magicKey
+    });
+    const [initialised, setInitialised] = react.useState(false);
     const [loginDetails, setLoginDetails] = react.useState();
+    const [tauntUser, setTauntUser] = react.useState();
     const taunt = react.useMemo(()=>new tauntLogins.TauntApi(tauntServiceEndpoint), [
         tauntServiceEndpoint
     ]);
     const [isLoading, setIsLoading] = react.useState(false);
-    const loggedIn = !!loginDetails;
-    const otpMagicLogin = react.useCallback((email)=>{
-        if (!magicKey) throw new Error("magicKey is required for OTP login");
+    const loggedIn = !!tauntUser;
+    const getMe = react.useCallback(async (force = false)=>{
+        if (!force && !loggedIn) return undefined;
+        return taunt.getLoggedInUser();
+    }, [
+        loggedIn,
+        taunt
+    ]);
+    const refreshUser = react.useCallback(async ()=>{
+        const me = await getMe(true);
+        setTauntUser(me);
+        return me;
+    }, [
+        getMe
+    ]);
+    const loginWith = react.useCallback(async (fn)=>{
+        if (tauntUser) return Promise.resolve(tauntUser);
         setIsLoading(true);
-        tauntLogins.tauntMagicEmailOTPLogin(tauntServiceEndpoint, magicKey, email, taunt).then(setLoginDetails).finally(()=>setIsLoading(false));
+        const resp = await fn({
+            taunt,
+            tauntServiceEndpoint,
+            magicKey: magicKey ?? ""
+        });
+        setLoginDetails(resp);
+        if (resp) {
+            await refreshUser();
+        }
+        setIsLoading(false);
+        return tauntUser;
     }, [
+        tauntUser,
+        taunt,
         tauntServiceEndpoint,
-        magicKey
+        magicKey,
+        refreshUser
     ]);
     const metamaskLogin = react.useCallback(()=>{
-        setIsLoading(true);
-        tauntLogins.tauntMetamaskLogin(tauntServiceEndpoint, undefined, taunt).then(setLoginDetails).finally(()=>setIsLoading(false));
+        return loginWith(({ taunt, tauntServiceEndpoint })=>tauntLogins.tauntMetamaskLogin(tauntServiceEndpoint, undefined, taunt));
     }, [
-        tauntServiceEndpoint
+        loginWith
+    ]);
+    const otpMagicLogin = react.useCallback((email)=>{
+        if (!magicKey) throw new Error("magicKey is required for OTP login");
+        if (!email) throw new Error("email is required for OTP login");
+        return loginWith(({ taunt, tauntServiceEndpoint, magicKey })=>tauntLogins.tauntMagicEmailOTPLogin(tauntServiceEndpoint, magicKey, email, taunt));
+    }, [
+        loginWith,
+        magicKey
     ]);
     const telegramLogin = react.useCallback(()=>{
         if (!magicKey) throw new Error("magicKey is required for Telegram login");
-        setIsLoading(true);
-        tauntLogins.tauntMagicTelegramLogin(tauntServiceEndpoint, magicKey, taunt).then(setLoginDetails).finally(()=>setIsLoading(false));
+        return loginWith(({ taunt, tauntServiceEndpoint, magicKey })=>tauntLogins.tauntMagicTelegramLogin(tauntServiceEndpoint, magicKey, taunt));
     }, [
-        tauntServiceEndpoint,
+        loginWith,
         magicKey
     ]);
     const metaLogin = react.useCallback(()=>{
         setIsLoading(true);
         console.log("Meta login not yet implemented");
         // Placeholder for Meta login
-        setTimeout(()=>setIsLoading(false), 1000);
+        setTimeout(()=>{
+            setIsLoading(false);
+        }, 1000);
+        return Promise.resolve(undefined);
     }, []);
     const coinbaseLogin = react.useCallback(()=>{
         setIsLoading(true);
         console.log("Coinbase login not yet implemented");
         // Placeholder for Coinbase login
-        setTimeout(()=>setIsLoading(false), 1000);
+        setTimeout(()=>{
+            setIsLoading(false);
+        }, 1000);
+        return Promise.resolve(undefined);
     }, []);
-    const getClaimrToken = react.useCallback(()=>{
-        if (!loggedIn) return undefined;
-        return taunt.getClaimrToken();
+    const logout = react.useCallback(()=>{
+        void taunt.logout().then(()=>{
+            setTauntUser(undefined);
+        });
     }, [
-        loggedIn
-    ]);
-    const getMe = react.useCallback(()=>cc._async_to_generator(function*() {
-            if (!loggedIn) return undefined;
-            return taunt.getLoggedInUser();
-        })(), [
-        loggedIn
+        taunt
     ]);
-    const logout = react.useCallback(()=>{
-        setLoginDetails(undefined);
-    }, []);
-    const refreshToken = react.useCallback((token)=>cc._async_to_generator(function*() {
-            if (!token) return;
-            setIsLoading(true);
-            try {
-                const newDeets = yield taunt.refresh(token);
-                setLoginDetails(newDeets);
-            } catch (error) {
-                console.error("Failed to refresh token:", error);
-            } finally{
-                setIsLoading(false);
-            }
-        })(), []);
-    const getClaimrData = react.useCallback(()=>cc._async_to_generator(function*() {
-            if (!loggedIn) return undefined;
-            return taunt.getClaimrData();
-        })(), [
-        loggedIn
+    const refreshToken = react.useCallback(async (token)=>{
+        if (!token) return;
+        setIsLoading(true);
+        try {
+            await taunt.refresh(token);
+            return await refreshUser();
+        } catch (error) {
+            console.error("Failed to refresh token:", error);
+        } finally{
+            setIsLoading(false);
+        }
+    }, [
+        refreshUser,
+        taunt
     ]);
-    const safeSetLoginDetails = react.useCallback((props)=>cc._async_to_generator(function*() {
-            taunt.setLoginDetails(props).then(setLoginDetails);
-        })(), [
+    const withTaunt = react.useCallback(async (fn)=>{
+        if (loggedIn) {
+            return fn(taunt);
+        }
+    }, [
+        loggedIn,
         taunt
     ]);
+    const getClaimrSkulls = react.useCallback(()=>withTaunt((taunt)=>taunt.getClaimrSkulls()), [
+        withTaunt
+    ]);
+    const getClaimrToken = react.useCallback(()=>withTaunt((taunt)=>taunt.getClaimrToken()), [
+        withTaunt
+    ]);
+    const getClaimrReferralCode = react.useCallback(()=>withTaunt((taunt)=>taunt.getClaimrReferralCode()), [
+        withTaunt
+    ]);
+    const safeSetLoginDetails = react.useCallback((props)=>loginWith(async ({ taunt })=>{
+            await taunt.setLoginDetails(props);
+            return props;
+        }), [
+        loginWith
+    ]);
+    react.useEffect(()=>{
+        if (!initialised && !loggedIn) {
+            void refreshUser().then(()=>{
+                setInitialised(true);
+            });
+        }
+    }, [
+        initialised,
+        loggedIn,
+        refreshUser
+    ]);
     if (!tauntServiceEndpoint) {
         return /*#__PURE__*/ jsxRuntime.jsx("div", {
             children: "tauntServiceEndpoint is required"
@@ -638,15 +723,18 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     }
     return /*#__PURE__*/ jsxRuntime.jsx(TauntContext.Provider, {
         value: {
+            taunt,
             tauntServiceEndpoint,
+            initialised,
             loggedIn,
             isLoading,
-            deets: loginDetails,
             loginDetails,
+            tauntUser,
             setLoginDetails: safeSetLoginDetails,
             getMe,
-            getClaimrData,
             getClaimrToken,
+            getClaimrSkulls,
+            getClaimrReferralCode,
             otpMagicLogin,
             metamaskLogin,
             telegramLogin,

package/dist/cjs/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { TauntAccessDetails, TauntUser, ClaimrCampaignData } from '@redzone/taunt-logins';
+import { TauntApi, TauntUser, TauntAccessDetails, ClaimrCampaignData } from '@redzone/taunt-logins';
 
 interface CoinbaseButtonProps {
     openCoinbase?: () => void;
@@ -10,9 +10,9 @@ declare const CoinbaseButton: ({ openCoinbase, disabled }: CoinbaseButtonProps)
 
 declare function LoadingView(): react_jsx_runtime.JSX.Element;
 
-type MagicEmailProps = {
+interface MagicEmailProps {
     onEmail?: (email: string) => void;
-};
+}
 declare const MagicEmailInput: ({ onEmail }: MagicEmailProps) => react_jsx_runtime.JSX.Element;
 
 interface MetaButtonProps {
@@ -83,30 +83,35 @@ interface ModalProps {
 }
 declare function ModalView({ title, content, onClose }: ModalProps): react_jsx_runtime.JSX.Element;
 
-type ContextProps = {
+type MaybeUser = Promise<TauntUser | undefined>;
+type MaybeString = Promise<string | undefined>;
+interface ContextProps {
+    taunt: TauntApi;
     tauntServiceEndpoint: string;
+    initialised: boolean;
     loggedIn: boolean;
-    deets?: TauntAccessDetails;
-    loginDetails?: TauntAccessDetails;
     isLoading: boolean;
-    setLoginDetails: (props: TauntAccessDetails) => void;
-    getMe: () => Promise<TauntUser | undefined>;
-    metamaskLogin: () => void;
-    otpMagicLogin: (email: string) => void;
-    telegramLogin: () => void;
-    metaLogin: () => void;
-    coinbaseLogin: () => void;
-    getClaimrData: () => Promise<ClaimrCampaignData | undefined>;
-    getClaimrToken: () => Promise<string | undefined>;
-    refreshToken: (token: string) => Promise<void>;
+    tauntUser: TauntUser | undefined;
+    loginDetails: TauntAccessDetails | undefined;
+    metamaskLogin: () => MaybeUser;
+    otpMagicLogin: (email: string) => MaybeUser;
+    telegramLogin: () => MaybeUser;
+    metaLogin: () => MaybeUser;
+    coinbaseLogin: () => MaybeUser;
+    getMe: () => MaybeUser;
+    setLoginDetails: (props: TauntAccessDetails) => MaybeUser;
+    refreshToken: (token: string) => MaybeUser;
+    getClaimrToken: () => MaybeString;
+    getClaimrSkulls: () => Promise<ClaimrCampaignData | undefined>;
+    getClaimrReferralCode: () => MaybeString;
     logout: () => void;
-};
+}
 declare const TauntContext: react.Context<ContextProps>;
 declare function useTaunt(): ContextProps;
 
 declare const TauntProvider: ({ children, tauntServiceEndpoint, magicKey }: {
     children: React.ReactNode;
-    tauntServiceEndpoint?: string;
+    tauntServiceEndpoint: string;
     magicKey?: string;
 }) => react_jsx_runtime.JSX.Element;
 

package/dist/es/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { TauntAccessDetails, TauntUser, ClaimrCampaignData } from '@redzone/taunt-logins';
+import { TauntApi, TauntUser, TauntAccessDetails, ClaimrCampaignData } from '@redzone/taunt-logins';
 
 interface CoinbaseButtonProps {
     openCoinbase?: () => void;
@@ -10,9 +10,9 @@ declare const CoinbaseButton: ({ openCoinbase, disabled }: CoinbaseButtonProps)
 
 declare function LoadingView(): react_jsx_runtime.JSX.Element;
 
-type MagicEmailProps = {
+interface MagicEmailProps {
     onEmail?: (email: string) => void;
-};
+}
 declare const MagicEmailInput: ({ onEmail }: MagicEmailProps) => react_jsx_runtime.JSX.Element;
 
 interface MetaButtonProps {
@@ -83,30 +83,35 @@ interface ModalProps {
 }
 declare function ModalView({ title, content, onClose }: ModalProps): react_jsx_runtime.JSX.Element;
 
-type ContextProps = {
+type MaybeUser = Promise<TauntUser | undefined>;
+type MaybeString = Promise<string | undefined>;
+interface ContextProps {
+    taunt: TauntApi;
     tauntServiceEndpoint: string;
+    initialised: boolean;
     loggedIn: boolean;
-    deets?: TauntAccessDetails;
-    loginDetails?: TauntAccessDetails;
     isLoading: boolean;
-    setLoginDetails: (props: TauntAccessDetails) => void;
-    getMe: () => Promise<TauntUser | undefined>;
-    metamaskLogin: () => void;
-    otpMagicLogin: (email: string) => void;
-    telegramLogin: () => void;
-    metaLogin: () => void;
-    coinbaseLogin: () => void;
-    getClaimrData: () => Promise<ClaimrCampaignData | undefined>;
-    getClaimrToken: () => Promise<string | undefined>;
-    refreshToken: (token: string) => Promise<void>;
+    tauntUser: TauntUser | undefined;
+    loginDetails: TauntAccessDetails | undefined;
+    metamaskLogin: () => MaybeUser;
+    otpMagicLogin: (email: string) => MaybeUser;
+    telegramLogin: () => MaybeUser;
+    metaLogin: () => MaybeUser;
+    coinbaseLogin: () => MaybeUser;
+    getMe: () => MaybeUser;
+    setLoginDetails: (props: TauntAccessDetails) => MaybeUser;
+    refreshToken: (token: string) => MaybeUser;
+    getClaimrToken: () => MaybeString;
+    getClaimrSkulls: () => Promise<ClaimrCampaignData | undefined>;
+    getClaimrReferralCode: () => MaybeString;
     logout: () => void;
-};
+}
 declare const TauntContext: react.Context<ContextProps>;
 declare function useTaunt(): ContextProps;
 
 declare const TauntProvider: ({ children, tauntServiceEndpoint, magicKey }: {
     children: React.ReactNode;
-    tauntServiceEndpoint?: string;
+    tauntServiceEndpoint: string;
     magicKey?: string;
 }) => react_jsx_runtime.JSX.Element;
 

package/dist/es/index.js

@@ -9,8 +9,7 @@ function __insertCSS(code) {
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback, createContext, useContext, useState, useMemo, useEffect } from 'react';
-import { _ as _async_to_generator, a as _extends, b as _object_without_properties_loose } from './cc-D6TRVNtd.js';
-import { TauntApi, tauntMagicEmailOTPLogin, tauntMetamaskLogin, tauntMagicTelegramLogin } from '@redzone/taunt-logins';
+import { TauntApi, tauntMetamaskLogin, tauntMagicEmailOTPLogin, tauntMagicTelegramLogin } from '@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)}");
 
@@ -81,24 +80,32 @@ function LoadingView() {
     });
 }
 
+const DefinitelyUndefined = ()=>Promise.resolve(undefined);
 const TauntContext = createContext({
+    taunt: {},
     tauntServiceEndpoint: "",
-    isLoading: false,
+    initialised: false,
     loggedIn: false,
-    setLoginDetails: ()=>{},
-    getMe: ()=>Promise.resolve(undefined),
-    metamaskLogin: ()=>{},
-    otpMagicLogin: ()=>{},
-    telegramLogin: ()=>{},
-    metaLogin: ()=>{},
-    coinbaseLogin: ()=>{},
-    refreshToken: (token)=>_async_to_generator(function*() {})(),
-    getClaimrToken: ()=>Promise.resolve(undefined),
-    getClaimrData: ()=>Promise.resolve(undefined),
-    logout: ()=>{}
+    isLoading: false,
+    tauntUser: undefined,
+    loginDetails: undefined,
+    setLoginDetails: DefinitelyUndefined,
+    getMe: DefinitelyUndefined,
+    metamaskLogin: DefinitelyUndefined,
+    otpMagicLogin: DefinitelyUndefined,
+    telegramLogin: DefinitelyUndefined,
+    metaLogin: DefinitelyUndefined,
+    coinbaseLogin: DefinitelyUndefined,
+    refreshToken: DefinitelyUndefined,
+    getClaimrToken: DefinitelyUndefined,
+    getClaimrSkulls: DefinitelyUndefined,
+    getClaimrReferralCode: DefinitelyUndefined,
+    logout: ()=>{
+    /* empty */ }
 });
 function useTaunt() {
     const ctx = useContext(TauntContext);
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!ctx) {
         throw new Error("useTaunt must be used within a TauntProvider");
     }
@@ -112,12 +119,12 @@ const MagicEmailInput = ({ onEmail })=>{
     const [showError, setShowError] = useState(false);
     const validEmail = 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;
+        return email?.match(validRegex) ? email : undefined;
     }, [
         email
     ]);
     const runMagic = ()=>{
-        if (!validEmail) {
+        if (!email || !validEmail) {
             setShowError(true);
             return;
         }
@@ -137,7 +144,9 @@ const MagicEmailInput = ({ onEmail })=>{
             }),
             /*#__PURE__*/ jsx("input", {
                 className: "rdz-input",
-                onChange: (e)=>setEmail(e.target.value ? e.target.value : undefined),
+                onChange: (e)=>{
+                    setEmail(e.target.value ? e.target.value : undefined);
+                },
                 placeholder: "Email address",
                 type: "email",
                 value: email
@@ -281,7 +290,9 @@ const LoginView = ({ providers = [
     };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
-            showEmailInput && /*#__PURE__*/ jsx(MagicEmailInput, _extends({}, magicEmailProps)),
+            showEmailInput && /*#__PURE__*/ jsx(MagicEmailInput, {
+                ...magicEmailProps
+            }),
             showEmailInput && hasSocialProviders && /*#__PURE__*/ jsx("p", {
                 className: "rdz-sign-up-text",
                 children: dividerText
@@ -294,18 +305,22 @@ const LoginView = ({ providers = [
                     alignItems: "center"
                 },
                 children: [
-                    socialProvidersToShow.includes("coinbase") && /*#__PURE__*/ jsx(CoinbaseButton, _extends({
-                        disabled: !providers.includes("coinbase")
-                    }, coinbaseProps)),
-                    socialProvidersToShow.includes("metamask") && /*#__PURE__*/ jsx(MetaMaskButton, _extends({
-                        disabled: !providers.includes("metamask")
-                    }, metamaskProps)),
-                    socialProvidersToShow.includes("meta") && /*#__PURE__*/ jsx(MetaButton, _extends({
-                        disabled: !providers.includes("meta")
-                    }, metaProps)),
-                    socialProvidersToShow.includes("telegram") && /*#__PURE__*/ jsx(TelegramButton, _extends({
-                        disabled: !providers.includes("telegram")
-                    }, telegramProps))
+                    socialProvidersToShow.includes("coinbase") && /*#__PURE__*/ jsx(CoinbaseButton, {
+                        disabled: !providers.includes("coinbase"),
+                        ...coinbaseProps
+                    }),
+                    socialProvidersToShow.includes("metamask") && /*#__PURE__*/ jsx(MetaMaskButton, {
+                        disabled: !providers.includes("metamask"),
+                        ...metamaskProps
+                    }),
+                    socialProvidersToShow.includes("meta") && /*#__PURE__*/ jsx(MetaButton, {
+                        disabled: !providers.includes("meta"),
+                        ...metaProps
+                    }),
+                    socialProvidersToShow.includes("telegram") && /*#__PURE__*/ jsx(TelegramButton, {
+                        disabled: !providers.includes("telegram"),
+                        ...telegramProps
+                    })
                 ]
             }),
             console.log("Terms render check:", {
@@ -315,7 +330,7 @@ const LoginView = ({ providers = [
                 hasTermsClick: !!onTermsClick,
                 hasPrivacyClick: !!onPrivacyClick
             }),
-            showTerms && (termsContent || privacyContent || onTermsClick || onPrivacyClick) && /*#__PURE__*/ jsxs("p", {
+            showTerms && (termsContent ?? privacyContent ?? onTermsClick ?? onPrivacyClick) && /*#__PURE__*/ jsxs("p", {
                 style: {
                     fontFamily: "Futura PT, sans-serif",
                     fontSize: "1.3em"
@@ -323,7 +338,7 @@ const LoginView = ({ providers = [
                 children: [
                     "By connecting you are agreeing to our",
                     " ",
-                    (termsContent || onTermsClick) && /*#__PURE__*/ jsx("a", {
+                    (termsContent ?? onTermsClick) && /*#__PURE__*/ jsx("a", {
                         href: "#",
                         onClick: (e)=>{
                             e.preventDefault();
@@ -336,8 +351,8 @@ const LoginView = ({ providers = [
                         },
                         children: "Terms of Service"
                     }),
-                    (termsContent || onTermsClick) && (privacyContent || onPrivacyClick) && " and ",
-                    (privacyContent || onPrivacyClick) && /*#__PURE__*/ jsx("a", {
+                    (termsContent ?? onTermsClick) && (privacyContent ?? onPrivacyClick) && " and ",
+                    (privacyContent ?? onPrivacyClick) && /*#__PURE__*/ jsx("a", {
                         href: "#",
                         onClick: (e)=>{
                             e.preventDefault();
@@ -361,7 +376,9 @@ const LoginView = ({ providers = [
                     /*#__PURE__*/ jsx(ModalComponent, {
                         title: modalContent.title,
                         content: modalContent.content,
-                        onClose: ()=>setModalContent(null)
+                        onClose: ()=>{
+                            setModalContent(null);
+                        }
                     })
                 ]
             })
@@ -369,21 +386,19 @@ const LoginView = ({ providers = [
     });
 };
 
-const LoginUIComplete = (_param)=>{
-    var { className, extLoading = false } = _param, loginProps = _object_without_properties_loose(_param, [
-        "className",
-        "extLoading"
-    ]);
+const LoginUIComplete = ({ className, extLoading = false, ...loginProps })=>{
     const { loggedIn, isLoading } = useTaunt();
     return /*#__PURE__*/ jsx("div", {
-        className: `rzd-loginview rzd-loginui-complete ${className || ""}`,
+        className: `rzd-loginview rzd-loginui-complete ${className ?? ""}`,
         children: extLoading || isLoading ? /*#__PURE__*/ jsx(LoadingView, {}) : loggedIn ? /*#__PURE__*/ jsx(LoggedInView, {}) : /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx("h1", {
                     className: "header-login",
                     children: "login"
                 }),
-                /*#__PURE__*/ jsx(LoginView, _extends({}, loginProps))
+                /*#__PURE__*/ jsx(LoginView, {
+                    ...loginProps
+                })
             ]
         })
     });
@@ -422,7 +437,9 @@ function ModalView({ title, content, onClose }) {
             if (e.key === "Escape") onClose();
         };
         document.addEventListener("keydown", handleEscape);
-        return ()=>document.removeEventListener("keydown", handleEscape);
+        return ()=>{
+            document.removeEventListener("keydown", handleEscape);
+        };
     }, [
         onClose
     ]);
@@ -447,7 +464,7 @@ function ModalView({ title, content, onClose }) {
             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 "))) {
+                if (nextLine && (nextLine.substring(0) === nextLine.substring(0).toUpperCase() || nextLine.startsWith("We "))) {
                     return /*#__PURE__*/ jsx("h3", {
                         style: {
                             marginTop: "24px",
@@ -499,7 +516,9 @@ function ModalView({ title, content, onClose }) {
                 flexDirection: "column",
                 overflow: "hidden"
             },
-            onClick: (e)=>e.stopPropagation(),
+            onClick: (e)=>{
+                e.stopPropagation();
+            },
             children: [
                 /*#__PURE__*/ jsxs("div", {
                     style: {
@@ -553,84 +572,150 @@ function ModalView({ title, content, onClose }) {
 }
 
 const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
+    if (!tauntServiceEndpoint) {
+        throw new Error("TauntProvider: tauntServiceEndpoint is not provided");
+    }
+    console.log("🔧 Initializing TauntProvider with endpoint:", {
+        tauntServiceEndpoint,
+        magicKey
+    });
+    const [initialised, setInitialised] = useState(false);
     const [loginDetails, setLoginDetails] = useState();
+    const [tauntUser, setTauntUser] = useState();
     const taunt = useMemo(()=>new TauntApi(tauntServiceEndpoint), [
         tauntServiceEndpoint
     ]);
     const [isLoading, setIsLoading] = useState(false);
-    const loggedIn = !!loginDetails;
-    const otpMagicLogin = useCallback((email)=>{
-        if (!magicKey) throw new Error("magicKey is required for OTP login");
+    const loggedIn = !!tauntUser;
+    const getMe = useCallback(async (force = false)=>{
+        if (!force && !loggedIn) return undefined;
+        return taunt.getLoggedInUser();
+    }, [
+        loggedIn,
+        taunt
+    ]);
+    const refreshUser = useCallback(async ()=>{
+        const me = await getMe(true);
+        setTauntUser(me);
+        return me;
+    }, [
+        getMe
+    ]);
+    const loginWith = useCallback(async (fn)=>{
+        if (tauntUser) return Promise.resolve(tauntUser);
         setIsLoading(true);
-        tauntMagicEmailOTPLogin(tauntServiceEndpoint, magicKey, email, taunt).then(setLoginDetails).finally(()=>setIsLoading(false));
+        const resp = await fn({
+            taunt,
+            tauntServiceEndpoint,
+            magicKey: magicKey ?? ""
+        });
+        setLoginDetails(resp);
+        if (resp) {
+            await refreshUser();
+        }
+        setIsLoading(false);
+        return tauntUser;
     }, [
+        tauntUser,
+        taunt,
         tauntServiceEndpoint,
-        magicKey
+        magicKey,
+        refreshUser
     ]);
     const metamaskLogin = useCallback(()=>{
-        setIsLoading(true);
-        tauntMetamaskLogin(tauntServiceEndpoint, undefined, taunt).then(setLoginDetails).finally(()=>setIsLoading(false));
+        return loginWith(({ taunt, tauntServiceEndpoint })=>tauntMetamaskLogin(tauntServiceEndpoint, undefined, taunt));
     }, [
-        tauntServiceEndpoint
+        loginWith
+    ]);
+    const otpMagicLogin = useCallback((email)=>{
+        if (!magicKey) throw new Error("magicKey is required for OTP login");
+        if (!email) throw new Error("email is required for OTP login");
+        return loginWith(({ taunt, tauntServiceEndpoint, magicKey })=>tauntMagicEmailOTPLogin(tauntServiceEndpoint, magicKey, email, taunt));
+    }, [
+        loginWith,
+        magicKey
     ]);
     const telegramLogin = useCallback(()=>{
         if (!magicKey) throw new Error("magicKey is required for Telegram login");
-        setIsLoading(true);
-        tauntMagicTelegramLogin(tauntServiceEndpoint, magicKey, taunt).then(setLoginDetails).finally(()=>setIsLoading(false));
+        return loginWith(({ taunt, tauntServiceEndpoint, magicKey })=>tauntMagicTelegramLogin(tauntServiceEndpoint, magicKey, taunt));
     }, [
-        tauntServiceEndpoint,
+        loginWith,
         magicKey
     ]);
     const metaLogin = useCallback(()=>{
         setIsLoading(true);
         console.log("Meta login not yet implemented");
         // Placeholder for Meta login
-        setTimeout(()=>setIsLoading(false), 1000);
+        setTimeout(()=>{
+            setIsLoading(false);
+        }, 1000);
+        return Promise.resolve(undefined);
     }, []);
     const coinbaseLogin = useCallback(()=>{
         setIsLoading(true);
         console.log("Coinbase login not yet implemented");
         // Placeholder for Coinbase login
-        setTimeout(()=>setIsLoading(false), 1000);
+        setTimeout(()=>{
+            setIsLoading(false);
+        }, 1000);
+        return Promise.resolve(undefined);
     }, []);
-    const getClaimrToken = useCallback(()=>{
-        if (!loggedIn) return undefined;
-        return taunt.getClaimrToken();
+    const logout = useCallback(()=>{
+        void taunt.logout().then(()=>{
+            setTauntUser(undefined);
+        });
     }, [
-        loggedIn
-    ]);
-    const getMe = useCallback(()=>_async_to_generator(function*() {
-            if (!loggedIn) return undefined;
-            return taunt.getLoggedInUser();
-        })(), [
-        loggedIn
+        taunt
     ]);
-    const logout = useCallback(()=>{
-        setLoginDetails(undefined);
-    }, []);
-    const refreshToken = useCallback((token)=>_async_to_generator(function*() {
-            if (!token) return;
-            setIsLoading(true);
-            try {
-                const newDeets = yield taunt.refresh(token);
-                setLoginDetails(newDeets);
-            } catch (error) {
-                console.error("Failed to refresh token:", error);
-            } finally{
-                setIsLoading(false);
-            }
-        })(), []);
-    const getClaimrData = useCallback(()=>_async_to_generator(function*() {
-            if (!loggedIn) return undefined;
-            return taunt.getClaimrData();
-        })(), [
-        loggedIn
+    const refreshToken = useCallback(async (token)=>{
+        if (!token) return;
+        setIsLoading(true);
+        try {
+            await taunt.refresh(token);
+            return await refreshUser();
+        } catch (error) {
+            console.error("Failed to refresh token:", error);
+        } finally{
+            setIsLoading(false);
+        }
+    }, [
+        refreshUser,
+        taunt
     ]);
-    const safeSetLoginDetails = useCallback((props)=>_async_to_generator(function*() {
-            taunt.setLoginDetails(props).then(setLoginDetails);
-        })(), [
+    const withTaunt = useCallback(async (fn)=>{
+        if (loggedIn) {
+            return fn(taunt);
+        }
+    }, [
+        loggedIn,
         taunt
     ]);
+    const getClaimrSkulls = useCallback(()=>withTaunt((taunt)=>taunt.getClaimrSkulls()), [
+        withTaunt
+    ]);
+    const getClaimrToken = useCallback(()=>withTaunt((taunt)=>taunt.getClaimrToken()), [
+        withTaunt
+    ]);
+    const getClaimrReferralCode = useCallback(()=>withTaunt((taunt)=>taunt.getClaimrReferralCode()), [
+        withTaunt
+    ]);
+    const safeSetLoginDetails = useCallback((props)=>loginWith(async ({ taunt })=>{
+            await taunt.setLoginDetails(props);
+            return props;
+        }), [
+        loginWith
+    ]);
+    useEffect(()=>{
+        if (!initialised && !loggedIn) {
+            void refreshUser().then(()=>{
+                setInitialised(true);
+            });
+        }
+    }, [
+        initialised,
+        loggedIn,
+        refreshUser
+    ]);
     if (!tauntServiceEndpoint) {
         return /*#__PURE__*/ jsx("div", {
             children: "tauntServiceEndpoint is required"
@@ -638,15 +723,18 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     }
     return /*#__PURE__*/ jsx(TauntContext.Provider, {
         value: {
+            taunt,
             tauntServiceEndpoint,
+            initialised,
             loggedIn,
             isLoading,
-            deets: loginDetails,
             loginDetails,
+            tauntUser,
             setLoginDetails: safeSetLoginDetails,
             getMe,
-            getClaimrData,
             getClaimrToken,
+            getClaimrSkulls,
+            getClaimrReferralCode,
             otpMagicLogin,
             metamaskLogin,
             telegramLogin,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redzone/taunt-logins-ui-react",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "main": "./dist/es/index.js",
   "module": "./dist/es/index.js",
@@ -24,6 +24,7 @@
   "scripts": {
     "build": "bunchee",
     "dev": "bunchee --watch",
+    "vite:dev": "vite",
     "copy:styles": "cp src/lib/styling.css dist/styling.css",
     "pack": "npm pack",
     "postbuild": "npm run copy:styles",
@@ -32,7 +33,8 @@
     "prenpm:publish": "npm run build",
     "npm:publish": "npm publish --access public",
     "fb:login": "firebase login --reauth",
-    "fb:deploy": "firebase deploy --only hosting:dev"
+    "fb:deploy": "firebase deploy --only hosting:dev",
+    "eslint:inspect": "eslint --inspect-config"
   },
   "peerDependencies": {
     "react": "*"
@@ -41,23 +43,26 @@
     "@redzone/taunt-logins": "*"
   },
   "devDependencies": {
-    "@repo/eslint-config": "*",
-    "@repo/typescript-config": "*",
     "@eslint/js": "^9.36.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+    "@repo/eslint-config": "*",
+    "@repo/typescript-config": "*",
     "@types/chrome": "^0.1.21",
     "@types/node": "^24.6.0",
     "@types/react": "*",
+    "@vitejs/plugin-react-swc": "^4.2.0",
     "bunchee": "latest",
-    "react": "latest",
+    "chrome-types": "^0.1.387",
     "eslint": "latest",
-    "prettier": "latest",
-    "prettier-config-custom": "*",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",
     "globals": "^16.4.0",
+    "prettier": "latest",
+    "prettier-config-custom": "*",
+    "react": "latest",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.45.0"
+    "typescript-eslint": "^8.45.0",
+    "vite": "^7.2.1"
   },
   "files": [
     "dist"

package/dist/cjs/cc-D-353NYd.cjs

@@ -1,63 +0,0 @@
-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))
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) resolve(value);
-    else Promise.resolve(value).then(_next, _throw);
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-
-exports._async_to_generator = _async_to_generator;
-exports._extends = _extends;
-exports._object_without_properties_loose = _object_without_properties_loose;

package/dist/es/cc-D6TRVNtd.js

@@ -1,61 +0,0 @@
-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))
-}
-
-function _extends() {
-    _extends = Object.assign || function assign(target) {
-        for(var i = 1; i < arguments.length; i++){
-            var source = arguments[i];
-            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
-        }
-        return target;
-    };
-    return _extends.apply(this, arguments);
-}
-
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) resolve(value);
-    else Promise.resolve(value).then(_next, _throw);
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-
-export { _async_to_generator as _, _extends as a, _object_without_properties_loose as b };