@stokr/components-library 3.0.35 → 3.0.36

package/dist/context/AuthContext.js

@@ -8,11 +8,12 @@ import { identify, reset } from "../analytics/index.js";
 import { withRouter } from "../utils/withRouter.js";
 import { Text } from "../components/Text/Text.styles.js";
 import { Auth, DEFAULT_TOKEN_EXPIRY_MS } from "./Auth.js";
+import { Button } from "../components/Button/Button.styles.js";
 import { hasLoggedInSession } from "../utils/user-identity.js";
+import { SuccessModal as SuccessModalComponent } from "../components/Modal/SuccessModal/SuccessModal.js";
 import { getConfig, getPlatformURL } from "../runtime-config.js";
-import { ConfirmModal as ConfirmModalComponent } from "../components/ConfirmModal/ConfirmModal.js";
-import { getFirebaseAuth, isValidFirebaseConfig } from "../firebase-config.js";
 import avatarPlaceholder from "../static/images/avatar-placeholder.png.js";
+import { getFirebaseAuth, isValidFirebaseConfig } from "../firebase-config.js";
 import { isAlreadyOnOnboardingFlow } from "../utils/app-urls.js";
 import { multiFactor, TotpMultiFactorGenerator, signOut, getMultiFactorResolver, PhoneMultiFactorGenerator } from "firebase/auth";
 import { navigateToHref } from "../routing/navigate-app.js";
@@ -788,7 +789,7 @@ class AuthProviderClass extends Component {
     }
   };
   render() {
-    const { children } = this.props;
+    const { children, redirectToLogin = true } = this.props;
     return /* @__PURE__ */ jsxs(
       AuthContext.Provider,
       {
@@ -835,16 +836,26 @@ class AuthProviderClass extends Component {
         children: [
           children,
           (this.state.loggedOutDueToInactivity || this.state.loggedOutDueToCookieExpiry || this.state.sessionExpiryPendingReason) && !this.props.hideInactivityModal && /* @__PURE__ */ jsx(
-            ConfirmModalComponent,
+            SuccessModalComponent,
             {
               isOpen: true,
-              maxWidth: "600px",
-              confirmText: "OK",
-              onCancel: this.dismissSessionExpiryModal,
-              onConfirm: this.dismissSessionExpiryModal,
-              showRedBar: true,
+              onClose: this.dismissSessionExpiryModal,
+              variant: "progress",
               title: "Session expired",
-              content: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx("p", { style: { fontSize: 16 }, children: this.state.sessionExpiryPendingReason === "inactivity" || this.state.loggedOutDueToInactivity ? "You have been logged out due to inactivity." : "Your session has expired. Please log in again." }) })
+              content: /* @__PURE__ */ jsxs(Text, { children: [
+                /* @__PURE__ */ jsx("p", { style: { fontSize: 16 }, children: this.state.sessionExpiryPendingReason === "inactivity" || this.state.loggedOutDueToInactivity ? "You have been logged out due to inactivity." : "Your session has expired. Please log in again." }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    onClick: () => {
+                      this.dismissSessionExpiryModal();
+                      if (redirectToLogin) navigateToHref(this.props.navigate, getPlatformURL() + "/login");
+                    },
+                    children: "Log in"
+                  }
+                )
+              ] }),
+              maxWidth: "600px"
             }
           )
         ]
@@ -886,7 +897,9 @@ AuthProviderClass.propTypes = {
   /** When true, the inactivity modal is not shown after auto-logout. Default false. */
   hideInactivityModal: PropTypes.bool,
   /** Override access token cookie lifetime in ms (e.g. for Storybook). Production uses 1 hour. */
-  accessTokenExpiryMs: PropTypes.number
+  accessTokenExpiryMs: PropTypes.number,
+  /** When true, the user will be redirected to the login page after the session expires. Default false. */
+  redirectToLogin: PropTypes.bool
 };
 function resolveFirebaseConfigForGuard(props) {
   if (props.config?.firebase != null) return props.config.firebase;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "3.0.35",
+  "version": "3.0.36",
   "description": "STOKR - Components Library",
   "author": "Bilal Hodzic <bilal@stokr.io>",
   "license": "MIT",