@ollaid/native-sso 2.7.7 → 2.7.9

package/dist/index.cjs

@@ -11243,7 +11243,7 @@ function SuccessOrbit() {
       justifyContent: "center",
       zIndex: 2
     }, children: /* @__PURE__ */ jsxRuntime.jsx(IconLink, { style: { width: "1.7rem", height: "1.7rem", color: C$1.green } }) }),
-    orbitIcons.map((Icon, i) => {
+    orbitIcons.map((Icon2, i) => {
       const angle = i * 360 / orbitIcons.length;
       return /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
         position: "absolute",
@@ -11262,7 +11262,7 @@ function SuccessOrbit() {
         display: "flex",
         alignItems: "center",
         justifyContent: "center"
-      }, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { style: { width: "1rem", height: "1rem", color: C$1.gray500 } }) }) }, i);
+      }, children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { style: { width: "1rem", height: "1rem", color: C$1.gray500 } }) }) }, i);
     })
   ] });
 }
@@ -12146,26 +12146,41 @@ const C = {
   gray700: "#374151",
   white: "#ffffff"
 };
-function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missing", profileHydrating = false, onComplete, onSkip }) {
+function OnboardingModal({
+  open,
+  onOpenChange,
+  onDismiss,
+  user,
+  variant = "missing",
+  profileHydrating = false,
+  hydrateProfile = true,
+  onUserInfosSync,
+  onComplete,
+  onSkip
+}) {
   var _a;
   const isEditMode = variant === "edit";
-  const hasCurrentPhone = Boolean(user.phone);
-  const hasCurrentEmail = Boolean(user.email);
+  const [hydratedUser, setHydratedUser] = react.useState(null);
+  const [internalHydrating, setInternalHydrating] = react.useState(false);
+  const hydrationKeyRef = react.useRef(null);
+  const profileUser = hydratedUser ?? user;
+  const hasCurrentPhone = Boolean(profileUser.phone);
+  const hasCurrentEmail = Boolean(profileUser.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 || "");
+  !isEditMode ? !((_a = profileUser.name) == null ? void 0 : _a.trim()) : true;
+  const [name, setName] = react.useState(profileUser.name || "");
   const [photoPreview, setPhotoPreview] = react.useState("");
   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(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 [ccphone, setCcphone] = react.useState(profileUser.ccphone || "+221");
+  const [phone, setPhone] = react.useState(profileUser.phone || "");
+  const [email, setEmail] = react.useState(profileUser.email || "");
+  const [address, setAddress] = react.useState(profileUser.address || "");
+  const [town, setTown] = react.useState(profileUser.town || "");
+  const [country, setCountry] = react.useState(profileUser.country || DEFAULT_COUNTRY_CODE);
   const [submitting, setSubmitting] = react.useState(false);
   const [fileError, setFileError] = react.useState("");
   const [contactFlow, setContactFlow] = react.useState(null);
@@ -12175,34 +12190,54 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
   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"
+    profileUser.reference || "",
+    profileUser.name || "",
+    profileUser.email || "",
+    profileUser.ccphone || "",
+    profileUser.phone || "",
+    profileUser.address || "",
+    profileUser.town || "",
+    profileUser.country || "",
+    profileUser.image_url || "",
+    profileUser.auth_2fa ? "1" : "0"
   ].join("|");
-  const currentDialCode = (user.ccphone || ccphone || "+221").trim();
+  const currentDialCode = (profileUser.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);
+  const syncFormFromUser = react.useCallback((nextUser) => {
+    setName(nextUser.name || "");
+    setPhotoPreview(isEditMode ? nextUser.image_url || "" : "");
+    setCcphone(nextUser.ccphone || "+221");
+    setPhone(nextUser.phone || "");
+    setEmail(nextUser.email || "");
+    setAddress(nextUser.address || "");
+    setTown(nextUser.town || "");
+    setCountry(nextUser.country || DEFAULT_COUNTRY_CODE);
+  }, [isEditMode]);
+  const toUserInfos = react.useCallback((nextUser) => ({
+    reference: nextUser.reference,
+    name: nextUser.name,
+    email: nextUser.email || null,
+    ccphone: nextUser.ccphone,
+    phone: nextUser.phone,
+    address: nextUser.address,
+    town: nextUser.town,
+    country: nextUser.country,
+    image_url: nextUser.image_url,
+    auth_2fa: nextUser.auth_2fa,
+    alias_reference: nextUser.alias_reference,
+    iam_reference: nextUser.iam_reference
+  }), []);
   react.useEffect(() => {
-    if (!open) return;
-    setName(user.name || "");
-    setPhotoPreview(isEditMode ? user.image_url || "" : "");
+    if (!open) {
+      setHydratedUser(null);
+      hydrationKeyRef.current = null;
+      return;
+    }
     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);
@@ -12210,7 +12245,54 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
     setSubmitMessage("");
     setSubmitError("");
     setConfirmAction(null);
-  }, [open, isEditMode, userHydrationKey, user.name, user.image_url, user.ccphone, user.phone, user.email, user.address, user.town, user.country]);
+    syncFormFromUser(profileUser);
+  }, [open, userHydrationKey, profileUser, syncFormFromUser]);
+  react.useEffect(() => {
+    if (!open || !hydratedUser) return;
+    if (contactFlow || submitting || submitState !== "idle") return;
+    syncFormFromUser(hydratedUser);
+  }, [open, hydratedUser, contactFlow, submitting, submitState, syncFormFromUser]);
+  react.useEffect(() => {
+    if (!open || !hydrateProfile || profileHydrating || internalHydrating || hydratedUser) return;
+    const key = userHydrationKey;
+    if (hydrationKeyRef.current === key) return;
+    hydrationKeyRef.current = key;
+    let cancelled = false;
+    setInternalHydrating(true);
+    (async () => {
+      try {
+        const response = await profileService.getProfile();
+        const payload = response.user_infos || response.user || {};
+        const nextUser = {
+          ...profileUser,
+          name: payload.name || profileUser.name,
+          email: payload.email ?? profileUser.email ?? null,
+          ccphone: payload.ccphone || profileUser.ccphone,
+          phone: payload.phone || profileUser.phone,
+          address: payload.address || profileUser.address,
+          town: payload.town || profileUser.town,
+          country: payload.country || profileUser.country,
+          image_url: payload.image_url || profileUser.image_url,
+          auth_2fa: payload.auth_2fa ?? profileUser.auth_2fa,
+          alias_reference: payload.alias_reference || profileUser.alias_reference,
+          iam_reference: payload.iam_reference || profileUser.iam_reference
+        };
+        if (cancelled) return;
+        setHydratedUser(nextUser);
+        syncFormFromUser(nextUser);
+        onUserInfosSync == null ? void 0 : onUserInfosSync({ source: "hydration", user_infos: toUserInfos(nextUser) });
+      } catch {
+        if (cancelled) return;
+      } finally {
+        if (!cancelled) {
+          setInternalHydrating(false);
+        }
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, hydrateProfile, profileHydrating, internalHydrating, userHydrationKey, profileUser, onUserInfosSync, syncFormFromUser, toUserInfos]);
   react.useEffect(() => {
     if (!(contactFlow == null ? void 0 : contactFlow.resendAvailableAt)) return;
     const timer = window.setInterval(() => {
@@ -12246,9 +12328,9 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
     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,
+      ccphone: directPhoneEdit ? ccphone : profileUser.ccphone || void 0,
+      phone: directPhoneEdit ? phone : profileUser.phone || void 0,
+      email: directEmailEdit ? email.trim() : profileUser.email || void 0,
       ...address.trim() ? { address: address.trim() } : {},
       ...town.trim() ? { town: town.trim() } : {},
       ...country ? { country } : {}
@@ -12257,19 +12339,21 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
       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
+        ...profileUser,
+        name: payload.name || data.name || profileUser.name,
+        email: payload.email ?? data.email ?? profileUser.email,
+        ccphone: payload.ccphone || data.ccphone || profileUser.ccphone,
+        phone: payload.phone || data.phone || profileUser.phone,
+        address: payload.address || data.address || profileUser.address,
+        town: payload.town || data.town || profileUser.town,
+        country: payload.country || data.country || profileUser.country,
+        image_url: payload.image_url || profileUser.image_url,
+        auth_2fa: payload.auth_2fa ?? profileUser.auth_2fa,
+        alias_reference: payload.alias_reference || profileUser.alias_reference,
+        iam_reference: payload.iam_reference || profileUser.iam_reference
       };
+      setHydratedUser(updatedUser);
+      onUserInfosSync == null ? void 0 : onUserInfosSync({ source: "update", user_infos: toUserInfos(updatedUser) });
       onComplete({
         name: updatedUser.name,
         image_url: updatedUser.image_url,
@@ -12300,7 +12384,7 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
       setSubmitState("error");
       setSubmitError(error instanceof Error ? error.message : "Erreur lors de l’enregistrement");
     }
-  }, [canSubmit, user, name, directPhoneEdit, directEmailEdit, ccphone, phone, email, address, town, country, onComplete, markSuccess]);
+  }, [canSubmit, profileUser, name, directPhoneEdit, directEmailEdit, ccphone, phone, email, address, town, country, onComplete, onUserInfosSync, toUserInfos, markSuccess]);
   const openAvatarPicker = react.useCallback(() => {
     var _a2;
     (_a2 = avatarFileInputRef.current) == null ? void 0 : _a2.click();
@@ -12330,6 +12414,23 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
         setPhotoPreview(URL.createObjectURL(blob));
       }
       if (Object.keys(payload).length > 0) {
+        const updatedUser = {
+          ...profileUser,
+          reference: payload.reference || profileUser.reference,
+          name: payload.name || profileUser.name,
+          email: payload.email ?? profileUser.email ?? null,
+          ccphone: payload.ccphone || profileUser.ccphone,
+          phone: payload.phone || profileUser.phone,
+          address: payload.address || profileUser.address,
+          town: payload.town || profileUser.town,
+          country: payload.country || profileUser.country,
+          image_url: nextImage || profileUser.image_url,
+          auth_2fa: payload.auth_2fa ?? profileUser.auth_2fa,
+          alias_reference: payload.alias_reference || profileUser.alias_reference,
+          iam_reference: payload.iam_reference || profileUser.iam_reference
+        };
+        setHydratedUser(updatedUser);
+        onUserInfosSync == null ? void 0 : onUserInfosSync({ source: "avatar", user_infos: toUserInfos(updatedUser) });
         onComplete({
           name: payload.name,
           image_url: nextImage || void 0,
@@ -12340,18 +12441,18 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
           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
+            reference: payload.reference || profileUser.reference,
+            name: payload.name || profileUser.name,
+            email: payload.email ?? profileUser.email ?? null,
+            ccphone: payload.ccphone || profileUser.ccphone,
+            phone: payload.phone || profileUser.phone,
+            address: payload.address || profileUser.address,
+            town: payload.town || profileUser.town,
+            country: payload.country || profileUser.country,
+            image_url: nextImage || profileUser.image_url,
+            auth_2fa: payload.auth_2fa ?? profileUser.auth_2fa,
+            alias_reference: payload.alias_reference || profileUser.alias_reference,
+            iam_reference: payload.iam_reference || profileUser.iam_reference
           }
         });
       }
@@ -12361,7 +12462,7 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
     } finally {
       setAvatarUploading(false);
     }
-  }, [onComplete, markSuccess, user.reference, user.name, user.email, user.ccphone, user.phone, user.address, user.town, user.country, user.image_url, user.auth_2fa, user.alias_reference, user.iam_reference]);
+  }, [onComplete, onUserInfosSync, toUserInfos, markSuccess, profileUser.reference, profileUser.name, profileUser.email, profileUser.ccphone, profileUser.phone, profileUser.address, profileUser.town, profileUser.country, profileUser.image_url, profileUser.auth_2fa, profileUser.alias_reference, profileUser.iam_reference]);
   const openContactFlow = react.useCallback((kind) => {
     setContactFlow({
       kind,
@@ -12369,7 +12470,7 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
       requestId: null,
       method: kind === "email" ? "email" : currentDialCode === "+221" ? "phone" : "email",
       newEmail: "",
-      newCcphone: kind === "phone" ? user.ccphone || "+221" : "+221",
+      newCcphone: kind === "phone" ? profileUser.ccphone || "+221" : "+221",
       newPhone: "",
       oldOtp: "",
       newOtp: "",
@@ -12377,18 +12478,18 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
       error: "",
       resendAvailableAt: null
     });
-  }, [currentDialCode, user.ccphone]);
+  }, [currentDialCode, profileUser.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 currentPhoneDialDisplay = profileUser.ccphone || ccphone || "+221";
+  const currentPhoneNumberDisplay = profileUser.phone || phone || "";
+  const currentEmailLabel = profileUser.email || email || "";
   const currentPhoneDialCode = currentPhoneDialDisplay.trim() || "+221";
-  const currentPhoneDigits = (user.phone || phone || "").replace(/\D/g, "");
+  const currentPhoneDigits = (profileUser.phone || phone || "").replace(/\D/g, "");
   const formatPhoneDisplay = react.useCallback((dial, digits) => {
     const cleanDial = (dial || "+221").trim() || "+221";
     const cleanDigits = (digits || "").replace(/\D/g, "");
@@ -12444,13 +12545,15 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
       const response = await profileChangeService.verifyNewOTP(contactFlow.requestId, contactFlow.newOtp);
       if (!response.success) throw new Error(response.message || "Code OTP incorrect");
       const updatedUser = {
-        ...user,
+        ...profileUser,
         ...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);
       }
+      setHydratedUser(updatedUser);
       setContactFlow(null);
+      onUserInfosSync == null ? void 0 : onUserInfosSync({ source: "contact", user_infos: toUserInfos(updatedUser) });
       onComplete({
         name: updatedUser.name,
         image_url: updatedUser.image_url,
@@ -12476,7 +12579,7 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
     } catch (error) {
       updateFlow({ loading: false, error: error instanceof Error ? error.message : "Code OTP incorrect" });
     }
-  }, [contactFlow, onComplete, updateFlow, user, markSuccess]);
+  }, [contactFlow, onComplete, onUserInfosSync, updateFlow, profileUser, toUserInfos, markSuccess]);
   const resendFlowOtp = react.useCallback(async () => {
     if (!(contactFlow == null ? void 0 : contactFlow.requestId) || contactFlow.loading) return;
     updateFlow({ loading: true, error: "" });
@@ -12629,7 +12732,7 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
                 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: [
+                photoPreview || profileUser.image_url ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photoPreview || profileUser.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" })
                 ] }) }),
@@ -13197,7 +13300,248 @@ function OnboardingModal({ open, onOpenChange, onDismiss, user, variant = "missi
     renderConfirmDialog()
   ] });
 }
-function DebugPanel({ saasApiUrl, iamApiUrl, onOpenLogin, onOpenSignup, onOpenOnboarding, onResetProfilePrompt }) {
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Icon = react.forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return react.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => react.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const createLucideIcon = (iconName, iconNode) => {
+  const Component = react.forwardRef(
+    ({ className, ...props }, ref) => react.createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ExternalLink = createLucideIcon("ExternalLink", [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const LoaderCircle = createLucideIcon("LoaderCircle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const LockKeyhole = createLucideIcon("LockKeyhole", [
+  ["circle", { cx: "12", cy: "16", r: "1", key: "1au0dj" }],
+  ["rect", { x: "3", y: "10", width: "18", height: "12", rx: "2", key: "6s8ecr" }],
+  ["path", { d: "M7 10V7a5 5 0 0 1 10 0v3", key: "1pqi11" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ShieldCheck = createLucideIcon("ShieldCheck", [
+  [
+    "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",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+const PasswordRedirectModal = ({ open, onOpenChange, saasApiUrl, iamApiUrl }) => {
+  const [confirmOpen, setConfirmOpen] = react.useState(false);
+  const [loading, setLoading] = react.useState(false);
+  const [errorMessage, setErrorMessage] = react.useState(null);
+  const apiBaseUrl = react.useMemo(() => {
+    const source = saasApiUrl || iamApiUrl;
+    if (!source) {
+      return "";
+    }
+    const normalized = source.replace(/\/$/, "");
+    return normalized.endsWith("/api") ? normalized : `${normalized}/api`;
+  }, [saasApiUrl, iamApiUrl]);
+  const buildUrl = (redirectUrl, magicToken) => {
+    if (redirectUrl) {
+      return redirectUrl;
+    }
+    if (magicToken) {
+      const fallbackUrl = new URL("/auth/auto-connect", "https://iam.ollaid.com");
+      fallbackUrl.searchParams.set("magic_token", magicToken);
+      return fallbackUrl.toString();
+    }
+    return "";
+  };
+  const handleRedirect = async () => {
+    if (loading) return;
+    setLoading(true);
+    setErrorMessage(null);
+    try {
+      const authToken = getAuthToken();
+      const appAccessTokenRef = getNativeStorage().getItem(STORAGE.APP_ACCESS_TOKEN_REF);
+      if (!authToken && !appAccessTokenRef) {
+        throw new Error("Session Native SSO introuvable");
+      }
+      if (!apiBaseUrl) {
+        throw new Error("saasApiUrl non configurée");
+      }
+      const result = await fetchWithTimeout(
+        `${apiBaseUrl}/native/password-link`,
+        {
+          method: "POST",
+          headers: getHeaders(authToken || void 0, true)
+        },
+        2e4
+      );
+      if (!result.success) {
+        throw new Error(result.message || "Impossible de générer le lien");
+      }
+      const redirectUrl = buildUrl(
+        typeof result.redirect_url === "string" && result.redirect_url.length > 0 ? result.redirect_url : typeof result.sso_url === "string" && result.sso_url.length > 0 ? result.sso_url : "",
+        result.magic_token
+      );
+      if (!redirectUrl) {
+        throw new Error("URL de redirection manquante");
+      }
+      window.open(redirectUrl, "_blank", "noopener,noreferrer");
+      onOpenChange(false);
+      setConfirmOpen(false);
+    } catch (error) {
+      const message = error instanceof ApiError ? error.message : (error == null ? void 0 : error.message) || "Impossible de lancer le flux de mot de passe";
+      setErrorMessage(message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { style: { maxWidth: "28rem", borderRadius: "16px", background: "#fff" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { margin: "0 auto 12px", width: 56, height: 56, borderRadius: "50%", background: "rgba(232, 67, 10, 0.1)", display: "flex", alignItems: "center", justifyContent: "center", color: "#e8430a" }, children: /* @__PURE__ */ jsxRuntime.jsx(LockKeyhole, { size: 28 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { style: { textAlign: "center" }, children: "Mot de passe géré par OLLAID SSO" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { style: { textAlign: "center" }, children: "Ce bouton sert à tester la redirection vers IAM et l'ouverture du modal de changement de mot de passe." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { border: "1px solid #e5e7eb", borderRadius: 12, padding: 16, background: "#f8fafc", color: "#475569", fontSize: 13, display: "grid", gap: 8 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ShieldCheck, { size: 16, color: "#e8430a" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Le SaaS agit comme relais. Le backend SaaS appelle IAM côté serveur, puis renvoie l'URL de redirection." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8, alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ExternalLink, { size: 16, color: "#e8430a" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Une fenêtre IAM va s'ouvrir avec auto-connexion temporaire, sans appel direct du navigateur vers IAM." })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { style: { gap: 12 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), style: { flex: 1 }, disabled: loading, children: "Fermer" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => setConfirmOpen(true), disabled: loading, style: { flex: 1 }, children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 16, style: { marginRight: 8, animation: "spin 1s linear infinite" } }),
+          "Préparation..."
+        ] }) : "Changer mon mot de passe" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: confirmOpen, onOpenChange: (nextOpen) => {
+      if (!loading) {
+        setConfirmOpen(nextOpen);
+      }
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { style: { maxWidth: "26rem", borderRadius: "16px", background: "#fff" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Êtes-vous sûr de rediriger vers le SSO ?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Cette action ouvre IAM dans un nouvel onglet et prépare l'auto-connexion pour tester le changement de mot de passe." })
+      ] }),
+      errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { border: "1px solid #fecaca", background: "#fef2f2", color: "#b91c1c", borderRadius: 12, padding: 12, fontSize: 13 }, children: errorMessage }),
+      loading && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 10, padding: "8px 0 4px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 26, style: { animation: "spin 1s linear infinite", color: "#e8430a" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: "#475569", textAlign: "center" }, children: "Création de la session en cours..." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { style: { gap: 12 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: () => setConfirmOpen(false), style: { flex: 1 }, disabled: loading, children: "Annuler" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleRedirect, style: { flex: 1 }, disabled: loading, children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LoaderCircle, { size: 16, style: { marginRight: 8, animation: "spin 1s linear infinite" } }),
+          "Confirmer..."
+        ] }) : "Confirmer" })
+      ] })
+    ] }) })
+  ] });
+};
+function DebugPanel({ saasApiUrl, iamApiUrl, onOpenLogin, onOpenSignup, onOpenOnboarding, onOpenPassword, onResetProfilePrompt }) {
   const [logs, setLogs] = react.useState([]);
   const [expanded, setExpanded] = react.useState(true);
   const [selectedLog, setSelectedLog] = react.useState(null);
@@ -13337,6 +13681,18 @@ function DebugPanel({ saasApiUrl, iamApiUrl, onOpenLogin, onOpenSignup, onOpenOn
               children: "Infos profile"
             }
           ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onOpenPassword == null ? void 0 : onOpenPassword();
+              },
+              disabled: !onOpenPassword,
+              style: { background: "#334155", color: "#e2e8f0", border: "none", borderRadius: "4px", padding: "2px 8px", cursor: onOpenPassword ? "pointer" : "not-allowed", fontSize: "11px", opacity: onOpenPassword ? 1 : 0.5 },
+              children: "Mot de passe"
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -13530,6 +13886,7 @@ function NativeSSOPage({
   const [showOnboarding, setShowOnboarding] = react.useState(false);
   const [pendingSession, setPendingSession] = react.useState(null);
   const [debugOnboardingState, setDebugOnboardingState] = react.useState(null);
+  const [passwordRedirectOpen, setPasswordRedirectOpen] = react.useState(false);
   const [redirectingTarget, setRedirectingTarget] = react.useState(null);
   const [redirectingReason, setRedirectingReason] = react.useState(null);
   const [session, setSession] = react.useState(() => {
@@ -13806,6 +14163,28 @@ function NativeSSOPage({
     }
     void refreshSessionProfile(true);
   }, [pendingSession, debugOnboardingState, onOnboardingComplete, persistSessionUser, refreshSessionProfile]);
+  const handleOnboardingUserInfosSync = react.useCallback((payload) => {
+    const activeSession = debugOnboardingState || pendingSession;
+    if (!activeSession) return;
+    const syncedUser = {
+      ...activeSession.sourceUser,
+      ...payload.user_infos
+    };
+    persistSessionUser(activeSession.token, syncedUser);
+    if (debugOnboardingState) {
+      setDebugOnboardingState((prev) => prev ? {
+        ...prev,
+        user: syncedUser,
+        sourceUser: syncedUser
+      } : prev);
+    } else {
+      setPendingSession((prev) => prev ? {
+        ...prev,
+        user: syncedUser,
+        sourceUser: syncedUser
+      } : prev);
+    }
+  }, [debugOnboardingState, pendingSession, persistSessionUser]);
   const handleOnboardingSkip = react.useCallback(() => {
     const activeSession = debugOnboardingState || pendingSession;
     if (!activeSession) return;
@@ -13880,6 +14259,9 @@ function NativeSSOPage({
       setShowOnboarding(true);
     }
   }, [session, clearOnboardingTimers]);
+  const openDebugPassword = react.useCallback(() => {
+    setPasswordRedirectOpen(true);
+  }, []);
   react.useEffect(() => {
     syncProfilePrompt(session);
     return () => {
@@ -14013,6 +14395,8 @@ function NativeSSOPage({
           user: (debugOnboardingState || pendingSession).user,
           variant: debugOnboardingState ? "edit" : "missing",
           profileHydrating,
+          hydrateProfile: false,
+          onUserInfosSync: handleOnboardingUserInfosSync,
           onComplete: handleOnboardingComplete,
           onSkip: handleOnboardingSkip
         }
@@ -14025,8 +14409,18 @@ function NativeSSOPage({
           onOpenLogin: openDebugLogin,
           onOpenSignup: openDebugSignup,
           onOpenOnboarding: openDebugOnboarding,
+          onOpenPassword: openDebugPassword,
           onResetProfilePrompt: resetDebugProfilePrompt
         }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PasswordRedirectModal,
+        {
+          open: passwordRedirectOpen,
+          onOpenChange: setPasswordRedirectOpen,
+          saasApiUrl,
+          iamApiUrl
+        }
       )
     ] });
   }
@@ -14092,6 +14486,8 @@ function NativeSSOPage({
         user: (debugOnboardingState || pendingSession).user,
         variant: debugOnboardingState ? "edit" : "missing",
         profileHydrating,
+        hydrateProfile: false,
+        onUserInfosSync: handleOnboardingUserInfosSync,
         onComplete: handleOnboardingComplete,
         onSkip: handleOnboardingSkip
       }
@@ -14104,8 +14500,18 @@ function NativeSSOPage({
         onOpenLogin: openDebugLogin,
         onOpenSignup: openDebugSignup,
         onOpenOnboarding: openDebugOnboarding,
+        onOpenPassword: openDebugPassword,
         onResetProfilePrompt: resetDebugProfilePrompt
       }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PasswordRedirectModal,
+      {
+        open: passwordRedirectOpen,
+        onOpenChange: setPasswordRedirectOpen,
+        saasApiUrl,
+        iamApiUrl
+      }
     )
   ] });
 }