@sparkstudio/authentication-ui 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -1362,7 +1362,7 @@ var require_react_development = __commonJS({
           }
           return dispatcher.useContext(Context);
         }
-        function useState2(initialState) {
+        function useState3(initialState) {
           var dispatcher = resolveDispatcher();
           return dispatcher.useState(initialState);
         }
@@ -1370,7 +1370,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);
         }
@@ -2164,8 +2164,8 @@ var require_react_development = __commonJS({
         exports2.useLayoutEffect = useLayoutEffect;
         exports2.useMemo = useMemo;
         exports2.useReducer = useReducer;
-        exports2.useRef = useRef2;
-        exports2.useState = useState2;
+        exports2.useRef = useRef;
+        exports2.useState = useState3;
         exports2.useSyncExternalStore = useSyncExternalStore;
         exports2.useTransition = useTransition;
         exports2.version = ReactVersion;
@@ -2221,7 +2221,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");
@@ -2247,7 +2247,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) {
           {
             {
@@ -3132,9 +3132,6 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/UserInfoCard.tsx
-var import_react3 = __toESM(require_react(), 1);
-
 // src/context/UserProvider.tsx
 var import_react = __toESM(require_react(), 1);
 
@@ -3215,7 +3212,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 () => {
@@ -3243,22 +3240,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);
 var import_google = require("@react-oauth/google");
 var import_common_ui = require("@sparkstudio/common-ui");
 var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
-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 = (0, import_google.useGoogleLogin)({
     flow: "implicit",
     onSuccess: async (tokenResponse) => {
@@ -3269,62 +3265,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)(
-    import_common_ui.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)(import_common_ui.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_common_ui2 = require("@sparkstudio/common-ui");
 var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
-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)(
     import_common_ui2.Button,
@@ -3356,18 +3344,17 @@ var UserInfoCard = () => {
       ] })
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoginButton, {}) });
-};
+}
 
 // src/components/AuthenticatorProvider.tsx
-var import_react4 = __toESM(require_react(), 1);
 var import_google2 = require("@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)(import_google2.GoogleOAuthProvider, { clientId: googleClientId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(UserProvider, { children }) });
-};
+}
 
 // src/types/Guid.ts
 var EMPTY_GUID = "00000000-0000-0000-0000-000000000000";