@ollaid/native-sso 1.0.4 → 1.0.7

package/dist/index.js

@@ -2872,25 +2872,209 @@ function LoginModal({
     )
   ] });
 }
-const SUPPORTED_COUNTRIES = [
-  { code: "+221", name: "Sénégal", flag: "🇸🇳", digits: 9 },
-  { code: "+229", name: "Bénin", flag: "🇧🇯", digits: 8 },
-  { code: "+225", name: "Côte d'Ivoire", flag: "🇨🇮", digits: 10 },
-  { code: "+228", name: "Togo", flag: "🇹🇬", digits: 8 },
-  { code: "+237", name: "Cameroun", flag: "🇨🇲", digits: 9 },
-  { code: "+33", name: "France", flag: "🇫🇷", digits: 9 }
+const COUNTRIES = [
+  // ── Afrique de l'Ouest (prioritaires) ──
+  { code: "SN", name: "Sénégal", dialCode: "+221", flag: "🇸🇳", digits: 9 },
+  { code: "CI", name: "Côte d'Ivoire", dialCode: "+225", flag: "🇨🇮", digits: 10 },
+  { code: "ML", name: "Mali", dialCode: "+223", flag: "🇲🇱", digits: 8 },
+  { code: "BF", name: "Burkina Faso", dialCode: "+226", flag: "🇧🇫", digits: 8 },
+  { code: "GN", name: "Guinée", dialCode: "+224", flag: "🇬🇳", digits: 9 },
+  { code: "TG", name: "Togo", dialCode: "+228", flag: "🇹🇬", digits: 8 },
+  { code: "BJ", name: "Bénin", dialCode: "+229", flag: "🇧🇯", digits: 8 },
+  { code: "NE", name: "Niger", dialCode: "+227", flag: "🇳🇪", digits: 8 },
+  { code: "MR", name: "Mauritanie", dialCode: "+222", flag: "🇲🇷", digits: 8 },
+  { code: "GW", name: "Guinée-Bissau", dialCode: "+245", flag: "🇬🇼", digits: 7 },
+  { code: "GM", name: "Gambie", dialCode: "+220", flag: "🇬🇲", digits: 7 },
+  { code: "CV", name: "Cap-Vert", dialCode: "+238", flag: "🇨🇻", digits: 7 },
+  { code: "SL", name: "Sierra Leone", dialCode: "+232", flag: "🇸🇱", digits: 8 },
+  { code: "LR", name: "Liberia", dialCode: "+231", flag: "🇱🇷", digits: 7 },
+  { code: "GH", name: "Ghana", dialCode: "+233", flag: "🇬🇭", digits: 9 },
+  { code: "NG", name: "Nigeria", dialCode: "+234", flag: "🇳🇬", digits: 10 },
+  // ── Afrique Centrale ──
+  { code: "CM", name: "Cameroun", dialCode: "+237", flag: "🇨🇲", digits: 9 },
+  { code: "GA", name: "Gabon", dialCode: "+241", flag: "🇬🇦", digits: 7 },
+  { code: "CG", name: "Congo", dialCode: "+242", flag: "🇨🇬", digits: 9 },
+  { code: "CD", name: "RD Congo", dialCode: "+243", flag: "🇨🇩", digits: 9 },
+  { code: "TD", name: "Tchad", dialCode: "+235", flag: "🇹🇩", digits: 8 },
+  { code: "CF", name: "Centrafrique", dialCode: "+236", flag: "🇨🇫", digits: 8 },
+  { code: "GQ", name: "Guinée équatoriale", dialCode: "+240", flag: "🇬🇶", digits: 9 },
+  { code: "ST", name: "São Tomé-et-Príncipe", dialCode: "+239", flag: "🇸🇹", digits: 7 },
+  { code: "BI", name: "Burundi", dialCode: "+257", flag: "🇧🇮", digits: 8 },
+  { code: "RW", name: "Rwanda", dialCode: "+250", flag: "🇷🇼", digits: 9 },
+  // ── Afrique de l'Est ──
+  { code: "KE", name: "Kenya", dialCode: "+254", flag: "🇰🇪", digits: 9 },
+  { code: "TZ", name: "Tanzanie", dialCode: "+255", flag: "🇹🇿", digits: 9 },
+  { code: "UG", name: "Ouganda", dialCode: "+256", flag: "🇺🇬", digits: 9 },
+  { code: "ET", name: "Éthiopie", dialCode: "+251", flag: "🇪🇹", digits: 9 },
+  { code: "SO", name: "Somalie", dialCode: "+252", flag: "🇸🇴", digits: 8 },
+  { code: "DJ", name: "Djibouti", dialCode: "+253", flag: "🇩🇯", digits: 8 },
+  { code: "ER", name: "Érythrée", dialCode: "+291", flag: "🇪🇷", digits: 7 },
+  { code: "SS", name: "Soudan du Sud", dialCode: "+211", flag: "🇸🇸", digits: 9 },
+  { code: "MG", name: "Madagascar", dialCode: "+261", flag: "🇲🇬", digits: 9 },
+  { code: "MU", name: "Maurice", dialCode: "+230", flag: "🇲🇺", digits: 8 },
+  { code: "SC", name: "Seychelles", dialCode: "+248", flag: "🇸🇨", digits: 7 },
+  { code: "KM", name: "Comores", dialCode: "+269", flag: "🇰🇲", digits: 7 },
+  // ── Afrique Australe ──
+  { code: "ZA", name: "Afrique du Sud", dialCode: "+27", flag: "🇿🇦", digits: 9 },
+  { code: "MZ", name: "Mozambique", dialCode: "+258", flag: "🇲🇿", digits: 9 },
+  { code: "ZW", name: "Zimbabwe", dialCode: "+263", flag: "🇿🇼", digits: 9 },
+  { code: "ZM", name: "Zambie", dialCode: "+260", flag: "🇿🇲", digits: 9 },
+  { code: "MW", name: "Malawi", dialCode: "+265", flag: "🇲🇼", digits: 9 },
+  { code: "BW", name: "Botswana", dialCode: "+267", flag: "🇧🇼", digits: 8 },
+  { code: "NA", name: "Namibie", dialCode: "+264", flag: "🇳🇦", digits: 9 },
+  { code: "AO", name: "Angola", dialCode: "+244", flag: "🇦🇴", digits: 9 },
+  { code: "SZ", name: "Eswatini", dialCode: "+268", flag: "🇸🇿", digits: 8 },
+  { code: "LS", name: "Lesotho", dialCode: "+266", flag: "🇱🇸", digits: 8 },
+  // ── Afrique du Nord ──
+  { code: "MA", name: "Maroc", dialCode: "+212", flag: "🇲🇦", digits: 9 },
+  { code: "DZ", name: "Algérie", dialCode: "+213", flag: "🇩🇿", digits: 9 },
+  { code: "TN", name: "Tunisie", dialCode: "+216", flag: "🇹🇳", digits: 8 },
+  { code: "LY", name: "Libye", dialCode: "+218", flag: "🇱🇾", digits: 9 },
+  { code: "EG", name: "Égypte", dialCode: "+20", flag: "🇪🇬", digits: 10 },
+  { code: "SD", name: "Soudan", dialCode: "+249", flag: "🇸🇩", digits: 9 },
+  // ── Europe ──
+  { code: "FR", name: "France", dialCode: "+33", flag: "🇫🇷", digits: 9 },
+  { code: "BE", name: "Belgique", dialCode: "+32", flag: "🇧🇪", digits: 9 },
+  { code: "CH", name: "Suisse", dialCode: "+41", flag: "🇨🇭", digits: 9 },
+  { code: "DE", name: "Allemagne", dialCode: "+49", flag: "🇩🇪", digits: 10 },
+  { code: "GB", name: "Royaume-Uni", dialCode: "+44", flag: "🇬🇧", digits: 10 },
+  { code: "ES", name: "Espagne", dialCode: "+34", flag: "🇪🇸", digits: 9 },
+  { code: "IT", name: "Italie", dialCode: "+39", flag: "🇮🇹", digits: 10 },
+  { code: "PT", name: "Portugal", dialCode: "+351", flag: "🇵🇹", digits: 9 },
+  { code: "NL", name: "Pays-Bas", dialCode: "+31", flag: "🇳🇱", digits: 9 },
+  { code: "SE", name: "Suède", dialCode: "+46", flag: "🇸🇪", digits: 9 },
+  { code: "NO", name: "Norvège", dialCode: "+47", flag: "🇳🇴", digits: 8 },
+  { code: "DK", name: "Danemark", dialCode: "+45", flag: "🇩🇰", digits: 8 },
+  { code: "FI", name: "Finlande", dialCode: "+358", flag: "🇫🇮", digits: 10 },
+  { code: "PL", name: "Pologne", dialCode: "+48", flag: "🇵🇱", digits: 9 },
+  { code: "AT", name: "Autriche", dialCode: "+43", flag: "🇦🇹", digits: 10 },
+  { code: "IE", name: "Irlande", dialCode: "+353", flag: "🇮🇪", digits: 9 },
+  { code: "GR", name: "Grèce", dialCode: "+30", flag: "🇬🇷", digits: 10 },
+  { code: "CZ", name: "Tchéquie", dialCode: "+420", flag: "🇨🇿", digits: 9 },
+  { code: "RO", name: "Roumanie", dialCode: "+40", flag: "🇷🇴", digits: 9 },
+  { code: "HU", name: "Hongrie", dialCode: "+36", flag: "🇭🇺", digits: 9 },
+  { code: "BG", name: "Bulgarie", dialCode: "+359", flag: "🇧🇬", digits: 9 },
+  { code: "HR", name: "Croatie", dialCode: "+385", flag: "🇭🇷", digits: 9 },
+  { code: "SK", name: "Slovaquie", dialCode: "+421", flag: "🇸🇰", digits: 9 },
+  { code: "SI", name: "Slovénie", dialCode: "+386", flag: "🇸🇮", digits: 8 },
+  { code: "RS", name: "Serbie", dialCode: "+381", flag: "🇷🇸", digits: 9 },
+  { code: "UA", name: "Ukraine", dialCode: "+380", flag: "🇺🇦", digits: 9 },
+  { code: "RU", name: "Russie", dialCode: "+7", flag: "🇷🇺", digits: 10 },
+  { code: "TR", name: "Turquie", dialCode: "+90", flag: "🇹🇷", digits: 10 },
+  { code: "LU", name: "Luxembourg", dialCode: "+352", flag: "🇱🇺", digits: 9 },
+  { code: "MC", name: "Monaco", dialCode: "+377", flag: "🇲🇨", digits: 8 },
+  { code: "IS", name: "Islande", dialCode: "+354", flag: "🇮🇸", digits: 7 },
+  { code: "AL", name: "Albanie", dialCode: "+355", flag: "🇦🇱", digits: 9 },
+  { code: "ME", name: "Monténégro", dialCode: "+382", flag: "🇲🇪", digits: 8 },
+  { code: "MK", name: "Macédoine du Nord", dialCode: "+389", flag: "🇲🇰", digits: 8 },
+  { code: "BA", name: "Bosnie-Herzégovine", dialCode: "+387", flag: "🇧🇦", digits: 8 },
+  { code: "LT", name: "Lituanie", dialCode: "+370", flag: "🇱🇹", digits: 8 },
+  { code: "LV", name: "Lettonie", dialCode: "+371", flag: "🇱🇻", digits: 8 },
+  { code: "EE", name: "Estonie", dialCode: "+372", flag: "🇪🇪", digits: 8 },
+  { code: "MT", name: "Malte", dialCode: "+356", flag: "🇲🇹", digits: 8 },
+  { code: "CY", name: "Chypre", dialCode: "+357", flag: "🇨🇾", digits: 8 },
+  { code: "MD", name: "Moldavie", dialCode: "+373", flag: "🇲🇩", digits: 8 },
+  { code: "GE", name: "Géorgie", dialCode: "+995", flag: "🇬🇪", digits: 9 },
+  { code: "AM", name: "Arménie", dialCode: "+374", flag: "🇦🇲", digits: 8 },
+  { code: "AZ", name: "Azerbaïdjan", dialCode: "+994", flag: "🇦🇿", digits: 9 },
+  { code: "BY", name: "Biélorussie", dialCode: "+375", flag: "🇧🇾", digits: 9 },
+  // ── Amérique du Nord ──
+  { code: "US", name: "États-Unis", dialCode: "+1", flag: "🇺🇸", digits: 10 },
+  { code: "CA", name: "Canada", dialCode: "+1", flag: "🇨🇦", digits: 10 },
+  { code: "MX", name: "Mexique", dialCode: "+52", flag: "🇲🇽", digits: 10 },
+  // ── Amérique Centrale & Caraïbes ──
+  { code: "HT", name: "Haïti", dialCode: "+509", flag: "🇭🇹", digits: 8 },
+  { code: "DO", name: "République dominicaine", dialCode: "+1809", flag: "🇩🇴", digits: 10 },
+  { code: "CU", name: "Cuba", dialCode: "+53", flag: "🇨🇺", digits: 8 },
+  { code: "JM", name: "Jamaïque", dialCode: "+1876", flag: "🇯🇲", digits: 7 },
+  { code: "GT", name: "Guatemala", dialCode: "+502", flag: "🇬🇹", digits: 8 },
+  { code: "HN", name: "Honduras", dialCode: "+504", flag: "🇭🇳", digits: 8 },
+  { code: "SV", name: "El Salvador", dialCode: "+503", flag: "🇸🇻", digits: 8 },
+  { code: "NI", name: "Nicaragua", dialCode: "+505", flag: "🇳🇮", digits: 8 },
+  { code: "CR", name: "Costa Rica", dialCode: "+506", flag: "🇨🇷", digits: 8 },
+  { code: "PA", name: "Panama", dialCode: "+507", flag: "🇵🇦", digits: 8 },
+  { code: "TT", name: "Trinité-et-Tobago", dialCode: "+1868", flag: "🇹🇹", digits: 7 },
+  // ── Amérique du Sud ──
+  { code: "BR", name: "Brésil", dialCode: "+55", flag: "🇧🇷", digits: 11 },
+  { code: "AR", name: "Argentine", dialCode: "+54", flag: "🇦🇷", digits: 10 },
+  { code: "CO", name: "Colombie", dialCode: "+57", flag: "🇨🇴", digits: 10 },
+  { code: "CL", name: "Chili", dialCode: "+56", flag: "🇨🇱", digits: 9 },
+  { code: "PE", name: "Pérou", dialCode: "+51", flag: "🇵🇪", digits: 9 },
+  { code: "VE", name: "Venezuela", dialCode: "+58", flag: "🇻🇪", digits: 10 },
+  { code: "EC", name: "Équateur", dialCode: "+593", flag: "🇪🇨", digits: 9 },
+  { code: "BO", name: "Bolivie", dialCode: "+591", flag: "🇧🇴", digits: 8 },
+  { code: "PY", name: "Paraguay", dialCode: "+595", flag: "🇵🇾", digits: 9 },
+  { code: "UY", name: "Uruguay", dialCode: "+598", flag: "🇺🇾", digits: 8 },
+  { code: "GY", name: "Guyana", dialCode: "+592", flag: "🇬🇾", digits: 7 },
+  { code: "SR", name: "Suriname", dialCode: "+597", flag: "🇸🇷", digits: 7 },
+  // ── Moyen-Orient ──
+  { code: "AE", name: "Émirats arabes unis", dialCode: "+971", flag: "🇦🇪", digits: 9 },
+  { code: "SA", name: "Arabie saoudite", dialCode: "+966", flag: "🇸🇦", digits: 9 },
+  { code: "QA", name: "Qatar", dialCode: "+974", flag: "🇶🇦", digits: 8 },
+  { code: "KW", name: "Koweït", dialCode: "+965", flag: "🇰🇼", digits: 8 },
+  { code: "BH", name: "Bahreïn", dialCode: "+973", flag: "🇧🇭", digits: 8 },
+  { code: "OM", name: "Oman", dialCode: "+968", flag: "🇴🇲", digits: 8 },
+  { code: "JO", name: "Jordanie", dialCode: "+962", flag: "🇯🇴", digits: 9 },
+  { code: "LB", name: "Liban", dialCode: "+961", flag: "🇱🇧", digits: 8 },
+  { code: "IQ", name: "Irak", dialCode: "+964", flag: "🇮🇶", digits: 10 },
+  { code: "IR", name: "Iran", dialCode: "+98", flag: "🇮🇷", digits: 10 },
+  { code: "IL", name: "Israël", dialCode: "+972", flag: "🇮🇱", digits: 9 },
+  { code: "PS", name: "Palestine", dialCode: "+970", flag: "🇵🇸", digits: 9 },
+  { code: "YE", name: "Yémen", dialCode: "+967", flag: "🇾🇪", digits: 9 },
+  { code: "SY", name: "Syrie", dialCode: "+963", flag: "🇸🇾", digits: 9 },
+  // ── Asie ──
+  { code: "CN", name: "Chine", dialCode: "+86", flag: "🇨🇳", digits: 11 },
+  { code: "JP", name: "Japon", dialCode: "+81", flag: "🇯🇵", digits: 10 },
+  { code: "KR", name: "Corée du Sud", dialCode: "+82", flag: "🇰🇷", digits: 10 },
+  { code: "IN", name: "Inde", dialCode: "+91", flag: "🇮🇳", digits: 10 },
+  { code: "PK", name: "Pakistan", dialCode: "+92", flag: "🇵🇰", digits: 10 },
+  { code: "BD", name: "Bangladesh", dialCode: "+880", flag: "🇧🇩", digits: 10 },
+  { code: "ID", name: "Indonésie", dialCode: "+62", flag: "🇮🇩", digits: 10 },
+  { code: "MY", name: "Malaisie", dialCode: "+60", flag: "🇲🇾", digits: 10 },
+  { code: "PH", name: "Philippines", dialCode: "+63", flag: "🇵🇭", digits: 10 },
+  { code: "TH", name: "Thaïlande", dialCode: "+66", flag: "🇹🇭", digits: 9 },
+  { code: "VN", name: "Vietnam", dialCode: "+84", flag: "🇻🇳", digits: 9 },
+  { code: "SG", name: "Singapour", dialCode: "+65", flag: "🇸🇬", digits: 8 },
+  { code: "HK", name: "Hong Kong", dialCode: "+852", flag: "🇭🇰", digits: 8 },
+  { code: "TW", name: "Taïwan", dialCode: "+886", flag: "🇹🇼", digits: 9 },
+  { code: "MM", name: "Myanmar", dialCode: "+95", flag: "🇲🇲", digits: 9 },
+  { code: "KH", name: "Cambodge", dialCode: "+855", flag: "🇰🇭", digits: 9 },
+  { code: "LA", name: "Laos", dialCode: "+856", flag: "🇱🇦", digits: 10 },
+  { code: "NP", name: "Népal", dialCode: "+977", flag: "🇳🇵", digits: 10 },
+  { code: "LK", name: "Sri Lanka", dialCode: "+94", flag: "🇱🇰", digits: 9 },
+  { code: "AF", name: "Afghanistan", dialCode: "+93", flag: "🇦🇫", digits: 9 },
+  { code: "UZ", name: "Ouzbékistan", dialCode: "+998", flag: "🇺🇿", digits: 9 },
+  { code: "KZ", name: "Kazakhstan", dialCode: "+7", flag: "🇰🇿", digits: 10 },
+  { code: "MN", name: "Mongolie", dialCode: "+976", flag: "🇲🇳", digits: 8 },
+  // ── Océanie ──
+  { code: "AU", name: "Australie", dialCode: "+61", flag: "🇦🇺", digits: 9 },
+  { code: "NZ", name: "Nouvelle-Zélande", dialCode: "+64", flag: "🇳🇿", digits: 9 },
+  { code: "FJ", name: "Fidji", dialCode: "+679", flag: "🇫🇯", digits: 7 },
+  { code: "PG", name: "Papouasie-Nouvelle-Guinée", dialCode: "+675", flag: "🇵🇬", digits: 8 }
 ];
+const DEFAULT_COUNTRY_CODE = "SN";
+const DEFAULT_DIAL_CODE = "+221";
+const getCountryByCode = (code) => COUNTRIES.find((c) => c.code.toLowerCase() === code.toLowerCase());
+const getCountryByDialCode = (dialCode) => COUNTRIES.find((c) => c.dialCode === dialCode);
+const getDefaultCountry = () => COUNTRIES.find((c) => c.code === DEFAULT_COUNTRY_CODE);
+const searchCountries = (query) => {
+  const q = query.toLowerCase().trim();
+  if (!q) return COUNTRIES;
+  return COUNTRIES.filter(
+    (c) => c.name.toLowerCase().includes(q) || c.dialCode.includes(q) || c.code.toLowerCase().includes(q)
+  );
+};
 function PhoneInput({
   value,
   onChange,
-  ccphone = "+221",
+  ccphone = DEFAULT_DIAL_CODE,
   onCcphoneChange,
   disabled = false,
   error,
   placeholder = "77 123 45 67",
   lockCcphone = false
 }) {
-  const selectedCountry = SUPPORTED_COUNTRIES.find((c) => c.code === ccphone) || SUPPORTED_COUNTRIES[0];
+  const selectedCountry = getCountryByDialCode(ccphone) || COUNTRIES[0];
   const handleChange = (e) => {
     const cleaned = e.target.value.replace(/\D/g, "");
     onChange(cleaned.slice(0, selectedCountry.digits));
@@ -2917,16 +3101,16 @@ function PhoneInput({
           value: ccphone,
           onChange: (e) => onCcphoneChange(e.target.value),
           disabled,
-          style: { padding: "0.75rem", backgroundColor: "#f9fafb", borderRight: "1px solid #e5e7eb", fontWeight: 500, color: "#374151", outline: "none", border: "none" },
-          children: SUPPORTED_COUNTRIES.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
+          style: { padding: "0.75rem", backgroundColor: "#f9fafb", borderRight: "1px solid #e5e7eb", fontWeight: 500, color: "#374151", outline: "none", border: "none", maxWidth: "7rem" },
+          children: COUNTRIES.map((c) => /* @__PURE__ */ jsxs("option", { value: c.dialCode, children: [
             c.flag,
             " ",
-            c.code
-          ] }, c.code))
+            c.dialCode
+          ] }, `${c.code}-${c.dialCode}`))
         }
       ) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", padding: "0.75rem", backgroundColor: "#f9fafb", borderRight: "1px solid #e5e7eb" }, children: [
         /* @__PURE__ */ jsx("span", { style: { fontSize: "1.125rem" }, children: selectedCountry.flag }),
-        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: "#374151" }, children: selectedCountry.code })
+        /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: "#374151" }, children: selectedCountry.dialCode })
       ] }),
       /* @__PURE__ */ jsx(
         "input",
@@ -2952,12 +3136,9 @@ function PhoneInput({
     ] })
   ] });
 }
-function AppsLogoSlider({ speed = "normal", className = "", iamApiUrl: iamApiUrlProp }) {
-  const scrollRef = useRef(null);
-  const [isPaused, setIsPaused] = useState(false);
+function AppsLogoSlider({ className = "", iamApiUrl: iamApiUrlProp }) {
   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;
@@ -2976,19 +3157,6 @@ function AppsLogoSlider({ speed = "normal", className = "", iamApiUrl: iamApiUrl
     };
     fetchApps();
   }, [iamApiUrlProp]);
-  useEffect(() => {
-    const container = scrollRef.current;
-    if (!container || applications.length === 0) return;
-    let pos = 0;
-    const id = setInterval(() => {
-      if (!isPaused && container) {
-        pos += 1;
-        if (pos >= container.scrollWidth / 2) pos = 0;
-        container.scrollLeft = pos;
-      }
-    }, speedMap[speed]);
-    return () => clearInterval(id);
-  }, [isPaused, speed, applications.length]);
   const getLogoUrl = (logo) => {
     if (!logo) return null;
     if (logo.startsWith("http")) return logo;
@@ -2996,27 +3164,85 @@ function AppsLogoSlider({ speed = "normal", className = "", iamApiUrl: 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: [
-      /* @__PURE__ */ jsx("div", { style: { width: "3rem", height: "3rem", borderRadius: "0.75rem", backgroundColor: "#e5e7eb" } }),
-      /* @__PURE__ */ jsx("div", { style: { width: "2.5rem", height: "0.75rem", borderRadius: "0.25rem", backgroundColor: "#e5e7eb" } })
-    ] }, i)) }) });
+    return /* @__PURE__ */ jsx("div", { className, style: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "0.75rem", padding: "0 0.75rem" }, children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsx("div", { style: { width: "2rem", height: "2rem", borderRadius: "0.5rem", backgroundColor: "#e5e7eb", flexShrink: 0 } }, i)) }) });
   }
   if (applications.length === 0) return null;
-  const displayApps = [...applications, ...applications];
-  return /* @__PURE__ */ jsx(
+  const displayApps = [...applications, ...applications, ...applications];
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className,
-      style: { position: "relative", overflow: "hidden" },
-      onMouseEnter: () => setIsPaused(true),
-      onMouseLeave: () => setIsPaused(false),
-      children: /* @__PURE__ */ jsx("div", { ref: scrollRef, style: { display: "flex", gap: "1rem", overflow: "hidden", padding: "0.5rem 0" }, children: displayApps.map((app, index) => {
-        const logoUrl = getLogoUrl(app.logo);
-        return /* @__PURE__ */ jsxs("div", { style: { flexShrink: 0, display: "flex", flexDirection: "column", alignItems: "center", gap: "0.5rem" }, children: [
-          /* @__PURE__ */ jsx("div", { style: { width: "3rem", height: "3rem", borderRadius: "0.75rem", display: "flex", alignItems: "center", justifyContent: "center", boxShadow: "0 1px 3px rgba(0,0,0,0.1)", backgroundColor: "white", border: "1px solid #f3f4f6" }, children: logoUrl ? /* @__PURE__ */ jsx("img", { src: logoUrl, alt: app.name, style: { width: "2.5rem", height: "2.5rem", objectFit: "contain", borderRadius: "0.5rem" } }) : /* @__PURE__ */ jsx("span", { style: { fontWeight: 700, fontSize: "1.125rem", color: "hsl(var(--primary, 222 47% 11%))" }, children: app.name.charAt(0).toUpperCase() }) }),
-          /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", color: "#6b7280", fontWeight: 500 }, children: app.name })
-        ] }, `${app.id}-${index}`);
-      }) })
+      style: { position: "relative", width: "100%", height: "100%", overflow: "hidden" },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: {
+          position: "absolute",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          width: "1.5rem",
+          background: "linear-gradient(to right, #ffffff, transparent)",
+          zIndex: 10,
+          pointerEvents: "none"
+        } }),
+        /* @__PURE__ */ jsx("div", { style: {
+          display: "flex",
+          animation: "ollaid-marquee 20s linear infinite",
+          height: "100%",
+          alignItems: "center"
+        }, children: displayApps.map((app, index) => {
+          var _a, _b;
+          const logoUrl = getLogoUrl(app.logo);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: { flexShrink: 0, padding: "0 0.75rem", display: "flex", alignItems: "center", height: "100%" },
+              children: [
+                logoUrl ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: logoUrl,
+                    alt: app.name,
+                    style: { width: "2rem", height: "2rem", objectFit: "contain" },
+                    onError: (e) => {
+                      const target = e.currentTarget;
+                      target.style.display = "none";
+                      if (target.nextElementSibling) {
+                        target.nextElementSibling.style.display = "flex";
+                      }
+                    }
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      width: "2rem",
+                      height: "2rem",
+                      borderRadius: "0.5rem",
+                      backgroundColor: "#f3f4f6",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      display: logoUrl ? "none" : "flex"
+                    },
+                    children: /* @__PURE__ */ jsx("span", { style: { fontSize: "0.75rem", fontWeight: 700, color: "#6b7280" }, children: ((_b = (_a = app.name) == null ? void 0 : _a.charAt(0)) == null ? void 0 : _b.toUpperCase()) || "A" })
+                  }
+                )
+              ]
+            },
+            `${app.id}-${index}`
+          );
+        }) }),
+        /* @__PURE__ */ jsx("div", { style: {
+          position: "absolute",
+          right: 0,
+          top: 0,
+          bottom: 0,
+          width: "1.5rem",
+          background: "linear-gradient(to left, #ffffff, transparent)",
+          zIndex: 10,
+          pointerEvents: "none"
+        } })
+      ]
     }
   );
 }
@@ -3565,7 +3791,8 @@ function SignupModal({ open, onOpenChange, onSwitchToLogin, onSignupSuccess, saa
   };
   const handleAccountTypeSelect = (type) => {
     setAccountType(type);
-    if (type === "phone-only") updateFormData({ ccphone: "+221", country: "Sénégal", email: "" });
+    if (type === "phone-only") updateFormData({ ccphone: "+221", country: "SN", email: "" });
+    else if (!formData.country) updateFormData({ country: DEFAULT_COUNTRY_CODE });
     goToStep("info");
   };
   const renderError = () => error ? /* @__PURE__ */ jsx("div", { style: { padding: "0.75rem", borderRadius: "0.375rem", backgroundColor: C$1.redBg, color: C$1.red, fontSize: "0.875rem" }, children: error }) : null;
@@ -3669,7 +3896,23 @@ function SignupModal({ open, onOpenChange, onSwitchToLogin, onSignupSuccess, saa
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx(Label, { children: "Pays" }),
-            /* @__PURE__ */ jsx(Input, { placeholder: "Sénégal", value: formData.country || "", onChange: (e) => updateFormData({ country: e.target.value }), disabled: regLoading || isPhoneOnly })
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: formData.country || DEFAULT_COUNTRY_CODE,
+                onChange: (e) => {
+                  const country = getCountryByCode(e.target.value);
+                  updateFormData({ country: e.target.value, ccphone: (country == null ? void 0 : country.dialCode) || "+221" });
+                },
+                disabled: regLoading || isPhoneOnly,
+                style: { width: "100%", padding: "0.5rem", borderRadius: "0.375rem", border: "1px solid #d1d5db", backgroundColor: regLoading || isPhoneOnly ? "#f3f4f6" : "white", fontSize: "0.875rem" },
+                children: COUNTRIES.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
+                  c.flag,
+                  " ",
+                  c.name
+                ] }, c.code))
+              }
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsx(StepIndicator, { current: 3 }),
@@ -4099,8 +4342,10 @@ function DebugPanel({ saasApiUrl, iamApiUrl }) {
     ] })
   ] });
 }
+const ollaidLogo = "data:image/png;base64,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";
 const COLORS = {
   primary: "#002147",
+  primaryForeground: "#ffffff",
   accent: "#e8430a",
   card: "#ffffff",
   cardForeground: "#1a2332",
@@ -4129,13 +4374,49 @@ const LIGHT_VARS = {
   "--input": "40 15% 88%",
   "--ring": "209 100% 13%"
 };
-const ShieldCheckIcon = () => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: COLORS.accent, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+const ShieldCheckIcon = ({ size = 24, color = COLORS.accent }) => /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ 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__ */ jsx("path", { d: "m9 12 2 2 4-4" })
 ] });
 function needsOnboarding(user) {
   return !user.image_url || !user.phone;
 }
+const GRADIENT_STYLE_ID = "ollaid-sso-gradient-anim";
+function injectGradientAnimation() {
+  if (document.getElementById(GRADIENT_STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = GRADIENT_STYLE_ID;
+  style.textContent = `
+    @keyframes ollaid-border-gradient {
+      0% { background-position: 0% 50%; }
+      50% { background-position: 100% 50%; }
+      100% { background-position: 0% 50%; }
+    }
+    @keyframes ollaid-marquee {
+      0% { transform: translateX(0); }
+      100% { transform: translateX(-50%); }
+    }
+  `;
+  document.head.appendChild(style);
+}
+const TopBranding = ({ subtitle }) => /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [
+  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: "0.5rem", marginBottom: "0.5rem" }, children: [
+    /* @__PURE__ */ jsx(ShieldCheckIcon, { size: 28, color: COLORS.accent }),
+    /* @__PURE__ */ jsxs("span", { style: { fontSize: "1.25rem", fontWeight: 700, color: COLORS.primaryForeground }, children: [
+      "iam.",
+      /* @__PURE__ */ jsx("span", { style: { color: COLORS.accent }, children: "ollaid" }),
+      ".com"
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("p", { style: { fontSize: "1rem", fontWeight: 600, color: "rgba(255,255,255,0.85)" }, children: subtitle })
+] });
+const Footer = ({ hideFooter }) => /* @__PURE__ */ jsxs("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: [
+  /* @__PURE__ */ jsx("img", { src: ollaidLogo, alt: "Ollaid", style: { height: "28px", margin: "0 auto 0.5rem" } }),
+  !hideFooter && /* @__PURE__ */ jsxs("p", { style: { fontSize: "0.75rem", color: "rgba(255,255,255,0.5)" }, children: [
+    "© 2026 iam.ollaid.com propulsé par ",
+    /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: "ollaid" })
+  ] })
+] });
 function NativeSSOPage({
   saasApiUrl,
   iamApiUrl,
@@ -4144,7 +4425,7 @@ function NativeSSOPage({
   onOnboardingComplete,
   accountType = "user",
   configPrefix = "iam",
-  title = "Un compte, plusieurs accès",
+  title = "Un compte pour toutes vos applications",
   description = "Connectez-vous avec votre compte Ollaid pour accéder à toutes les applications partenaires.",
   logoUrl,
   hideFooter = false,
@@ -4165,6 +4446,7 @@ function NativeSSOPage({
   });
   const { isDebug: resolvedDebug } = useNativeAuth({ saasApiUrl, iamApiUrl, configPrefix, autoLoadCredentials: true });
   useEffect(() => {
+    injectGradientAnimation();
     const root = document.documentElement;
     const originalValues = {};
     Object.keys(LIGHT_VARS).forEach((key) => {
@@ -4257,7 +4539,7 @@ function NativeSSOPage({
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "center",
-    padding: "1rem"
+    padding: "1.5rem 1rem"
   };
   const cardStyle = {
     width: "100%",
@@ -4268,25 +4550,47 @@ function NativeSSOPage({
     boxShadow: COLORS.shadow,
     overflow: "hidden"
   };
-  const footerStyle = {
-    marginTop: "1.5rem",
-    fontSize: "0.75rem",
-    color: "rgba(255,255,255,0.6)",
-    textAlign: "center"
-  };
-  const BrandingHeader = () => /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", gap: "0.5rem", marginBottom: "0.5rem" }, children: [
-    /* @__PURE__ */ jsx(ShieldCheckIcon, {}),
-    /* @__PURE__ */ jsxs("span", { style: { fontSize: "1.125rem", fontWeight: 700, color: COLORS.primary }, children: [
-      "iam.",
-      /* @__PURE__ */ jsx("span", { style: { color: COLORS.accent }, children: "ollaid" }),
-      ".com"
-    ] })
+  const SliderBadge = () => /* @__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__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "1rem" }, children: [
+    /* @__PURE__ */ jsx("div", { style: {
+      width: "3rem",
+      height: "3rem",
+      borderRadius: "50%",
+      backgroundColor: "#ffffff",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+      border: `1px solid ${COLORS.border}`
+    }, children: /* @__PURE__ */ jsx(ShieldCheckIcon, { size: 22, color: COLORS.accent }) }),
+    /* @__PURE__ */ jsx("div", { style: {
+      flex: 1,
+      minWidth: 0,
+      position: "relative",
+      borderRadius: "9999px",
+      padding: "2px",
+      background: `linear-gradient(90deg, ${COLORS.primary}, ${COLORS.accent}, ${COLORS.primary})`,
+      backgroundSize: "200% 100%",
+      animation: "ollaid-border-gradient 3s ease infinite"
+    }, children: /* @__PURE__ */ jsx("div", { style: {
+      backgroundColor: "#ffffff",
+      borderRadius: "9999px",
+      height: "3rem",
+      overflow: "hidden"
+    }, children: /* @__PURE__ */ jsx(AppsLogoSlider, { iamApiUrl, speed: "normal" }) }) })
   ] }) });
   if (session) {
+    if (redirectAfterLogin) {
+      window.location.href = redirectAfterLogin;
+      return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
+        /* @__PURE__ */ jsx(TopBranding, { subtitle: title }),
+        /* @__PURE__ */ jsx("p", { style: { color: "rgba(255,255,255,0.7)", fontSize: "0.875rem" }, children: "Redirection en cours..." })
+      ] });
+    }
     return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
-      /* @__PURE__ */ jsx("div", { style: { width: "100%", maxWidth: "28rem", marginBottom: "1.5rem" }, children: /* @__PURE__ */ jsx(AppsLogoSlider, { iamApiUrl }) }),
+      /* @__PURE__ */ jsx(TopBranding, { subtitle: title }),
+      /* @__PURE__ */ jsx(SliderBadge, {}),
       /* @__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: [
           "Bienvenue, ",
           session.user.name
@@ -4294,20 +4598,13 @@ function NativeSSOPage({
         /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: COLORS.muted, textAlign: "center", marginTop: "0.25rem" }, children: "Vous êtes connecté à votre compte Ollaid SSO" }),
         /* @__PURE__ */ jsx("div", { style: { marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleLogout, style: { width: "100%" }, children: "Déconnexion" }) })
       ] }) }),
-      !hideFooter && /* @__PURE__ */ jsxs("p", { style: footerStyle, children: [
-        "Géré par",
-        " ",
-        /* @__PURE__ */ jsx("a", { href: "https://iam.ollaid.com", target: "_blank", rel: "noopener noreferrer", style: { color: COLORS.accent, textDecoration: "none" }, children: "iam.ollaid.com" }),
-        " ",
-        "— Identity Access Manager"
-      ] })
+      /* @__PURE__ */ jsx(Footer, { hideFooter })
     ] });
   }
   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, { iamApiUrl }) }),
+    /* @__PURE__ */ jsx(TopBranding, { subtitle: title }),
+    /* @__PURE__ */ jsx(SliderBadge, {}),
     /* @__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 }),
       /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", color: COLORS.muted, textAlign: "center", marginBottom: "1.5rem" }, children: description }),
       /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: [
         /* @__PURE__ */ jsx(Button, { onClick: openLogin, style: { width: "100%", height: "2.75rem" }, children: "Connexion" }),
@@ -4316,24 +4613,13 @@ function NativeSSOPage({
           {
             variant: "outline",
             onClick: openSignup,
-            style: {
-              width: "100%",
-              height: "2.75rem",
-              borderColor: COLORS.cardForeground,
-              color: COLORS.cardForeground
-            },
+            style: { width: "100%", height: "2.75rem", borderColor: COLORS.cardForeground, color: COLORS.cardForeground },
             children: "Inscription"
           }
         )
       ] })
     ] }) }),
-    !hideFooter && /* @__PURE__ */ jsxs("p", { style: footerStyle, children: [
-      "Géré par",
-      " ",
-      /* @__PURE__ */ jsx("a", { href: "https://iam.ollaid.com", target: "_blank", rel: "noopener noreferrer", style: { color: COLORS.accent, textDecoration: "none" }, children: "iam.ollaid.com" }),
-      " ",
-      "— Identity Access Manager"
-    ] }),
+    /* @__PURE__ */ jsx(Footer, { hideFooter }),
     /* @__PURE__ */ jsx(
       LoginModal,
       {
@@ -4545,6 +4831,9 @@ const iamAccountService = {
 export {
   ApiError,
   AppsLogoSlider,
+  COUNTRIES,
+  DEFAULT_COUNTRY_CODE,
+  DEFAULT_DIAL_CODE,
   LoginModal,
   NativeSSOPage,
   NativeSSOProvider,
@@ -4553,13 +4842,18 @@ export {
   PasswordRecoveryModal,
   PhoneInput,
   SignupModal,
+  clearAuthToken,
   getAccountType,
   getAuthToken,
   getAuthUser,
+  getCountryByCode,
+  getCountryByDialCode,
+  getDefaultCountry,
   getNativeAuthConfig,
   iamAccountService,
   mobilePasswordService,
   nativeAuthService,
+  searchCountries,
   setNativeAuthConfig,
   useMobilePassword,
   useMobileRegistration,