@redzone/taunt-logins-ui-react 0.0.20 → 0.0.22

package/dist/cjs/index.cjs

@@ -82,9 +82,13 @@ function LoadingView() {
 
 const DefinitelyUndefined = ()=>Promise.resolve(undefined);
 const TauntContext = react.createContext({
+    taunt: {},
     tauntServiceEndpoint: "",
-    isLoading: false,
+    initialised: false,
     loggedIn: false,
+    isLoading: false,
+    tauntUser: undefined,
+    loginDetails: undefined,
     setLoginDetails: DefinitelyUndefined,
     getMe: DefinitelyUndefined,
     metamaskLogin: DefinitelyUndefined,
@@ -575,6 +579,7 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
         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), [
@@ -701,10 +706,15 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
         loginWith
     ]);
     react.useEffect(()=>{
-        if (!loggedIn) {
-            void refreshUser();
+        if (!initialised && !loggedIn) {
+            void refreshUser().catch(()=>{
+                console.error("Error refreshing user on TauntProvider init");
+            }).finally(()=>{
+                setInitialised(true);
+            });
         }
     }, [
+        initialised,
         loggedIn,
         refreshUser
     ]);
@@ -715,7 +725,9 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     }
     return /*#__PURE__*/ jsxRuntime.jsx(TauntContext.Provider, {
         value: {
+            taunt,
             tauntServiceEndpoint,
+            initialised,
             loggedIn,
             isLoading,
             loginDetails,

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 { TauntUser, TauntAccessDetails, ClaimrCampaignData } from '@redzone/taunt-logins';
+import { TauntApi, TauntUser, TauntAccessDetails, ClaimrCampaignData } from '@redzone/taunt-logins';
 
 interface CoinbaseButtonProps {
     openCoinbase?: () => void;
@@ -86,11 +86,13 @@ declare function ModalView({ title, content, onClose }: ModalProps): react_jsx_r
 type MaybeUser = Promise<TauntUser | undefined>;
 type MaybeString = Promise<string | undefined>;
 interface ContextProps {
+    taunt: TauntApi;
     tauntServiceEndpoint: string;
+    initialised: boolean;
     loggedIn: boolean;
-    tauntUser?: TauntUser;
-    loginDetails?: TauntAccessDetails;
     isLoading: boolean;
+    tauntUser: TauntUser | undefined;
+    loginDetails: TauntAccessDetails | undefined;
     metamaskLogin: () => MaybeUser;
     otpMagicLogin: (email: string) => MaybeUser;
     telegramLogin: () => MaybeUser;

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 { TauntUser, TauntAccessDetails, ClaimrCampaignData } from '@redzone/taunt-logins';
+import { TauntApi, TauntUser, TauntAccessDetails, ClaimrCampaignData } from '@redzone/taunt-logins';
 
 interface CoinbaseButtonProps {
     openCoinbase?: () => void;
@@ -86,11 +86,13 @@ declare function ModalView({ title, content, onClose }: ModalProps): react_jsx_r
 type MaybeUser = Promise<TauntUser | undefined>;
 type MaybeString = Promise<string | undefined>;
 interface ContextProps {
+    taunt: TauntApi;
     tauntServiceEndpoint: string;
+    initialised: boolean;
     loggedIn: boolean;
-    tauntUser?: TauntUser;
-    loginDetails?: TauntAccessDetails;
     isLoading: boolean;
+    tauntUser: TauntUser | undefined;
+    loginDetails: TauntAccessDetails | undefined;
     metamaskLogin: () => MaybeUser;
     otpMagicLogin: (email: string) => MaybeUser;
     telegramLogin: () => MaybeUser;

package/dist/es/index.js

@@ -82,9 +82,13 @@ function LoadingView() {
 
 const DefinitelyUndefined = ()=>Promise.resolve(undefined);
 const TauntContext = createContext({
+    taunt: {},
     tauntServiceEndpoint: "",
-    isLoading: false,
+    initialised: false,
     loggedIn: false,
+    isLoading: false,
+    tauntUser: undefined,
+    loginDetails: undefined,
     setLoginDetails: DefinitelyUndefined,
     getMe: DefinitelyUndefined,
     metamaskLogin: DefinitelyUndefined,
@@ -575,6 +579,7 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
         tauntServiceEndpoint,
         magicKey
     });
+    const [initialised, setInitialised] = useState(false);
     const [loginDetails, setLoginDetails] = useState();
     const [tauntUser, setTauntUser] = useState();
     const taunt = useMemo(()=>new TauntApi(tauntServiceEndpoint), [
@@ -701,10 +706,15 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
         loginWith
     ]);
     useEffect(()=>{
-        if (!loggedIn) {
-            void refreshUser();
+        if (!initialised && !loggedIn) {
+            void refreshUser().catch(()=>{
+                console.error("Error refreshing user on TauntProvider init");
+            }).finally(()=>{
+                setInitialised(true);
+            });
         }
     }, [
+        initialised,
         loggedIn,
         refreshUser
     ]);
@@ -715,7 +725,9 @@ const TauntProvider = ({ children, tauntServiceEndpoint, magicKey })=>{
     }
     return /*#__PURE__*/ jsx(TauntContext.Provider, {
         value: {
+            taunt,
             tauntServiceEndpoint,
+            initialised,
             loggedIn,
             isLoading,
             loginDetails,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redzone/taunt-logins-ui-react",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "main": "./dist/es/index.js",
   "module": "./dist/es/index.js",