@sparkstudio/authentication-ui 1.0.3 → 1.0.4

package/dist/index.d.cts

@@ -1,21 +1,22 @@
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
-declare const UserInfoCard: React.FC;
+declare function UserInfoCard(): react_jsx_runtime.JSX.Element;
 
 interface AuthenticatorProviderProps {
     googleClientId: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * Public entrypoint for consumers:
  * Wraps children with Google OAuth + User context.
  */
-declare const AuthenticatorProvider: React.FC<AuthenticatorProviderProps>;
+declare function AuthenticatorProvider({ googleClientId, children, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
 
 interface LoginButtonProps {
     onSuccess?: (tokenResponse: any) => void;
 }
-declare const LoginButton: React.FC<LoginButtonProps>;
+declare function LoginButton({ onSuccess }: LoginButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Represents an Auto-generated model for UserDTO.
@@ -40,10 +41,11 @@ interface UserContextType {
     setUser: (user: UserDTO | null) => void;
     logout: () => Promise<void>;
 }
-declare const UserProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-declare const useUser: () => UserContextType;
+interface UserProviderProps {
+    children: ReactNode;
+}
+declare function UserProvider({ children }: UserProviderProps): react_jsx_runtime.JSX.Element;
+declare function useUser(): UserContextType;
 
 type Guid = string;
 declare const EMPTY_GUID: Guid;

package/dist/index.d.ts

@@ -1,21 +1,22 @@
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 
-declare const UserInfoCard: React.FC;
+declare function UserInfoCard(): react_jsx_runtime.JSX.Element;
 
 interface AuthenticatorProviderProps {
     googleClientId: string;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 /**
  * Public entrypoint for consumers:
  * Wraps children with Google OAuth + User context.
  */
-declare const AuthenticatorProvider: React.FC<AuthenticatorProviderProps>;
+declare function AuthenticatorProvider({ googleClientId, children, }: AuthenticatorProviderProps): react_jsx_runtime.JSX.Element;
 
 interface LoginButtonProps {
     onSuccess?: (tokenResponse: any) => void;
 }
-declare const LoginButton: React.FC<LoginButtonProps>;
+declare function LoginButton({ onSuccess }: LoginButtonProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Represents an Auto-generated model for UserDTO.
@@ -40,10 +41,11 @@ interface UserContextType {
     setUser: (user: UserDTO | null) => void;
     logout: () => Promise<void>;
 }
-declare const UserProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-declare const useUser: () => UserContextType;
+interface UserProviderProps {
+    children: ReactNode;
+}
+declare function UserProvider({ children }: UserProviderProps): react_jsx_runtime.JSX.Element;
+declare function useUser(): UserContextType;
 
 type Guid = string;
 declare const EMPTY_GUID: Guid;

package/dist/index.js

@@ -1356,7 +1356,7 @@ var require_react_development = __commonJS({
           }
           return dispatcher.useContext(Context);
         }
-        function useState2(initialState) {
+        function useState3(initialState) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useState(initialState);
         }
@@ -1364,7 +1364,7 @@ var require_react_development = __commonJS({
           var dispatcher = resolveDispatcher();
           return dispatcher.useReducer(reducer, initialArg, init);
         }
-        function useRef2(initialValue) {
+        function useRef(initialValue) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useRef(initialValue);
         }
@@ -2158,8 +2158,8 @@ var require_react_development = __commonJS({
         exports.useLayoutEffect = useLayoutEffect;
         exports.useMemo = useMemo;
         exports.useReducer = useReducer;
-        exports.useRef = useRef2;
-        exports.useState = useState2;
+        exports.useRef = useRef;
+        exports.useState = useState3;
         exports.useSyncExternalStore = useSyncExternalStore;
         exports.useTransition = useTransition;
         exports.version = ReactVersion;
@@ -2215,7 +2215,7 @@ var require_react_jsx_runtime_development = __commonJS({
     if (process.env.NODE_ENV !== "production") {
       (function() {
         "use strict";
-        var React5 = require_react();
+        var React = require_react();
         var REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element");
         var REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal");
         var REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -2241,7 +2241,7 @@ var require_react_jsx_runtime_development = __commonJS({
           }
           return null;
         }
-        var ReactSharedInternals = React5.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
         function error(format) {
           {
             {
@@ -3113,9 +3113,6 @@ var require_jsx_runtime = __commonJS({
   }
 });
 
-// src/components/UserInfoCard.tsx
-var import_react3 = __toESM(require_react(), 1);
-
 // src/context/UserProvider.tsx
 var import_react = __toESM(require_react(), 1);
 
@@ -3196,7 +3193,7 @@ var SparkStudioAuthenticationSDK = class {
 // src/context/UserProvider.tsx
 var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
 var UserContext = (0, import_react.createContext)(void 0);
-var UserProvider = ({ children }) => {
+function UserProvider({ children }) {
   const [user, setUserState] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
     const fetchUser = async () => {
@@ -3224,22 +3221,21 @@ var UserProvider = ({ children }) => {
     setUserState(null);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserContext.Provider, { value: { user, setUser, logout }, children });
-};
-var useUser = () => {
+}
+function useUser() {
   const context = (0, import_react.useContext)(UserContext);
   if (!context) throw new Error("useUser must be used inside UserProvider");
   return context;
-};
+}
 
 // src/components/Buttons/LoginButton.tsx
 var import_react2 = __toESM(require_react(), 1);
 import { useGoogleLogin } from "@react-oauth/google";
 var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
 import { Button } from "@sparkstudio/common-ui";
-var LoginButton = ({ onSuccess }) => {
+function LoginButton({ onSuccess }) {
   const { setUser } = useUser();
-  const resolveRef = (0, import_react2.useRef)(null);
-  const rejectRef = (0, import_react2.useRef)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(false);
   const login = useGoogleLogin({
     flow: "implicit",
     onSuccess: async (tokenResponse) => {
@@ -3250,62 +3246,54 @@ var LoginButton = ({ onSuccess }) => {
         });
         setUser(authentication?.User ?? null);
         onSuccess?.(tokenResponse);
-        resolveRef.current?.();
       } catch (error) {
         console.error("\u{1F534} Login failed (Google or backend SignIn)", error);
-        rejectRef.current?.(error);
       } finally {
-        resolveRef.current = null;
-        rejectRef.current = null;
+        setLoading(false);
       }
     },
     onError: (error) => {
       console.error("\u274C Google Login Failed", error);
-      rejectRef.current?.(error);
-      resolveRef.current = null;
-      rejectRef.current = null;
+      setLoading(false);
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Button,
-    {
-      loadingText: "Signing in...",
-      showSpinner: true,
-      onAction: () => new Promise((resolve, reject) => {
-        resolveRef.current = resolve;
-        rejectRef.current = reject;
-        login();
-      }),
-      renderContent: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "img",
-          {
-            src: "../../assets/icons/google_icon.webp",
-            alt: "Google",
-            style: { width: "21px", height: "21px", margin: 0, padding: 0 }
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "d-none d-sm-inline ms-2", children: "Login" })
-      ] }),
-      renderLoading: () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "span",
-          {
-            className: "spinner-border spinner-border-sm me-2 async-btn__spinner",
-            role: "status",
-            "aria-hidden": "true"
-          }
-        ),
-        "Signing in..."
-      ] })
+  const handleClick = () => {
+    if (loading) return;
+    setLoading(true);
+    try {
+      login();
+    } catch (err) {
+      console.error("Error starting Google login", err);
+      setLoading(false);
     }
-  );
-};
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { onClick: handleClick, disabled: loading, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "spinner-border spinner-border-sm me-2 async-btn__spinner",
+        role: "status",
+        "aria-hidden": "true"
+      }
+    ),
+    "Signing in..."
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "img",
+      {
+        src: "../../assets/icons/google_icon.webp",
+        alt: "Google",
+        style: { width: "21px", height: "21px", margin: 0, padding: 0 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "d-none d-sm-inline ms-2", children: "Login" })
+  ] }) });
+}
 
 // src/components/UserInfoCard.tsx
 var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
 import { Button as Button2 } from "@sparkstudio/common-ui";
-var UserInfoCard = () => {
+function UserInfoCard() {
   const { user, logout } = useUser();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: user ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     Button2,
@@ -3337,18 +3325,17 @@ var UserInfoCard = () => {
       ] })
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoginButton, {}) });
-};
+}
 
 // src/components/AuthenticatorProvider.tsx
-var import_react4 = __toESM(require_react(), 1);
 import { GoogleOAuthProvider } from "@react-oauth/google";
 var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
-var AuthenticatorProvider = ({
+function AuthenticatorProvider({
   googleClientId,
   children
-}) => {
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UserProvider, { children }) });
-};
+}
 
 // src/types/Guid.ts
 var EMPTY_GUID = "00000000-0000-0000-0000-000000000000";