@micha.bigler/ui-core-micha 2.1.3 → 2.1.5

package/dist/auth/apiClient.js

@@ -1,10 +1,43 @@
 // src/auth/apiClient.js
-import axios from 'axios';
-import { CSRF_URL } from './authConfig';
+import axios from "axios";
+import { CSRF_URL } from "./authConfig";
 const apiClient = axios.create({
     withCredentials: true,
-    xsrfCookieName: 'csrftoken',
-    xsrfHeaderName: 'X-CSRFToken',
+    xsrfCookieName: "csrftoken",
+    xsrfHeaderName: "X-CSRFToken",
+});
+let redirectingToLogin = false;
+function isBrowser() {
+    return typeof window !== "undefined";
+}
+function redirectToLoginOnce() {
+    if (!isBrowser())
+        return;
+    const onLogin = window.location.pathname.startsWith("/login");
+    if (onLogin)
+        return;
+    if (redirectingToLogin)
+        return;
+    redirectingToLogin = true;
+    window.location.assign("/login");
+}
+function isAuthish403(error) {
+    var _a, _b, _c, _d;
+    const status = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : null;
+    if (status !== 403)
+        return false;
+    const data = (_d = (_c = error === null || error === void 0 ? void 0 : error.response) === null || _c === void 0 ? void 0 : _c.data) !== null && _d !== void 0 ? _d : {};
+    const detail = typeof (data === null || data === void 0 ? void 0 : data.detail) === "string" ? data.detail : "";
+    // Typical auth/session/CSRF related phrases (keep broad but not too broad)
+    return /csrf|authentication|credentials|not authenticated|session/i.test(detail);
+}
+apiClient.interceptors.response.use((response) => response, (error) => {
+    var _a, _b;
+    const status = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : null;
+    if (status === 401 || isAuthish403(error)) {
+        redirectToLoginOnce();
+    }
+    return Promise.reject(error);
 });
 export async function ensureCsrfToken() {
     try {

package/dist/components/LoginForm.js

@@ -21,6 +21,6 @@ disabled = false, initialIdentifier = '', }) {
     const supportsPasskey = !!onPasskeyLogin &&
         typeof window !== 'undefined' &&
         !!window.PublicKeyCredential;
-    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 3 }, children: [error && (_jsx(Typography, { color: "error", gutterBottom: true, children: error })), supportsPasskey && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", fullWidth: true, type: "button", onClick: onPasskeyLogin, disabled: disabled, children: t('Auth.LOGIN_USE_PASSKEY_BUTTON') }), _jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') })] })), _jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { display: 'flex', flexDirection: 'column', gap: 2 }, children: [_jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", required: true, fullWidth: true, value: identifier, onChange: (e) => setIdentifier(e.target.value), disabled: disabled }), _jsx(TextField, { label: t('Auth.LOGIN_PASSWORD_LABEL'), type: "password", required: true, fullWidth: true, value: password, onChange: (e) => setPassword(e.target.value), disabled: disabled }), _jsx(Button, { type: "submit", variant: "contained", fullWidth: true, disabled: disabled, children: t('Auth.PAGE_LOGIN_TITLE') })] }), _jsxs(Box, { children: [_jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') }), _jsx(SocialLoginButtons, { onProviderClick: onSocialLogin })] }), _jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle2", sx: { mb: 1 }, children: t('Auth.LOGIN_ACCOUNT_RECOVERY_TITLE') }), _jsxs(Box, { sx: { display: 'flex', gap: 1, flexWrap: 'wrap' }, children: [onSignUp && (_jsx(Button, { type: "button", variant: "outlined", onClick: onSignUp, disabled: disabled, children: t('Auth.LOGIN_SIGNUP_BUTTON') })), _jsx(Button, { type: "button", variant: "outlined", onClick: onForgotPassword, disabled: disabled, children: t('Auth.LOGIN_FORGOT_PASSWORD_BUTTON') })] })] })] }));
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 3 }, children: [error && (_jsx(Typography, { color: "error", gutterBottom: true, children: error })), supportsPasskey && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", fullWidth: true, type: "button", onClick: onPasskeyLogin, disabled: disabled, children: t('Auth.LOGIN_USE_PASSKEY_BUTTON') }), _jsx(Divider, { sx: { my: 2 }, children: t('Auth.LOGIN_OR') })] })), _jsxs(Box, { component: "form", onSubmit: handleSubmit, sx: { display: 'flex', flexDirection: 'column', gap: 2 }, children: [_jsx(TextField, { label: t('Auth.EMAIL_LABEL'), type: "email", required: true, fullWidth: true, value: identifier, onChange: (e) => setIdentifier(e.target.value), disabled: disabled }), _jsx(TextField, { label: t('Auth.LOGIN_PASSWORD_LABEL'), type: "password", required: true, fullWidth: true, value: password, onChange: (e) => setPassword(e.target.value), disabled: disabled }), _jsx(Button, { type: "submit", variant: "contained", fullWidth: true, disabled: disabled, children: t('Auth.PAGE_LOGIN_TITLE') })] }), _jsxs(Box, { children: [_jsx(Typography, { variant: "subtitle2", sx: { mb: 1 }, children: t('Auth.LOGIN_ACCOUNT_RECOVERY_TITLE') }), _jsxs(Box, { sx: { display: 'flex', gap: 1, flexWrap: 'wrap' }, children: [onSignUp && (_jsx(Button, { type: "button", variant: "outlined", onClick: onSignUp, disabled: disabled, children: t('Auth.LOGIN_SIGNUP_BUTTON') })), _jsx(Button, { type: "button", variant: "outlined", onClick: onForgotPassword, disabled: disabled, children: t('Auth.LOGIN_FORGOT_PASSWORD_BUTTON') })] })] })] }));
 }
 ;

package/dist/i18n/authTranslations.js

@@ -1018,8 +1018,8 @@ export const authTranslations = {
         "en": "User not logged in."
     },
     "Auth.INVITE_BUTTON": {
-        "de": "Einladung senden",
-        "fr": "Envoyer l'invitation",
-        "en": "Send invitation"
+        "de": "Einladen",
+        "fr": "Inviter",
+        "en": "Invite"
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micha.bigler/ui-core-micha",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "private": false,

package/src/auth/apiClient.jsx

@@ -1,13 +1,55 @@
 // src/auth/apiClient.js
-import axios from 'axios';
-import { CSRF_URL } from './authConfig';
+import axios from "axios";
+import { CSRF_URL } from "./authConfig";
 
 const apiClient = axios.create({
   withCredentials: true,
-  xsrfCookieName: 'csrftoken',
-  xsrfHeaderName: 'X-CSRFToken',
+  xsrfCookieName: "csrftoken",
+  xsrfHeaderName: "X-CSRFToken",
 });
 
+let redirectingToLogin = false;
+
+function isBrowser() {
+  return typeof window !== "undefined";
+}
+
+function redirectToLoginOnce() {
+  if (!isBrowser()) return;
+
+  const onLogin = window.location.pathname.startsWith("/login");
+  if (onLogin) return;
+
+  if (redirectingToLogin) return;
+  redirectingToLogin = true;
+
+  window.location.assign("/login");
+}
+
+function isAuthish403(error) {
+  const status = error?.response?.status ?? null;
+  if (status !== 403) return false;
+
+  const data = error?.response?.data ?? {};
+  const detail = typeof data?.detail === "string" ? data.detail : "";
+
+  // Typical auth/session/CSRF related phrases (keep broad but not too broad)
+  return /csrf|authentication|credentials|not authenticated|session/i.test(detail);
+}
+
+apiClient.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    const status = error?.response?.status ?? null;
+
+    if (status === 401 || isAuthish403(error)) {
+      redirectToLoginOnce();
+    }
+
+    return Promise.reject(error);
+  }
+);
+
 export async function ensureCsrfToken() {
   try {
     await apiClient.get(CSRF_URL);
@@ -17,4 +59,4 @@ export async function ensureCsrfToken() {
   }
 }
 
-export default apiClient;
+export default apiClient;

package/src/components/LoginForm.jsx

@@ -104,14 +104,16 @@ export function LoginForm({
       </Box>
 
       {/* Other ways to sign in */}
+      {/*
       <Box>
         <Divider sx={{ my: 2 }}>
           {t('Auth.LOGIN_OR')}
         </Divider>
         <SocialLoginButtons onProviderClick={onSocialLogin} />
       </Box>
-
+        */}
       {/* Account & Recovery */}
+      
       <Box>
         <Typography variant="subtitle2" sx={{ mb: 1 }}>
           {t('Auth.LOGIN_ACCOUNT_RECOVERY_TITLE')}

package/src/i18n/authTranslations.js

@@ -1066,9 +1066,9 @@ export const authTranslations = {
     "en": "User not logged in."
   },
   "Auth.INVITE_BUTTON": {
-    "de": "Einladung senden",
-    "fr": "Envoyer l'invitation",
-    "en": "Send invitation"
+    "de": "Einladen",
+    "fr": "Inviter",
+    "en": "Invite"
   },
 
 }