@ttoss/react-auth-strapi 0.2.43 → 0.2.45

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth-strapi",
-  "version": "0.2.43",
+  "version": "0.2.45",
   "description": "Authentication components and abstractions for React apps using Strapi.",
   "license": "MIT",
   "author": "ttoss",
@@ -26,19 +26,19 @@
   "sideEffects": false,
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^2.0.24",
-    "@ttoss/react-notifications": "^2.4.37",
-    "@ttoss/react-auth-core": "^0.2.43"
+    "@ttoss/react-auth-core": "^0.2.45",
+    "@ttoss/react-notifications": "^2.4.39",
+    "@ttoss/react-i18n": "^2.0.25"
   },
   "devDependencies": {
-    "@types/react": "^19.2.6",
+    "@types/react": "^19.2.7",
     "jest": "^30.2.0",
-    "react": "^19.2.0",
+    "react": "^19.2.1",
     "tsup": "^8.5.1",
     "@ttoss/i18n-cli": "^0.7.38",
-    "@ttoss/react-i18n": "^2.0.24",
-    "@ttoss/react-notifications": "^2.4.37",
-    "@ttoss/react-auth-core": "^0.2.43"
+    "@ttoss/react-auth-core": "^0.2.45",
+    "@ttoss/react-i18n": "^2.0.25",
+    "@ttoss/react-notifications": "^2.4.39"
   },
   "keywords": [
     "React",

package/dist/esm/index.js

@@ -1,293 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", {
-  value,
-  configurable: true
-});
-
-// src/Auth.tsx
-import { Auth as AuthCore, useAuthScreen } from "@ttoss/react-auth-core";
-import { useNotifications } from "@ttoss/react-notifications";
-import * as React2 from "react";
-
-// src/AuthProvider.tsx
-import { AuthProvider as AuthProviderCore, useAuth as useAuthCore } from "@ttoss/react-auth-core";
-import * as React from "react";
-
-// src/storage.ts
-var AUTH_STORAGE_REFRESH_TOKEN_KEY = "ttoss-strapi-auth-refresh-token";
-var isBrowser = typeof window !== "undefined";
-var getLocalStorage = /* @__PURE__ */__name(() => {
-  try {
-    return isBrowser ? window.localStorage : null;
-  } catch {
-    return null;
-  }
-}, "getLocalStorage");
-var storage = {
-  getRefreshToken: /* @__PURE__ */__name(() => {
-    const ls = getLocalStorage();
-    if (!ls) return null;
-    try {
-      return ls.getItem(AUTH_STORAGE_REFRESH_TOKEN_KEY);
-    } catch {
-      return null;
-    }
-  }, "getRefreshToken"),
-  setRefreshToken: /* @__PURE__ */__name(refreshToken => {
-    const ls = getLocalStorage();
-    if (!ls) return;
-    try {
-      ls.setItem(AUTH_STORAGE_REFRESH_TOKEN_KEY, refreshToken);
-    } catch {}
-  }, "setRefreshToken"),
-  clearRefreshToken: /* @__PURE__ */__name(() => {
-    const ls = getLocalStorage();
-    if (!ls) return;
-    try {
-      ls.removeItem(AUTH_STORAGE_REFRESH_TOKEN_KEY);
-    } catch {}
-  }, "clearRefreshToken")
-};
-
-// src/AuthProvider.tsx
-var AuthContext = /* @__PURE__ */React.createContext({
-  apiUrl: ""
-});
-var AuthProvider = /* @__PURE__ */__name(props => {
-  const getAuthData = React.useCallback(async () => {
-    try {
-      const refreshToken = storage.getRefreshToken();
-      if (!refreshToken) {
-        return null;
-      }
-      const refreshResponse = await fetch(`${props.apiUrl}/auth/local/refresh`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          refreshToken
-        })
-      });
-      const refreshData = await refreshResponse.json();
-      if ("error" in refreshData) {
-        storage.clearRefreshToken();
-        return null;
-      }
-      const meResponse = await fetch(`${props.apiUrl}/users/me`, {
-        headers: {
-          Authorization: `Bearer ${refreshData.jwt}`
-        }
-      });
-      const data = await meResponse.json();
-      if (!meResponse.ok) {
-        storage.clearRefreshToken();
-        return null;
-      }
-      storage.setRefreshToken(refreshData.refreshToken);
-      return {
-        user: {
-          id: data.id,
-          email: data.email,
-          emailVerified: data.confirmed ?? data.emailVerified ?? data.user?.confirmed
-        },
-        tokens: {
-          accessToken: refreshData.jwt,
-          refreshToken: refreshData.refreshToken
-        },
-        isAuthenticated: true
-      };
-    } catch {
-      storage.clearRefreshToken();
-      return null;
-    }
-  }, [props.apiUrl]);
-  const signOut = React.useCallback(async () => {
-    storage.clearRefreshToken();
-  }, []);
-  return /* @__PURE__ */React.createElement(AuthContext.Provider, {
-    value: {
-      apiUrl: props.apiUrl
-    }
-  }, /* @__PURE__ */React.createElement(AuthProviderCore, {
-    getAuthData,
-    signOut
-  }, props.children));
-}, "AuthProvider");
-var useAuth = /* @__PURE__ */__name(() => {
-  const authCore = useAuthCore();
-  const {
-    apiUrl
-  } = React.useContext(AuthContext);
-  return {
-    apiUrl,
-    ...authCore
-  };
-}, "useAuth");
-
-// src/Auth.tsx
-var Auth = /* @__PURE__ */__name(props => {
-  const {
-    setAuthData,
-    apiUrl
-  } = useAuth();
-  const {
-    screen,
-    setScreen
-  } = useAuthScreen();
-  const {
-    addNotification
-  } = useNotifications();
-  const onSignIn = React2.useCallback(async ({
-    email,
-    password
-  }) => {
-    try {
-      const response = await fetch(`${apiUrl}/auth/local`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          identifier: email,
-          password
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        const errorMessage = data.error?.message;
-        if (errorMessage === "Your account email is not confirmed") {
-          const resendResponse = await fetch(`${apiUrl}/auth/send-email-confirmation`, {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/json"
-            },
-            body: JSON.stringify({
-              email
-            })
-          });
-          if (!resendResponse.ok) {
-            const resendData = await resendResponse.json();
-            addNotification({
-              title: "Resend confirmation email failed",
-              message: resendData.error?.message || "An error occurred while resending the confirmation email.",
-              type: "error"
-            });
-            return;
-          }
-          setScreen({
-            value: "confirmSignUpCheckEmail"
-          });
-          return;
-        }
-        addNotification({
-          title: "Sign in failed",
-          message: data.error?.message || "An error occurred during sign in.",
-          type: "error"
-        });
-        return;
-      }
-      storage.setRefreshToken(data.refreshToken);
-      setAuthData({
-        user: {
-          id: data.user.id,
-          email: data.user.email,
-          emailVerified: data.user.confirmed
-        },
-        tokens: {
-          accessToken: data.jwt,
-          refreshToken: data.refreshToken
-        },
-        isAuthenticated: true
-      });
-    } catch {
-      addNotification({
-        title: "Network Error",
-        message: "Unable to connect to the server. Please check your connection.",
-        type: "error"
-      });
-    }
-  }, [setAuthData, setScreen, addNotification, apiUrl]);
-  const onSignUp = React2.useCallback(async ({
-    email,
-    password
-  }) => {
-    try {
-      const response = await fetch(`${apiUrl}/auth/local/register`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          username: email,
-          email,
-          password
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        addNotification({
-          title: "Sign up failed",
-          message: data.error?.message || "An error occurred during sign up.",
-          type: "error"
-        });
-        return;
-      }
-      setScreen({
-        value: "confirmSignUpCheckEmail"
-      });
-    } catch {
-      addNotification({
-        title: "Network Error",
-        message: "Unable to connect to the server. Please check your connection.",
-        type: "error"
-      });
-    }
-  }, [addNotification, setScreen, apiUrl]);
-  const onForgotPassword = React2.useCallback(async ({
-    email
-  }) => {
-    try {
-      const response = await fetch(`${apiUrl}/auth/forgot-password`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        addNotification({
-          title: "Forgot password failed",
-          message: data.error?.message || "An error occurred during forgot password.",
-          type: "error"
-        });
-        return;
-      }
-    } catch {
-      addNotification({
-        title: "Network Error",
-        message: "Unable to connect to the server. Please check your connection.",
-        type: "error"
-      });
-    }
-  }, [addNotification, apiUrl]);
-  const onConfirmSignUpCheckEmail = React2.useCallback(async () => {
-    setScreen({
-      value: "signIn"
-    });
-  }, [setScreen]);
-  return /* @__PURE__ */React2.createElement(AuthCore, {
-    ...props,
-    screen,
-    setScreen,
-    onSignIn,
-    onSignUp,
-    onForgotPassword,
-    onConfirmSignUpCheckEmail
-  });
-}, "Auth");
-export { Auth, AuthProvider, useAuth };

package/dist/index.d.cts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _ttoss_react_auth_core from '@ttoss/react-auth-core';
-import { AuthProps } from '@ttoss/react-auth-core';
-import * as React from 'react';
-
-declare const Auth: (props: Pick<AuthProps, "logo" | "layout">) => react_jsx_runtime.JSX.Element;
-
-declare const AuthProvider: (props: React.PropsWithChildren<{
-    apiUrl: string;
-}>) => react_jsx_runtime.JSX.Element;
-declare const useAuth: () => {
-    signOut: () => Promise<void>;
-    isAuthenticated: boolean;
-    user: _ttoss_react_auth_core.AuthUser | null;
-    tokens: _ttoss_react_auth_core.AuthTokens | null;
-    setAuthData: React.Dispatch<React.SetStateAction<_ttoss_react_auth_core.AuthData>>;
-    apiUrl: string;
-};
-
-export { Auth, AuthProvider, useAuth };

package/dist/index.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _ttoss_react_auth_core from '@ttoss/react-auth-core';
-import { AuthProps } from '@ttoss/react-auth-core';
-import * as React from 'react';
-
-declare const Auth: (props: Pick<AuthProps, "logo" | "layout">) => react_jsx_runtime.JSX.Element;
-
-declare const AuthProvider: (props: React.PropsWithChildren<{
-    apiUrl: string;
-}>) => react_jsx_runtime.JSX.Element;
-declare const useAuth: () => {
-    signOut: () => Promise<void>;
-    isAuthenticated: boolean;
-    user: _ttoss_react_auth_core.AuthUser | null;
-    tokens: _ttoss_react_auth_core.AuthTokens | null;
-    setAuthData: React.Dispatch<React.SetStateAction<_ttoss_react_auth_core.AuthData>>;
-    apiUrl: string;
-};
-
-export { Auth, AuthProvider, useAuth };

package/dist/index.js

@@ -1,342 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import * as React from 'react';
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", {
-  value,
-  configurable: true
-});
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Auth: () => Auth,
-  AuthProvider: () => AuthProvider,
-  useAuth: () => useAuth
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/Auth.tsx
-var import_react_auth_core2 = require("@ttoss/react-auth-core");
-var import_react_notifications = require("@ttoss/react-notifications");
-var React2 = __toESM(require("react"), 1);
-
-// src/AuthProvider.tsx
-var import_react_auth_core = require("@ttoss/react-auth-core");
-var React = __toESM(require("react"), 1);
-
-// src/storage.ts
-var AUTH_STORAGE_REFRESH_TOKEN_KEY = "ttoss-strapi-auth-refresh-token";
-var isBrowser = typeof window !== "undefined";
-var getLocalStorage = /* @__PURE__ */__name(() => {
-  try {
-    return isBrowser ? window.localStorage : null;
-  } catch {
-    return null;
-  }
-}, "getLocalStorage");
-var storage = {
-  getRefreshToken: /* @__PURE__ */__name(() => {
-    const ls = getLocalStorage();
-    if (!ls) return null;
-    try {
-      return ls.getItem(AUTH_STORAGE_REFRESH_TOKEN_KEY);
-    } catch {
-      return null;
-    }
-  }, "getRefreshToken"),
-  setRefreshToken: /* @__PURE__ */__name(refreshToken => {
-    const ls = getLocalStorage();
-    if (!ls) return;
-    try {
-      ls.setItem(AUTH_STORAGE_REFRESH_TOKEN_KEY, refreshToken);
-    } catch {}
-  }, "setRefreshToken"),
-  clearRefreshToken: /* @__PURE__ */__name(() => {
-    const ls = getLocalStorage();
-    if (!ls) return;
-    try {
-      ls.removeItem(AUTH_STORAGE_REFRESH_TOKEN_KEY);
-    } catch {}
-  }, "clearRefreshToken")
-};
-
-// src/AuthProvider.tsx
-var AuthContext = /* @__PURE__ */React.createContext({
-  apiUrl: ""
-});
-var AuthProvider = /* @__PURE__ */__name(props => {
-  const getAuthData = React.useCallback(async () => {
-    try {
-      const refreshToken = storage.getRefreshToken();
-      if (!refreshToken) {
-        return null;
-      }
-      const refreshResponse = await fetch(`${props.apiUrl}/auth/local/refresh`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          refreshToken
-        })
-      });
-      const refreshData = await refreshResponse.json();
-      if ("error" in refreshData) {
-        storage.clearRefreshToken();
-        return null;
-      }
-      const meResponse = await fetch(`${props.apiUrl}/users/me`, {
-        headers: {
-          Authorization: `Bearer ${refreshData.jwt}`
-        }
-      });
-      const data = await meResponse.json();
-      if (!meResponse.ok) {
-        storage.clearRefreshToken();
-        return null;
-      }
-      storage.setRefreshToken(refreshData.refreshToken);
-      return {
-        user: {
-          id: data.id,
-          email: data.email,
-          emailVerified: data.confirmed ?? data.emailVerified ?? data.user?.confirmed
-        },
-        tokens: {
-          accessToken: refreshData.jwt,
-          refreshToken: refreshData.refreshToken
-        },
-        isAuthenticated: true
-      };
-    } catch {
-      storage.clearRefreshToken();
-      return null;
-    }
-  }, [props.apiUrl]);
-  const signOut = React.useCallback(async () => {
-    storage.clearRefreshToken();
-  }, []);
-  return /* @__PURE__ */React.createElement(AuthContext.Provider, {
-    value: {
-      apiUrl: props.apiUrl
-    }
-  }, /* @__PURE__ */React.createElement(import_react_auth_core.AuthProvider, {
-    getAuthData,
-    signOut
-  }, props.children));
-}, "AuthProvider");
-var useAuth = /* @__PURE__ */__name(() => {
-  const authCore = (0, import_react_auth_core.useAuth)();
-  const {
-    apiUrl
-  } = React.useContext(AuthContext);
-  return {
-    apiUrl,
-    ...authCore
-  };
-}, "useAuth");
-
-// src/Auth.tsx
-var Auth = /* @__PURE__ */__name(props => {
-  const {
-    setAuthData,
-    apiUrl
-  } = useAuth();
-  const {
-    screen,
-    setScreen
-  } = (0, import_react_auth_core2.useAuthScreen)();
-  const {
-    addNotification
-  } = (0, import_react_notifications.useNotifications)();
-  const onSignIn = React2.useCallback(async ({
-    email,
-    password
-  }) => {
-    try {
-      const response = await fetch(`${apiUrl}/auth/local`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          identifier: email,
-          password
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        const errorMessage = data.error?.message;
-        if (errorMessage === "Your account email is not confirmed") {
-          const resendResponse = await fetch(`${apiUrl}/auth/send-email-confirmation`, {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/json"
-            },
-            body: JSON.stringify({
-              email
-            })
-          });
-          if (!resendResponse.ok) {
-            const resendData = await resendResponse.json();
-            addNotification({
-              title: "Resend confirmation email failed",
-              message: resendData.error?.message || "An error occurred while resending the confirmation email.",
-              type: "error"
-            });
-            return;
-          }
-          setScreen({
-            value: "confirmSignUpCheckEmail"
-          });
-          return;
-        }
-        addNotification({
-          title: "Sign in failed",
-          message: data.error?.message || "An error occurred during sign in.",
-          type: "error"
-        });
-        return;
-      }
-      storage.setRefreshToken(data.refreshToken);
-      setAuthData({
-        user: {
-          id: data.user.id,
-          email: data.user.email,
-          emailVerified: data.user.confirmed
-        },
-        tokens: {
-          accessToken: data.jwt,
-          refreshToken: data.refreshToken
-        },
-        isAuthenticated: true
-      });
-    } catch {
-      addNotification({
-        title: "Network Error",
-        message: "Unable to connect to the server. Please check your connection.",
-        type: "error"
-      });
-    }
-  }, [setAuthData, setScreen, addNotification, apiUrl]);
-  const onSignUp = React2.useCallback(async ({
-    email,
-    password
-  }) => {
-    try {
-      const response = await fetch(`${apiUrl}/auth/local/register`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          username: email,
-          email,
-          password
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        addNotification({
-          title: "Sign up failed",
-          message: data.error?.message || "An error occurred during sign up.",
-          type: "error"
-        });
-        return;
-      }
-      setScreen({
-        value: "confirmSignUpCheckEmail"
-      });
-    } catch {
-      addNotification({
-        title: "Network Error",
-        message: "Unable to connect to the server. Please check your connection.",
-        type: "error"
-      });
-    }
-  }, [addNotification, setScreen, apiUrl]);
-  const onForgotPassword = React2.useCallback(async ({
-    email
-  }) => {
-    try {
-      const response = await fetch(`${apiUrl}/auth/forgot-password`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          email
-        })
-      });
-      const data = await response.json();
-      if (!response.ok) {
-        addNotification({
-          title: "Forgot password failed",
-          message: data.error?.message || "An error occurred during forgot password.",
-          type: "error"
-        });
-        return;
-      }
-    } catch {
-      addNotification({
-        title: "Network Error",
-        message: "Unable to connect to the server. Please check your connection.",
-        type: "error"
-      });
-    }
-  }, [addNotification, apiUrl]);
-  const onConfirmSignUpCheckEmail = React2.useCallback(async () => {
-    setScreen({
-      value: "signIn"
-    });
-  }, [setScreen]);
-  return /* @__PURE__ */React2.createElement(import_react_auth_core2.Auth, {
-    ...props,
-    screen,
-    setScreen,
-    onSignIn,
-    onSignUp,
-    onForgotPassword,
-    onConfirmSignUpCheckEmail
-  });
-}, "Auth");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Auth,
-  AuthProvider,
-  useAuth
-});