dauth-context-react 4.0.4 → 6.0.0

package/dist/index.js

@@ -20,11 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
+  DauthProfileModal: () => DauthProfileModal,
   DauthProvider: () => DauthProvider,
   useDauth: () => useDauth
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/initialDauthState.ts
 var initialDauthState = {
@@ -38,10 +39,7 @@ var initialDauthState = {
   },
   logout: () => {
   },
-  getAccessToken: () => Promise.resolve(""),
   updateUser: () => Promise.resolve(false),
-  updateUserWithRedirect: () => {
-  },
   deleteAccount: () => Promise.resolve(false)
 };
 var initialDauthState_default = initialDauthState;
@@ -86,162 +84,95 @@ function userReducer(state, action) {
   }
 }
 
-// src/api/utils/config.ts
-var apiVersion = "v1";
-var serverDomain = "dauth.ovh";
-var _dauthUrl;
-function setDauthUrl(url) {
-  _dauthUrl = url?.replace(/\/+$/, "");
-}
-function checkIsLocalhost() {
-  if (typeof window === "undefined") return false;
-  const hostname = window.location.hostname;
-  return Boolean(
-    hostname === "localhost" || hostname === "[::1]" || hostname.match(
-      /(192)\.(168)\.(1)\.([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/gm
-    ) || hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)
+// src/api/dauth.api.ts
+function getCsrfToken() {
+  const match = document.cookie.match(
+    /(?:^|;\s*)(?:__Host-csrf|csrf-token)=([^;]*)/
   );
+  if (!match?.[1]) return "";
+  try {
+    return decodeURIComponent(match[1]);
+  } catch {
+    return match[1];
+  }
 }
-function getServerBasePath() {
-  if (_dauthUrl) return `${_dauthUrl}/api/${apiVersion}`;
-  const isLocalhost = checkIsLocalhost();
-  const serverPort = 4012;
-  const serverLocalUrl = `${window.location.protocol}//${window.location.hostname}:${serverPort}/api/${apiVersion}`;
-  const serverProdUrl = `https://${serverDomain}/api/${apiVersion}`;
-  return isLocalhost ? serverLocalUrl : serverProdUrl;
-}
-function getClientBasePath() {
-  if (_dauthUrl) return _dauthUrl;
-  const isLocalhost = checkIsLocalhost();
-  const clientPort = 5185;
-  const clientLocalUrl = `${window.location.protocol}//${window.location.hostname}:${clientPort}`;
-  const clientProdUrl = `https://${serverDomain}`;
-  return isLocalhost ? clientLocalUrl : clientProdUrl;
+async function exchangeCodeAPI(basePath, code) {
+  const response = await fetch(`${basePath}/exchange-code`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    credentials: "include",
+    body: JSON.stringify({ code })
+  });
+  const data = await response.json();
+  return { response, data };
 }
-
-// src/api/dauth.api.ts
-var getUserAPI = async (domainName, token) => {
-  const params = {
+async function getSessionAPI(basePath) {
+  const response = await fetch(`${basePath}/session`, {
     method: "GET",
-    headers: {
-      Authorization: token,
-      "Content-Type": "application/json"
-    }
-  };
-  const response = await fetch(
-    `${getServerBasePath()}/app/${domainName}/user`,
-    params
-  );
+    credentials: "include"
+  });
   const data = await response.json();
   return { response, data };
-};
-var updateUserAPI = async (domainName, user, token) => {
-  const params = {
+}
+async function logoutAPI(basePath) {
+  const response = await fetch(`${basePath}/logout`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      "X-CSRF-Token": getCsrfToken()
+    },
+    credentials: "include"
+  });
+  return { response };
+}
+async function updateUserAPI(basePath, user) {
+  const response = await fetch(`${basePath}/user`, {
     method: "PATCH",
     headers: {
-      Authorization: token,
-      "Content-Type": "application/json"
+      "Content-Type": "application/json",
+      "X-CSRF-Token": getCsrfToken()
     },
+    credentials: "include",
     body: JSON.stringify(user)
-  };
-  const response = await fetch(
-    `${getServerBasePath()}/app/${domainName}/user`,
-    params
-  );
-  const data = await response.json();
-  return { response, data };
-};
-var refreshTokenAPI = async (domainName, refreshToken) => {
-  const params = {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ refreshToken })
-  };
-  const response = await fetch(
-    `${getServerBasePath()}/app/${domainName}/refresh-token`,
-    params
-  );
+  });
   const data = await response.json();
   return { response, data };
-};
-var deleteAccountAPI = async (domainName, token) => {
-  const params = {
+}
+async function deleteAccountAPI(basePath) {
+  const response = await fetch(`${basePath}/user`, {
     method: "DELETE",
-    headers: {
-      Authorization: token,
-      "Content-Type": "application/json"
-    }
-  };
-  const response = await fetch(
-    `${getServerBasePath()}/app/${domainName}/user`,
-    params
-  );
-  const data = await response.json();
-  return { response, data };
-};
-var exchangeCodeAPI = async (domainName, code) => {
-  const params = {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ code })
-  };
-  const response = await fetch(
-    `${getServerBasePath()}/app/${domainName}/exchange-code`,
-    params
-  );
+    headers: { "X-CSRF-Token": getCsrfToken() },
+    credentials: "include"
+  });
   const data = await response.json();
   return { response, data };
-};
-var logoutAPI = async (domainName, refreshToken) => {
-  const params = {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify({ refreshToken })
-  };
-  const response = await fetch(
-    `${getServerBasePath()}/app/${domainName}/logout`,
-    params
-  );
-  return { response };
-};
+}
 
 // src/reducer/dauth.actions.ts
-async function exchangeCodeAction({
-  dispatch,
-  code,
-  domainName,
-  storageKeys,
-  onError
-}) {
+async function exchangeCodeAction(ctx, code) {
+  const { dispatch, authProxyPath, onError } = ctx;
   dispatch({
     type: SET_IS_LOADING,
     payload: { isLoading: true }
   });
   try {
     window.history.replaceState({}, document.title, window.location.pathname);
-    const exchangeResult = await exchangeCodeAPI(domainName, code);
-    if (exchangeResult.response.status !== 200) {
-      return resetUser(dispatch, storageKeys);
-    }
-    const { accessToken, refreshToken } = exchangeResult.data;
-    localStorage.setItem(storageKeys.accessToken, accessToken);
-    localStorage.setItem(storageKeys.refreshToken, refreshToken);
-    const getUserFetch = await getUserAPI(domainName, accessToken);
-    if (getUserFetch.response.status === 200) {
+    const result = await exchangeCodeAPI(authProxyPath, code);
+    if (result.response.status === 200) {
       dispatch({
         type: LOGIN,
         payload: {
-          user: getUserFetch.data.user,
-          domain: getUserFetch.data.domain,
+          user: result.data.user,
+          domain: result.data.domain,
           isAuthenticated: true
         }
       });
       return;
     }
-    return resetUser(dispatch, storageKeys);
+    resetUser(dispatch);
   } catch (error) {
     onError(error instanceof Error ? error : new Error(String(error)));
-    return resetUser(dispatch, storageKeys);
+    resetUser(dispatch);
   } finally {
     dispatch({
       type: SET_IS_LOADING,
@@ -249,45 +180,29 @@ async function exchangeCodeAction({
     });
   }
 }
-async function setAutoLoginAction({
-  dispatch,
-  domainName,
-  storageKeys,
-  onError
-}) {
-  dispatch({ type: SET_IS_LOADING, payload: { isLoading: true } });
-  const storedRefreshToken = localStorage.getItem(storageKeys.refreshToken);
-  if (!storedRefreshToken) {
-    dispatch({
-      type: SET_IS_LOADING,
-      payload: { isLoading: false }
-    });
-    return resetUser(dispatch, storageKeys);
-  }
+async function autoLoginAction(ctx) {
+  const { dispatch, authProxyPath, onError } = ctx;
+  dispatch({
+    type: SET_IS_LOADING,
+    payload: { isLoading: true }
+  });
   try {
-    const refreshResult = await refreshTokenAPI(domainName, storedRefreshToken);
-    if (refreshResult.response.status === 200) {
-      const newAccessToken = refreshResult.data.accessToken;
-      const newRefreshToken = refreshResult.data.refreshToken;
-      localStorage.setItem(storageKeys.accessToken, newAccessToken);
-      localStorage.setItem(storageKeys.refreshToken, newRefreshToken);
-      const getUserFetch = await getUserAPI(domainName, newAccessToken);
-      if (getUserFetch.response.status === 200) {
-        dispatch({
-          type: LOGIN,
-          payload: {
-            user: getUserFetch.data.user,
-            domain: getUserFetch.data.domain,
-            isAuthenticated: true
-          }
-        });
-        return;
-      }
+    const result = await getSessionAPI(authProxyPath);
+    if (result.response.status === 200) {
+      dispatch({
+        type: LOGIN,
+        payload: {
+          user: result.data.user,
+          domain: result.data.domain,
+          isAuthenticated: true
+        }
+      });
+      return;
     }
-    resetUser(dispatch, storageKeys);
+    resetUser(dispatch);
   } catch (error) {
     onError(error instanceof Error ? error : new Error(String(error)));
-    resetUser(dispatch, storageKeys);
+    resetUser(dispatch);
   } finally {
     dispatch({
       type: SET_IS_LOADING,
@@ -295,19 +210,16 @@ async function setAutoLoginAction({
     });
   }
 }
-async function setLogoutAction({
-  dispatch,
-  domainName,
-  storageKeys
-}) {
-  const storedRefreshToken = localStorage.getItem(storageKeys.refreshToken);
-  if (storedRefreshToken && domainName) {
-    try {
-      await logoutAPI(domainName, storedRefreshToken);
-    } catch (_) {
-    }
+async function logoutAction(ctx) {
+  const { dispatch, authProxyPath } = ctx;
+  try {
+    await logoutAPI(authProxyPath);
+  } catch {
   }
-  dispatch({ type: SET_IS_LOADING, payload: { isLoading: true } });
+  dispatch({
+    type: SET_IS_LOADING,
+    payload: { isLoading: true }
+  });
   dispatch({
     type: LOGIN,
     payload: {
@@ -318,115 +230,38 @@ async function setLogoutAction({
       isAuthenticated: false
     }
   });
-  localStorage.removeItem(storageKeys.accessToken);
-  localStorage.removeItem(storageKeys.refreshToken);
-  return dispatch({
+  dispatch({
     type: SET_IS_LOADING,
     payload: { isLoading: false }
   });
 }
-async function refreshSessionAction({
-  dispatch,
-  domainName,
-  storageKeys,
-  onError
-}) {
-  const storedRefreshToken = localStorage.getItem(storageKeys.refreshToken);
-  if (!storedRefreshToken) {
-    return resetUser(dispatch, storageKeys);
-  }
-  try {
-    const refreshResult = await refreshTokenAPI(domainName, storedRefreshToken);
-    if (refreshResult.response.status === 200) {
-      localStorage.setItem(
-        storageKeys.accessToken,
-        refreshResult.data.accessToken
-      );
-      localStorage.setItem(
-        storageKeys.refreshToken,
-        refreshResult.data.refreshToken
-      );
-      return;
-    }
-    resetUser(dispatch, storageKeys);
-  } catch (error) {
-    onError(error instanceof Error ? error : new Error(String(error)));
-    resetUser(dispatch, storageKeys);
-  }
-}
-async function setUpdateUserAction({
-  dispatch,
-  domainName,
-  user,
-  token,
-  onError
-}) {
+async function updateUserAction(ctx, user) {
+  const { dispatch, authProxyPath, onError } = ctx;
   if (user.language) {
     window.document.documentElement.setAttribute("lang", user.language);
   }
-  if (!token) {
-    dispatch({
-      type: UPDATE_USER,
-      payload: user
-    });
-    return false;
-  }
   try {
-    const getUserFetch = await updateUserAPI(domainName, user, token);
-    if (getUserFetch.response.status === 200) {
+    const result = await updateUserAPI(authProxyPath, user);
+    if (result.response.status === 200) {
       dispatch({
         type: UPDATE_USER,
-        payload: getUserFetch.data.user
+        payload: result.data.user
       });
       return true;
-    } else {
-      onError(new Error("Update user error: " + getUserFetch.data.message));
-      return false;
     }
+    onError(new Error("Update user error: " + result.data.message));
+    return false;
   } catch (error) {
     onError(error instanceof Error ? error : new Error("Update user error"));
     return false;
   }
 }
-async function getAccessTokenAction({
-  dispatch,
-  domainName,
-  storageKeys,
-  onError
-}) {
-  const token_ls = localStorage.getItem(storageKeys.accessToken);
-  if (!token_ls) return "token-not-found";
-  try {
-    const payloadB64 = token_ls.split(".")[1];
-    if (payloadB64) {
-      const payload = JSON.parse(atob(payloadB64));
-      const expiresIn = (payload.exp || 0) * 1e3 - Date.now();
-      if (expiresIn < 5 * 60 * 1e3) {
-        await refreshSessionAction({
-          dispatch,
-          domainName,
-          storageKeys,
-          onError
-        });
-        const refreshedToken = localStorage.getItem(storageKeys.accessToken);
-        return refreshedToken || "token-not-found";
-      }
-    }
-  } catch (_) {
-  }
-  return token_ls;
-}
-async function deleteAccountAction({
-  dispatch,
-  domainName,
-  storageKeys,
-  onError,
-  token
-}) {
+async function deleteAccountAction(ctx) {
+  const { dispatch, authProxyPath, onError } = ctx;
   try {
-    const result = await deleteAccountAPI(domainName, token);
+    const result = await deleteAccountAPI(authProxyPath);
     if (result.response.status === 200) {
-      resetUser(dispatch, storageKeys);
+      resetUser(dispatch);
       return true;
     }
     return false;
@@ -435,9 +270,7 @@ async function deleteAccountAction({
     return false;
   }
 }
-var resetUser = (dispatch, storageKeys) => {
-  localStorage.removeItem(storageKeys.accessToken);
-  localStorage.removeItem(storageKeys.refreshToken);
+var resetUser = (dispatch) => {
   return dispatch({
     type: LOGIN,
     payload: {
@@ -448,120 +281,833 @@ var resetUser = (dispatch, storageKeys) => {
   });
 };
 
+// src/api/utils/config.ts
+var serverDomain = "dauth.ovh";
+var _dauthUrl;
+function setDauthUrl(url) {
+  _dauthUrl = url?.replace(/\/+$/, "");
+}
+function checkIsLocalhost() {
+  if (typeof window === "undefined") return false;
+  const hostname = window.location.hostname;
+  return hostname === "localhost" || hostname === "[::1]" || /^127(?:\.(?:25[0-5]|2[0-4]\d|[01]?\d\d?)){3}$/.test(
+    hostname
+  ) || /^192\.168(?:\.(?:25[0-5]|2[0-4]\d|[01]?\d\d?)){2}$/.test(
+    hostname
+  ) || /^10(?:\.(?:25[0-5]|2[0-4]\d|[01]?\d\d?)){3}$/.test(
+    hostname
+  );
+}
+function getClientBasePath() {
+  if (_dauthUrl) return _dauthUrl;
+  const isLocalhost = checkIsLocalhost();
+  const clientPort = 5185;
+  const clientLocalUrl = `${window.location.protocol}//${window.location.hostname}:${clientPort}`;
+  const clientProdUrl = `https://${serverDomain}`;
+  return isLocalhost ? clientLocalUrl : clientProdUrl;
+}
+
 // src/constants.ts
-var TOKEN_LS = "dauth_state";
-var REFRESH_TOKEN_LS = "dauth_refresh_token";
 var AUTH_CODE_PARAM = "code";
 
 // src/api/utils/routes.ts
 var routes = {
-  signin: "signin",
-  updateUser: "update-user"
+  signin: "signin"
 };
 
-// src/index.tsx
+// src/DauthProfileModal.tsx
+var import_react = require("react");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime = require("react/jsx-runtime");
-var defaultOnError = (error) => console.error(error);
-var DauthProvider = (props) => {
-  const { domainName, children, storageKey, onError, env, dauthUrl } = props;
-  const [dauthState, dispatch] = (0, import_react.useReducer)(userReducer, initialDauthState_default);
-  const refreshTimerRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    setDauthUrl(dauthUrl);
-  }, [dauthUrl]);
-  const storageKeys = (0, import_react.useMemo)(
-    () => ({
-      accessToken: storageKey?.accessToken ?? TOKEN_LS,
-      refreshToken: storageKey?.refreshToken ?? REFRESH_TOKEN_LS
-    }),
-    [storageKey?.accessToken, storageKey?.refreshToken]
+var TRANSITION_MS = 200;
+var MOBILE_TRANSITION_MS = 300;
+var SUCCESS_TIMEOUT_MS = 4e3;
+var CONFIRM_WORD = "DELETE";
+function IconClose() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
   );
-  const handleError = (0, import_react.useCallback)(
-    (error) => (onError ?? defaultOnError)(error),
-    [onError]
+}
+function IconBack() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "12 19 5 12 12 5" })
+      ]
+    }
   );
-  const ctx = (0, import_react.useMemo)(
-    () => ({ dispatch, domainName, storageKeys, onError: handleError }),
-    [domainName, storageKeys, handleError]
+}
+function Spinner() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: spinnerStyle, "aria-hidden": "true" });
+}
+function useMediaQuery(query) {
+  const [matches, setMatches] = (0, import_react.useState)(
+    () => typeof window !== "undefined" && window.matchMedia(query).matches
   );
-  const scheduleRefresh = (0, import_react.useCallback)(() => {
-    if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
-    const token = localStorage.getItem(storageKeys.accessToken);
-    if (!token) return;
-    try {
-      const payloadB64 = token.split(".")[1];
-      if (!payloadB64) return;
-      const payload = JSON.parse(atob(payloadB64));
-      const expiresIn = (payload.exp || 0) * 1e3 - Date.now();
-      const refreshIn = Math.max(expiresIn - 5 * 60 * 1e3, 1e4);
-      refreshTimerRef.current = setTimeout(async () => {
-        await refreshSessionAction(ctx);
-        scheduleRefresh();
-      }, refreshIn);
-    } catch (_) {
-      refreshTimerRef.current = setTimeout(
-        async () => {
-          await refreshSessionAction(ctx);
-          scheduleRefresh();
-        },
-        5 * 60 * 1e3
-      );
+  (0, import_react.useEffect)(() => {
+    const mq = window.matchMedia(query);
+    const handler = (e) => setMatches(e.matches);
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+function useModalAnimation(open) {
+  const [phase, setPhase] = (0, import_react.useState)("exited");
+  (0, import_react.useEffect)(() => {
+    if (open) {
+      setPhase("entering");
+      const raf = requestAnimationFrame(() => {
+        requestAnimationFrame(() => setPhase("entered"));
+      });
+      return () => cancelAnimationFrame(raf);
+    }
+    if (phase === "entered" || phase === "entering") {
+      setPhase("exiting");
+      const timer = setTimeout(() => setPhase("exited"), MOBILE_TRANSITION_MS);
+      return () => clearTimeout(timer);
     }
-  }, [ctx, storageKeys.accessToken]);
+    return void 0;
+  }, [open]);
+  return phase;
+}
+function useFocusTrap(containerRef, active, onEscape) {
+  const previousFocus = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
-    (async () => {
-      const queryString = window.location.search;
-      if (!queryString) return;
-      const urlParams = new URLSearchParams(queryString);
-      const code = urlParams.get(AUTH_CODE_PARAM);
-      if (code && !dauthState.isAuthenticated) {
-        return exchangeCodeAction({ ...ctx, code });
+    if (!active) return;
+    previousFocus.current = document.activeElement;
+    const container = containerRef.current;
+    if (!container) return;
+    const focusFirst = () => {
+      const firstInput = container.querySelector(
+        "input:not([disabled])"
+      );
+      (firstInput ?? container).focus();
+    };
+    const raf = requestAnimationFrame(focusFirst);
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        onEscape();
+        return;
       }
-    })();
-  }, []);
-  (0, import_react.useEffect)(() => {
-    (async () => {
-      const urlParams = new URLSearchParams(window.location.search);
-      if (urlParams.get(AUTH_CODE_PARAM)) return;
-      const refreshToken = localStorage.getItem(storageKeys.refreshToken);
-      if (refreshToken && !dauthState.isAuthenticated) {
-        return setAutoLoginAction(ctx);
-      } else {
-        return dispatch({
-          type: SET_IS_LOADING,
-          payload: { isLoading: false }
-        });
+      if (e.key !== "Tab") return;
+      const focusable = container.querySelectorAll(
+        'button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])'
+      );
+      if (focusable.length === 0) return;
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (e.shiftKey && document.activeElement === first) {
+        e.preventDefault();
+        last.focus();
+      } else if (!e.shiftKey && document.activeElement === last) {
+        e.preventDefault();
+        first.focus();
       }
-    })();
-  }, []);
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      cancelAnimationFrame(raf);
+      document.removeEventListener("keydown", handleKeyDown);
+      if (previousFocus.current instanceof HTMLElement) {
+        previousFocus.current.focus();
+      }
+    };
+  }, [active, containerRef, onEscape]);
+}
+function useScrollLock(active) {
   (0, import_react.useEffect)(() => {
-    if (dauthState.isAuthenticated) {
-      scheduleRefresh();
+    if (!active) return;
+    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    const prevOverflow = document.body.style.overflow;
+    const prevPaddingRight = document.body.style.paddingRight;
+    document.body.style.overflow = "hidden";
+    if (scrollbarWidth > 0) {
+      document.body.style.paddingRight = `${scrollbarWidth}px`;
     }
     return () => {
-      if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
+      document.body.style.overflow = prevOverflow;
+      document.body.style.paddingRight = prevPaddingRight;
     };
-  }, [dauthState.isAuthenticated, scheduleRefresh]);
-  const loginWithRedirect = (0, import_react.useCallback)(() => {
+  }, [active]);
+}
+function DauthProfileModal({ open, onClose }) {
+  const { user, domain, updateUser, deleteAccount } = useDauth();
+  const isDesktop = useMediaQuery("(min-width: 641px)");
+  const phase = useModalAnimation(open);
+  const modalRef = (0, import_react.useRef)(null);
+  const [name, setName] = (0, import_react.useState)("");
+  const [lastname, setLastname] = (0, import_react.useState)("");
+  const [nickname, setNickname] = (0, import_react.useState)("");
+  const [country, setCountry] = (0, import_react.useState)("");
+  const [populated, setPopulated] = (0, import_react.useState)(false);
+  const [saving, setSaving] = (0, import_react.useState)(false);
+  const [status, setStatus] = (0, import_react.useState)(null);
+  const [showDelete, setShowDelete] = (0, import_react.useState)(false);
+  const [deleteText, setDeleteText] = (0, import_react.useState)("");
+  const [deleting, setDeleting] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (open && user?._id && !populated) {
+      setName(user.name || "");
+      setLastname(user.lastname || "");
+      setNickname(user.nickname || "");
+      setCountry(user.country || "");
+      setPopulated(true);
+    }
+    if (!open) {
+      setPopulated(false);
+      setStatus(null);
+      setShowDelete(false);
+      setDeleteText("");
+    }
+  }, [open, user, populated]);
+  (0, import_react.useEffect)(() => {
+    if (status?.type !== "success") return;
+    const timer = setTimeout(() => setStatus(null), SUCCESS_TIMEOUT_MS);
+    return () => clearTimeout(timer);
+  }, [status]);
+  useFocusTrap(modalRef, phase === "entered", onClose);
+  useScrollLock(phase !== "exited");
+  const hasField = (0, import_react.useCallback)(
+    (field) => domain.formFields?.some((f) => f.field === field) ?? false,
+    [domain.formFields]
+  );
+  const isRequired = (0, import_react.useCallback)(
+    (field) => domain.formFields?.find((f) => f.field === field)?.required ?? false,
+    [domain.formFields]
+  );
+  const hasChanges = (0, import_react.useMemo)(() => {
+    if (!user?._id) return false;
+    return name !== (user.name || "") || lastname !== (user.lastname || "") || nickname !== (user.nickname || "") || country !== (user.country || "");
+  }, [name, lastname, nickname, country, user]);
+  const canSave = name.trim().length > 0 && hasChanges && !saving;
+  const handleSave = (0, import_react.useCallback)(async () => {
+    setSaving(true);
+    setStatus(null);
+    const fields = { name };
+    if (hasField("lastname")) fields.lastname = lastname;
+    if (hasField("nickname")) fields.nickname = nickname;
+    if (hasField("country")) fields.country = country;
+    const ok = await updateUser(fields);
+    setSaving(false);
+    if (ok) {
+      setStatus({
+        type: "success",
+        message: "Profile updated successfully"
+      });
+    } else {
+      setStatus({
+        type: "error",
+        message: "Something went wrong. Please try again."
+      });
+    }
+  }, [name, lastname, nickname, country, hasField, updateUser]);
+  const handleDelete = (0, import_react.useCallback)(async () => {
+    setDeleting(true);
+    const ok = await deleteAccount();
+    setDeleting(false);
+    if (ok) {
+      onClose();
+    } else {
+      setStatus({
+        type: "error",
+        message: "Could not delete account. Please try again."
+      });
+      setShowDelete(false);
+      setDeleteText("");
+    }
+  }, [deleteAccount, onClose]);
+  if (phase === "exited") return null;
+  const dur = isDesktop ? TRANSITION_MS : MOBILE_TRANSITION_MS;
+  const easing = "cubic-bezier(0.16, 1, 0.3, 1)";
+  const backdrop = {
+    position: "fixed",
+    inset: 0,
+    zIndex: 2147483647,
+    backgroundColor: "var(--dauth-backdrop, rgba(0, 0, 0, 0.6))",
+    backdropFilter: "blur(4px)",
+    WebkitBackdropFilter: "blur(4px)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    opacity: phase === "entered" ? 1 : 0,
+    transition: `opacity ${dur}ms ease-out`
+  };
+  const modalDesktop = {
+    position: "relative",
+    width: "100%",
+    maxWidth: 480,
+    maxHeight: "90vh",
+    margin: 16,
+    backgroundColor: "var(--dauth-surface, #1a1a2e)",
+    borderRadius: "var(--dauth-radius, 12px)",
+    boxShadow: "var(--dauth-shadow, 0 25px 50px -12px rgba(0, 0, 0, 0.5))",
+    border: "1px solid var(--dauth-border, rgba(255, 255, 255, 0.08))",
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    fontFamily: "var(--dauth-font-family, system-ui, -apple-system, sans-serif)",
+    color: "var(--dauth-text-primary, #e4e4e7)",
+    opacity: phase === "entered" ? 1 : 0,
+    transform: phase === "entered" ? "translateY(0)" : "translateY(16px)",
+    transition: `opacity ${dur}ms ${easing}, transform ${dur}ms ${easing}`
+  };
+  const modalMobile = {
+    position: "fixed",
+    inset: 0,
+    backgroundColor: "var(--dauth-surface, #1a1a2e)",
+    display: "flex",
+    flexDirection: "column",
+    fontFamily: "var(--dauth-font-family, system-ui, -apple-system, sans-serif)",
+    color: "var(--dauth-text-primary, #e4e4e7)",
+    transform: phase === "entered" ? "translateY(0)" : "translateY(100%)",
+    transition: `transform ${dur}ms ${easing}`
+  };
+  const avatarInitial = (user.name || user.email || "?").charAt(0).toUpperCase();
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "@keyframes dauth-spin{to{transform:rotate(360deg)}}"
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: backdrop,
+          onClick: isDesktop ? onClose : void 0,
+          "data-testid": "dauth-profile-backdrop",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              ref: modalRef,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": "dauth-profile-title",
+              style: isDesktop ? modalDesktop : modalMobile,
+              onClick: (e) => e.stopPropagation(),
+              tabIndex: -1,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: headerStyle(isDesktop), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      style: closeBtn,
+                      "aria-label": "Close",
+                      onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--dauth-surface-hover, #232340)",
+                      onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+                      children: isDesktop ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconClose, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconBack, {})
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: "dauth-profile-title", style: titleStyle, children: "Your Profile" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: 36 } })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: bodyStyle, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: avatarSection, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: avatarCircle, children: user.avatar?.url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "img",
+                      {
+                        src: user.avatar.url,
+                        alt: "",
+                        style: {
+                          width: "100%",
+                          height: "100%",
+                          objectFit: "cover"
+                        }
+                      }
+                    ) : avatarInitial }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: emailText, children: user.email })
+                  ] }),
+                  status && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      role: "status",
+                      "aria-live": "polite",
+                      style: statusMsg(status.type),
+                      children: status.message
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: fieldGroup, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "dauth-name", style: label, children: "Name *" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          id: "dauth-name",
+                          type: "text",
+                          value: name,
+                          onChange: (e) => setName(e.target.value),
+                          placeholder: "Your name",
+                          disabled: saving,
+                          style: input,
+                          onFocus: inputFocusHandler,
+                          onBlur: inputBlurHandler
+                        }
+                      )
+                    ] }),
+                    hasField("lastname") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: fieldGroup, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "dauth-lastname", style: label, children: [
+                        "Last name",
+                        isRequired("lastname") ? " *" : ""
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          id: "dauth-lastname",
+                          type: "text",
+                          value: lastname,
+                          onChange: (e) => setLastname(e.target.value),
+                          placeholder: "Your last name",
+                          disabled: saving,
+                          style: input,
+                          onFocus: inputFocusHandler,
+                          onBlur: inputBlurHandler
+                        }
+                      )
+                    ] }),
+                    hasField("nickname") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: fieldGroup, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "dauth-nickname", style: label, children: [
+                        "Nickname",
+                        isRequired("nickname") ? " *" : ""
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          id: "dauth-nickname",
+                          type: "text",
+                          value: nickname,
+                          onChange: (e) => setNickname(e.target.value),
+                          placeholder: "Choose a nickname",
+                          disabled: saving,
+                          style: input,
+                          onFocus: inputFocusHandler,
+                          onBlur: inputBlurHandler
+                        }
+                      )
+                    ] }),
+                    hasField("country") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: fieldGroup, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: "dauth-country", style: label, children: [
+                        "Country",
+                        isRequired("country") ? " *" : ""
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          id: "dauth-country",
+                          type: "text",
+                          value: country,
+                          onChange: (e) => setCountry(e.target.value),
+                          placeholder: "Your country",
+                          disabled: saving,
+                          style: input,
+                          onFocus: inputFocusHandler,
+                          onBlur: inputBlurHandler
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { style: separator }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: dangerTitle, children: "Delete account" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: dangerDesc, children: "Permanently delete your account and all associated data." }),
+                    !showDelete ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        style: deleteBtn,
+                        onClick: () => setShowDelete(true),
+                        onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "rgba(239, 68, 68, 0.2)",
+                        onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "var(--dauth-error-bg, rgba(239, 68, 68, 0.1))",
+                        children: "Delete account"
+                      }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: deletePanel, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: deletePanelText, children: [
+                        "This action is permanent and cannot be undone. Type",
+                        " ",
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: CONFIRM_WORD }),
+                        " to confirm."
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "input",
+                        {
+                          type: "text",
+                          value: deleteText,
+                          onChange: (e) => setDeleteText(e.target.value),
+                          placeholder: `Type ${CONFIRM_WORD}`,
+                          style: input,
+                          onFocus: inputFocusHandler,
+                          onBlur: inputBlurHandler,
+                          disabled: deleting
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            gap: 8,
+                            marginTop: 12
+                          },
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              "button",
+                              {
+                                type: "button",
+                                style: cancelBtn,
+                                onClick: () => {
+                                  setShowDelete(false);
+                                  setDeleteText("");
+                                },
+                                onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "var(--dauth-surface-hover, #232340)",
+                                onMouseLeave: (e) => e.currentTarget.style.backgroundColor = "transparent",
+                                children: "Cancel"
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                              "button",
+                              {
+                                type: "button",
+                                style: {
+                                  ...deleteConfirmBtn,
+                                  opacity: deleteText !== CONFIRM_WORD || deleting ? 0.5 : 1,
+                                  cursor: deleteText !== CONFIRM_WORD || deleting ? "not-allowed" : "pointer"
+                                },
+                                disabled: deleteText !== CONFIRM_WORD || deleting,
+                                onClick: handleDelete,
+                                children: [
+                                  deleting && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}),
+                                  "Delete my account"
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: footerStyle(isDesktop), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    style: {
+                      ...saveBtn,
+                      opacity: canSave ? 1 : 0.5,
+                      cursor: canSave ? "pointer" : "not-allowed"
+                    },
+                    disabled: !canSave,
+                    onClick: handleSave,
+                    "aria-busy": saving,
+                    onMouseEnter: (e) => {
+                      if (canSave)
+                        e.currentTarget.style.backgroundColor = "var(--dauth-accent-hover, #818cf8)";
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.backgroundColor = "var(--dauth-accent, #6366f1)";
+                    },
+                    children: [
+                      saving && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}),
+                      saving ? "Saving..." : "Save changes"
+                    ]
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+var headerStyle = (isDesktop) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "16px 24px",
+  borderBottom: "1px solid var(--dauth-border, rgba(255, 255, 255, 0.08))",
+  flexShrink: 0,
+  ...!isDesktop ? {
+    position: "sticky",
+    top: 0,
+    zIndex: 1,
+    backgroundColor: "var(--dauth-surface, #1a1a2e)"
+  } : {}
+});
+var titleStyle = {
+  fontSize: "var(--dauth-font-size-lg, 1.25rem)",
+  fontWeight: 600,
+  margin: 0,
+  lineHeight: 1.4,
+  textAlign: "center",
+  flex: 1
+};
+var closeBtn = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 36,
+  height: 36,
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  border: "none",
+  backgroundColor: "transparent",
+  color: "var(--dauth-text-secondary, #a1a1aa)",
+  cursor: "pointer",
+  transition: "background-color 150ms, color 150ms",
+  padding: 0
+};
+var bodyStyle = {
+  flex: 1,
+  overflowY: "auto",
+  padding: 24,
+  WebkitOverflowScrolling: "touch"
+};
+var avatarSection = {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  marginBottom: 24,
+  gap: 8
+};
+var avatarCircle = {
+  width: 64,
+  height: 64,
+  borderRadius: "50%",
+  backgroundColor: "var(--dauth-accent, #6366f1)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  overflow: "hidden",
+  color: "#ffffff",
+  fontSize: "1.5rem",
+  fontWeight: 600
+};
+var emailText = {
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  color: "var(--dauth-text-secondary, #a1a1aa)"
+};
+var statusMsg = (type) => ({
+  padding: "10px 14px",
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  marginBottom: 16,
+  backgroundColor: type === "success" ? "var(--dauth-success-bg, rgba(34, 197, 94, 0.1))" : "var(--dauth-error-bg, rgba(239, 68, 68, 0.1))",
+  color: type === "success" ? "var(--dauth-success, #22c55e)" : "var(--dauth-error, #ef4444)",
+  textAlign: "center",
+  lineHeight: 1.5
+});
+var fieldGroup = { marginBottom: 16 };
+var label = {
+  display: "block",
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  fontWeight: 500,
+  color: "var(--dauth-text-primary, #e4e4e7)",
+  marginBottom: 6
+};
+var input = {
+  width: "100%",
+  padding: "10px 14px",
+  fontSize: "var(--dauth-font-size-base, 1rem)",
+  lineHeight: 1.5,
+  color: "var(--dauth-text-primary, #e4e4e7)",
+  backgroundColor: "var(--dauth-surface-secondary, rgba(255, 255, 255, 0.04))",
+  border: "1px solid var(--dauth-border, rgba(255, 255, 255, 0.08))",
+  borderRadius: "var(--dauth-radius-input, 8px)",
+  outline: "none",
+  transition: "border-color 150ms, box-shadow 150ms",
+  boxSizing: "border-box",
+  fontFamily: "inherit"
+};
+var inputFocusHandler = (e) => {
+  e.currentTarget.style.borderColor = "var(--dauth-border-focus, rgba(99, 102, 241, 0.5))";
+  e.currentTarget.style.boxShadow = "0 0 0 3px rgba(99, 102, 241, 0.15)";
+};
+var inputBlurHandler = (e) => {
+  e.currentTarget.style.borderColor = "var(--dauth-border, rgba(255, 255, 255, 0.08))";
+  e.currentTarget.style.boxShadow = "none";
+};
+var separator = {
+  height: 1,
+  backgroundColor: "var(--dauth-border, rgba(255, 255, 255, 0.08))",
+  margin: "24px 0",
+  border: "none"
+};
+var dangerTitle = {
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  fontWeight: 600,
+  color: "var(--dauth-error, #ef4444)",
+  marginBottom: 4
+};
+var dangerDesc = {
+  fontSize: "var(--dauth-font-size-xs, 0.75rem)",
+  color: "var(--dauth-text-muted, #71717a)",
+  marginBottom: 12,
+  lineHeight: 1.5
+};
+var deleteBtn = {
+  padding: "8px 16px",
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  fontWeight: 500,
+  color: "var(--dauth-error, #ef4444)",
+  backgroundColor: "var(--dauth-error-bg, rgba(239, 68, 68, 0.1))",
+  border: "1px solid rgba(239, 68, 68, 0.2)",
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  cursor: "pointer",
+  transition: "background-color 150ms, border-color 150ms",
+  fontFamily: "inherit"
+};
+var deletePanel = {
+  marginTop: 12,
+  padding: 16,
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  border: "1px solid rgba(239, 68, 68, 0.3)",
+  backgroundColor: "var(--dauth-error-bg, rgba(239, 68, 68, 0.1))"
+};
+var deletePanelText = {
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  color: "var(--dauth-text-primary, #e4e4e7)",
+  marginBottom: 12,
+  lineHeight: 1.5
+};
+var cancelBtn = {
+  flex: 1,
+  padding: "8px 16px",
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  fontWeight: 500,
+  color: "var(--dauth-text-secondary, #a1a1aa)",
+  backgroundColor: "transparent",
+  border: "1px solid var(--dauth-border, rgba(255, 255, 255, 0.08))",
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  cursor: "pointer",
+  transition: "background-color 150ms",
+  fontFamily: "inherit"
+};
+var deleteConfirmBtn = {
+  flex: 1,
+  padding: "8px 16px",
+  fontSize: "var(--dauth-font-size-sm, 0.875rem)",
+  fontWeight: 500,
+  color: "#ffffff",
+  backgroundColor: "var(--dauth-error, #ef4444)",
+  border: "none",
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  cursor: "pointer",
+  transition: "opacity 150ms",
+  fontFamily: "inherit",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 8
+};
+var footerStyle = (isDesktop) => ({
+  padding: "16px 24px",
+  borderTop: "1px solid var(--dauth-border, rgba(255, 255, 255, 0.08))",
+  flexShrink: 0,
+  ...!isDesktop ? {
+    position: "sticky",
+    bottom: 0,
+    zIndex: 1,
+    backgroundColor: "var(--dauth-surface, #1a1a2e)",
+    paddingBottom: "max(16px, env(safe-area-inset-bottom))"
+  } : {}
+});
+var saveBtn = {
+  width: "100%",
+  padding: "12px 24px",
+  fontSize: "var(--dauth-font-size-base, 1rem)",
+  fontWeight: 600,
+  color: "#ffffff",
+  backgroundColor: "var(--dauth-accent, #6366f1)",
+  border: "none",
+  borderRadius: "var(--dauth-radius-sm, 8px)",
+  transition: "opacity 150ms, background-color 150ms",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 8,
+  fontFamily: "inherit"
+};
+var spinnerStyle = {
+  display: "inline-block",
+  width: 16,
+  height: 16,
+  border: "2px solid rgba(255, 255, 255, 0.3)",
+  borderTopColor: "#ffffff",
+  borderRadius: "50%",
+  animation: "dauth-spin 0.6s linear infinite"
+};
+
+// src/index.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var defaultOnError = (error) => console.error(error);
+var DauthProvider = (props) => {
+  const {
+    domainName,
+    children,
+    authProxyPath = "/api/auth",
+    onError,
+    env,
+    dauthUrl
+  } = props;
+  const [dauthState, dispatch] = (0, import_react2.useReducer)(userReducer, initialDauthState_default);
+  (0, import_react2.useEffect)(() => {
+    setDauthUrl(dauthUrl);
+  }, [dauthUrl]);
+  const handleError = (0, import_react2.useCallback)(
+    (error) => (onError ?? defaultOnError)(error),
+    [onError]
+  );
+  const ctx = (0, import_react2.useMemo)(
+    () => ({ dispatch, authProxyPath, onError: handleError }),
+    [authProxyPath, handleError]
+  );
+  (0, import_react2.useEffect)(() => {
+    const params = new URLSearchParams(window.location.search);
+    const code = params.get(AUTH_CODE_PARAM);
+    if (code) {
+      exchangeCodeAction(ctx, code);
+    } else {
+      autoLoginAction(ctx);
+    }
+  }, []);
+  const loginWithRedirect = (0, import_react2.useCallback)(() => {
     const base = `${getClientBasePath()}/${domainName}/${routes.signin}`;
     const url = env ? `${base}?env=${encodeURIComponent(env)}` : base;
     return window.location.replace(url);
   }, [domainName, env]);
-  const logout = (0, import_react.useCallback)(() => {
-    if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
-    return setLogoutAction({
-      dispatch,
-      domainName,
-      storageKeys
-    });
-  }, [domainName, storageKeys]);
-  const getAccessToken = (0, import_react.useCallback)(async () => {
-    const token = await getAccessTokenAction(ctx);
-    return token;
-  }, [ctx]);
-  const updateUser = (0, import_react.useCallback)(
+  const logout = (0, import_react2.useCallback)(() => logoutAction(ctx), [ctx]);
+  const updateUser = (0, import_react2.useCallback)(
     async (fields) => {
-      const token_ls = localStorage.getItem(storageKeys.accessToken);
       const {
         name,
         lastname,
@@ -586,55 +1132,29 @@ var DauthProvider = (props) => {
         country,
         metadata
       };
-      return await setUpdateUserAction({
-        ...ctx,
-        user,
-        token: token_ls
-      });
+      return updateUserAction(ctx, user);
     },
-    [ctx, storageKeys.accessToken]
+    [ctx]
   );
-  const updateUserWithRedirect = (0, import_react.useCallback)(() => {
-    const token_ls = localStorage.getItem(storageKeys.accessToken);
-    if (!token_ls) return;
-    return window.location.replace(
-      `${getClientBasePath()}/${domainName}/${routes.updateUser}/${token_ls}`
-    );
-  }, [domainName, storageKeys.accessToken]);
-  const deleteAccount = (0, import_react.useCallback)(async () => {
-    const token_ls = localStorage.getItem(storageKeys.accessToken);
-    if (!token_ls) return false;
-    if (refreshTimerRef.current) clearTimeout(refreshTimerRef.current);
-    return await deleteAccountAction({
-      ...ctx,
-      token: token_ls
-    });
-  }, [ctx, storageKeys.accessToken]);
-  const memoProvider = (0, import_react.useMemo)(
+  const deleteAccount = (0, import_react2.useCallback)(
+    () => deleteAccountAction(ctx),
+    [ctx]
+  );
+  const memoProvider = (0, import_react2.useMemo)(
     () => ({
       ...dauthState,
       loginWithRedirect,
       logout,
-      getAccessToken,
       updateUser,
-      updateUserWithRedirect,
       deleteAccount
     }),
-    [
-      dauthState,
-      loginWithRedirect,
-      logout,
-      getAccessToken,
-      updateUser,
-      updateUserWithRedirect,
-      deleteAccount
-    ]
+    [dauthState, loginWithRedirect, logout, updateUser, deleteAccount]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DauthContext.Provider, { value: memoProvider, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DauthContext.Provider, { value: memoProvider, children });
 };
-var DauthContext = (0, import_react.createContext)(initialDauthState_default);
+var DauthContext = (0, import_react2.createContext)(initialDauthState_default);
 var useDauth = () => {
-  const context = (0, import_react.useContext)(DauthContext);
+  const context = (0, import_react2.useContext)(DauthContext);
   if (!context) {
     throw new Error("useDauth must be used inside DauthProvider");
   }
@@ -642,6 +1162,7 @@ var useDauth = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DauthProfileModal,
   DauthProvider,
   useDauth
 });