@ttoss/react-auth-strapi 0.2.0

package/dist/index.js

@@ -0,0 +1,340 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+"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 __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 = () => {
+  try {
+    return isBrowser ? window.localStorage : null;
+  } catch {
+    return null;
+  }
+};
+var storage = {
+  getRefreshToken: () => {
+    const ls = getLocalStorage();
+    if (!ls) return null;
+    try {
+      return ls.getItem(AUTH_STORAGE_REFRESH_TOKEN_KEY);
+    } catch {
+      return null;
+    }
+  },
+  setRefreshToken: refreshToken => {
+    const ls = getLocalStorage();
+    if (!ls) return;
+    try {
+      ls.setItem(AUTH_STORAGE_REFRESH_TOKEN_KEY, refreshToken);
+    } catch {}
+  },
+  clearRefreshToken: () => {
+    const ls = getLocalStorage();
+    if (!ls) return;
+    try {
+      ls.removeItem(AUTH_STORAGE_REFRESH_TOKEN_KEY);
+    } catch {}
+  }
+};
+
+// src/AuthProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var AuthContext = React.createContext({
+  apiUrl: ""
+});
+var AuthProvider = 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;
+      }
+      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__ */(0, import_jsx_runtime.jsx)(AuthContext.Provider, {
+    value: {
+      apiUrl: props.apiUrl
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_auth_core.AuthProvider, {
+      getAuthData,
+      signOut,
+      children: props.children
+    })
+  });
+};
+var useAuth = () => {
+  const authCore = (0, import_react_auth_core.useAuth)();
+  const {
+    apiUrl
+  } = React.useContext(AuthContext);
+  return {
+    apiUrl,
+    ...authCore
+  };
+};
+
+// src/Auth.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Auth = () => {
+  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,
+          // Assuming username is the same as 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__ */(0, import_jsx_runtime2.jsx)(import_react_auth_core2.Auth, {
+    screen,
+    setScreen,
+    onSignIn,
+    onSignUp,
+    onForgotPassword,
+    onConfirmSignUpCheckEmail
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Auth,
+  AuthProvider,
+  useAuth
+});

package/i18n/compiled/en.json

@@ -0,0 +1,272 @@
+{
+  "0XOzcH": [
+    {
+      "type": 0,
+      "value": "Required field"
+    }
+  ],
+  "38HSjr": [
+    {
+      "type": 0,
+      "value": "Sign In"
+    }
+  ],
+  "5E12mO": [
+    {
+      "type": 0,
+      "value": "Email"
+    }
+  ],
+  "6PdOcy": [
+    {
+      "type": 0,
+      "value": "Cancel"
+    }
+  ],
+  "8GMUPk": [
+    {
+      "type": 0,
+      "value": "I'm already registered"
+    }
+  ],
+  "9cApwd": [
+    {
+      "type": 0,
+      "value": "Please, insert a valid e-mail"
+    }
+  ],
+  "BtK6KR": [
+    {
+      "type": 0,
+      "value": "Forgot password?"
+    }
+  ],
+  "Co3exe": [
+    {
+      "type": 0,
+      "value": "By signing up, you agree to the following Terms and Conditions."
+    }
+  ],
+  "D1C6fR": [
+    {
+      "type": 0,
+      "value": "Field must be at least "
+    },
+    {
+      "type": 1,
+      "value": "min"
+    },
+    {
+      "type": 0,
+      "value": " characters"
+    }
+  ],
+  "EZ3YF2": [
+    {
+      "type": 0,
+      "value": "Sign up"
+    }
+  ],
+  "HT4tSM": [
+    {
+      "type": 0,
+      "value": "Reset Password"
+    }
+  ],
+  "KY2T6J": [
+    {
+      "type": 0,
+      "value": "Code"
+    }
+  ],
+  "MfWGyg": [
+    {
+      "type": 0,
+      "value": "Field is required"
+    }
+  ],
+  "NJ57Qj": [
+    {
+      "type": 0,
+      "value": "Confirm password field is required"
+    }
+  ],
+  "OhDL0i": [
+    {
+      "type": 0,
+      "value": "Invalid email"
+    }
+  ],
+  "PylVqx": [
+    {
+      "type": 0,
+      "value": "Password"
+    }
+  ],
+  "S3pjKw": [
+    {
+      "type": 0,
+      "value": "Minimum "
+    },
+    {
+      "type": 1,
+      "value": "value"
+    },
+    {
+      "type": 0,
+      "value": " characters"
+    }
+  ],
+  "S4bbEj": [
+    {
+      "type": 0,
+      "value": "Recovering Password"
+    }
+  ],
+  "SQJto2": [
+    {
+      "type": 0,
+      "value": "Sign in"
+    }
+  ],
+  "SfWKyS": [
+    {
+      "type": 0,
+      "value": "Maximum "
+    },
+    {
+      "type": 1,
+      "value": "value"
+    },
+    {
+      "type": 0,
+      "value": " characters"
+    }
+  ],
+  "TZ4WUk": [
+    {
+      "type": 0,
+      "value": "Password requires "
+    },
+    {
+      "type": 1,
+      "value": "value"
+    },
+    {
+      "type": 0,
+      "value": " characters"
+    }
+  ],
+  "UNttd+": [
+    {
+      "type": 0,
+      "value": "Confirm"
+    }
+  ],
+  "URJDrG": [
+    {
+      "type": 0,
+      "value": "Sign up"
+    }
+  ],
+  "WU/CqP": [
+    {
+      "type": 0,
+      "value": "Passwords are not the same"
+    }
+  ],
+  "XreZg+": [
+    {
+      "type": 0,
+      "value": "Registered Email"
+    }
+  ],
+  "ZhaPt0": [
+    {
+      "type": 0,
+      "value": "Invalid Value for Field of type "
+    },
+    {
+      "type": 1,
+      "value": "type"
+    }
+  ],
+  "cGR2eI": [
+    {
+      "type": 0,
+      "value": "Confirmation"
+    }
+  ],
+  "d1YCuH": [
+    {
+      "type": 0,
+      "value": "Enter your email address"
+    }
+  ],
+  "e3IQoc": [
+    {
+      "type": 0,
+      "value": "New Password"
+    }
+  ],
+  "kdFYba": [
+    {
+      "type": 0,
+      "value": "Password field is required"
+    }
+  ],
+  "khMx/2": [
+    {
+      "type": 0,
+      "value": "An error occurred with your authentication. Please try again."
+    }
+  ],
+  "lY+cuM": [
+    {
+      "type": 0,
+      "value": "Confirm password"
+    }
+  ],
+  "lZvoYL": [
+    {
+      "type": 0,
+      "value": "Sign up now"
+    }
+  ],
+  "mZzmNV": [
+    {
+      "type": 0,
+      "value": "Recover Password"
+    }
+  ],
+  "oayEC3": [
+    {
+      "type": 0,
+      "value": "Sign up"
+    }
+  ],
+  "pwv2cR": [
+    {
+      "type": 0,
+      "value": "We have sent a confirmation code to your email address. Please enter the code below."
+    }
+  ],
+  "qTQ4hP": [
+    {
+      "type": 0,
+      "value": "An email has been sent to your address. Please check your inbox and follow the instructions to confirm your sign up."
+    }
+  ],
+  "qnQYqN": [
+    {
+      "type": 0,
+      "value": "You must accept the terms and conditions"
+    }
+  ],
+  "s1OmP0": [
+    {
+      "type": 0,
+      "value": "Confirmation code"
+    }
+  ]
+}