@ollaid/native-sso 2.1.5 → 2.5.0

package/dist/index.cjs

@@ -121,7 +121,7 @@ function Dialog({ open, onOpenChange, children }) {
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: { open, onOpenChange }, children });
 }
-function DialogContent({ children, className = "" }) {
+function DialogContent({ children, className = "", style, hideCloseButton = false }) {
   const { onOpenChange } = react.useContext(DialogContext);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "fixed", inset: 0, zIndex: 50, display: "flex", alignItems: "center", justifyContent: "center" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -153,10 +153,11 @@ function DialogContent({ children, className = "" }) {
           maxHeight: "90vh",
           display: "flex",
           flexDirection: "column",
-          animation: "ollaid-modal-in 0.3s ease-out"
+          animation: "ollaid-modal-in 0.3s ease-out",
+          ...style
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          !hideCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: () => onOpenChange(false),
@@ -481,7 +482,20 @@ const setNativeAuthConfig = (newConfig) => {
 };
 const getNativeAuthConfig = () => ({ ...config });
 const isDebugMode = () => config.debug === true;
+const getIamApiBaseUrl = () => {
+  if (!config.iamApiUrl) {
+    throw new ApiError("iamApiUrl non configurée", "unknown");
+  }
+  return config.iamApiUrl;
+};
 const DEVICE_ID_KEY = "native_sso_device_id";
+const SESSION_UUID_KEY = "native_sso_session_uuid";
+function generateUuid() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return `uuid_${Date.now()}_${Math.random().toString(36).slice(2)}_${Math.random().toString(36).slice(2)}`;
+}
 const getDeviceId = () => {
   if (typeof localStorage === "undefined") return "";
   let deviceId = localStorage.getItem(DEVICE_ID_KEY);
@@ -491,13 +505,30 @@ const getDeviceId = () => {
   }
   return deviceId;
 };
+const getSessionUuid = () => {
+  if (typeof localStorage === "undefined") return "";
+  let uuid = localStorage.getItem(SESSION_UUID_KEY);
+  if (!uuid) {
+    uuid = generateUuid();
+    localStorage.setItem(SESSION_UUID_KEY, uuid);
+  }
+  return uuid;
+};
 const STORAGE = {
   AUTH_TOKEN: "auth_token",
   TOKEN: "token",
   USER: "user",
   ACCOUNT_TYPE: "account_type",
   ALIAS_REFERENCE: "alias_reference",
-  APP_ACCESS_TOKEN_REF: "app_access_token_ref"
+  APP_ACCESS_TOKEN_REF: "app_access_token_ref",
+  REFRESH_TOKEN: "refresh_token",
+  TOKEN_EXPIRES_AT: "token_expires_at",
+  REFRESH_EXPIRES_AT: "refresh_expires_at"
+};
+const PROFILE_STORAGE = {
+  IMAGE_LAST_STATUS: "sso_image_last_status",
+  IMAGE_LAST_CHECK: "sso_image_last_check",
+  IMAGE_RECHECK_AT: "sso_image_recheck_at"
 };
 const setAuthToken = (token) => {
   if (typeof localStorage !== "undefined") {
@@ -517,6 +548,9 @@ const clearAuthToken = () => {
     localStorage.removeItem(STORAGE.ACCOUNT_TYPE);
     localStorage.removeItem(STORAGE.ALIAS_REFERENCE);
     localStorage.removeItem(STORAGE.APP_ACCESS_TOKEN_REF);
+    localStorage.removeItem(STORAGE.REFRESH_TOKEN);
+    localStorage.removeItem(STORAGE.TOKEN_EXPIRES_AT);
+    localStorage.removeItem(STORAGE.REFRESH_EXPIRES_AT);
   }
 };
 const logout = async () => {
@@ -544,11 +578,53 @@ const getAccountType = () => {
   if (typeof localStorage === "undefined") return null;
   return localStorage.getItem(STORAGE.ACCOUNT_TYPE);
 };
+function getProfilePromptState() {
+  if (typeof localStorage === "undefined") {
+    return { lastStatus: null, lastCheckAt: null, recheckAt: null };
+  }
+  const lastStatusRaw = localStorage.getItem(PROFILE_STORAGE.IMAGE_LAST_STATUS);
+  const lastCheckRaw = localStorage.getItem(PROFILE_STORAGE.IMAGE_LAST_CHECK);
+  const recheckRaw = localStorage.getItem(PROFILE_STORAGE.IMAGE_RECHECK_AT);
+  const parseTs = (value) => {
+    if (!value) return null;
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  };
+  return {
+    lastStatus: lastStatusRaw === null ? null : lastStatusRaw === "true",
+    lastCheckAt: parseTs(lastCheckRaw),
+    recheckAt: parseTs(recheckRaw)
+  };
+}
+function setProfilePromptState(status, recheckAt = null) {
+  if (typeof localStorage === "undefined") return;
+  localStorage.setItem(PROFILE_STORAGE.IMAGE_LAST_STATUS, status ? "true" : "false");
+  localStorage.setItem(PROFILE_STORAGE.IMAGE_LAST_CHECK, String(Date.now()));
+  if (recheckAt && Number.isFinite(recheckAt)) {
+    localStorage.setItem(PROFILE_STORAGE.IMAGE_RECHECK_AT, String(recheckAt));
+  } else {
+    localStorage.removeItem(PROFILE_STORAGE.IMAGE_RECHECK_AT);
+  }
+}
+function markProfilePromptComplete() {
+  setProfilePromptState(true, null);
+}
+function snoozeProfilePrompt(hours = 8) {
+  setProfilePromptState(false, Date.now() + hours * 60 * 60 * 1e3);
+}
 async function fetchWithTimeout(url, options, timeout) {
   const controller = new AbortController();
   const timeoutId = setTimeout(() => controller.abort(), timeout);
   const method = options.method || "GET";
-  const logId = isDebugMode() ? logApiCall(method, url, options.body ? JSON.parse(options.body) : void 0) : null;
+  let parsedBody = void 0;
+  if (typeof options.body === "string") {
+    try {
+      parsedBody = JSON.parse(options.body);
+    } catch {
+      parsedBody = options.body;
+    }
+  }
+  const logId = isDebugMode() ? logApiCall(method, url, parsedBody) : null;
   const startTime = Date.now();
   try {
     const response = await fetch(url, {
@@ -604,6 +680,14 @@ function getHeaders(token, includeConfigPrefix = false) {
   if (deviceId) {
     headers["X-Device-Id"] = deviceId;
   }
+  const sessionUuid = getSessionUuid();
+  if (sessionUuid) {
+    headers["X-Session-UUID"] = sessionUuid;
+  }
+  const appAccessTokenRef = typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE.APP_ACCESS_TOKEN_REF) : null;
+  if (appAccessTokenRef) {
+    headers["X-App-Access-Token-Ref"] = appAccessTokenRef;
+  }
   if (includeConfigPrefix && config.configPrefix) {
     headers["X-IAM-Config-Prefix"] = config.configPrefix;
   }
@@ -839,6 +923,15 @@ const nativeAuthService = {
       if (response.user) {
         setAuthUser(response.user);
       }
+      if (response.expires_at && typeof localStorage !== "undefined") {
+        localStorage.setItem(STORAGE.TOKEN_EXPIRES_AT, response.expires_at);
+      }
+      if (response.refresh_token && typeof localStorage !== "undefined") {
+        localStorage.setItem(STORAGE.REFRESH_TOKEN, response.refresh_token);
+      }
+      if (response.refresh_expires_at && typeof localStorage !== "undefined") {
+        localStorage.setItem(STORAGE.REFRESH_EXPIRES_AT, response.refresh_expires_at);
+      }
       if (response.app_access_token_ref && typeof localStorage !== "undefined") {
         localStorage.setItem(STORAGE.APP_ACCESS_TOKEN_REF, response.app_access_token_ref);
       }
@@ -883,6 +976,65 @@ const nativeAuthService = {
       throw err;
     }
   },
+  async refresh() {
+    const cfg = getNativeAuthConfig();
+    if (!cfg.saasApiUrl) {
+      throw new ApiError("saasApiUrl non configurée", "unknown");
+    }
+    const refreshToken = typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE.REFRESH_TOKEN) : null;
+    if (!refreshToken) {
+      return { success: false, error_type: "missing_refresh", message: "Refresh token manquant" };
+    }
+    if (isDebugMode()) {
+      console.log("📤 [SaaS] POST /native/refresh");
+    }
+    let response;
+    try {
+      response = await fetchWithTimeout(
+        `${cfg.saasApiUrl}/native/refresh`,
+        {
+          method: "POST",
+          headers: getHeaders(void 0, true),
+          body: JSON.stringify({ refresh_token: refreshToken })
+        },
+        cfg.timeout || 3e4
+      );
+    } catch (err) {
+      if (err instanceof ApiError) {
+        if (err.statusCode === 401) {
+          return {
+            success: false,
+            error_type: err.errorType || "invalid_refresh",
+            message: err.message
+          };
+        }
+        if (err.statusCode === 404) {
+          return {
+            success: false,
+            error_type: "not_supported",
+            message: "Endpoint refresh non disponible sur ce SaaS"
+          };
+        }
+      }
+      throw err;
+    }
+    if (response.success) {
+      if (response.token) {
+        setAuthToken(response.token);
+      }
+      if (typeof localStorage !== "undefined") {
+        if (response.expires_at) localStorage.setItem(STORAGE.TOKEN_EXPIRES_AT, response.expires_at);
+        if (response.refresh_token) localStorage.setItem(STORAGE.REFRESH_TOKEN, response.refresh_token);
+        if (response.refresh_expires_at) localStorage.setItem(STORAGE.REFRESH_EXPIRES_AT, response.refresh_expires_at);
+        if (response.app_access_token_ref) localStorage.setItem(STORAGE.APP_ACCESS_TOKEN_REF, response.app_access_token_ref);
+        if (response.alias_reference) localStorage.setItem(STORAGE.ALIAS_REFERENCE, response.alias_reference);
+      }
+      if (response.user) {
+        setAuthUser(response.user);
+      }
+    }
+    return response;
+  },
   async logout(token) {
     const config2 = getNativeAuthConfig();
     const iamToken = typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE.AUTH_TOKEN) || localStorage.getItem(STORAGE.TOKEN) : null;
@@ -1585,11 +1737,7 @@ async function checkTokenValidity(saasApiUrl, token, debug) {
   try {
     const response = await fetch(`${saasApiUrl}/native/check-token`, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "Accept": "application/json",
-        "Authorization": `Bearer ${token}`
-      },
+      headers: getHeaders(token, true),
       signal: controller.signal
     });
     clearTimeout(timeoutId);
@@ -1598,7 +1746,7 @@ async function checkTokenValidity(saasApiUrl, token, debug) {
       return { valid: false };
     }
     if (!response.ok) {
-      if (debug) console.log(`🔄 [HealthCheck] Serveur erreur ${response.status} — session conservée`);
+      if (debug) console.log(`🔄 [HealthCheck] Erreur serveur ${response.status} — session conservée`);
       throw new Error(`server_error_${response.status}`);
     }
     const data = await response.json();
@@ -1606,11 +1754,8 @@ async function checkTokenValidity(saasApiUrl, token, debug) {
       if (debug) console.log("🔄 [HealthCheck] Token valide ✅ — user_infos mis à jour");
       return { valid: true, user: data.user };
     }
-    if (data.success !== false) {
-      if (debug) console.log("🔄 [HealthCheck] Token valide ✅");
-      return { valid: true, user: data.user };
-    }
-    return { valid: false };
+    if (debug) console.log("🔄 [HealthCheck] Token valide ✅");
+    return { valid: true, user: data.user };
   } catch (error) {
     clearTimeout(timeoutId);
     if (error instanceof Error && error.message === "offline") {
@@ -1650,7 +1795,7 @@ function revokeOnIam(iamApiUrl, sanctumToken, debug) {
   }
 }
 function useTokenHealthCheck(options) {
-  const { enabled, saasApiUrl, iamApiUrl, onTokenInvalid, onUserUpdated, debug = false } = options;
+  const { enabled, saasApiUrl, iamApiUrl, onTokenInvalid, onUnauthorized, onUserUpdated, debug = false } = options;
   const timerRef = react.useRef(null);
   const intervalRef = react.useRef(null);
   const enabledRef = react.useRef(enabled);
@@ -1667,6 +1812,19 @@ function useTokenHealthCheck(options) {
     try {
       const result = await checkTokenValidity(saasApiUrl, token, debug);
       if (!result.valid) {
+        if (onUnauthorized) {
+          try {
+            const decision = await onUnauthorized();
+            if (decision === "recovered") {
+              if (debug) console.log("🔄 [HealthCheck] Session récupérée via refresh ✅");
+              return;
+            }
+            if (decision === "noop") {
+            } else if (decision === "invalid") {
+            }
+          } catch {
+          }
+        }
         if (iamApiUrl) {
           if (debug) console.log("🔄 [HealthCheck] Revocation IAM avec sanctum_token...");
           revokeOnIam(iamApiUrl, token, debug);
@@ -1706,6 +1864,15 @@ function saveSession(exchangeResult, accountType) {
   const sanctumToken = exchangeResult.auth_token || exchangeResult.token;
   localStorage.setItem(STORAGE.AUTH_TOKEN, sanctumToken);
   localStorage.setItem(STORAGE.TOKEN, sanctumToken);
+  if (exchangeResult.expires_at) {
+    localStorage.setItem(STORAGE.TOKEN_EXPIRES_AT, exchangeResult.expires_at);
+  }
+  if (exchangeResult.refresh_token) {
+    localStorage.setItem(STORAGE.REFRESH_TOKEN, exchangeResult.refresh_token);
+  }
+  if (exchangeResult.refresh_expires_at) {
+    localStorage.setItem(STORAGE.REFRESH_EXPIRES_AT, exchangeResult.refresh_expires_at);
+  }
   const baseUser = exchangeResult.user_infos ? { ...exchangeResult.user, ...exchangeResult.user_infos } : exchangeResult.user;
   const aliasRef = ((_a = exchangeResult.user) == null ? void 0 : _a.alias_reference) || exchangeResult.alias_reference || "";
   const iamRef = ((_b = exchangeResult.user) == null ? void 0 : _b.reference) || "";
@@ -1732,6 +1899,9 @@ function clearSession() {
   localStorage.removeItem(STORAGE.ACCOUNT_TYPE);
   localStorage.removeItem(STORAGE.ALIAS_REFERENCE);
   localStorage.removeItem(STORAGE.APP_ACCESS_TOKEN_REF);
+  localStorage.removeItem(STORAGE.REFRESH_TOKEN);
+  localStorage.removeItem(STORAGE.TOKEN_EXPIRES_AT);
+  localStorage.removeItem(STORAGE.REFRESH_EXPIRES_AT);
 }
 function getErrorMessage$1(err, context) {
   if (err instanceof Error) {
@@ -1802,14 +1972,66 @@ function useNativeAuth(options) {
       }
     }
   }, []);
+  const refreshingRef = react.useRef(false);
+  const tryRefreshSession = react.useCallback(async () => {
+    if (refreshingRef.current) return "noop";
+    refreshingRef.current = true;
+    try {
+      const refreshToken = localStorage.getItem(STORAGE.REFRESH_TOKEN);
+      if (!refreshToken) {
+        if (isDebug) console.log("🔐 [Refresh] Pas de refresh_token — impossible de recuperer");
+        return "noop";
+      }
+      if (typeof navigator !== "undefined" && !navigator.onLine) {
+        if (isDebug) console.log("🔐 [Refresh] Offline — skip");
+        return "noop";
+      }
+      const res = await nativeAuthService.refresh();
+      if (res.success) {
+        const storedUser = localStorage.getItem(STORAGE.USER);
+        if (storedUser) {
+          try {
+            const user = JSON.parse(storedUser);
+            setState((prev) => ({ ...prev, user, status: "completed" }));
+          } catch {
+          }
+        }
+        return "recovered";
+      }
+      if (res.success === false && res.error_type === "invalid_refresh") {
+        if (isDebug) console.log("🔐 [Refresh] invalid_refresh — deconnexion autorisee");
+        return "invalid";
+      }
+      return "noop";
+    } catch (err) {
+      if (isDebug) console.log("🔐 [Refresh] Echec refresh (non-bloquant)");
+      return "noop";
+    } finally {
+      refreshingRef.current = false;
+    }
+  }, [isDebug]);
   useTokenHealthCheck({
     enabled: state.status === "completed" && state.user !== null,
     saasApiUrl,
     iamApiUrl,
     onTokenInvalid: handleTokenInvalid,
+    onUnauthorized: tryRefreshSession,
     onUserUpdated: handleUserUpdated,
     debug: isDebug
   });
+  react.useEffect(() => {
+    if (state.status !== "completed" || !state.user) return;
+    const expiresAt = localStorage.getItem(STORAGE.TOKEN_EXPIRES_AT);
+    if (!expiresAt) return;
+    const ts = Date.parse(expiresAt);
+    if (Number.isNaN(ts)) return;
+    const marginMs = 5 * 60 * 1e3;
+    const delay = Math.max(ts - Date.now() - marginMs, 30 * 1e3);
+    const t = setTimeout(() => {
+      tryRefreshSession();
+    }, delay);
+    return () => clearTimeout(t);
+  }, [state.status, state.user, tryRefreshSession]);
   react.useEffect(() => {
     const storedToken = localStorage.getItem(STORAGE.AUTH_TOKEN) || localStorage.getItem(STORAGE.TOKEN);
     const storedUser = localStorage.getItem(STORAGE.USER);
@@ -3180,11 +3402,13 @@ function PhoneInput({
   ccphone = DEFAULT_DIAL_CODE,
   onCcphoneChange,
   disabled = false,
+  readOnly = false,
   error,
   placeholder = "77 123 45 67",
   lockCcphone = false
 }) {
-  const selectedCountry = getCountryByDialCode(ccphone) || COUNTRIES_SORTED_BY_CODE[0];
+  const normalizedCcphone = ccphone || DEFAULT_DIAL_CODE;
+  const selectedCountry = getCountryByDialCode(normalizedCcphone) || COUNTRIES_SORTED_BY_CODE[0];
   const [dropdownOpen, setDropdownOpen] = react.useState(false);
   const dropdownRef = react.useRef(null);
   react.useEffect(() => {
@@ -3196,16 +3420,18 @@ function PhoneInput({
     return () => document.removeEventListener("mousedown", handler);
   }, [dropdownOpen]);
   const handleChange = (e) => {
+    if (disabled || readOnly) return;
     const cleaned = e.target.value.replace(/\D/g, "");
     onChange(cleaned.slice(0, selectedCountry.digits));
   };
-  const formatPhone = (phone) => {
-    if (phone.length <= 2) return phone;
-    if (phone.length <= 5) return `${phone.slice(0, 2)} ${phone.slice(2)}`;
-    if (phone.length <= 7) return `${phone.slice(0, 2)} ${phone.slice(2, 5)} ${phone.slice(5)}`;
-    return `${phone.slice(0, 2)} ${phone.slice(2, 5)} ${phone.slice(5, 7)} ${phone.slice(7)}`;
+  const handlePaste = (e) => {
+    if (disabled || readOnly) return;
+    e.preventDefault();
+    const pasted = e.clipboardData.getData("text").replace(/\s+/g, "").replace(/\D/g, "");
+    onChange(pasted.slice(0, selectedCountry.digits));
   };
   const handleSelect = (dialCode) => {
+    if (disabled || readOnly) return;
     if (onCcphoneChange) onCcphoneChange(dialCode);
     setDropdownOpen(false);
   };
@@ -3216,8 +3442,8 @@ function PhoneInput({
       border: `2px solid ${error ? "#ef4444" : "#d1d5db"}`,
       borderRadius: "0.5rem",
       overflow: "visible",
-      opacity: disabled ? 0.5 : 1,
-      backgroundColor: disabled ? "#f3f4f6" : "white",
+      opacity: disabled || readOnly ? 0.75 : 1,
+      backgroundColor: disabled || readOnly ? "#f9fafb" : "white",
       position: "relative"
     }, children: [
       onCcphoneChange && !lockCcphone ? /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: dropdownRef, style: { position: "relative" }, children: [
@@ -3225,24 +3451,24 @@ function PhoneInput({
           "button",
           {
             type: "button",
-            onClick: () => !disabled && setDropdownOpen(!dropdownOpen),
-            disabled,
+            onClick: () => !(disabled || readOnly) && setDropdownOpen(!dropdownOpen),
+            disabled: disabled || readOnly,
             style: {
               display: "flex",
               alignItems: "center",
-              gap: "0.375rem",
-              padding: "0.75rem",
+              gap: "0.35rem",
+              padding: "0.45rem 0.6rem",
               backgroundColor: "#f9fafb",
               borderRight: "1px solid #e5e7eb",
               border: "none",
-              cursor: disabled ? "not-allowed" : "pointer",
+              cursor: disabled || readOnly ? "not-allowed" : "pointer",
               fontWeight: 500,
               color: "#374151",
-              fontSize: "0.9375rem",
+              fontSize: "0.85rem",
               whiteSpace: "nowrap"
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "1.125rem" }, children: selectedCountry.flag }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "1rem" }, children: selectedCountry.flag }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: selectedCountry.dialCode }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "0.625rem", marginLeft: "0.125rem" }, children: "▼" })
             ]
@@ -3271,15 +3497,15 @@ function PhoneInput({
               alignItems: "center",
               gap: "0.5rem",
               width: "100%",
-              padding: "0.5rem 0.75rem",
+              padding: "0.45rem 0.75rem",
               border: "none",
               cursor: "pointer",
-              fontSize: "0.875rem",
-              backgroundColor: c.dialCode === ccphone ? "#f3f4f6" : "transparent",
+              fontSize: "0.85rem",
+              backgroundColor: c.dialCode === normalizedCcphone ? "#f3f4f6" : "transparent",
               textAlign: "left"
             },
             onMouseEnter: (e) => e.currentTarget.style.backgroundColor = "#f3f4f6",
-            onMouseLeave: (e) => e.currentTarget.style.backgroundColor = c.dialCode === ccphone ? "#f3f4f6" : "transparent",
+            onMouseLeave: (e) => e.currentTarget.style.backgroundColor = c.dialCode === normalizedCcphone ? "#f3f4f6" : "transparent",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 600, color: "#374151", minWidth: "1.75rem" }, children: c.code }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: c.flag }),
@@ -3290,8 +3516,8 @@ function PhoneInput({
         )) })
       ] }) : (
         /* Locked view: only flag + dialCode */
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.375rem", padding: "0.75rem", backgroundColor: "#f9fafb", borderRight: "1px solid #e5e7eb" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "1.125rem" }, children: selectedCountry.flag }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.35rem", padding: "0.45rem 0.6rem", backgroundColor: "#f9fafb", borderRight: "1px solid #e5e7eb" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "1rem" }, children: selectedCountry.flag }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 500, color: "#374151" }, children: selectedCountry.dialCode })
         ] })
       ),
@@ -3300,11 +3526,13 @@ function PhoneInput({
         {
           type: "tel",
           inputMode: "numeric",
-          value: formatPhone(value),
+          value,
           onChange: handleChange,
+          onPaste: handlePaste,
           disabled,
+          readOnly,
           placeholder,
-          style: { flex: 1, padding: "0.75rem", fontSize: "1.125rem", border: "none", outline: "none", backgroundColor: "transparent" }
+          style: { flex: 1, padding: "0.45rem 0.6rem", fontSize: "0.95rem", border: "none", outline: "none", backgroundColor: "transparent" }
         }
       )
     ] }),
@@ -4275,6 +4503,414 @@ function SignupModal({ open, onOpenChange, onSwitchToLogin, onSignupSuccess, saa
     )
   ] });
 }
+function getBaseUrl() {
+  return getIamApiBaseUrl();
+}
+function getAuthHeaders(includeConfigPrefix = false) {
+  const token = getAuthToken();
+  return getHeaders(token || void 0, includeConfigPrefix);
+}
+const profileChangeService = {
+  async requestEmailChange(newEmail, method = "phone") {
+    return fetchWithTimeout(
+      `${getBaseUrl()}/backoffice/profile/email/request`,
+      {
+        method: "POST",
+        headers: getAuthHeaders(true),
+        body: JSON.stringify({ new_email: newEmail, method })
+      },
+      3e4
+    );
+  },
+  async requestPhoneChange(ccphone, phone, method = "email") {
+    return fetchWithTimeout(
+      `${getBaseUrl()}/backoffice/profile/phone/request`,
+      {
+        method: "POST",
+        headers: getAuthHeaders(true),
+        body: JSON.stringify({ ccphone, phone, method })
+      },
+      3e4
+    );
+  },
+  async verifyOldOTP(requestId, otpCode) {
+    return fetchWithTimeout(
+      `${getBaseUrl()}/backoffice/profile/change/verify-old`,
+      {
+        method: "POST",
+        headers: getAuthHeaders(true),
+        body: JSON.stringify({ request_id: requestId, otp_code: otpCode })
+      },
+      3e4
+    );
+  },
+  async verifyNewOTP(requestId, otpCode) {
+    return fetchWithTimeout(
+      `${getBaseUrl()}/backoffice/profile/change/verify-new`,
+      {
+        method: "POST",
+        headers: getAuthHeaders(true),
+        body: JSON.stringify({ request_id: requestId, otp_code: otpCode })
+      },
+      3e4
+    );
+  },
+  async resendOTP(requestId) {
+    return fetchWithTimeout(
+      `${getBaseUrl()}/backoffice/profile/change/resend-otp`,
+      {
+        method: "POST",
+        headers: getAuthHeaders(true),
+        body: JSON.stringify({ request_id: requestId })
+      },
+      3e4
+    );
+  },
+  async switchMethod(requestId, method) {
+    return fetchWithTimeout(
+      `${getBaseUrl()}/backoffice/profile/change/switch-method`,
+      {
+        method: "POST",
+        headers: getAuthHeaders(true),
+        body: JSON.stringify({ request_id: requestId, method })
+      },
+      3e4
+    );
+  }
+};
+const MIN_SIZE = 88;
+const HANDLE = 16;
+const OUTPUT = 512;
+function clamp(value, min, max) {
+  return Math.max(min, Math.min(max, value));
+}
+function getContainRect(container, natural) {
+  if (!container.width || !container.height || !natural.width || !natural.height) {
+    return { x: 0, y: 0, width: 0, height: 0, scale: 1 };
+  }
+  const scale = Math.min(container.width / natural.width, container.height / natural.height);
+  const width = natural.width * scale;
+  const height = natural.height * scale;
+  return {
+    x: (container.width - width) / 2,
+    y: (container.height - height) / 2,
+    width,
+    height,
+    scale
+  };
+}
+function AvatarCropModal({ open, imageSrc, onOpenChange, onCancel, onConfirm }) {
+  const wrapRef = react.useRef(null);
+  const imgRef = react.useRef(null);
+  const dragRef = react.useRef(null);
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState("");
+  const [natural, setNatural] = react.useState({ width: 0, height: 0 });
+  const [container, setContainer] = react.useState({ width: 0, height: 0 });
+  const [crop, setCrop] = react.useState(null);
+  const [dragMode, setDragMode] = react.useState(null);
+  const frame = react.useMemo(() => getContainRect(container, natural), [container, natural]);
+  react.useEffect(() => {
+    if (!open) return;
+    setLoading(false);
+    setError("");
+    setNatural({ width: 0, height: 0 });
+    setCrop(null);
+    setDragMode(null);
+    dragRef.current = null;
+  }, [open, imageSrc]);
+  react.useEffect(() => {
+    if (!open) return;
+    const measure = () => {
+      const el = wrapRef.current;
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      setContainer({ width: rect.width, height: rect.width });
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [open]);
+  react.useEffect(() => {
+    if (!open || !frame.width || !frame.height) return;
+    setCrop((current) => {
+      if (current) {
+        const maxSize2 = Math.min(frame.width, frame.height);
+        const size2 = clamp(current.size, MIN_SIZE, maxSize2);
+        const x = clamp(current.x, frame.x, frame.x + frame.width - size2);
+        const y = clamp(current.y, frame.y, frame.y + frame.height - size2);
+        return { x, y, size: size2 };
+      }
+      const maxSize = Math.min(frame.width, frame.height);
+      const size = clamp(Math.round(maxSize * 0.7), MIN_SIZE, maxSize);
+      return {
+        x: frame.x + Math.round((frame.width - size) / 2),
+        y: frame.y + Math.round((frame.height - size) / 2),
+        size
+      };
+    });
+  }, [open, frame]);
+  const startDrag = (mode, event) => {
+    if (!crop || !mode) return;
+    event.preventDefault();
+    event.stopPropagation();
+    dragRef.current = {
+      mode,
+      pointerId: event.pointerId,
+      start: { x: event.clientX, y: event.clientY },
+      startCrop: crop
+    };
+    setDragMode(mode);
+    try {
+      event.currentTarget.setPointerCapture(event.pointerId);
+    } catch {
+    }
+  };
+  const moveCrop = (clientX, clientY) => {
+    const state = dragRef.current;
+    if (!state || !crop || !frame.width || !frame.height) return;
+    const dx = clientX - state.start.x;
+    const dy = clientY - state.start.y;
+    const maxSize = Math.min(frame.width, frame.height);
+    if (state.mode === "move") {
+      setCrop({
+        ...state.startCrop,
+        x: clamp(state.startCrop.x + dx, frame.x, frame.x + frame.width - state.startCrop.size),
+        y: clamp(state.startCrop.y + dy, frame.y, frame.y + frame.height - state.startCrop.size)
+      });
+      return;
+    }
+    let next = { ...state.startCrop };
+    const anchorLeft = state.startCrop.x;
+    const anchorTop = state.startCrop.y;
+    const anchorRight = state.startCrop.x + state.startCrop.size;
+    const anchorBottom = state.startCrop.y + state.startCrop.size;
+    if (state.mode === "resize-se") {
+      const size = clamp(Math.max(state.startCrop.size + dx, state.startCrop.size + dy), MIN_SIZE, maxSize);
+      next = { x: anchorLeft, y: anchorTop, size };
+    } else if (state.mode === "resize-sw") {
+      const size = clamp(Math.max(state.startCrop.size - dx, state.startCrop.size + dy), MIN_SIZE, maxSize);
+      next = { x: anchorRight - size, y: anchorTop, size };
+    } else if (state.mode === "resize-ne") {
+      const size = clamp(Math.max(state.startCrop.size + dx, state.startCrop.size - dy), MIN_SIZE, maxSize);
+      next = { x: anchorLeft, y: anchorBottom - size, size };
+    } else if (state.mode === "resize-nw") {
+      const size = clamp(Math.max(state.startCrop.size - dx, state.startCrop.size - dy), MIN_SIZE, maxSize);
+      next = { x: anchorRight - size, y: anchorBottom - size, size };
+    }
+    next.x = clamp(next.x, frame.x, frame.x + frame.width - next.size);
+    next.y = clamp(next.y, frame.y, frame.y + frame.height - next.size);
+    setCrop(next);
+  };
+  react.useEffect(() => {
+    if (!dragMode) return;
+    const onMove = (event) => {
+      if (!dragRef.current || event.pointerId !== dragRef.current.pointerId) return;
+      moveCrop(event.clientX, event.clientY);
+    };
+    const onUp = (event) => {
+      if (!dragRef.current || event.pointerId !== dragRef.current.pointerId) return;
+      dragRef.current = null;
+      setDragMode(null);
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onUp);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    window.addEventListener("pointercancel", onUp);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onUp);
+    };
+  }, [dragMode]);
+  const handleConfirm = async () => {
+    if (!imageSrc || !imgRef.current || !crop || !natural.width || !natural.height) {
+      setError("L’image n’est pas encore prête.");
+      return;
+    }
+    const canvas = document.createElement("canvas");
+    canvas.width = OUTPUT;
+    canvas.height = OUTPUT;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) {
+      setError("Impossible de préparer le recadrage.");
+      return;
+    }
+    const sx = (crop.x - frame.x) / frame.scale;
+    const sy = (crop.y - frame.y) / frame.scale;
+    const sSize = crop.size / frame.scale;
+    setLoading(true);
+    setError("");
+    try {
+      ctx.drawImage(imgRef.current, sx, sy, sSize, sSize, 0, 0, OUTPUT, OUTPUT);
+      const blob = await new Promise((resolve) => canvas.toBlob(resolve, "image/jpeg", 0.92));
+      if (!blob) {
+        throw new Error("Impossible de générer l’image recadrée.");
+      }
+      await onConfirm(blob);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Erreur lors de la validation.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const overlayStyle = {
+    position: "absolute",
+    inset: 0,
+    cursor: dragMode ? "grabbing" : "grab",
+    touchAction: "none"
+  };
+  const cropStyle = crop ? {
+    position: "absolute",
+    left: `${crop.x}px`,
+    top: `${crop.y}px`,
+    width: `${crop.size}px`,
+    height: `${crop.size}px`,
+    border: "2px solid #ffffff",
+    borderRadius: "0.5rem",
+    boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.40)",
+    boxSizing: "border-box",
+    touchAction: "none"
+  } : { display: "none" };
+  const handleOuter = {
+    position: "absolute",
+    width: `${HANDLE * 2}px`,
+    height: `${HANDLE * 2}px`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 2,
+    touchAction: "none",
+    userSelect: "none"
+  };
+  const handleInner = {
+    width: `${HANDLE}px`,
+    height: `${HANDLE}px`,
+    borderRadius: "999px",
+    border: "2px solid #002147",
+    background: "#fff",
+    boxShadow: "0 1px 2px rgba(0,0,0,0.18)"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (next) => {
+    if (!next) onCancel();
+    onOpenChange(next);
+  }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { style: { maxWidth: "28rem", padding: "0.8rem", maxHeight: "90vh" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Recadrer la photo" }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Déplacez le carré, puis validez pour enregistrer l’avatar." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { style: { maxHeight: "64vh", overflowY: "auto", paddingBottom: "0.25rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: wrapRef,
+          style: {
+            position: "relative",
+            width: "100%",
+            aspectRatio: "1 / 1",
+            overflow: "hidden",
+            borderRadius: "0.8rem",
+            border: "1px solid #e5e7eb",
+            background: "#0f172a"
+          },
+          children: [
+            imageSrc && /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                ref: imgRef,
+                src: imageSrc,
+                alt: "Aperçu",
+                onLoad: (e) => {
+                  setNatural({ width: e.currentTarget.naturalWidth, height: e.currentTarget.naturalHeight });
+                },
+                style: {
+                  position: "absolute",
+                  inset: 0,
+                  width: "100%",
+                  height: "100%",
+                  objectFit: "contain",
+                  userSelect: "none",
+                  pointerEvents: "none"
+                }
+              }
+            ),
+            crop && /* @__PURE__ */ jsxRuntime.jsx("div", { style: overlayStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: cropStyle, onPointerDown: (e) => startDrag("move", e), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...handleOuter, left: `-${HANDLE * 0.5}px`, top: `-${HANDLE * 0.5}px`, cursor: "nwse-resize" }, onPointerDown: (e) => startDrag("resize-nw", e), children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: handleInner }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...handleOuter, right: `-${HANDLE * 0.5}px`, top: `-${HANDLE * 0.5}px`, cursor: "nesw-resize" }, onPointerDown: (e) => startDrag("resize-ne", e), children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: handleInner }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...handleOuter, left: `-${HANDLE * 0.5}px`, bottom: `-${HANDLE * 0.5}px`, cursor: "nesw-resize" }, onPointerDown: (e) => startDrag("resize-sw", e), children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: handleInner }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...handleOuter, right: `-${HANDLE * 0.5}px`, bottom: `-${HANDLE * 0.5}px`, cursor: "nwse-resize" }, onPointerDown: (e) => startDrag("resize-se", e), children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: handleInner }) })
+            ] }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.9rem", display: "grid", gap: "0.6rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.8rem", color: "#6b7280", lineHeight: 1.4 }, children: "Faites glisser le carré pour cadrer l’image. Les coins redimensionnent le carré." }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0.65rem 0.75rem", borderRadius: "0.5rem", border: "1px solid #fecaca", background: "#fef2f2", color: "#b91c1c", fontSize: "0.85rem", lineHeight: 1.4 }, children: error })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: onCancel, disabled: loading, style: { minWidth: "6.5rem", height: "2.35rem" }, children: "Annuler" }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleConfirm, disabled: !imageSrc || loading || !crop, style: { minWidth: "7rem", height: "2.35rem" }, children: loading ? "Chargement..." : "Valider" })
+    ] })
+  ] }) });
+}
+const profileMediaService = {
+  async uploadProfileImage(image, filename = "avatar.jpg") {
+    const baseUrl = getIamApiBaseUrl();
+    const token = getAuthToken();
+    if (!token) {
+      throw new Error("Token manquant");
+    }
+    const formData = new FormData();
+    formData.append("image", image, filename);
+    const headers = getHeaders(token, true);
+    delete headers["Content-Type"];
+    return fetchWithTimeout(
+      `${baseUrl}/backoffice/profile/image`,
+      {
+        method: "POST",
+        headers,
+        body: formData
+      },
+      3e4
+    );
+  }
+};
+const profileService = {
+  async getProfile() {
+    const baseUrl = getIamApiBaseUrl();
+    const token = getAuthToken();
+    if (!token) {
+      throw new Error("Token manquant");
+    }
+    return fetchWithTimeout(
+      `${baseUrl}/backoffice/profile`,
+      {
+        method: "GET",
+        headers: getHeaders(token, true)
+      },
+      2e4
+    );
+  },
+  async updateProfile(data) {
+    const baseUrl = getIamApiBaseUrl();
+    const token = getAuthToken();
+    if (!token) {
+      throw new Error("Token manquant");
+    }
+    return fetchWithTimeout(
+      `${baseUrl}/backoffice/profile`,
+      {
+        method: "PUT",
+        headers: getHeaders(token, true),
+        body: JSON.stringify(data)
+      },
+      3e4
+    );
+  }
+};
 const C = {
   primary: "#002147",
   accent: "#e8430a",
@@ -4284,21 +4920,87 @@ const C = {
   gray700: "#374151",
   white: "#ffffff"
 };
-function OnboardingModal({ open, onOpenChange, user, onComplete, onSkip }) {
-  const needsPhoto = !user.image_url;
-  const needsPhone = !user.phone;
-  const needsEmail = !user.email;
+function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missing", profileHydrating = false, onComplete, onSkip }) {
+  var _a;
+  const isEditMode = variant === "edit";
+  const hasCurrentPhone = Boolean(user.phone);
+  const hasCurrentEmail = Boolean(user.email);
+  const directPhoneEdit = !isEditMode || !hasCurrentPhone;
+  const directEmailEdit = !isEditMode || !hasCurrentEmail;
+  !isEditMode ? !((_a = user.name) == null ? void 0 : _a.trim()) : true;
+  const [name, setName] = react.useState(user.name || "");
   const [photoPreview, setPhotoPreview] = react.useState("");
-  const [photoFile, setPhotoFile] = react.useState(null);
+  const [avatarPickerOpen, setAvatarPickerOpen] = react.useState(false);
+  const [pendingAvatarSrc, setPendingAvatarSrc] = react.useState(null);
+  const [avatarUploading, setAvatarUploading] = react.useState(false);
+  const avatarFileInputRef = react.useRef(null);
   const [ccphone, setCcphone] = react.useState(user.ccphone || "+221");
   const [phone, setPhone] = react.useState(user.phone || "");
-  const [email, setEmail] = react.useState("");
-  const [confirmed, setConfirmed] = react.useState(false);
+  const [email, setEmail] = react.useState(user.email || "");
+  const [address, setAddress] = react.useState(user.address || "");
+  const [town, setTown] = react.useState(user.town || "");
+  const [country, setCountry] = react.useState(user.country || DEFAULT_COUNTRY_CODE);
   const [submitting, setSubmitting] = react.useState(false);
   const [fileError, setFileError] = react.useState("");
-  const handleFileChange = react.useCallback((e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+  const [contactFlow, setContactFlow] = react.useState(null);
+  const [submitState, setSubmitState] = react.useState("idle");
+  const [submitMessage, setSubmitMessage] = react.useState("");
+  const [submitError, setSubmitError] = react.useState("");
+  const [confirmAction, setConfirmAction] = react.useState(null);
+  const [nowTick, setNowTick] = react.useState(Date.now());
+  const userHydrationKey = [
+    user.reference || "",
+    user.name || "",
+    user.email || "",
+    user.ccphone || "",
+    user.phone || "",
+    user.address || "",
+    user.town || "",
+    user.country || "",
+    user.image_url || "",
+    user.auth_2fa ? "1" : "0"
+  ].join("|");
+  const currentDialCode = (user.ccphone || ccphone || "+221").trim();
+  const baseSmsAllowed = currentDialCode === "+221";
+  const contactSmsAllowed = contactFlow ? contactFlow.kind === "phone" ? contactFlow.newCcphone.trim() === "+221" : baseSmsAllowed : baseSmsAllowed;
+  const lockModalClose = profileHydrating || submitting || submitState === "success" || avatarUploading || Boolean(contactFlow == null ? void 0 : contactFlow.loading);
+  react.useEffect(() => {
+    if (!open) return;
+    setName(user.name || "");
+    setPhotoPreview(isEditMode ? user.image_url || "" : "");
+    setPendingAvatarSrc(null);
+    setAvatarPickerOpen(false);
+    setAvatarUploading(false);
+    setCcphone(user.ccphone || "+221");
+    setPhone(user.phone || "");
+    setEmail(user.email || "");
+    setAddress(user.address || "");
+    setTown(user.town || "");
+    setCountry(user.country || DEFAULT_COUNTRY_CODE);
+    setSubmitting(false);
+    setFileError("");
+    setContactFlow(null);
+    setSubmitState("idle");
+    setSubmitMessage("");
+    setSubmitError("");
+    setConfirmAction(null);
+  }, [open, isEditMode, userHydrationKey]);
+  react.useEffect(() => {
+    if (!(contactFlow == null ? void 0 : contactFlow.resendAvailableAt)) return;
+    const timer = window.setInterval(() => {
+      setNowTick(Date.now());
+    }, 1e3);
+    return () => window.clearInterval(timer);
+  }, [contactFlow == null ? void 0 : contactFlow.resendAvailableAt]);
+  const markSuccess = react.useCallback((message) => {
+    setSubmitting(false);
+    setSubmitState("success");
+    setSubmitMessage(message);
+    setSubmitError("");
+  }, []);
+  react.useCallback((e) => {
+    var _a2;
+    const file = (_a2 = e.target.files) == null ? void 0 : _a2[0];
     if (!file) return;
     if (file.size > 2 * 1024 * 1024) {
       setFileError("Le fichier dépasse 2 Mo. Veuillez choisir une image plus légère.");
@@ -4306,87 +5008,524 @@ function OnboardingModal({ open, onOpenChange, user, onComplete, onSkip }) {
       return;
     }
     setFileError("");
-    setPhotoFile(file);
     const reader = new FileReader();
     reader.onload = () => setPhotoPreview(reader.result);
     reader.readAsDataURL(file);
   }, []);
-  const canSubmit = confirmed && ((needsPhoto ? !!photoPreview : true) && (needsPhone ? phone.length >= 7 : true));
-  const handleSubmit = react.useCallback(() => {
+  const canSubmit = !avatarUploading && (name.trim().length > 0 && (directPhoneEdit ? phone.length >= 7 : true) && (directEmailEdit ? email.trim().length > 0 : true) && town.trim().length > 0);
+  const handleSubmit = react.useCallback(async () => {
     if (!canSubmit) return;
     setSubmitting(true);
-    const data = {};
-    if (needsPhoto && photoPreview) {
-      data.image_url = photoPreview;
+    setSubmitState("submitting");
+    setSubmitError("");
+    const data = {
+      name: name.trim(),
+      ccphone: directPhoneEdit ? ccphone : user.ccphone || void 0,
+      phone: directPhoneEdit ? phone : user.phone || void 0,
+      email: directEmailEdit ? email.trim() : user.email || void 0,
+      ...address.trim() ? { address: address.trim() } : {},
+      ...town.trim() ? { town: town.trim() } : {},
+      ...country ? { country } : {}
+    };
+    try {
+      const response = await profileService.updateProfile(data);
+      const payload = response.user_infos || response.user || {};
+      const updatedUser = {
+        ...user,
+        name: payload.name || data.name || user.name,
+        email: payload.email ?? data.email ?? user.email,
+        ccphone: payload.ccphone || data.ccphone || user.ccphone,
+        phone: payload.phone || data.phone || user.phone,
+        address: payload.address || data.address || user.address,
+        town: payload.town || data.town || user.town,
+        country: payload.country || data.country || user.country,
+        image_url: payload.image_url || user.image_url,
+        auth_2fa: payload.auth_2fa ?? user.auth_2fa,
+        alias_reference: payload.alias_reference || user.alias_reference,
+        iam_reference: payload.iam_reference || user.iam_reference
+      };
+      onComplete({
+        name: updatedUser.name,
+        image_url: updatedUser.image_url,
+        ccphone: updatedUser.ccphone,
+        phone: updatedUser.phone,
+        email: updatedUser.email || void 0,
+        address: updatedUser.address,
+        town: updatedUser.town,
+        country: updatedUser.country,
+        user_infos: {
+          reference: updatedUser.reference,
+          name: updatedUser.name,
+          email: updatedUser.email || null,
+          ccphone: updatedUser.ccphone,
+          phone: updatedUser.phone,
+          address: updatedUser.address,
+          town: updatedUser.town,
+          country: updatedUser.country,
+          image_url: updatedUser.image_url,
+          auth_2fa: updatedUser.auth_2fa,
+          alias_reference: updatedUser.alias_reference,
+          iam_reference: updatedUser.iam_reference
+        }
+      });
+      markSuccess(response.message || "Mise à jour réussie");
+    } catch (error) {
+      setSubmitting(false);
+      setSubmitState("error");
+      setSubmitError(error instanceof Error ? error.message : "Erreur lors de l’enregistrement");
+    }
+  }, [canSubmit, name, user, directPhoneEdit, directEmailEdit, ccphone, phone, email, address, town, country, onComplete, markSuccess]);
+  const openAvatarPicker = react.useCallback(() => {
+    var _a2;
+    (_a2 = avatarFileInputRef.current) == null ? void 0 : _a2.click();
+  }, []);
+  const handleAvatarSelected = react.useCallback((event) => {
+    var _a2;
+    const file = (_a2 = event.target.files) == null ? void 0 : _a2[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = () => {
+      setPendingAvatarSrc(reader.result);
+      setAvatarPickerOpen(true);
+    };
+    reader.readAsDataURL(file);
+    event.target.value = "";
+  }, []);
+  const handleAvatarConfirm = react.useCallback(async (blob) => {
+    setAvatarUploading(true);
+    try {
+      const filename = `avatar-${Date.now()}.jpg`;
+      const response = await profileMediaService.uploadProfileImage(blob, filename);
+      const payload = response.user_infos || response.user || {};
+      const nextImage = payload.image_url || payload.image;
+      if (nextImage) {
+        setPhotoPreview(nextImage);
+      } else {
+        setPhotoPreview(URL.createObjectURL(blob));
+      }
+      if (Object.keys(payload).length > 0) {
+        onComplete({
+          name: payload.name,
+          image_url: nextImage || void 0,
+          ccphone: payload.ccphone || void 0,
+          phone: payload.phone || void 0,
+          email: payload.email || void 0,
+          address: payload.address || void 0,
+          town: payload.town || void 0,
+          country: payload.country || void 0,
+          user_infos: {
+            reference: payload.reference || user.reference,
+            name: payload.name || user.name,
+            email: payload.email ?? user.email ?? null,
+            ccphone: payload.ccphone || user.ccphone,
+            phone: payload.phone || user.phone,
+            address: payload.address || user.address,
+            town: payload.town || user.town,
+            country: payload.country || user.country,
+            image_url: nextImage || user.image_url,
+            auth_2fa: payload.auth_2fa ?? user.auth_2fa,
+            alias_reference: payload.alias_reference || user.alias_reference,
+            iam_reference: payload.iam_reference || user.iam_reference
+          }
+        });
+      }
+      markSuccess("Mise à jour réussie");
+      setPendingAvatarSrc(null);
+      setAvatarPickerOpen(false);
+    } finally {
+      setAvatarUploading(false);
+    }
+  }, [onComplete, markSuccess]);
+  const openContactFlow = react.useCallback((kind) => {
+    setContactFlow({
+      kind,
+      phase: "request",
+      requestId: null,
+      method: kind === "email" ? "email" : currentDialCode === "+221" ? "phone" : "email",
+      newEmail: "",
+      newCcphone: kind === "phone" ? user.ccphone || "+221" : "+221",
+      newPhone: "",
+      oldOtp: "",
+      newOtp: "",
+      loading: false,
+      error: "",
+      resendAvailableAt: null
+    });
+  }, [currentDialCode, user.email, user.phone, user.ccphone]);
+  const closeContactFlow = react.useCallback(() => {
+    setContactFlow(null);
+  }, []);
+  const updateFlow = react.useCallback((patch) => {
+    setContactFlow((prev) => prev ? { ...prev, ...patch } : prev);
+  }, []);
+  const currentPhoneDialDisplay = user.ccphone || ccphone || "+221";
+  const currentPhoneNumberDisplay = user.phone || phone || "";
+  const currentEmailLabel = user.email || email || "";
+  const currentPhoneDialCode = currentPhoneDialDisplay.trim() || "+221";
+  const currentPhoneDigits = (user.phone || phone || "").replace(/\D/g, "");
+  const formatPhoneDisplay = react.useCallback((dial, digits) => {
+    const cleanDial = (dial || "+221").trim() || "+221";
+    const cleanDigits = (digits || "").replace(/\D/g, "");
+    return cleanDigits ? `${cleanDial} ${cleanDigits}` : cleanDial;
+  }, []);
+  const currentEmailNormalized = currentEmailLabel.trim().toLowerCase();
+  const requestEmailNormalized = (contactFlow == null ? void 0 : contactFlow.kind) === "email" ? contactFlow.newEmail.trim().toLowerCase() : "";
+  const requestPhoneDialCode = (contactFlow == null ? void 0 : contactFlow.kind) === "phone" ? contactFlow.newCcphone.trim() || "+221" : "";
+  const requestPhoneDigits = (contactFlow == null ? void 0 : contactFlow.kind) === "phone" ? contactFlow.newPhone.replace(/\D/g, "") : "";
+  const emailIsCurrent = Boolean((contactFlow == null ? void 0 : contactFlow.kind) === "email" && requestEmailNormalized && requestEmailNormalized === currentEmailNormalized);
+  const phoneIsCurrent = Boolean(
+    (contactFlow == null ? void 0 : contactFlow.kind) === "phone" && requestPhoneDigits && requestPhoneDialCode === currentPhoneDialCode && requestPhoneDigits === currentPhoneDigits
+  );
+  const requestDuplicateMessage = emailIsCurrent ? "Vous ne pouvez pas écrire votre actuelle adresse email. Veuillez en choisir une autre." : phoneIsCurrent ? "Vous ne pouvez pas écrire votre actuel numéro de téléphone. Veuillez en choisir un autre." : "";
+  const requestChange = react.useCallback(async () => {
+    if (!contactFlow || contactFlow.loading) return;
+    const sameEmail = contactFlow.kind === "email" && contactFlow.newEmail.trim().toLowerCase() === currentEmailNormalized;
+    const samePhone = contactFlow.kind === "phone" && contactFlow.newCcphone.trim() === currentPhoneDialCode && contactFlow.newPhone.replace(/\D/g, "") === currentPhoneDigits;
+    if (sameEmail || samePhone) {
+      updateFlow({
+        loading: false,
+        error: sameEmail ? "Vous ne pouvez pas écrire votre actuelle adresse email. Veuillez en choisir une autre." : "Vous ne pouvez pas écrire votre actuel numéro de téléphone. Veuillez en choisir un autre."
+      });
+      return;
     }
-    if (needsPhone && phone) {
-      data.ccphone = ccphone;
-      data.phone = phone;
+    updateFlow({ loading: true, error: "" });
+    try {
+      const method = contactSmsAllowed ? contactFlow.method : "email";
+      const response = contactFlow.kind === "email" ? await profileChangeService.requestEmailChange(contactFlow.newEmail.trim(), method) : await profileChangeService.requestPhoneChange(contactFlow.newCcphone, contactFlow.newPhone.trim(), method);
+      if (!response.success || !response.request_id) {
+        throw new Error(response.message || "Impossible de démarrer le changement");
+      }
+      updateFlow({ requestId: response.request_id, phase: "verify-old", loading: false, error: "", resendAvailableAt: Date.now() + 12e4 });
+    } catch (error) {
+      updateFlow({ loading: false, error: error instanceof Error ? error.message : "Erreur inconnue" });
+    }
+  }, [contactFlow, updateFlow, contactSmsAllowed, currentEmailNormalized, currentPhoneDialCode, currentPhoneDigits]);
+  const verifyOld = react.useCallback(async () => {
+    if (!(contactFlow == null ? void 0 : contactFlow.requestId) || contactFlow.loading) return;
+    updateFlow({ loading: true, error: "" });
+    try {
+      const response = await profileChangeService.verifyOldOTP(contactFlow.requestId, contactFlow.oldOtp);
+      if (!response.success) throw new Error(response.message || "Code OTP incorrect");
+      updateFlow({ phase: "verify-new", loading: false, error: "", resendAvailableAt: Date.now() + 12e4 });
+    } catch (error) {
+      updateFlow({ loading: false, error: error instanceof Error ? error.message : "Code OTP incorrect" });
+    }
+  }, [contactFlow, updateFlow]);
+  const verifyNew = react.useCallback(async () => {
+    if (!(contactFlow == null ? void 0 : contactFlow.requestId) || contactFlow.loading) return;
+    updateFlow({ loading: true, error: "" });
+    try {
+      const response = await profileChangeService.verifyNewOTP(contactFlow.requestId, contactFlow.newOtp);
+      if (!response.success) throw new Error(response.message || "Code OTP incorrect");
+      const updatedUser = {
+        ...user,
+        ...contactFlow.kind === "email" ? { email: contactFlow.newEmail.trim() } : { ccphone: contactFlow.newCcphone, phone: contactFlow.newPhone.trim() }
+      };
+      if (response.user && typeof response.user === "object") {
+        Object.assign(updatedUser, response.user);
+      }
+      setContactFlow(null);
+      onComplete({
+        name: updatedUser.name,
+        image_url: updatedUser.image_url,
+        ccphone: updatedUser.ccphone,
+        phone: updatedUser.phone,
+        email: updatedUser.email || void 0,
+        user_infos: {
+          reference: updatedUser.reference,
+          name: updatedUser.name,
+          email: updatedUser.email || null,
+          ccphone: updatedUser.ccphone,
+          phone: updatedUser.phone,
+          address: updatedUser.address,
+          town: updatedUser.town,
+          country: updatedUser.country,
+          image_url: updatedUser.image_url,
+          auth_2fa: updatedUser.auth_2fa,
+          alias_reference: updatedUser.alias_reference,
+          iam_reference: updatedUser.iam_reference
+        }
+      });
+      markSuccess(contactFlow.kind === "email" ? "Email mis à jour avec succès." : "Téléphone mis à jour avec succès.");
+    } catch (error) {
+      updateFlow({ loading: false, error: error instanceof Error ? error.message : "Code OTP incorrect" });
+    }
+  }, [contactFlow, onComplete, updateFlow, user, markSuccess]);
+  const resendFlowOtp = react.useCallback(async () => {
+    if (!(contactFlow == null ? void 0 : contactFlow.requestId) || contactFlow.loading) return;
+    updateFlow({ loading: true, error: "" });
+    try {
+      const response = await profileChangeService.resendOTP(contactFlow.requestId);
+      if (!response.success) throw new Error(response.message || "Impossible de renvoyer le code");
+      updateFlow({ loading: false, error: "", resendAvailableAt: Date.now() + 12e4 });
+    } catch (error) {
+      updateFlow({ loading: false, error: error instanceof Error ? error.message : "Erreur inconnue" });
+    }
+  }, [contactFlow, updateFlow]);
+  const switchFlowMethod = react.useCallback(async (method) => {
+    if (!contactFlow) return;
+    if (contactFlow.phase === "request" || !contactFlow.requestId) {
+      updateFlow({ method, error: "" });
+      return;
     }
-    if (needsEmail && email.trim()) {
-      data.email = email.trim();
+    if (contactFlow.loading) return;
+    updateFlow({ loading: true, error: "", method });
+    try {
+      const response = await profileChangeService.switchMethod(contactFlow.requestId, method);
+      if (!response.success) throw new Error(response.message || "Impossible de changer la méthode");
+      updateFlow({ loading: false, error: "" });
+    } catch (error) {
+      updateFlow({ loading: false, error: error instanceof Error ? error.message : "Erreur inconnue" });
     }
-    onComplete(data);
-  }, [canSubmit, needsPhoto, needsPhone, needsEmail, photoPreview, ccphone, phone, email, onComplete]);
-  const ShieldIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: C.accent, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
+  }, [contactFlow, updateFlow]);
+  react.useEffect(() => {
+    if (!contactFlow || contactFlow.kind !== "phone") return;
+    if (contactFlow.newCcphone.trim() !== "+221" && contactFlow.method !== "email") {
+      updateFlow({ method: "email" });
+    }
+  }, [contactFlow == null ? void 0 : contactFlow.kind, contactFlow == null ? void 0 : contactFlow.newCcphone, contactFlow == null ? void 0 : contactFlow.method, updateFlow]);
+  const confirmBackToRequest = react.useCallback(() => {
+    if (!contactFlow) return;
+    updateFlow({
+      phase: "request",
+      requestId: null,
+      oldOtp: "",
+      newOtp: "",
+      error: "",
+      loading: false,
+      resendAvailableAt: null
+    });
+    setConfirmAction(null);
+  }, [contactFlow, updateFlow]);
+  const confirmResendOtp = react.useCallback(async () => {
+    if (!contactFlow) return;
+    setConfirmAction(null);
+    await resendFlowOtp();
+  }, [contactFlow, resendFlowOtp]);
+  const handleDialogOpenChange = react.useCallback((nextOpen) => {
+    if (nextOpen) {
+      onOpenChange(true);
+      return;
+    }
+    if (lockModalClose) return;
+    onOpenChange(false);
+  }, [lockModalClose, onOpenChange]);
+  const contactTargetLabel = contactFlow ? contactFlow.kind === "email" ? contactFlow.newEmail.trim() || currentEmailLabel || "votre adresse email" : formatPhoneDisplay(contactFlow.newCcphone, contactFlow.newPhone) : "";
+  const currentReceiveLabel = (contactFlow ? contactSmsAllowed ? contactFlow.method : "email" : "email") === "phone" ? `SMS au ${(contactFlow == null ? void 0 : contactFlow.kind) === "phone" ? contactTargetLabel : formatPhoneDisplay(currentPhoneDialDisplay, currentPhoneNumberDisplay)}` : `email à ${(contactFlow == null ? void 0 : contactFlow.kind) === "email" ? contactTargetLabel : currentEmailLabel || "votre adresse email"}`;
+  const resendCountdown = (contactFlow == null ? void 0 : contactFlow.resendAvailableAt) ? Math.max(0, Math.ceil((contactFlow.resendAvailableAt - nowTick) / 1e3)) : 0;
+  const canResendOtp = Boolean(contactFlow == null ? void 0 : contactFlow.requestId) && !(contactFlow == null ? void 0 : contactFlow.loading) && resendCountdown === 0;
+  const ShieldIcon = () => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: C.accent, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { children: [
+  const renderSuccess = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "0.25rem" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Complétez votre profil" })
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Profil enregistré" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Ajoutez les informations manquantes pour finaliser votre compte." })
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: submitMessage || "Vos informations ont été mises à jour." })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "1.25rem", marginTop: "0.75rem" }, children: [
-      needsPhoto && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: "Photo de profil" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "1rem" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-            width: "4rem",
-            height: "4rem",
-            borderRadius: "50%",
-            backgroundColor: C.gray100,
-            border: `2px dashed ${C.gray200}`,
-            overflow: "hidden",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            flexShrink: 0
-          }, children: photoPreview ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photoPreview, alt: "Preview", style: { width: "100%", height: "100%", objectFit: "cover" } }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: C.gray500, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.5 21a8.38 8.38 0 0 1 13 0" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { style: {
-              display: "inline-block",
-              padding: "0.5rem 1rem",
-              backgroundColor: C.gray100,
+    /* @__PURE__ */ jsxRuntime.jsx(DialogBody, { style: { maxHeight: "52vh", overflowY: "auto", paddingBottom: "0.25rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "0.75rem", padding: "1.5rem 1rem", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "42", height: "42", viewBox: "0 0 24 24", fill: "none", stroke: "#16a34a", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "1rem", fontWeight: 700, color: C.gray700 }, children: "Mise à jour réussie" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.875rem", color: C.gray500 }, children: "Vous pouvez fermer cette fenêtre maintenant." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { style: { flexDirection: "row", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: onDismiss,
+        style: { width: "100%", height: "2.6rem" },
+        children: "Fermer"
+      }
+    ) })
+  ] });
+  const renderHydration = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "0.25rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: isEditMode ? "Modifier votre profil" : "Complétez votre profil" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Récupération de vos infos depuis iam.ollaid.com en cours. Le SSO synchronise vos données avant l’affichage du formulaire." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogBody, { style: { maxHeight: "52vh", overflowY: "auto", paddingBottom: "0.25rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "0.9rem", padding: "2rem 1rem", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "42", height: "42", viewBox: "0 0 24 24", fill: "none", stroke: C.primary, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "1rem", fontWeight: 700, color: C.gray700 }, children: "Récupération de vos informations" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.875rem", color: C.gray500, lineHeight: 1.5 }, children: "Le modal sera rempli automatiquement dès que les données IAM seront prêtes." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: () => setConfirmAction("cancel-load"),
+        style: { minWidth: "6.5rem", height: "2.35rem" },
+        children: "Fermer"
+      }
+    ) })
+  ] });
+  const renderBase = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "0.25rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: isEditMode ? "Modifier votre profil" : "Complétez votre profil" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: isEditMode ? "Mettez à jour vos informations sans quitter le SaaS." : "Ajoutez les informations manquantes pour finaliser votre compte." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogBody, { style: { maxHeight: "52vh", overflowY: "auto", paddingBottom: "0.25rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.85rem", marginTop: "0.25rem", paddingRight: "0.25rem" }, children: [
+      submitError && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0.75rem", borderRadius: "0.5rem", backgroundColor: "#fef2f2", border: "1px solid #fecaca", color: "#b91c1c", fontSize: "0.875rem" }, children: submitError }),
+      submitState === "submitting" && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "0.75rem", borderRadius: "0.5rem", backgroundColor: "#eff6ff", border: "1px solid #bfdbfe", color: "#1d4ed8", fontSize: "0.875rem", display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
+        "Enregistrement en cours..."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "4.25rem 1fr", gap: "0.75rem", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: openAvatarPicker,
+              disabled: avatarUploading,
+              style: {
+                width: "4.25rem",
+                height: "4.25rem",
+                borderRadius: "50%",
+                border: `1px solid ${C.gray200}`,
+                backgroundColor: C.gray100,
+                overflow: "hidden",
+                position: "relative",
+                padding: 0,
+                cursor: avatarUploading ? "not-allowed" : "pointer"
+              },
+              children: [
+                photoPreview || user.image_url ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photoPreview || user.image_url, alt: "Photo de profil", style: { width: "100%", height: "100%", objectFit: "cover" } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center", color: C.gray500 }, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.5 21a8.38 8.38 0 0 1 13 0" })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+                  position: "absolute",
+                  inset: 0,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  background: avatarUploading ? "rgba(255,255,255,0.55)" : "rgba(0,0,0,0.08)"
+                }, children: avatarUploading ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: C.primary, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: C.white, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 8h.01" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21 15-5-5L5 21" })
+                ] }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("input", { ref: avatarFileInputRef, type: "file", accept: "image/*", onChange: handleAvatarSelected, style: { display: "none" } })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.35rem", color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Nom complet" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: name,
+              onChange: (e) => setName(e.target.value),
+              placeholder: "Jean Dupont",
+              style: {
+                width: "100%",
+                height: "2.25rem",
+                padding: "0 0.75rem",
+                border: `1px solid ${C.gray200}`,
+                borderRadius: "0.375rem",
+                fontSize: "0.875rem",
+                color: C.gray700,
+                backgroundColor: C.white,
+                outline: "none"
+              }
+            }
+          )
+        ] })
+      ] }),
+      isEditMode && hasCurrentPhone && !contactFlow && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "0.35rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Numéro de téléphone" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => openContactFlow("phone"), style: { border: "none", background: "transparent", padding: 0, color: C.accent, fontWeight: 700, fontSize: "0.8rem", cursor: "pointer" }, children: "Changer" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "6rem 1fr", gap: "0.5rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: currentPhoneDialDisplay,
+              readOnly: true,
+              style: {
+                width: "100%",
+                height: "2.25rem",
+                padding: "0 0.65rem",
+                border: `1px solid ${C.gray200}`,
+                borderRadius: "0.375rem",
+                fontSize: "0.875rem",
+                color: C.gray700,
+                backgroundColor: "#f9fafb",
+                outline: "none"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: currentPhoneNumberDisplay,
+              readOnly: true,
+              style: {
+                width: "100%",
+                height: "2.25rem",
+                padding: "0 0.75rem",
+                border: `1px solid ${C.gray200}`,
+                borderRadius: "0.375rem",
+                fontSize: "0.875rem",
+                color: C.gray700,
+                backgroundColor: "#f9fafb",
+                outline: "none"
+              }
+            }
+          )
+        ] })
+      ] }),
+      isEditMode && hasCurrentEmail && !contactFlow && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "0.35rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Adresse email" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => openContactFlow("email"), style: { border: "none", background: "transparent", padding: 0, color: C.accent, fontWeight: 700, fontSize: "0.8rem", cursor: "pointer" }, children: "Changer" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "email",
+            value: currentEmailLabel,
+            readOnly: true,
+            style: {
+              width: "100%",
+              height: "2.25rem",
+              padding: "0 0.75rem",
               border: `1px solid ${C.gray200}`,
               borderRadius: "0.375rem",
-              cursor: "pointer",
               fontSize: "0.875rem",
               color: C.gray700,
-              fontWeight: 500
-            }, children: [
-              "Choisir une photo",
-              /* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", accept: "image/*", onChange: handleFileChange, style: { display: "none" } })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.75rem", color: fileError ? "#dc2626" : C.gray500, marginTop: "0.25rem" }, children: fileError || "JPG, PNG. Max 2 Mo." })
-          ] })
-        ] })
+              backgroundColor: "#f9fafb",
+              outline: "none"
+            }
+          }
+        )
       ] }),
-      needsPhone && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: "Numéro de téléphone" }),
+      (!isEditMode || !hasCurrentPhone) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.35rem", color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Numéro de téléphone" }),
         /* @__PURE__ */ jsxRuntime.jsx(PhoneInput, { value: phone, onChange: setPhone, ccphone, onCcphoneChange: setCcphone })
       ] }),
-      needsEmail && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: [
-          "Adresse email ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C.gray500, fontWeight: 400 }, children: "(optionnel)" })
-        ] }),
+      (!isEditMode || !hasCurrentEmail) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.35rem", color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Adresse email" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
@@ -4396,7 +5535,7 @@ function OnboardingModal({ open, onOpenChange, user, onComplete, onSkip }) {
             placeholder: "email@exemple.com",
             style: {
               width: "100%",
-              height: "2.5rem",
+              height: "2.25rem",
               padding: "0 0.75rem",
               border: `1px solid ${C.gray200}`,
               borderRadius: "0.375rem",
@@ -4408,50 +5547,431 @@ function OnboardingModal({ open, onOpenChange, user, onComplete, onSkip }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { style: {
-        display: "flex",
-        alignItems: "flex-start",
-        gap: "0.5rem",
-        cursor: "pointer",
-        fontSize: "0.875rem",
-        color: C.gray700
-      }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: confirmed,
-            onChange: (e) => setConfirmed(e.target.checked),
-            style: { width: "1rem", height: "1rem", marginTop: "0.125rem", accentColor: C.primary, cursor: "pointer" }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Je confirme que ces informations sont exactes" })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: "0.85rem" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.35rem", color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Adresse" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: address,
+              onChange: (e) => setAddress(e.target.value),
+              placeholder: "Rue, quartier, numéro",
+              style: {
+                width: "100%",
+                height: "2.25rem",
+                padding: "0 0.75rem",
+                border: `1px solid ${C.gray200}`,
+                borderRadius: "0.375rem",
+                fontSize: "0.875rem",
+                color: C.gray700,
+                backgroundColor: C.white,
+                outline: "none"
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Label, { style: { display: "block", marginBottom: "0.35rem", color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: [
+              "Ville ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#dc2626" }, children: "*" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                value: town,
+                onChange: (e) => setTown(e.target.value),
+                required: true,
+                placeholder: "Dakar",
+                style: {
+                  width: "100%",
+                  height: "2.25rem",
+                  padding: "0 0.75rem",
+                  border: `1px solid ${C.gray200}`,
+                  borderRadius: "0.375rem",
+                  fontSize: "0.875rem",
+                  color: C.gray700,
+                  backgroundColor: C.white,
+                  outline: "none"
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.35rem", color: C.gray700, fontWeight: 500, fontSize: "0.875rem" }, children: "Pays" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "select",
+              {
+                value: country,
+                onChange: (e) => setCountry(e.target.value),
+                style: {
+                  width: "100%",
+                  height: "2.25rem",
+                  padding: "0 0.6rem",
+                  border: `1px solid ${C.gray200}`,
+                  borderRadius: "0.375rem",
+                  fontSize: "0.875rem",
+                  color: C.gray700,
+                  backgroundColor: C.white,
+                  outline: "none"
+                },
+                children: COUNTRIES_SORTED_BY_CODE.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.code, children: [
+                  c.flag,
+                  " ",
+                  c.name
+                ] }, c.code))
+              }
+            )
+          ] })
+        ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { style: { flexDirection: "row", justifyContent: submitState === "success" ? "center" : "space-between", alignItems: "center" }, children: submitState === "success" ? /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        onClick: onDismiss,
+        style: { width: "100%", height: "2.6rem" },
+        children: "Fermer"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          onClick: handleSubmit,
-          disabled: !canSubmit || submitting,
-          style: { width: "100%", height: "2.75rem", opacity: canSubmit && !submitting ? 1 : 0.5 },
-          children: submitting ? "Enregistrement..." : "Valider"
+          type: "button",
+          variant: "outline",
+          onClick: () => onOpenChange(false),
+          disabled: submitting,
+          style: { minWidth: "6.5rem", height: "2.35rem" },
+          children: "Fermer"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         Button,
         {
-          variant: "outline",
-          onClick: onSkip,
-          disabled: submitting,
-          style: { width: "100%", height: "2.75rem" },
-          children: "Passer pour l'instant"
+          type: "button",
+          onClick: isEditMode ? handleSubmit : onSkip,
+          disabled: isEditMode ? !canSubmit || submitting : submitting,
+          style: { minWidth: "7.25rem", height: "2.35rem", opacity: (isEditMode ? canSubmit && !submitting : !submitting) ? 1 : 0.5 },
+          children: submitting ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.45rem" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
+            "Enregistrement..."
+          ] }) : isEditMode ? "Enregistrer" : "Plus tard"
         }
       )
-    ] })
-  ] }) });
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AvatarCropModal,
+      {
+        open: avatarPickerOpen,
+        imageSrc: pendingAvatarSrc,
+        onOpenChange: setAvatarPickerOpen,
+        onCancel: () => {
+          setAvatarPickerOpen(false);
+          setPendingAvatarSrc(null);
+        },
+        onConfirm: handleAvatarConfirm
+      }
+    )
+  ] });
+  const renderContactFlow = () => {
+    if (!contactFlow) return null;
+    const isEmail = contactFlow.kind === "email";
+    const targetLabel = isEmail ? contactFlow.newEmail || "la nouvelle adresse" : `${contactFlow.newCcphone} ${contactFlow.newPhone}`.trim();
+    const sentToLabel = currentReceiveLabel;
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "0.25rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ShieldIcon, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: isEmail ? "Changer l’email" : "Changer le téléphone" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: contactFlow.phase === "request" ? `Veuillez renseigner le nouveau ${isEmail ? "email" : "numéro de téléphone"} pour lancer la vérification.` : contactFlow.phase === "verify-old" ? `Le code OTP a été envoyé sur : ${sentToLabel}.` : `Le second code OTP a été envoyé sur : ${sentToLabel}.` })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogBody, { style: { maxHeight: "52vh", overflowY: "auto", paddingBottom: "0.25rem" }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.75rem" }, children: [
+        contactFlow.error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0.75rem", borderRadius: "0.5rem", backgroundColor: "#fef2f2", color: "#b91c1c", fontSize: "0.875rem" }, children: contactFlow.error }),
+        contactFlow.phase === "request" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          isEmail ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "0.5rem", padding: "0.7rem 0.75rem", borderRadius: "0.5rem", backgroundColor: "#f9fafb", border: "1px solid #e5e7eb", fontSize: "0.85rem", color: C.gray700, lineHeight: 1.45 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Email actuel :" }),
+                " ",
+                currentEmailLabel || "non renseigné"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "0.2rem", color: C.gray500 }, children: "Veuillez renseigner le nouveau email pour lancer la vérification." })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: "Nouvel email" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "email",
+                value: contactFlow.newEmail,
+                onChange: (e) => updateFlow({ newEmail: e.target.value }),
+                placeholder: "nouvel@email.com",
+                style: {
+                  width: "100%",
+                  height: "2.5rem",
+                  padding: "0 0.75rem",
+                  border: `1px solid ${C.gray200}`,
+                  borderRadius: "0.375rem",
+                  fontSize: "0.875rem",
+                  color: C.gray700,
+                  backgroundColor: C.white,
+                  outline: "none"
+                }
+              }
+            ),
+            emailIsCurrent && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "block", marginTop: "0.35rem", color: "#b91c1c", fontSize: "0.8rem", lineHeight: 1.35 }, children: requestDuplicateMessage })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "0.5rem", padding: "0.7rem 0.75rem", borderRadius: "0.5rem", backgroundColor: "#f9fafb", border: "1px solid #e5e7eb", fontSize: "0.85rem", color: C.gray700, lineHeight: 1.45 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Numéro actuel :" }),
+                " ",
+                formatPhoneDisplay(currentPhoneDialDisplay, currentPhoneNumberDisplay) || "non renseigné"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "0.2rem", color: C.gray500 }, children: "Veuillez renseigner le nouveau numéro de téléphone pour lancer la vérification." })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: "Nouveau téléphone" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              PhoneInput,
+              {
+                value: contactFlow.newPhone,
+                onChange: (value) => updateFlow({ newPhone: value }),
+                ccphone: contactFlow.newCcphone,
+                onCcphoneChange: (value) => updateFlow({ newCcphone: value, method: value.trim() === "+221" ? contactFlow.method : "email" })
+              }
+            ),
+            phoneIsCurrent && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "block", marginTop: "0.35rem", color: "#b91c1c", fontSize: "0.8rem", lineHeight: 1.35 }, children: requestDuplicateMessage })
+          ] }),
+          contactSmsAllowed ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "0.5rem", flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: contactFlow.method === "email" ? "default" : "outline",
+                onClick: () => switchFlowMethod("email"),
+                style: { flex: 1 },
+                children: "Code par email"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: contactFlow.method === "phone" ? "default" : "outline",
+                onClick: () => switchFlowMethod("phone"),
+                style: { flex: 1 },
+                children: "Code par téléphone"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "0.75rem", borderRadius: "0.5rem", backgroundColor: "#f9fafb", border: "1px solid #e5e7eb", color: C.gray700, fontSize: "0.875rem", lineHeight: 1.45 }, children: "Le SMS est disponible uniquement pour les numéros sénégalais (+221). Le code sera envoyé par email." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C.gray500, fontSize: "0.8rem", lineHeight: 1.35 }, children: [
+            "Vous allez recevoir le code par ",
+            currentReceiveLabel,
+            "."
+          ] })
+        ] }),
+        contactFlow.phase === "verify-old" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "0.75rem", borderRadius: "0.5rem", backgroundColor: "#f9fafb", border: "1px solid #e5e7eb", fontSize: "0.875rem", color: C.gray700 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                isEmail ? "Email actuel" : "Numéro de téléphone actuel",
+                " :"
+              ] }),
+              " ",
+              isEmail ? currentEmailLabel : formatPhoneDisplay(currentPhoneDialDisplay, currentPhoneNumberDisplay)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.25rem" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Nouveau :" }),
+              " ",
+              targetLabel
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.25rem" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Envoi :" }),
+              " ",
+              sentToLabel
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: "Code reçu sur l'ancien contact" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              OTPInput,
+              {
+                value: contactFlow.oldOtp,
+                onChange: (value) => updateFlow({ oldOtp: value }),
+                disabled: contactFlow.loading
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "0.75rem", flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.82rem", color: C.gray500 }, children: canResendOtp ? "Vous pouvez renvoyer un nouveau code." : `Renvoyer un code dans ${resendCountdown}s` }),
+            canResendOtp && /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => setConfirmAction("resend"),
+                disabled: contactFlow.loading,
+                style: { height: "2.35rem" },
+                children: "Renvoyer le code"
+              }
+            )
+          ] })
+        ] }),
+        contactFlow.phase === "verify-new" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "0.75rem", borderRadius: "0.5rem", backgroundColor: "#f9fafb", border: "1px solid #e5e7eb", fontSize: "0.875rem", color: C.gray700 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
+                isEmail ? "Email actuel" : "Numéro de téléphone actuel",
+                " :"
+              ] }),
+              " ",
+              isEmail ? currentEmailLabel : formatPhoneDisplay(currentPhoneDialDisplay, currentPhoneNumberDisplay)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.25rem" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Nouveau :" }),
+              " ",
+              targetLabel
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.25rem" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Envoi :" }),
+              " ",
+              sentToLabel
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Label, { style: { display: "block", marginBottom: "0.5rem", color: C.gray700, fontWeight: 500 }, children: "Code reçu sur le nouveau contact" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              OTPInput,
+              {
+                value: contactFlow.newOtp,
+                onChange: (value) => updateFlow({ newOtp: value }),
+                disabled: contactFlow.loading
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: "0.75rem", flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "0.82rem", color: C.gray500 }, children: canResendOtp ? "Vous pouvez renvoyer un nouveau code." : `Renvoyer un code dans ${resendCountdown}s` }),
+            canResendOtp && /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => setConfirmAction("resend"),
+                disabled: contactFlow.loading,
+                style: { height: "2.35rem" },
+                children: "Renvoyer le code"
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: contactFlow.phase === "request" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: closeContactFlow,
+            disabled: contactFlow.loading,
+            style: { minWidth: "6.5rem", height: "2.35rem" },
+            children: "Fermer"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            onClick: requestChange,
+            disabled: contactFlow.loading || (isEmail ? !contactFlow.newEmail.trim() : !contactFlow.newPhone.trim()) || emailIsCurrent || phoneIsCurrent,
+            style: { minWidth: "7.25rem", height: "2.35rem", opacity: contactFlow.loading ? 0.5 : 1 },
+            children: contactFlow.loading ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.45rem" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
+              "Envoi..."
+            ] }) : "Envoyer"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => setConfirmAction("back"),
+            disabled: contactFlow.loading,
+            style: { minWidth: "6.5rem", height: "2.35rem" },
+            children: "Retour"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            onClick: contactFlow.phase === "verify-old" ? verifyOld : verifyNew,
+            disabled: contactFlow.loading || contactFlow.phase === "verify-old" && contactFlow.oldOtp.length !== 6 || contactFlow.phase === "verify-new" && contactFlow.newOtp.length !== 6,
+            style: { minWidth: "7.25rem", height: "2.35rem", opacity: contactFlow.loading ? 0.5 : 1 },
+            children: contactFlow.loading ? /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.45rem" }, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }),
+              "Vérification..."
+            ] }) : contactFlow.phase === "verify-old" ? "Vérifier" : "Confirmer"
+          }
+        )
+      ] }) })
+    ] });
+  };
+  const renderConfirmDialog = () => {
+    if (!confirmAction) return null;
+    const config2 = confirmAction === "back" ? {
+      title: "Retourner à l’étape précédente ?",
+      description: "La vérification en cours sera interrompue. Vous pourrez reprendre le changement depuis le début.",
+      confirmLabel: "Retourner"
+    } : confirmAction === "resend" ? {
+      title: "Renvoyer un nouveau code OTP ?",
+      description: `Un nouveau code sera envoyé vers ${currentReceiveLabel}.`,
+      confirmLabel: "Renvoyer"
+    } : {
+      title: "Annuler la récupération ?",
+      description: "Les informations IAM ne seront pas récupérées maintenant. Vous pourrez relancer l’ouverture plus tard.",
+      confirmLabel: "Annuler"
+    };
+    const confirm = async () => {
+      if (confirmAction === "back") {
+        confirmBackToRequest();
+      } else if (confirmAction === "resend") {
+        await confirmResendOtp();
+      } else {
+        setConfirmAction(null);
+        onDismiss();
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: Boolean(confirmAction), onOpenChange: (open2) => {
+      if (!open2) setConfirmAction(null);
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { hideCloseButton: false, style: { maxWidth: "22rem", padding: "0.9rem 1rem", borderRadius: "0.7rem" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "1rem", fontWeight: 600, color: "#111827" }, children: config2.title }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: config2.description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: () => setConfirmAction(null), style: { minWidth: "6rem", height: "2.25rem" }, children: "Annuler" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", onClick: confirm, style: { minWidth: "6.5rem", height: "2.25rem" }, children: confirmAction === "resend" && (contactFlow == null ? void 0 : contactFlow.loading) ? "Envoi..." : config2.confirmLabel })
+      ] })
+    ] }) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open, onOpenChange: handleDialogOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DialogContent,
+      {
+        hideCloseButton: lockModalClose,
+        style: { maxWidth: "26rem", padding: "0.75rem 0.8rem", borderRadius: "0.65rem", maxHeight: "88vh" },
+        children: profileHydrating && submitState === "idle" && !contactFlow ? renderHydration() : contactFlow ? renderContactFlow() : submitState === "success" ? renderSuccess() : renderBase()
+      }
+    ),
+    renderConfirmDialog()
+  ] });
 }
-function DebugPanel({ saasApiUrl, iamApiUrl }) {
+function DebugPanel({ saasApiUrl, iamApiUrl, onOpenLogin, onOpenSignup, onOpenOnboarding, onResetProfilePrompt }) {
   const [logs, setLogs] = react.useState([]);
   const [expanded, setExpanded] = react.useState(true);
   const [selectedLog, setSelectedLog] = react.useState(null);
@@ -4545,7 +6065,7 @@ function DebugPanel({ saasApiUrl, iamApiUrl }) {
       maxHeight: "300px",
       overflowY: "auto"
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "4px 12px", background: "#1e1e3f", fontSize: "10px", color: "#94a3b8", display: "flex", gap: "16px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "4px 12px", background: "#1e1e3f", fontSize: "10px", color: "#94a3b8", display: "flex", gap: "16px", alignItems: "center", flexWrap: "wrap" }, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
           "SaaS: ",
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#6366f1" }, children: saasApiUrl })
@@ -4553,6 +6073,56 @@ function DebugPanel({ saasApiUrl, iamApiUrl }) {
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
           "IAM: ",
           /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#6366f1" }, children: iamApiUrl })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginLeft: "auto", display: "flex", gap: "6px", flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpenLogin == null ? void 0 : onOpenLogin();
+              },
+              disabled: !onOpenLogin,
+              style: { background: "#334155", color: "#e2e8f0", border: "none", borderRadius: "4px", padding: "2px 8px", cursor: onOpenLogin ? "pointer" : "not-allowed", fontSize: "11px", opacity: onOpenLogin ? 1 : 0.5 },
+              children: "Connexion"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpenSignup == null ? void 0 : onOpenSignup();
+              },
+              disabled: !onOpenSignup,
+              style: { background: "#334155", color: "#e2e8f0", border: "none", borderRadius: "4px", padding: "2px 8px", cursor: onOpenSignup ? "pointer" : "not-allowed", fontSize: "11px", opacity: onOpenSignup ? 1 : 0.5 },
+              children: "Inscription"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpenOnboarding == null ? void 0 : onOpenOnboarding("current");
+              },
+              disabled: !onOpenOnboarding,
+              style: { background: "#334155", color: "#e2e8f0", border: "none", borderRadius: "4px", padding: "2px 8px", cursor: onOpenOnboarding ? "pointer" : "not-allowed", fontSize: "11px", opacity: onOpenOnboarding ? 1 : 0.5 },
+              children: "Infos profile"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onResetProfilePrompt == null ? void 0 : onResetProfilePrompt();
+              },
+              disabled: !onResetProfilePrompt,
+              style: { background: "#334155", color: "#e2e8f0", border: "none", borderRadius: "4px", padding: "2px 8px", cursor: onResetProfilePrompt ? "pointer" : "not-allowed", fontSize: "11px", opacity: onResetProfilePrompt ? 1 : 0.5 },
+              children: "Reset profil"
+            }
+          )
         ] })
       ] }),
       logs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "20px", textAlign: "center", color: "#64748b" }, children: "Aucun appel API. Tentez une connexion pour voir les logs." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: logs.map((log) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -4608,6 +6178,11 @@ function DebugPanel({ saasApiUrl, iamApiUrl }) {
   ] });
 }
 const ollaidLogo = "data:image/png;base64,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";
+const PROFILE_PROMPT_DELAY_MS = 5 * 60 * 1e3;
+const PROFILE_PROMPT_SNOOZE_MS = 8 * 60 * 60 * 1e3;
+const PROFILE_SYNC_INTERVAL_MS = 30 * 60 * 1e3;
+const PROFILE_FETCH_RETRY_DELAY_MS = 1200;
+const PROFILE_FETCH_MAX_ATTEMPTS = 3;
 const COLORS = {
   primary: "#002147",
   primaryForeground: "#ffffff",
@@ -4644,7 +6219,10 @@ const ShieldCheckIcon = ({ size = 24, color = COLORS.accent }) => /* @__PURE__ *
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
 ] });
 function needsOnboarding(user) {
-  return !user.image_url || !user.phone;
+  return !user.image_url || !user.phone || !user.email;
+}
+function isProfileComplete(user) {
+  return Boolean(user.image_url && user.phone && user.email);
 }
 const GRADIENT_STYLE_ID = "ollaid-sso-gradient-anim";
 function injectGradientAnimation() {
@@ -4701,6 +6279,7 @@ function NativeSSOPage({
   const [loginInitialPhone, setLoginInitialPhone] = react.useState();
   const [showOnboarding, setShowOnboarding] = react.useState(false);
   const [pendingSession, setPendingSession] = react.useState(null);
+  const [debugOnboardingState, setDebugOnboardingState] = react.useState(null);
   const [session, setSession] = react.useState(() => {
     try {
       const token = localStorage.getItem(STORAGE.AUTH_TOKEN) || localStorage.getItem(STORAGE.TOKEN);
@@ -4711,6 +6290,135 @@ function NativeSSOPage({
     return null;
   });
   const { isDebug: resolvedDebug } = useNativeAuth({ saasApiUrl, iamApiUrl, configPrefix, autoLoadCredentials: true });
+  const onboardingPromptTimerRef = react.useRef(null);
+  const onboardingRecheckTimerRef = react.useRef(null);
+  const profileSyncTimerRef = react.useRef(null);
+  const profileHydrationRunningRef = react.useRef(false);
+  const profileHydrationRequestedRef = react.useRef(null);
+  const sessionRef = react.useRef(session);
+  const [profileHydrating, setProfileHydrating] = react.useState(false);
+  react.useEffect(() => {
+    sessionRef.current = session;
+  }, [session]);
+  const clearOnboardingTimers = react.useCallback(() => {
+    if (onboardingPromptTimerRef.current) {
+      clearTimeout(onboardingPromptTimerRef.current);
+      onboardingPromptTimerRef.current = null;
+    }
+    if (onboardingRecheckTimerRef.current) {
+      clearTimeout(onboardingRecheckTimerRef.current);
+      onboardingRecheckTimerRef.current = null;
+    }
+  }, []);
+  const persistSessionUser = react.useCallback((token, user) => {
+    setSession({ token, user });
+    localStorage.setItem(STORAGE.USER, JSON.stringify(user));
+    localStorage.setItem(STORAGE.AUTH_TOKEN, token);
+    localStorage.setItem(STORAGE.TOKEN, token);
+  }, []);
+  const extractUserInfos = react.useCallback((payload) => {
+    if (!payload || typeof payload !== "object") return null;
+    const data = payload;
+    const candidate = data.user_infos && typeof data.user_infos === "object" ? data.user_infos : data.user && typeof data.user === "object" ? data.user : data;
+    return {
+      reference: typeof candidate.reference === "string" ? candidate.reference : void 0,
+      name: typeof candidate.name === "string" ? candidate.name : void 0,
+      email: typeof candidate.email === "string" ? candidate.email : void 0,
+      ccphone: typeof candidate.ccphone === "string" ? candidate.ccphone : void 0,
+      phone: typeof candidate.phone === "string" ? candidate.phone : void 0,
+      address: typeof candidate.address === "string" ? candidate.address : void 0,
+      town: typeof candidate.town === "string" ? candidate.town : void 0,
+      country: typeof candidate.country === "string" ? candidate.country : void 0,
+      image_url: typeof candidate.image_url === "string" ? candidate.image_url : void 0,
+      auth_2fa: typeof candidate.auth_2fa === "boolean" ? candidate.auth_2fa : void 0,
+      alias_reference: typeof candidate.alias_reference === "string" ? candidate.alias_reference : void 0,
+      iam_reference: typeof candidate.iam_reference === "string" ? candidate.iam_reference : void 0
+    };
+  }, []);
+  const refreshSessionProfile = react.useCallback(async (force = false) => {
+    const activeSession = sessionRef.current;
+    if (!(activeSession == null ? void 0 : activeSession.token)) return null;
+    if (profileHydrationRunningRef.current && !force) return activeSession.user;
+    if (profileHydrationRequestedRef.current === activeSession.token && !force) return activeSession.user;
+    profileHydrationRunningRef.current = true;
+    profileHydrationRequestedRef.current = activeSession.token;
+    setProfileHydrating(true);
+    try {
+      let lastError = null;
+      for (let attempt = 1; attempt <= PROFILE_FETCH_MAX_ATTEMPTS; attempt += 1) {
+        try {
+          const response = await profileService.getProfile();
+          const mergedInfos = extractUserInfos(response) || {};
+          const mergedUser = { ...activeSession.user, ...mergedInfos };
+          persistSessionUser(activeSession.token, mergedUser);
+          return mergedUser;
+        } catch (error) {
+          lastError = error;
+          if (attempt < PROFILE_FETCH_MAX_ATTEMPTS) {
+            await new Promise((resolve) => setTimeout(resolve, PROFILE_FETCH_RETRY_DELAY_MS * attempt));
+          }
+        }
+      }
+      const isDev = Boolean(false);
+      if (isDev) {
+        console.warn("Profile hydration failed after retries", lastError);
+      }
+      return activeSession.user;
+    } finally {
+      profileHydrationRunningRef.current = false;
+      setProfileHydrating(false);
+    }
+  }, [persistSessionUser, extractUserInfos]);
+  const makeDebugOnboardingUser = react.useCallback((baseUser, preset) => {
+    const normalized = { ...baseUser };
+    if (preset === "current") return normalized;
+    if (preset === "photo") return { ...normalized, image_url: "" };
+    if (preset === "phone") return { ...normalized, phone: "", ccphone: "" };
+    if (preset === "email") return { ...normalized, email: "" };
+    return { ...normalized, image_url: "", phone: "", ccphone: "", email: "" };
+  }, []);
+  const syncProfilePrompt = react.useCallback((currentSession) => {
+    clearOnboardingTimers();
+    if (!currentSession) {
+      setPendingSession(null);
+      setShowOnboarding(false);
+      return;
+    }
+    const promptState = getProfilePromptState();
+    const now = Date.now();
+    const onboardingVisible = showOnboarding || Boolean(pendingSession || debugOnboardingState);
+    if (promptState.lastStatus === true || isProfileComplete(currentSession.user)) {
+      markProfilePromptComplete();
+      if (!onboardingVisible) {
+        setPendingSession(null);
+        setShowOnboarding(false);
+      }
+      return;
+    }
+    setPendingSession({ ...currentSession, sourceUser: currentSession.user });
+    const scheduleOpen = () => {
+      onboardingPromptTimerRef.current = setTimeout(() => {
+        const latestPromptState = getProfilePromptState();
+        if (latestPromptState.lastStatus === true) return;
+        if (!currentSession) return;
+        if (!isProfileComplete(currentSession.user)) {
+          setShowOnboarding(true);
+        }
+      }, PROFILE_PROMPT_DELAY_MS);
+    };
+    if (promptState.recheckAt && promptState.recheckAt > now) {
+      onboardingRecheckTimerRef.current = setTimeout(() => {
+        const latestPromptState = getProfilePromptState();
+        if (latestPromptState.lastStatus === true) return;
+        if (!currentSession) return;
+        if (!isProfileComplete(currentSession.user)) {
+          scheduleOpen();
+        }
+      }, promptState.recheckAt - now);
+      return;
+    }
+    scheduleOpen();
+  }, [clearOnboardingTimers, showOnboarding, pendingSession, debugOnboardingState]);
   react.useEffect(() => {
     injectGradientAnimation();
     const root = document.documentElement;
@@ -4770,40 +6478,166 @@ function NativeSSOPage({
       account_type: user.account_type || "user"
     };
     setModal("none");
-    if (needsOnboarding(userObj)) {
-      setPendingSession({ token, user: userObj });
-      setShowOnboarding(true);
-    } else {
-      setSession({ token, user: userObj });
+    persistSessionUser(token, userObj);
+    syncProfilePrompt({ token, user: userObj });
+    void refreshSessionProfile(true);
+    if (!needsOnboarding(userObj)) {
+      markProfilePromptComplete();
       onLoginSuccess == null ? void 0 : onLoginSuccess(token, user);
       if (redirectAfterLogin) window.location.href = redirectAfterLogin;
     }
-  }, [onLoginSuccess, redirectAfterLogin]);
+  }, [onLoginSuccess, redirectAfterLogin, persistSessionUser, syncProfilePrompt, refreshSessionProfile]);
   const handleOnboardingComplete = react.useCallback((data) => {
-    if (!pendingSession) return;
-    const updatedUser = { ...pendingSession.user, ...data };
-    localStorage.setItem(STORAGE.USER, JSON.stringify(updatedUser));
+    const activeSession = debugOnboardingState || pendingSession;
+    if (!activeSession) return;
+    const updatedUser = { ...activeSession.sourceUser, ...data.user_infos || data };
+    persistSessionUser(activeSession.token, updatedUser);
+    onOnboardingComplete == null ? void 0 : onOnboardingComplete({
+      name: updatedUser.name,
+      image_url: updatedUser.image_url,
+      ccphone: updatedUser.ccphone || void 0,
+      phone: updatedUser.phone || void 0,
+      email: updatedUser.email || void 0,
+      address: updatedUser.address || void 0,
+      town: updatedUser.town || void 0,
+      country: updatedUser.country || void 0,
+      user_infos: {
+        reference: updatedUser.reference,
+        name: updatedUser.name,
+        email: updatedUser.email || null,
+        ccphone: updatedUser.ccphone,
+        phone: updatedUser.phone,
+        address: updatedUser.address,
+        town: updatedUser.town,
+        country: updatedUser.country,
+        image_url: updatedUser.image_url,
+        auth_2fa: updatedUser.auth_2fa,
+        alias_reference: updatedUser.alias_reference,
+        iam_reference: updatedUser.iam_reference
+      }
+    });
+    if (!debugOnboardingState) {
+      markProfilePromptComplete();
+    }
+    void refreshSessionProfile(true);
+  }, [pendingSession, debugOnboardingState, onOnboardingComplete, persistSessionUser, markProfilePromptComplete, refreshSessionProfile]);
+  const handleOnboardingSkip = react.useCallback(() => {
+    const activeSession = debugOnboardingState || pendingSession;
+    if (!activeSession) return;
     setShowOnboarding(false);
-    setSession({ token: pendingSession.token, user: updatedUser });
     setPendingSession(null);
-    onOnboardingComplete == null ? void 0 : onOnboardingComplete(data);
-    onLoginSuccess == null ? void 0 : onLoginSuccess(pendingSession.token, updatedUser);
-    if (redirectAfterLogin) window.location.href = redirectAfterLogin;
-  }, [pendingSession, onLoginSuccess, onOnboardingComplete, redirectAfterLogin]);
-  const handleOnboardingSkip = react.useCallback(() => {
-    if (!pendingSession) return;
+    setDebugOnboardingState(null);
+    if (!debugOnboardingState) {
+      persistSessionUser(activeSession.token, activeSession.user);
+      snoozeProfilePrompt(PROFILE_PROMPT_SNOOZE_MS / (60 * 60 * 1e3));
+      onLoginSuccess == null ? void 0 : onLoginSuccess(activeSession.token, activeSession.user);
+      if (redirectAfterLogin) window.location.href = redirectAfterLogin;
+      return;
+    }
+  }, [pendingSession, debugOnboardingState, onLoginSuccess, redirectAfterLogin, persistSessionUser]);
+  const handleOnboardingDismiss = react.useCallback(() => {
     setShowOnboarding(false);
-    setSession(pendingSession);
     setPendingSession(null);
-    onLoginSuccess == null ? void 0 : onLoginSuccess(pendingSession.token, pendingSession.user);
-    if (redirectAfterLogin) window.location.href = redirectAfterLogin;
-  }, [pendingSession, onLoginSuccess, redirectAfterLogin]);
+    setDebugOnboardingState(null);
+  }, []);
   const handleLogout = react.useCallback(async () => {
     await logout();
     setSession(null);
+    setPendingSession(null);
+    setDebugOnboardingState(null);
+    clearOnboardingTimers();
     onLogout == null ? void 0 : onLogout();
     if (redirectAfterLogout) window.location.href = redirectAfterLogout;
-  }, [onLogout, redirectAfterLogout]);
+  }, [onLogout, redirectAfterLogout, clearOnboardingTimers]);
+  const openDebugLogin = react.useCallback(() => {
+    clearOnboardingTimers();
+    setShowOnboarding(false);
+    setPendingSession(null);
+    setDebugOnboardingState(null);
+    setModal("login");
+  }, [clearOnboardingTimers]);
+  const openDebugSignup = react.useCallback(() => {
+    clearOnboardingTimers();
+    setShowOnboarding(false);
+    setPendingSession(null);
+    setDebugOnboardingState(null);
+    setModal("signup");
+  }, [clearOnboardingTimers]);
+  const openDebugOnboarding = react.useCallback((preset = "current") => {
+    if (!session) return;
+    clearOnboardingTimers();
+    setModal("none");
+    const simulatedUser = makeDebugOnboardingUser(session.user, preset);
+    setDebugOnboardingState({
+      token: session.token,
+      user: simulatedUser,
+      sourceUser: session.user,
+      preset,
+      variant: "edit"
+    });
+    setPendingSession(null);
+    setShowOnboarding(true);
+  }, [session, clearOnboardingTimers, makeDebugOnboardingUser]);
+  const resetDebugProfilePrompt = react.useCallback(() => {
+    setProfilePromptState(false, Date.now() + PROFILE_PROMPT_SNOOZE_MS);
+    if (session) {
+      clearOnboardingTimers();
+      setDebugOnboardingState(null);
+      setPendingSession({ ...session, sourceUser: session.user });
+      setShowOnboarding(true);
+    }
+  }, [session, clearOnboardingTimers]);
+  react.useEffect(() => {
+    syncProfilePrompt(session);
+    return () => {
+      clearOnboardingTimers();
+    };
+  }, [session, syncProfilePrompt, clearOnboardingTimers]);
+  react.useEffect(() => {
+    if (!(session == null ? void 0 : session.token)) return;
+    if (!showOnboarding && !debugOnboardingState) return;
+    void refreshSessionProfile();
+  }, [session == null ? void 0 : session.token, showOnboarding, debugOnboardingState, refreshSessionProfile]);
+  react.useEffect(() => {
+    if (!(session == null ? void 0 : session.token)) return;
+    const syncUserInfos = async () => {
+      try {
+        const response = await nativeAuthService.checkToken(session.token);
+        if (!response.valid || !response.user) {
+          await refreshSessionProfile(true);
+          return;
+        }
+        const storedRaw = typeof localStorage !== "undefined" ? localStorage.getItem(STORAGE.USER) : null;
+        let storedUser = session.user;
+        if (storedRaw) {
+          try {
+            storedUser = JSON.parse(storedRaw);
+          } catch {
+          }
+        }
+        const mergedUser = { ...storedUser, ...response.user };
+        persistSessionUser(session.token, mergedUser);
+        if (isProfileComplete(mergedUser)) {
+          markProfilePromptComplete();
+          setShowOnboarding(false);
+          setPendingSession(null);
+        }
+      } catch {
+        await refreshSessionProfile(true);
+      }
+    };
+    if (profileSyncTimerRef.current) {
+      clearInterval(profileSyncTimerRef.current);
+      profileSyncTimerRef.current = null;
+    }
+    profileSyncTimerRef.current = setInterval(syncUserInfos, PROFILE_SYNC_INTERVAL_MS);
+    return () => {
+      if (profileSyncTimerRef.current) {
+        clearInterval(profileSyncTimerRef.current);
+        profileSyncTimerRef.current = null;
+      }
+    };
+  }, [session == null ? void 0 : session.token, persistSessionUser, refreshSessionProfile, markProfilePromptComplete]);
   const containerStyle = {
     minHeight: "100vh",
     backgroundColor: COLORS.primary,
@@ -4870,7 +6704,33 @@ function NativeSSOPage({
         /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", color: COLORS.muted, textAlign: "center", marginTop: "0.25rem" }, children: "Vous êtes connecté à votre compte Ollaid SSO" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "1.5rem" }, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleLogout, style: { width: "100%" }, children: "Déconnexion" }) })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Footer, { hideFooter })
+      /* @__PURE__ */ jsxRuntime.jsx(Footer, { hideFooter }),
+      (pendingSession || debugOnboardingState) && /* @__PURE__ */ jsxRuntime.jsx(
+        OnboardingModal,
+        {
+          open: showOnboarding,
+          onOpenChange: (open) => {
+            if (!open) handleOnboardingSkip();
+          },
+          onDismiss: handleOnboardingDismiss,
+          user: (debugOnboardingState || pendingSession).user,
+          variant: debugOnboardingState ? "edit" : "missing",
+          profileHydrating,
+          onComplete: handleOnboardingComplete,
+          onSkip: handleOnboardingSkip
+        }
+      ),
+      resolvedDebug && /* @__PURE__ */ jsxRuntime.jsx(
+        DebugPanel,
+        {
+          saasApiUrl,
+          iamApiUrl,
+          onOpenLogin: openDebugLogin,
+          onOpenSignup: openDebugSignup,
+          onOpenOnboarding: openDebugOnboarding,
+          onResetProfilePrompt: resetDebugProfilePrompt
+        }
+      )
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle, children: [
@@ -4922,19 +6782,32 @@ function NativeSSOPage({
         defaultAccountType: accountType
       }
     ),
-    pendingSession && /* @__PURE__ */ jsxRuntime.jsx(
+    (pendingSession || debugOnboardingState) && /* @__PURE__ */ jsxRuntime.jsx(
       OnboardingModal,
       {
         open: showOnboarding,
         onOpenChange: (open) => {
           if (!open) handleOnboardingSkip();
         },
-        user: pendingSession.user,
+        onDismiss: handleOnboardingDismiss,
+        user: (debugOnboardingState || pendingSession).user,
+        variant: debugOnboardingState ? "edit" : "missing",
+        profileHydrating,
         onComplete: handleOnboardingComplete,
         onSkip: handleOnboardingSkip
       }
     ),
-    resolvedDebug && /* @__PURE__ */ jsxRuntime.jsx(DebugPanel, { saasApiUrl, iamApiUrl })
+    resolvedDebug && /* @__PURE__ */ jsxRuntime.jsx(
+      DebugPanel,
+      {
+        saasApiUrl,
+        iamApiUrl,
+        onOpenLogin: openDebugLogin,
+        onOpenSignup: openDebugSignup,
+        onOpenOnboarding: openDebugOnboarding,
+        onResetProfilePrompt: resetDebugProfilePrompt
+      }
+    )
   ] });
 }
 const NativeSSOContext = react.createContext(null);
@@ -5132,8 +7005,10 @@ exports.NativeSSOPage = NativeSSOPage;
 exports.NativeSSOProvider = NativeSSOProvider;
 exports.OTPInput = OTPInput;
 exports.OnboardingModal = OnboardingModal;
+exports.PROFILE_PROMPT_KEYS = PROFILE_STORAGE;
 exports.PasswordRecoveryModal = PasswordRecoveryModal;
 exports.PhoneInput = PhoneInput;
+exports.STORAGE_KEYS = STORAGE;
 exports.SignupModal = SignupModal;
 exports.clearAuthToken = clearAuthToken;
 exports.getAccountType = getAccountType;
@@ -5142,13 +7017,21 @@ exports.getAuthUser = getAuthUser;
 exports.getCountryByCode = getCountryByCode;
 exports.getCountryByDialCode = getCountryByDialCode;
 exports.getDefaultCountry = getDefaultCountry;
+exports.getDeviceId = getDeviceId;
 exports.getNativeAuthConfig = getNativeAuthConfig;
+exports.getProfilePromptState = getProfilePromptState;
+exports.getSessionUuid = getSessionUuid;
 exports.iamAccountService = iamAccountService;
 exports.logout = logout;
+exports.markProfilePromptComplete = markProfilePromptComplete;
 exports.mobilePasswordService = mobilePasswordService;
 exports.nativeAuthService = nativeAuthService;
+exports.profileChangeService = profileChangeService;
+exports.profileMediaService = profileMediaService;
 exports.searchCountries = searchCountries;
 exports.setNativeAuthConfig = setNativeAuthConfig;
+exports.setProfilePromptState = setProfilePromptState;
+exports.snoozeProfilePrompt = snoozeProfilePrompt;
 exports.useLogout = useLogout;
 exports.useMobilePassword = useMobilePassword;
 exports.useMobileRegistration = useMobileRegistration;