@salla.sa/twilight-theme-engine 1.0.66 → 1.0.68

package/dist/{chunk-EOSR62OX.js → chunk-DISOIXUL.js}

@@ -1,22 +1,22 @@
-import { Header } from './chunk-XFIPETMC.js';
+import { Header } from './chunk-CTLTXDHH.js';
 import { Copyright } from './chunk-JKIRRMBU.js';
 import { useDevSettingsOverrides } from './chunk-2JV6WZ6O.js';
-import { apps } from './chunk-UIOLSYKV.js';
+import { apps } from './chunk-ETPOZJHG.js';
 import { color } from './chunk-VVZNW5CB.js';
 import { applyThemeHookSlots, installAppScope } from './chunk-2XGQSJKH.js';
 import { useLocation, useIsHome, NavigationInterceptor } from './chunk-SSPAMQRV.js';
-import { useUser } from './chunk-UZKTK6YV.js';
-import { syncSdkLocale } from './chunk-WY4IYO3G.js';
+import { useUser } from './chunk-NCTG4ZTU.js';
+import { useAsset } from './chunk-Z653O7MX.js';
+import { whenSallaLoaded, syncSdkLocale } from './chunk-5Y64476S.js';
 import { AUTH_TOKEN_COOKIE_NAME, rememberDevStoreId, clearAuthTokenCookie, syncScopeCookie } from './chunk-SR4OTLTJ.js';
 import { getTwilightContext, updateTwilightContext } from './chunk-N2S25NXP.js';
-import { useAsset } from './chunk-Z653O7MX.js';
 import { DocumentClassProvider, useDocumentClass } from './chunk-JWXJPJBO.js';
 import { useTranslation, I18nProvider } from './chunk-TYNZ5B2B.js';
 import { FALLBACK_LOCALE, getLanguageInfo } from './chunk-T72DAX7R.js';
 import { WidgetHead } from './chunk-RJPPO3ET.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
 import { hookRegistry } from './chunk-GU2KUQVD.js';
-import { Image } from './chunk-KGSQ6IGZ.js';
+import { Image } from './chunk-J2YKHDMH.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { LazyImageModal } from './chunk-CUG6VOLM.js';
 import { Toaster } from './chunk-SVPXQCOA.js';
@@ -109,7 +109,7 @@ function ThemeDocumentSync({
 }
 
 // src/utils/engine-version.ts
-var ENGINE_VERSION = "1.0.66" ;
+var ENGINE_VERSION = "1.0.68" ;
 
 // src/providers/twilight-init.ts
 function getSalla() {
@@ -188,44 +188,44 @@ function useTwilightInit({
     window.enable_more_menu = String(themeData.settings?.enable_more_menu ?? true);
   }, [themeData, isBrowser]);
   useEffect(() => {
-    const sdk = getSalla();
-    if (!sdk) return;
-    const sdkWithVersions = sdk;
-    sdkWithVersions.versions = { ...sdkWithVersions.versions, engine: ENGINE_VERSION };
-    if (initialLocale) {
-      syncSdkLocale(initialLocale);
-    }
-    if (typeof sdk.init !== "function") return;
-    const ctx = getTwilightContext();
-    const pageCtx = ctx.page;
-    const userData = withSettingsUser(sdk, settingsData);
-    const baseData = userData && withPlaceholder(userData);
-    const initData = pageCtx ? {
-      ...baseData,
-      page: {
-        ...pageCtx,
-        url: pageCtx.url ?? ctx.location.pathname + ctx.location.searchStr
+    return whenSallaLoaded((sdk) => {
+      const sdkWithVersions = sdk;
+      sdkWithVersions.versions = { ...sdkWithVersions.versions, engine: ENGINE_VERSION };
+      if (initialLocale) {
+        syncSdkLocale(initialLocale);
       }
-    } : baseData;
-    if (!initializedSdks.has(sdk)) {
-      initializedSdks.add(sdk);
-      sdk.init(initData);
-    }
-    const initSdk = async () => {
-      try {
-        await sdk.onReady();
-      } catch {
+      if (typeof sdk.init !== "function") return;
+      const ctx = getTwilightContext();
+      const pageCtx = ctx.page;
+      const userData = withSettingsUser(sdk, settingsData);
+      const baseData = userData && withPlaceholder(userData);
+      const initData = pageCtx ? {
+        ...baseData,
+        page: {
+          ...pageCtx,
+          url: pageCtx.url ?? ctx.location.pathname + ctx.location.searchStr
+        }
+      } : baseData;
+      if (!initializedSdks.has(sdk)) {
+        initializedSdks.add(sdk);
+        sdk.init(initData);
       }
-      syncSdkLocale(initialLocale);
-      syncScopeCookie();
-      setReady(true);
-      document.dispatchEvent(new CustomEvent("theme::ready"));
-      onReady?.({
-        store: storeData,
-        theme: themeData
-      });
-    };
-    initSdk();
+      const initSdk = async () => {
+        try {
+          await sdk.onReady();
+        } catch {
+        }
+        syncSdkLocale(initialLocale);
+        syncScopeCookie();
+        setReady(true);
+        document.dispatchEvent(new CustomEvent("theme::ready"));
+        onReady?.({
+          store: storeData,
+          theme: themeData
+        });
+      };
+      initSdk();
+    });
   }, [initialLocale]);
   return {
     isReady,
@@ -244,7 +244,7 @@ var navigationSetups = {
 };
 var routeDocumentSyncs = {
   tanstack: lazy(
-    () => import('./document-class-JQ762WUL.js').then((m) => ({
+    () => import('./document-class-P33S4CA7.js').then((m) => ({
       default: m.TanStackDocumentSync
     }))
   )
@@ -675,22 +675,24 @@ function formatNextOpen(date, t) {
 function usePageConfig(pageData) {
   const pageDataRef = useRef(pageData);
   pageDataRef.current = pageData;
-  useEffect(() => {
-    const salla = window.salla;
-    if (!salla?.config?.set) {
-      if (process.env.NODE_ENV === "development") {
-        console.warn("[usePageConfig] salla.config.set not available. Page config not set.");
+  useEffect(
+    () => whenSallaLoaded((salla) => {
+      if (!salla.config?.set) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn("[usePageConfig] salla.config.set not available. Page config not set.");
+        }
+        return;
       }
-      return;
-    }
-    const current = pageDataRef.current;
-    if (!current) return;
-    const url = current.url ?? window.location.pathname + window.location.search;
-    salla.config.set("page", {
-      ...current,
-      url
-    });
-  }, []);
+      const current = pageDataRef.current;
+      if (!current) return;
+      const url = current.url ?? window.location.pathname + window.location.search;
+      salla.config.set("page", {
+        ...current,
+        url
+      });
+    }),
+    []
+  );
 }
 
 // src/utils/breadcrumb.ts
@@ -764,7 +766,7 @@ var LazySiftSnippet = lazy(
   () => import('./SiftSnippet-5FCU6TR6.js').then((m) => ({ default: m.SiftSnippet }))
 );
 var LazyStoreClosedNotification = lazy(
-  () => import('./StoreClosedNotification-3YEI6TUD.js').then((m) => ({
+  () => import('./StoreClosedNotification-PPQFOIW3.js').then((m) => ({
     default: m.StoreClosedNotification
   }))
 );
@@ -1132,64 +1134,67 @@ function TwilightProvider({
   });
   useEffect(() => {
     if (typeof window === "undefined") return;
-    const sdk = getSalla2();
-    if (!sdk?.event) return;
-    const writeAuthCookie = (token) => {
-      document.cookie = `${AUTH_TOKEN_COOKIE_NAME}=${token}; path=/; max-age=${60 * 60 * 24 * 30}; SameSite=Lax; Secure`;
-    };
-    const clearAuthCookie = clearAuthTokenCookie;
-    const setSdkUserType = (type) => {
-      sdk.config?.set?.("user.type", type);
-    };
-    const handleLogin = () => {
-      const newToken = sdk.storage.get(AUTH_TOKEN_COOKIE_NAME);
-      if (!newToken) return;
-      setAuthToken(newToken);
-      updateTwilightContext({ authToken: newToken });
-      setSdkUserType("user");
-    };
-    const handleTokenFetched = (token) => {
-      if (typeof token !== "string" || !token) return;
-      setAuthToken(token);
-      updateTwilightContext({ authToken: token });
-      writeAuthCookie(token);
-      setSdkUserType("user");
-    };
-    const handleLogout = () => {
-      const wasLoggedIn = Boolean(getTwilightContext().authToken);
-      setAuthToken(null);
-      updateTwilightContext({ authToken: null });
-      setSdkUserType("guest");
-      try {
-        clearAuthCookie();
-      } catch {
-      }
-      if (wasLoggedIn) {
-        window.setTimeout(() => window.location.reload(), 3500);
-      }
-    };
-    const handleTokenInvalid = () => {
-      setAuthToken(null);
-      updateTwilightContext({ authToken: null });
-      setSdkUserType("guest");
-      try {
-        window.localStorage.removeItem(AUTH_TOKEN_COOKIE_NAME);
-        sdk.storage.remove?.(AUTH_TOKEN_COOKIE_NAME);
-        clearAuthCookie();
-      } catch {
-      }
-    };
-    sdk.event.on("auth::logged.in", handleLogin);
-    sdk.event.on("auth::logged.out", handleLogout);
-    sdk.event.on("auth::token.invalid", handleTokenInvalid);
-    sdk.event.on("auth::token.fetched", handleTokenFetched);
-    sdk.event.on("api::token.injected", handleTokenFetched);
+    let unbind;
+    const cancel = whenSallaLoaded((sdk) => {
+      const writeAuthCookie = (token) => {
+        document.cookie = `${AUTH_TOKEN_COOKIE_NAME}=${token}; path=/; max-age=${60 * 60 * 24 * 30}; SameSite=Lax; Secure`;
+      };
+      const clearAuthCookie = clearAuthTokenCookie;
+      const setSdkUserType = (type) => {
+        sdk.config?.set?.("user.type", type);
+      };
+      const handleLogin = () => {
+        const newToken = sdk.storage.get(AUTH_TOKEN_COOKIE_NAME);
+        if (!newToken) return;
+        setAuthToken(newToken);
+        updateTwilightContext({ authToken: newToken });
+        setSdkUserType("user");
+      };
+      const handleTokenFetched = (token) => {
+        if (typeof token !== "string" || !token) return;
+        setAuthToken(token);
+        updateTwilightContext({ authToken: token });
+        writeAuthCookie(token);
+        setSdkUserType("user");
+      };
+      const handleLogout = () => {
+        const wasLoggedIn = Boolean(getTwilightContext().authToken);
+        setAuthToken(null);
+        updateTwilightContext({ authToken: null });
+        setSdkUserType("guest");
+        try {
+          clearAuthCookie();
+        } catch {
+        }
+        if (wasLoggedIn) {
+          window.setTimeout(() => window.location.reload(), 3500);
+        }
+      };
+      const handleTokenInvalid = () => {
+        setAuthToken(null);
+        updateTwilightContext({ authToken: null });
+        setSdkUserType("guest");
+        try {
+          window.localStorage.removeItem(AUTH_TOKEN_COOKIE_NAME);
+          sdk.storage.remove?.(AUTH_TOKEN_COOKIE_NAME);
+          clearAuthCookie();
+        } catch {
+        }
+      };
+      const listeners = [
+        ["auth::logged.in", handleLogin],
+        ["auth::logged.out", handleLogout],
+        ["auth::token.invalid", handleTokenInvalid],
+        ["auth::token.fetched", handleTokenFetched],
+        // fires on every token path, and BEFORE logged.in in the login-iframe flow
+        ["api::token.injected", handleTokenFetched]
+      ];
+      listeners.forEach(([name, listener]) => sdk.event.on(name, listener));
+      unbind = () => listeners.forEach(([name, listener]) => sdk.event.off(name, listener));
+    });
     return () => {
-      sdk.event.off("auth::logged.in", handleLogin);
-      sdk.event.off("auth::logged.out", handleLogout);
-      sdk.event.off("auth::token.invalid", handleTokenInvalid);
-      sdk.event.off("auth::token.fetched", handleTokenFetched);
-      sdk.event.off("api::token.injected", handleTokenFetched);
+      cancel();
+      unbind?.();
     };
   }, []);
   const { isReady, storeData, setStoreData, themeData, currency, isMobileWebview } = useTwilightInit({
@@ -1347,5 +1352,5 @@ function useStore() {
 }
 
 export { Footer, MasterLayout, TwilightProvider, fastCheckoutScript, registerDefaultHooks, registerDocumentSync, routeDocumentSyncs, useBreadcrumbs, useDate, useGtm, useMoney, useNumber, useOpeningHours, usePageConfig, useStore };
-//# sourceMappingURL=chunk-EOSR62OX.js.map
-//# sourceMappingURL=chunk-EOSR62OX.js.map
+//# sourceMappingURL=chunk-DISOIXUL.js.map
+//# sourceMappingURL=chunk-DISOIXUL.js.map