@ollaid/native-sso 1.0.2 → 1.0.3

package/dist/index.js

@@ -452,7 +452,8 @@ let config = {
   saasApiUrl: "",
   iamApiUrl: "",
   timeout: 3e4,
-  debug: false
+  debug: false,
+  configPrefix: "iam"
 };
 const setNativeAuthConfig = (newConfig) => {
   config = { ...config, ...newConfig };
@@ -572,7 +573,7 @@ async function fetchWithTimeout(url, options, timeout) {
     throw new ApiError("Erreur inattendue", "unknown");
   }
 }
-function getHeaders(token) {
+function getHeaders(token, includeConfigPrefix = false) {
   const headers = {
     "Content-Type": "application/json",
     "Accept": "application/json"
@@ -581,6 +582,9 @@ function getHeaders(token) {
   if (deviceId) {
     headers["X-Device-Id"] = deviceId;
   }
+  if (includeConfigPrefix && config.configPrefix) {
+    headers["X-IAM-Config-Prefix"] = config.configPrefix;
+  }
   if (token) {
     headers["Authorization"] = `Bearer ${token}`;
   }
@@ -628,7 +632,7 @@ const nativeAuthService = {
     }
     const response = await fetchWithTimeout(
       `${config2.saasApiUrl}/native/config`,
-      { method: "GET", headers: getHeaders() },
+      { method: "GET", headers: getHeaders(void 0, true) },
       config2.timeout || 3e4
     );
     if (!response.success || !response.encrypted_credentials || !response.app_key) {
@@ -803,7 +807,7 @@ const nativeAuthService = {
       `${config2.saasApiUrl}/native/exchange`,
       {
         method: "POST",
-        headers: getHeaders(),
+        headers: getHeaders(void 0, true),
         body: JSON.stringify({ callback_token: callbackToken })
       },
       config2.timeout || 3e4
@@ -832,7 +836,7 @@ const nativeAuthService = {
         `${cfg.saasApiUrl}/native/check-token`,
         {
           method: "POST",
-          headers: getHeaders(token)
+          headers: getHeaders(token, true)
         },
         1e4
       );
@@ -854,7 +858,7 @@ const nativeAuthService = {
         `${config2.saasApiUrl}/native/logout`,
         {
           method: "POST",
-          headers: getHeaders(token)
+          headers: getHeaders(token, true)
         },
         config2.timeout || 3e4
       );
@@ -1639,15 +1643,15 @@ function getErrorMessage$1(err, context) {
   return { message: `Erreur lors de ${context}`, type: "unknown" };
 }
 function useNativeAuth(options) {
-  const { saasApiUrl, iamApiUrl, autoLoadCredentials = true, defaultAccountType = "user" } = options;
+  const { saasApiUrl, iamApiUrl, autoLoadCredentials = true, defaultAccountType = "user", configPrefix = "iam" } = options;
   const configuredRef = useRef(false);
-  const debug = isDebugMode();
+  const [isDebug, setIsDebug] = useState(isDebugMode());
   useEffect(() => {
     if (!configuredRef.current) {
-      setNativeAuthConfig({ saasApiUrl, iamApiUrl });
+      setNativeAuthConfig({ saasApiUrl, iamApiUrl, configPrefix });
       configuredRef.current = true;
     }
-  }, [saasApiUrl, iamApiUrl]);
+  }, [saasApiUrl, iamApiUrl, configPrefix]);
   const [state, setState] = useState({
     credentialsLoaded: false,
     processToken: null,
@@ -1665,7 +1669,7 @@ function useNativeAuth(options) {
   });
   const [accountType, setAccountType] = useState("email");
   const handleTokenInvalid = useCallback(() => {
-    if (debug) console.log("🔐 [HealthCheck] Token invalide — déconnexion locale");
+    if (isDebug) console.log("🔐 [HealthCheck] Token invalide — déconnexion locale");
     clearSession();
     setState({
       credentialsLoaded: false,
@@ -1682,7 +1686,7 @@ function useNativeAuth(options) {
       otpMethod: null,
       otpSentTo: null
     });
-  }, [debug]);
+  }, [isDebug]);
   const handleUserUpdated = useCallback((userInfos) => {
     const storedRaw = localStorage.getItem(STORAGE.USER);
     if (storedRaw) {
@@ -1700,7 +1704,7 @@ function useNativeAuth(options) {
     saasApiUrl,
     onTokenInvalid: handleTokenInvalid,
     onUserUpdated: handleUserUpdated,
-    debug
+    debug: isDebug
   });
   useEffect(() => {
     const storedToken = localStorage.getItem(STORAGE.AUTH_TOKEN) || localStorage.getItem(STORAGE.TOKEN);
@@ -1723,23 +1727,25 @@ function useNativeAuth(options) {
     if (state.status === "completed" || !state.credentialsLoaded) return;
     const ttl = nativeAuthService.getCredentialsTtl();
     const refreshInterval = Math.max((ttl - 30) * 1e3, 3e4);
-    if (debug) {
+    if (isDebug) {
       console.log(`🔄 [Native] Auto-refresh credentials every ${refreshInterval / 1e3}s (TTL: ${ttl}s)`);
     }
     const timer = setInterval(async () => {
       try {
         await nativeAuthService.loadCredentials();
-        if (debug) console.log("✅ [Native] Credentials auto-refreshed");
+        setIsDebug(isDebugMode());
+        if (isDebugMode()) console.log("✅ [Native] Credentials auto-refreshed");
       } catch (err) {
-        if (debug) console.warn("⚠️ [Native] Auto-refresh failed:", err);
+        if (isDebugMode()) console.warn("⚠️ [Native] Auto-refresh failed:", err);
       }
     }, refreshInterval);
     return () => clearInterval(timer);
-  }, [state.status, state.credentialsLoaded, debug]);
+  }, [state.status, state.credentialsLoaded, isDebug]);
   const loadCredentials = useCallback(async () => {
     setState((prev) => ({ ...prev, loading: true, error: null }));
     try {
       await nativeAuthService.loadCredentials();
+      setIsDebug(isDebugMode());
       setState((prev) => ({ ...prev, credentialsLoaded: true, loading: false }));
       return { success: true };
     } catch (err) {
@@ -2227,6 +2233,8 @@ function useNativeAuth(options) {
     error: state.error,
     errorType: state.errorType,
     isAuthenticated: state.status === "completed" && state.user !== null,
+    /** Debug réactif — mis à jour après loadCredentials */
+    isDebug,
     accountType,
     isPhoneOnly: accountType === "phone-only",
     otpMethod: state.otpMethod,
@@ -2944,17 +2952,18 @@ function PhoneInput({
     ] })
   ] });
 }
-function AppsLogoSlider({ speed = "normal", className = "" }) {
+function AppsLogoSlider({ speed = "normal", className = "", iamApiUrl: iamApiUrlProp }) {
   const scrollRef = useRef(null);
   const [isPaused, setIsPaused] = useState(false);
   const [applications, setApplications] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
   const speedMap = { slow: 50, normal: 30, fast: 15 };
   useEffect(() => {
+    const resolvedIamApiUrl = iamApiUrlProp || getNativeAuthConfig().iamApiUrl;
+    if (!resolvedIamApiUrl) return;
     const fetchApps = async () => {
       try {
-        const config2 = getNativeAuthConfig();
-        const iamBaseUrl = config2.iamApiUrl.replace("/api", "");
+        const iamBaseUrl = resolvedIamApiUrl.replace("/api", "");
         const response = await fetch(`${iamBaseUrl}/api/public/applications`, { headers: { "Accept": "application/json" } });
         if (response.ok) {
           const data = await response.json();
@@ -2966,7 +2975,7 @@ function AppsLogoSlider({ speed = "normal", className = "" }) {
       }
     };
     fetchApps();
-  }, []);
+  }, [iamApiUrlProp]);
   useEffect(() => {
     const container = scrollRef.current;
     if (!container || applications.length === 0) return;
@@ -2983,8 +2992,8 @@ function AppsLogoSlider({ speed = "normal", className = "" }) {
   const getLogoUrl = (logo) => {
     if (!logo) return null;
     if (logo.startsWith("http")) return logo;
-    const config2 = getNativeAuthConfig();
-    return `${config2.iamApiUrl.replace("/api", "")}/storage/applications/${logo}`;
+    const resolvedUrl = iamApiUrlProp || getNativeAuthConfig().iamApiUrl;
+    return `${resolvedUrl.replace("/api", "")}/storage/applications/${logo}`;
   };
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className, style: { overflow: "hidden" }, children: /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "1rem", padding: "0.5rem 0" }, children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxs("div", { style: { flexShrink: 0, display: "flex", flexDirection: "column", alignItems: "center", gap: "0.5rem" }, children: [
@@ -3579,7 +3588,7 @@ function SignupModal({ open, onOpenChange, onSwitchToLogin, onSignupSuccess, saa
         /* @__PURE__ */ jsx(DialogTitle, { children: "Ouvrez un compte Ollaid" }),
         /* @__PURE__ */ jsx(DialogDescription, { children: "Un compte unique qui vous donne accès à toutes les applications" })
       ] }),
-      /* @__PURE__ */ jsx(AppsLogoSlider, {}),
+      /* @__PURE__ */ jsx(AppsLogoSlider, { iamApiUrl }),
       /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem", fontSize: "0.875rem", color: C$1.gray500, margin: "1rem 0" }, children: ["Un seul compte pour toutes les applications", "Plus besoin de multiples mots de passe", "Connexion simplifiée et sécurisée"].map((text) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
         /* @__PURE__ */ jsx(IconCheckCircle2, { style: { width: "1.25rem", height: "1.25rem", color: C$1.green, flexShrink: 0 } }),
         text
@@ -4134,6 +4143,7 @@ function NativeSSOPage({
   onLogout,
   onOnboardingComplete,
   accountType = "user",
+  configPrefix = "iam",
   title = "Un compte, plusieurs accès",
   description = "Connectez-vous avec votre compte Ollaid pour accéder à toutes les applications partenaires.",
   logoUrl,
@@ -4151,7 +4161,7 @@ function NativeSSOPage({
     }
     return null;
   });
-  const resolvedDebug = isDebugMode();
+  const { isDebug: resolvedDebug } = useNativeAuth({ saasApiUrl, iamApiUrl, configPrefix, autoLoadCredentials: true });
   useEffect(() => {
     const root = document.documentElement;
     const originalValues = {};
@@ -4268,7 +4278,7 @@ function NativeSSOPage({
   ] }) });
   if (session) {
     return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
-      /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: "28rem", marginBottom: "1.5rem" }, children: /* @__PURE__ */ jsx(AppsLogoSlider, {}) }),
+      /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: "28rem", marginBottom: "1.5rem" }, children: /* @__PURE__ */ jsx(AppsLogoSlider, { iamApiUrl }) }),
       /* @__PURE__ */ jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxs("div", { style: { padding: "2rem 1.5rem 1.5rem" }, children: [
         /* @__PURE__ */ jsx(BrandingHeader, {}),
         /* @__PURE__ */ jsxs("h2", { style: { fontSize: "1.25rem", fontWeight: 600, textAlign: "center", color: COLORS.cardForeground }, children: [
@@ -4288,7 +4298,7 @@ function NativeSSOPage({
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
-    /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: "28rem", marginBottom: "1.5rem" }, children: logoUrl ? /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Logo", style: { height: "3rem", margin: "0 auto" } }) : /* @__PURE__ */ jsx(AppsLogoSlider, {}) }),
+    /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: "28rem", marginBottom: "1.5rem" }, children: logoUrl ? /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Logo", style: { height: "3rem", margin: "0 auto" } }) : /* @__PURE__ */ jsx(AppsLogoSlider, { iamApiUrl }) }),
     /* @__PURE__ */ jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxs("div", { style: { padding: "2rem 1.5rem 1.5rem" }, children: [
       /* @__PURE__ */ jsx(BrandingHeader, {}),
       /* @__PURE__ */ jsx("h2", { style: { fontSize: "1.25rem", fontWeight: 600, textAlign: "center", color: COLORS.cardForeground, marginBottom: "0.5rem" }, children: title }),