@salla.sa/twilight-theme-engine 1.0.104 → 1.0.105

package/tailwind/components/store/MaintenancePage.tsx.txt

@@ -0,0 +1,156 @@
+import { getTwilightContext } from '../../twilight/context';
+import { useTranslation } from '../../providers/I18nProvider';
+import type { Store, StoreSocial } from '../../types';
+
+const THUMB_URL = 'https://cdn.assets.salla.network/prod/stores/images/construction-01.png';
+
+/** Social networks the page links to, in the old page's order, with their Salla icon class. */
+const SOCIAL_ICONS: [keyof StoreSocial, string][] = [
+  ['twitter', 'sicon-x'],
+  ['snapchat', 'sicon-snapchat'],
+  ['youtube', 'sicon-youtube'],
+  ['tiktok', 'sicon-tiktok'],
+  ['facebook', 'sicon-facebook'],
+  ['instagram', 'sicon-instagram'],
+];
+
+// The platform's maintenance page (Store `pages/maintenance.blade.php` + `_maintenance.scss`),
+// trimmed to what it renders: greyscale, logo + title beside the message, contacts under a
+// rule, the illustration alongside; stacked and centred under 1024px.
+const STYLE = `
+.s-maintenance{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;color:#a3a3a3;background:#fff;filter:grayscale(100%);box-sizing:border-box}
+.s-maintenance *{box-sizing:border-box}
+.s-maintenance .mt-container{width:100%;max-width:1200px;padding:0 15px}
+.s-maintenance .mt-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
+.s-maintenance .mt-message{width:100%;padding-inline-start:80px;animation:revealMtBlock 1.5s forwards}
+.s-maintenance .mt-title{display:flex;align-items:center;margin:0 0 20px}
+.s-maintenance .mt-logo{display:block;flex-shrink:0;width:80px;height:80px;margin-inline-end:20px;border-radius:50%;overflow:hidden;box-shadow:0 0 5px rgb(0 0 0 / 10%)}
+.s-maintenance .mt-logo img{display:block;width:100%;height:100%;object-fit:cover}
+.s-maintenance .mt-title h1{font-size:2.25rem;line-height:1;margin:0;color:#666}
+.s-maintenance .mt-content p{margin:0;white-space:pre-line}
+.s-maintenance .mt-contact-list{display:inline-block;list-style:none;width:100%;max-width:500px;margin:20px 0 0;padding:20px 0 0;border-top:1px solid #eee}
+.s-maintenance .mt-contact-list li{display:inline-block;margin-inline-end:10px}
+.s-maintenance .mt-contact-list a{display:inline-flex;align-items:center;padding:5px;color:rgb(102 102 102 / 80%);text-decoration:none;font-size:1.25rem}
+.s-maintenance .mt-contact-list a:hover{color:#666}
+.s-maintenance .mt-contact--btn{padding:3px 20px 5px;border-radius:20px;color:#fff!important;background:rgb(102 102 102 / 80%);font-size:1rem!important}
+.s-maintenance .mt-contact--btn:hover{background:#666}
+.s-maintenance .mt-contact--btn i{margin-inline-end:10px}
+.s-maintenance .thumb{width:100%;animation:revealMtBlock 1.5s .1s forwards;opacity:0}
+.s-maintenance .thumb img{display:block;width:100%;max-width:450px;margin:0 auto}
+@media (max-width:1024px){
+.s-maintenance{padding:40px 0 10px}
+.s-maintenance .mt-panel{flex-direction:column}
+.s-maintenance .mt-message{order:2;text-align:center;padding:0;margin:50px 0 0}
+.s-maintenance .mt-title{flex-direction:column;margin-bottom:30px}
+.s-maintenance .mt-logo{margin:0 0 10px}
+.s-maintenance .mt-title h1{font-size:1.5rem}
+}
+@media (max-width:640px){.s-maintenance .thumb img{width:80%}}
+@keyframes revealMtBlock{from{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}
+`;
+
+/** The phone button and social links under the message; nothing when the store lists none. */
+function Contacts({ store, arabic }: { store: Store | undefined; arabic: boolean }) {
+  const { t } = useTranslation();
+  const mobile = store?.contacts?.mobile;
+  const socials = SOCIAL_ICONS.flatMap(([key, icon]) => {
+    const href = store?.social?.[key];
+    return href ? [{ key, icon, href }] : [];
+  });
+  if (!mobile && socials.length === 0) return null;
+
+  return (
+    <ul className="mt-contact-list">
+      {mobile && (
+        <li>
+          <a href={`tel:${mobile}`} className="mt-contact--btn">
+            <i className="sicon-phone" aria-hidden="true" />
+            {t('common.elements.contact_us', {
+              defaultValue: arabic ? 'تواصل معنا' : 'Contact us',
+            })}
+          </a>
+        </li>
+      )}
+      {socials.map(({ key, icon, href }) => (
+        <li key={key}>
+          <a href={href} target="_blank" rel="noreferrer" aria-label={key}>
+            <i className={icon} aria-hidden="true" />
+          </a>
+        </li>
+      ))}
+    </ul>
+  );
+}
+
+/**
+ * The page a customer sees while the store is closed: the platform's maintenance page,
+ * fed by the settings' `maintenance_details` (the merchant's title and message) and the
+ * store's contacts. Rendered by `TwilightProvider` in place of the layout; see
+ * `rootBeforeLoad` for who sees it.
+ */
+export function MaintenancePage() {
+  const { settings, locale } = getTwilightContext();
+  const { t } = useTranslation();
+  const store = settings.store;
+  const details = settings.maintenance_details;
+  const arabic = locale.startsWith('ar');
+
+  const title =
+    details?.title ||
+    t('pages.maintenance.title', {
+      defaultValue: arabic ? 'المتجر قيد الصيانة' : 'Store under maintenance',
+    });
+
+  return (
+    <div className="s-maintenance" data-testid="store-maintenance-page">
+      <style>{STYLE}</style>
+      <div className="mt-container">
+        <section className="mt-panel">
+          <div className="mt-message">
+            <div className="mt-title">
+              {store?.logo && (
+                <span className="mt-logo">
+                  <img
+                    src={store.logo}
+                    alt={
+                      store.name ||
+                      t('common.elements.store_logo', {
+                        defaultValue: arabic ? 'شعار المتجر' : 'Store logo',
+                      })
+                    }
+                  />
+                </span>
+              )}
+              <h1>{title}</h1>
+            </div>
+            <div className="mt-content">
+              {details?.message ? (
+                // The merchant's own wording: a plain string the dashboard caps at 200 characters.
+                <p>{details.message}</p>
+              ) : (
+                <>
+                  <p>
+                    {t('pages.maintenance.message', {
+                      defaultValue: arabic
+                        ? 'عذرا عزيزي العميل، المتجر حاليا قيد الصيانة و سنعاود العمل خلال فترة وجيزة'
+                        : 'Sorry, the store is under maintenance and will be back shortly.',
+                    })}
+                  </p>
+                  <p>
+                    {t('pages.maintenance.thanks', {
+                      defaultValue: arabic ? 'شكرا لتفهمكم' : 'Thank you for your understanding.',
+                    })}
+                  </p>
+                </>
+              )}
+            </div>
+            <Contacts store={store} arabic={arabic} />
+          </div>
+          <div className="thumb">
+            <img src={THUMB_URL} alt="" />
+          </div>
+        </section>
+      </div>
+    </div>
+  );
+}

package/tailwind/components/store/index.ts.txt

@@ -4,5 +4,8 @@ export {
   type StoreClosedNotificationProps,
 } from './StoreClosedNotification';
 
+// The page customers see while the store is in maintenance (TwilightProvider renders it).
+export { MaintenancePage } from './MaintenancePage';
+
 // Lazy component
-export { LazyStoreClosedNotification } from './lazy';
+export { LazyStoreClosedNotification, LazyMaintenancePage } from './lazy';

package/tailwind/components/store/lazy.ts.txt

@@ -6,3 +6,8 @@ export const LazyStoreClosedNotification = lazy(() =>
     default: m.StoreClosedNotification,
   }))
 );
+
+/** Lazy-loaded MaintenancePage: off the shell chunk, since almost no visit renders it. */
+export const LazyMaintenancePage = lazy(() =>
+  import('./MaintenancePage').then((m) => ({ default: m.MaintenancePage }))
+);

package/tailwind/routes/root/beforeLoad.ts.txt

@@ -31,6 +31,12 @@ import {
 import { syncSdkLocale, syncSdkThemeVersion } from '../../utils/sdk-helpers';
 import { SettingsError } from '../../utils/errors';
 import { resolveStoreBaseRedirect } from '../../utils/store-identity';
+import {
+  ownerCookieMatches,
+  ownerLinkMatches,
+  showsMaintenancePage,
+  VIEW_AS_OWNER_COOKIE_NAME,
+} from '../../utils/maintenance';
 
 // Reads the `token` cookie from the incoming request on the SERVER. twilightMiddleware
 // extracts the same cookie into a custom ALS, but that ALS does NOT propagate to the
@@ -128,6 +134,48 @@ export const persistRequestScope = createIsomorphicFn()
   })
   .client((): void => {});
 
+/** The request's cookie header: the framework's on the server, the document's in the browser. */
+const requestCookies = createIsomorphicFn()
+  .server((): string | null => {
+    try {
+      return getRequestHeader('cookie') ?? null;
+    } catch {
+      return null;
+    }
+  })
+  .client((): string | null => (typeof document !== 'undefined' ? document.cookie : null));
+
+/** Remembers the owner view for the rest of this browser session; see {@link VIEW_AS_OWNER_COOKIE_NAME}. */
+const rememberOwnerView = createIsomorphicFn()
+  .server((storeId: string): void => {
+    try {
+      setCookie(VIEW_AS_OWNER_COOKIE_NAME, storeId, { path: '/', sameSite: 'lax' });
+    } catch {
+      // Outside a request (prerender): there is no response to write to.
+    }
+  })
+  .client((storeId: string): void => {
+    document.cookie = `${VIEW_AS_OWNER_COOKIE_NAME}=${storeId}; path=/; SameSite=Lax`;
+  });
+
+/**
+ * Whether this visitor sees the maintenance page instead of the store, deciding and
+ * remembering the merchant's owner view on the way.
+ *
+ * Twig's backend lets the merchant into their closed store when the dashboard's link
+ * brings them (`?utm_source=dashboard&identifier=<store id>`), and keeps that in the
+ * session. Here the link grants a session cookie, and the cookie or the link is the
+ * owner view. A customer gets the maintenance page, and `twilightMiddleware` turns the
+ * render into a 503 (see `withMaintenanceStatus`).
+ */
+export function resolveMaintenance(href: string, settings: StoreContext): boolean {
+  const fromLink = ownerLinkMatches(href, settings);
+  const storeId = settings.store?.id;
+  if (fromLink && storeId != null) rememberOwnerView(String(storeId));
+  const viewAsOwner = fromLink || ownerCookieMatches(requestCookies(), settings);
+  return showsMaintenancePage(settings, viewAsOwner);
+}
+
 /** On the server, once the settings are in: {@link alignRequestScopeType}, then {@link persistRequestScope}. */
 function settleRequestScope(queryClient: QueryClient, settings: StoreContext): void {
   if (typeof window !== 'undefined') return;
@@ -146,6 +194,8 @@ export interface BeforeLoadResult {
   /** Per-app public `app.*` buckets, threaded the same way so rootHead can install the
    *  `Salla.appScope` factory inline in the SSR head. */
   appsSettings?: AppSettings;
+  /** This visitor sees the maintenance page, not the store; see {@link resolveMaintenance}. */
+  maintenance: boolean;
 }
 
 /**
@@ -279,6 +329,8 @@ export async function rootBeforeLoad(ctx: {
     throw redirect({ href: storeBaseHref, reloadDocument: true, replace: true });
   }
 
+  const maintenance = resolveMaintenance(ctx.location.href, settingsResult);
+
   // The merchant's own wording, laid over the platform's — but only when the
   // settings say this language has any.
   //
@@ -341,6 +393,7 @@ export async function rootBeforeLoad(ctx: {
     authToken,
     appsSnippets: snippetsResult,
     appsSettings: appSettingsResult,
+    maintenance,
   });
 
   return {
@@ -350,5 +403,6 @@ export async function rootBeforeLoad(ctx: {
     authToken,
     appsSnippets: snippetsResult,
     appsSettings: appSettingsResult,
+    maintenance,
   };
 }

package/tailwind/routes/root/head.ts.txt

@@ -219,6 +219,8 @@ interface RootHeadParts {
   isCustomCssUrl?: boolean;
   isCustomJsUrl?: boolean;
   twilightSdkUrl: string;
+  /** The visitor gets the maintenance page, which loads no SDK and no app snippets. */
+  maintenance: boolean;
   snippetPreconnects: Array<{ rel: 'preconnect'; href: string }>;
   appScopeInstallScript: string;
   themeHookSlotsScript: string | null;
@@ -268,6 +270,7 @@ function deriveHeadParts(settings?: StoreContext): RootHeadParts {
     ...deriveFontParts(settings?.theme),
     ...deriveCustomizationParts(settings?.theme),
     twilightSdkUrl: resolveTwilightSdkUrl(settings),
+    maintenance: getTwilightContext().maintenance,
     // Warm the connection to the snippet host(s) during head parse, so the body's deferred
     // `<script src>` snippet tags fetch off an already-open socket instead of DNS+TCP+TLS.
     snippetPreconnects: snippetPreconnectOrigins(getTwilightContext().appsSnippets).map((href) => ({
@@ -313,7 +316,8 @@ function buildRootLinks(p: RootHeadParts): NonNullable<HeadDescriptor['links']>
     { rel: 'preconnect', href: 'https://cdn.salla.sa' },
     { rel: 'preconnect', href: 'https://cdn.assets.salla.network', crossOrigin: 'anonymous' },
     // Warm the installed apps' CDN snippet host(s) — see snippetPreconnectOrigins.
-    ...p.snippetPreconnects,
+    // Not on the maintenance page: it renders neither the snippets nor the SDK.
+    ...(p.maintenance ? [] : p.snippetPreconnects),
     ...(p.isGoogleFont
       ? [
           {
@@ -323,7 +327,7 @@ function buildRootLinks(p: RootHeadParts): NonNullable<HeadDescriptor['links']>
           },
         ]
       : []),
-    { rel: 'modulepreload', href: p.twilightSdkUrl },
+    ...(p.maintenance ? [] : [{ rel: 'modulepreload' as const, href: p.twilightSdkUrl }]),
     ...(p.fontUrlWithDisplay
       ? [
           {

package/dist/Header-2GMIMJ2A.js

@@ -1,22 +0,0 @@
-export { Header } from './chunk-QQRU2L23.js';
-import './chunk-K4ON2CI7.js';
-import './chunk-OUW6WESU.js';
-import './chunk-7YH3A5BT.js';
-import './chunk-ZMCFSOYF.js';
-import './chunk-5XDPAKF5.js';
-import './chunk-GCPEMNSU.js';
-import './chunk-ZPX4LBQZ.js';
-import './chunk-TYNZ5B2B.js';
-import './chunk-BCADAQXY.js';
-import './chunk-AXW67SY7.js';
-import './chunk-BYMOPN2S.js';
-import './chunk-SKLEJJ6M.js';
-import './chunk-VPGOT3JO.js';
-import './chunk-VEWF3NFM.js';
-import './chunk-GNLCPK6N.js';
-import './chunk-H3PJJKAQ.js';
-import './chunk-T72DAX7R.js';
-import './chunk-DF6FBKDN.js';
-import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Header-2GMIMJ2A.js.map
-//# sourceMappingURL=Header-2GMIMJ2A.js.map

package/dist/StoreClosedNotification-FJS7YUCR.js

@@ -1,54 +0,0 @@
-export { StoreClosedNotification } from './chunk-5A6QUNZ5.js';
-import './chunk-YBEZB5WO.js';
-import './chunk-QQRU2L23.js';
-import './chunk-J6T5YOUW.js';
-import './chunk-JZDJO2CK.js';
-import './chunk-P4XV656A.js';
-import './chunk-XLCLZIWF.js';
-import './chunk-OXMUPNMH.js';
-import './chunk-PENQTLAN.js';
-import './chunk-VVZNW5CB.js';
-import './chunk-HIAHDZI5.js';
-import './chunk-GD26FI4J.js';
-import './chunk-4SZZPXM2.js';
-import './chunk-K4ON2CI7.js';
-import './chunk-OUW6WESU.js';
-import './chunk-6YWW5Y22.js';
-import './chunk-HI5V5X3S.js';
-import './chunk-PXHFHHTW.js';
-import './chunk-XMO7HDZZ.js';
-import './chunk-MVT5AF2A.js';
-import './chunk-Z653O7MX.js';
-import './chunk-ZCH7W7DZ.js';
-import './chunk-JUUKZRE5.js';
-import './chunk-JWXJPJBO.js';
-import './chunk-CW625T2E.js';
-import './chunk-7V36I5GT.js';
-import './chunk-6WI7R2BD.js';
-import './chunk-OOCN4RFV.js';
-import './chunk-OAMIDZKW.js';
-import './chunk-7YH3A5BT.js';
-import './chunk-V2ZDTY6H.js';
-import './chunk-ZMCFSOYF.js';
-import './chunk-5XDPAKF5.js';
-import './chunk-GCPEMNSU.js';
-import './chunk-ZPX4LBQZ.js';
-import './chunk-TYNZ5B2B.js';
-import './chunk-BCADAQXY.js';
-import './chunk-AXW67SY7.js';
-import './chunk-BYMOPN2S.js';
-import './chunk-SKLEJJ6M.js';
-import './chunk-6BZ5TKEV.js';
-import './chunk-FZKRSGLP.js';
-import './chunk-7V5HOZW4.js';
-import './chunk-YA6ABQB7.js';
-import './chunk-46JZXQRS.js';
-import './chunk-VPGOT3JO.js';
-import './chunk-VEWF3NFM.js';
-import './chunk-GNLCPK6N.js';
-import './chunk-H3PJJKAQ.js';
-import './chunk-T72DAX7R.js';
-import './chunk-DF6FBKDN.js';
-import './chunk-DGUM43GV.js';
-//# sourceMappingURL=StoreClosedNotification-FJS7YUCR.js.map
-//# sourceMappingURL=StoreClosedNotification-FJS7YUCR.js.map

package/dist/chunk-H3PJJKAQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/api/translations-key.ts","../src/api/messages.ts","../src/utils/errors.ts","../src/providers/i18n-factory.ts","../src/twilight/context.ts"],"names":[],"mappings":"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","file":"chunk-H3PJJKAQ.js","sourcesContent":["/**\n * @fileoverview The translations query key, on its own, importing nothing.\n *\n * Three places read the cached translations — `rootBeforeLoad`, the hydration\n * path in `tanstack/router.tsx`, and the lazy `i18n` accessor in\n * `twilight/context.ts` — and all three have to agree on the key or the\n * hydrated page misses the entry it was just handed and refetches. One\n * definition is the only way to keep that true.\n *\n * It lives here rather than in `api/translations.ts`, where it would naturally\n * sit, because **`twilight/context.ts` cannot afford that module's imports**.\n * `api/translations` pulls in `api/client`, which pulls in `ky`; `context.ts`\n * is imported directly by tests that mock `ky`, and adding that edge made six\n * of them stop being mocked and start issuing real requests to `api.salla.dev`\n * (`tests/routes/rootBeforeLoad.test.ts`, bisected to exactly this import). A\n * leaf module with no imports of its own cannot do that to anyone.\n */\n\n/**\n * @param locale is part of the key because each file on the CDN holds one\n * language. The global file this replaced carried every language and was\n * sliced after the cache, so a key without the locale was correct then and is\n * a wrong-language bug now: `/ar` → `/en` would reuse the Arabic entry.\n */\nexport function translationsQueryKey(locale: string): [string, string] {\n  return ['translations', locale];\n}\n\n/**\n * The merchant's own wording for one store and one language.\n *\n * Separate from {@link translationsQueryKey} rather than folded into it,\n * because the two files have different lifetimes and different audiences: the\n * platform's copy is the same object for every store on the CDN, and this one\n * is a single merchant's overrides. Keeping them apart means a store with no\n * overrides never invalidates, refetches or dehydrates anything on its account.\n *\n * @param storeId is `settings.store.id` — the Optimus-encoded numeric id, which\n * is what names the object. It is safe in a key even though the locale-only key\n * deliberately avoids naming a store: that warning is about a store *resolved\n * from the request*, which differs between server and client. This one is read\n * out of the settings payload, so both sides compute it from the same\n * dehydrated data and agree.\n */\nexport function storeTranslationsQueryKey(\n  storeId: string | number,\n  locale: string\n): [string, string, string] {\n  return ['translations', String(storeId), locale];\n}\n","/**\n * @fileoverview Composing one language's messages out of the query cache.\n *\n * **There are three places that build an i18n instance**, and they have to\n * agree on more than the key: `rootBeforeLoad`, the hydration path in\n * `tanstack/router.tsx`, and the lazy `i18n` accessor in `twilight/context.ts`.\n * When the platform's copy was the only source, agreeing on\n * `translationsQueryKey` was enough. It is not any more — a merchant's own\n * wording is a second cache entry, and a reader that knows about one and not\n * the other renders different text from the page beside it.\n *\n * That is exactly what shipped in #366: the server rendered the merchant's\n * words and hydration replaced them with the platform's, because only\n * `rootBeforeLoad` had been taught to merge. Greptile caught it. This module is\n * the single answer to \"what are the messages for this locale\", so the next\n * source cannot be added to one reader and forgotten in two.\n *\n * It lives beside `translations-key.ts` and imports nothing at runtime for the\n * same reason that file does: `twilight/context.ts` cannot afford\n * `api/translations`, which pulls in `api/client` and therefore `ky`, and tests\n * that mock `ky` stop being mocked the moment that edge exists.\n */\nimport type { QueryClient } from '@tanstack/react-query';\nimport { translationsQueryKey } from './translations-key';\nimport type { TranslationMessages } from '../providers/I18nProvider';\n\nexport type Messages = Record<string, unknown>;\n\nexport function isPlainObject(value: unknown): value is Messages {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * `overrides` laid over `base`, one leaf at a time.\n *\n * Recursive rather than a spread, because both files are nested by group\n * (`common.errors.500`) and a top-level spread would make a merchant who\n * overrode one string inside `common` lose every other string in it. The\n * merchant's value wins at the leaf, and a group they never touched is left\n * exactly as the platform sent it.\n *\n * A type conflict — one side an object where the other is a string — resolves\n * to the merchant's value. It is the more specific of the two and there is no\n * sensible way to merge a string into a group; the alternative, keeping the\n * platform's, would mean a merchant's edit silently doing nothing.\n */\nexport function mergeMessages(base: Messages, overrides: Messages): Messages {\n  const merged: Messages = { ...base };\n\n  for (const [key, value] of Object.entries(overrides)) {\n    const existing = merged[key];\n    merged[key] =\n      isPlainObject(existing) && isPlainObject(value) ? mergeMessages(existing, value) : value;\n  }\n\n  return merged;\n}\n\n/**\n * This store's overrides for `locale`, if any were fetched into the cache.\n *\n * Found by **shape** rather than by asking the settings for a store id, and\n * that is deliberate: the two readers that were missing the merge have a\n * `queryClient` and a locale between them and nothing else, and reaching for\n * `api/store` from `twilight/context.ts` would drag `ky` in through the back\n * door. One document serves one store — a request naming a different one is\n * redirected with `reloadDocument` — so at most one such entry per locale\n * exists, and matching `['translations', <anything>, <locale>]` cannot pick up\n * somebody else's.\n */\nfunction cachedOverrides(queryClient: QueryClient, locale: string): Messages | undefined {\n  const entries = queryClient.getQueriesData<Messages>({ queryKey: ['translations'] });\n\n  for (const [key, data] of entries) {\n    if (key.length === 3 && key[2] === locale && isPlainObject(data)) {\n      return data;\n    }\n  }\n\n  return undefined;\n}\n\n/**\n * The messages for `locale`: the platform's copy with this merchant's over it.\n *\n * Reads only — whoever wants the merchant's file in the cache has to have put\n * it there, which `rootBeforeLoad` does and only when the settings say there is\n * one. A reader that runs without it simply gets the platform's copy, which is\n * the same thing it got before any of this existed.\n */\nexport function messagesForLocale(\n  queryClient: QueryClient | undefined,\n  locale: string\n): TranslationMessages | undefined {\n  const common = queryClient?.getQueryData<TranslationMessages>(translationsQueryKey(locale));\n  const overrides = queryClient ? cachedOverrides(queryClient, locale) : undefined;\n\n  return composeMessages(common, overrides, locale);\n}\n\n/**\n * The same composition from values rather than from the cache.\n *\n * `rootBeforeLoad` has both in hand already — it just awaited them — so it\n * composes directly instead of reading back what it put in.\n */\nexport function composeMessages(\n  common: TranslationMessages | null | undefined,\n  overrides: Messages | null | undefined,\n  locale: string\n): TranslationMessages | undefined {\n  if (!overrides || Object.keys(overrides).length === 0) return common ?? undefined;\n\n  const base = common?.[`${locale}.trans`];\n\n  return {\n    [`${locale}.trans`]: mergeMessages(isPlainObject(base) ? base : {}, overrides) as Record<\n      string,\n      string\n    >,\n  };\n}\n","export class SettingsError extends Error {\n  constructor(message?: string) {\n    super(message ?? 'Store settings could not be loaded.');\n    this.name = 'SettingsError';\n  }\n}\n","import { createInstance, type i18n as I18nInstance } from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\nexport type TranslationMessages = Record<string, Record<string, string>>;\n\n/**\n * Creates a new i18next instance for the given locale.\n *\n * @param locale - Active locale code, e.g. `'ar'`\n * @param translations - App translations from the Salla API (store-specific)\n * @param themeTranslations - Bundled theme translations (static defaults)\n */\nexport function createI18nInstance(\n  locale: string,\n  translations?: TranslationMessages,\n  themeTranslations?: TranslationMessages\n): I18nInstance {\n  const instance = createInstance();\n  const transKey = `${locale}.trans`;\n\n  instance.use(initReactI18next).init({\n    lng: locale,\n    fallbackLng: locale,\n    ns: ['app', 'theme'],\n    defaultNS: 'app',\n    fallbackNS: 'theme',\n    resources: {\n      [locale]: {\n        app: translations?.[transKey] ?? {},\n        theme: themeTranslations?.[transKey] ?? {},\n      },\n    },\n    interpolation: { escapeValue: false },\n    react: { useSuspense: false },\n    keySeparator: '.',\n    nsSeparator: false,\n  });\n\n  return instance;\n}\n\n/**\n * Creates i18n instance for testing\n * @param locale - Locale code (default: 'ar')\n * @param translations - Optional translations\n */\nexport function createTestI18n(locale = 'ar', translations?: TranslationMessages): I18nInstance {\n  return createI18nInstance(locale, translations);\n}\n","import type { QueryClient } from '@tanstack/react-query';\nimport type { i18n } from 'i18next';\nimport type { StoreContext } from '../api/store';\nimport type { AppSnippet, AppSettings } from '../api/apps';\nimport { FALLBACK_LOCALE, getLanguageInfo } from '../providers/locale-constants';\nimport { createI18nInstance } from '../providers/i18n-factory';\nimport { messagesForLocale } from '../api/messages';\nimport { SettingsError } from '../utils/errors';\nimport type { ActiveScope } from '../utils/cookies';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TwilightLocation<TSearch = Record<string, unknown>> {\n  href: string;\n  pathname: string;\n  search: TSearch;\n  searchStr: string;\n  state: Record<string, unknown>;\n  hash: string;\n}\n\nexport interface PageContext {\n  slug: string;\n  id?: string | number;\n  title: string;\n  url?: string;\n  parent?: { id: string | number; name: string; url: string } | null;\n  breadcrumbs?: { name: string; url: string }[];\n}\n\nexport interface TwilightContext {\n  queryClient: QueryClient;\n  settings: StoreContext;\n  locale: string;\n  routeId: string;\n  location: TwilightLocation;\n  authToken: string | null;\n  /**\n   * The selected market and, once bullet delivery confirmed one, its branch\n   * allocation — the full object the SDK sends as `s-scope-*` headers. Seeded from\n   * the `scope` cookie on the server; see {@link ActiveScope}.\n   */\n  scope: ActiveScope | null;\n  /** `scope.id`, kept for callers that only need the market. */\n  scopeId: string | null;\n  /**\n   * Which store this request is for, when something other than the hostname says\n   * so — the `?storeId=` a preview was opened with, or the cookie remembering it.\n   *\n   * Null on a live storefront, where the hostname is the answer and there is\n   * nothing to carry. See {@link resolveRequestStoreId}.\n   */\n  storeId: string | null;\n  /**\n   * Which store the first segment of this request's path named, on a host where\n   * the store is the root of every URL: `mtgr-alaatr-2` for\n   * `https://preview.salla.design/mtgr-alaatr-2/cart`.\n   *\n   * Null whenever something else named the store, and on every merchant domain.\n   * See {@link resolveRequestStoreBase}.\n   */\n  storeBase: string | null;\n  /**\n   * Where {@link storeBase} sits in this request's paths: behind the locale on a\n   * Salla shared host (`/ar/dev-x/cart`, named by the dispatcher), in front of it\n   * everywhere else. See {@link resolveAddressedStore}.\n   */\n  storeBaseFollowsLocale: boolean;\n  /**\n   * Which version of the theme's settings this request asked for — the\n   * `?versionId=` an editor preview or a local dev session was opened with, or\n   * the cookie remembering it.\n   *\n   * Null on an ordinary storefront visit, which is the common case: nothing\n   * named a version, so the store's live one is what the API answers with. See\n   * {@link resolveRequestVersionId}.\n   */\n  versionId: string | null;\n  /**\n   * The host this request arrived on, captured server-side.\n   *\n   * A theme worker is deployed with no vars and no bindings, so the request is\n   * the only thing that knows which storefront it is serving. On the client this\n   * is `window.location.host`; on the server nothing else has it.\n   */\n  requestHost: string | null;\n  i18n: i18n;\n  dir: 'ltr' | 'rtl';\n  page?: PageContext;\n  /** Installed apps' snippets, fetched in rootBeforeLoad so AppsSnippets can render CDN\n   *  <script> tags during SSR (React Query isn't dehydrated here, so useQuery has no SSR data). */\n  appsSnippets?: AppSnippet[];\n  /** Per-app public `app.*` buckets, fetched in rootBeforeLoad so rootHead can install the\n   *  `Salla.appScope` factory inline at parse time — ahead of the snippets' onReady callbacks. */\n  appsSettings?: AppSettings;\n  extras?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Internal Store\n// ============================================================================\n\nconst DEFAULT_LOCATION: TwilightLocation = {\n  href: '',\n  pathname: '',\n  search: {},\n  searchStr: '',\n  state: {},\n  hash: '',\n};\n\ninterface ContextData {\n  queryClient: QueryClient;\n  settings: StoreContext | null;\n  locale: string;\n  routeId: string;\n  location: TwilightLocation;\n  authToken: string | null;\n  scope: ActiveScope | null;\n  storeId: string | null;\n  storeBase: string | null;\n  storeBaseFollowsLocale: boolean;\n  versionId: string | null;\n  requestHost: string | null;\n  i18n?: i18n;\n  page?: PageContext;\n  appsSnippets?: AppSnippet[];\n  appsSettings?: AppSettings;\n  extras?: Record<string, unknown>;\n}\n\nconst DEFAULT_DATA: ContextData = {\n  queryClient: null as unknown as QueryClient,\n  settings: null,\n  locale: FALLBACK_LOCALE,\n  routeId: '',\n  location: { ...DEFAULT_LOCATION },\n  authToken: null,\n  scope: null,\n  storeId: null,\n  storeBase: null,\n  storeBaseFollowsLocale: false,\n  versionId: null,\n  requestHost: null,\n  i18n: undefined,\n  page: undefined,\n};\n\n// ============================================================================\n// Storage: AsyncLocalStorage (server) or module-level store (client)\n// ============================================================================\n\ntype AsyncLocalStore<T> = { getStore(): T | undefined; run(val: T, fn: () => unknown): unknown };\n\n// Initialize ALS at module load time for SSR — no race condition\ntype AsyncHooks = { AsyncLocalStorage: new <T>() => AsyncLocalStore<T> };\n\n// workerd has no global `require`, so a bundled `require()` throws there; it does have\n// `process.getBuiltinModule` (so does Node >= 20.16), which keeps this out of the browser bundle.\nfunction loadAsyncHooks(): AsyncHooks | null {\n  const proc = (globalThis as { process?: { getBuiltinModule?: (id: string) => unknown } }).process;\n  try {\n    const builtin = proc?.getBuiltinModule?.('node:async_hooks') as AsyncHooks | undefined;\n    if (builtin?.AsyncLocalStorage) return builtin;\n  } catch {\n    /* fall through to require */\n  }\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    return require('node:async_hooks') as AsyncHooks;\n  } catch {\n    return null;\n  }\n}\n\nconst isServer = typeof window === 'undefined';\n// One instance per isolate, so a re-evaluated or duplicated copy of this module (dev\n// reloads, src next to dist) reads the scope the request middleware opened.\nconst ALS_KEY = Symbol.for('salla.twilight.context.als');\nlet _als: AsyncLocalStore<ContextData> | null = null;\nif (isServer) {\n  const registry = globalThis as { [ALS_KEY]?: AsyncLocalStore<ContextData> };\n  const hooks = registry[ALS_KEY] ? null : loadAsyncHooks();\n  if (hooks) registry[ALS_KEY] = new hooks.AsyncLocalStorage<ContextData>();\n  _als = registry[ALS_KEY] ?? null;\n}\n\n// Without request isolation every request would share `clientStore`: one visitor's\n// auth token and store settings rendered into another's page.\nfunction assertRequestIsolation(): void {\n  if (isServer && !_als) {\n    throw new Error(\n      '[Twilight] AsyncLocalStorage is unavailable; refusing to share request state.'\n    );\n  }\n}\n\n// The browser's store, shared by every copy of this module on the page like the ALS above,\n// so a loader in one copy reads the location and token the router wrote through another.\nconst CLIENT_KEY = Symbol.for('salla.twilight.context.client');\nconst clientRegistry = globalThis as {\n  [CLIENT_KEY]?: { store: ContextData; listeners: Set<() => void> };\n};\nconst clientShared = (clientRegistry[CLIENT_KEY] ??= {\n  store: { ...DEFAULT_DATA },\n  listeners: new Set<() => void>(),\n});\nconst clientStore: ContextData = clientShared.store;\n\nfunction getTwilightStore(): ContextData {\n  assertRequestIsolation();\n  if (_als) {\n    const store = _als.getStore();\n    if (!store)\n      throw new Error('[Twilight] No request context. Wrap with runWithTwilightContext().');\n    return store;\n  }\n  return clientStore;\n}\n\nfunction writableStore(): ContextData {\n  if (_als) {\n    const store = _als.getStore();\n    if (store) return store;\n  }\n  return clientStore;\n}\n\nfunction mergeIntoStore(store: ContextData, partial: Partial<TwilightContext>): void {\n  if ('queryClient' in partial && partial.queryClient) store.queryClient = partial.queryClient;\n  if ('settings' in partial && partial.settings != null) store.settings = partial.settings;\n  if ('locale' in partial && partial.locale != null) store.locale = partial.locale;\n  if ('routeId' in partial && partial.routeId != null) store.routeId = partial.routeId;\n  if ('location' in partial && partial.location != null)\n    store.location = { ...store.location, ...partial.location };\n  if ('authToken' in partial && partial.authToken !== undefined)\n    store.authToken = partial.authToken ?? null;\n  if ('scope' in partial && partial.scope !== undefined) store.scope = partial.scope ?? null;\n  else if ('scopeId' in partial && partial.scopeId !== undefined)\n    store.scope = partial.scopeId == null ? null : { id: partial.scopeId };\n  if ('storeId' in partial && partial.storeId !== undefined)\n    store.storeId = partial.storeId ?? null;\n  if ('storeBase' in partial && partial.storeBase !== undefined)\n    store.storeBase = partial.storeBase ?? null;\n  if ('storeBaseFollowsLocale' in partial && partial.storeBaseFollowsLocale !== undefined)\n    store.storeBaseFollowsLocale = partial.storeBaseFollowsLocale === true;\n  if ('versionId' in partial && partial.versionId !== undefined)\n    store.versionId = partial.versionId ?? null;\n  if ('requestHost' in partial && partial.requestHost !== undefined)\n    store.requestHost = partial.requestHost ?? null;\n  if ('i18n' in partial && partial.i18n != null) store.i18n = partial.i18n;\n  if ('page' in partial) store.page = partial.page;\n  if ('appsSnippets' in partial) store.appsSnippets = partial.appsSnippets;\n  if ('appsSettings' in partial) store.appsSettings = partial.appsSettings;\n  if ('extras' in partial) store.extras = partial.extras;\n}\n\n// ============================================================================\n// Public API\n// ============================================================================\n\nexport function runWithTwilightContext<T>(partial: Partial<TwilightContext>, fn: () => T): T {\n  assertRequestIsolation();\n  if (_als) {\n    const data: ContextData = { ...DEFAULT_DATA };\n    mergeIntoStore(data, partial);\n    return _als.run(data, fn) as T;\n  }\n  mergeIntoStore(clientStore, partial);\n  return fn();\n}\n\n// Client-only subscription so React consumers (useRouteId/useIsHome/…) re-render\n// when navigation mutates the module store. Mirrors hooks/useWishlist.ts.\nconst listeners = clientShared.listeners;\n\nexport function subscribeTwilight(listener: () => void): () => void {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nexport function updateTwilightContext(partial: Partial<TwilightContext>): void {\n  mergeIntoStore(getTwilightStore(), partial);\n  // Server uses AsyncLocalStorage and has no React subscribers; notify on client only.\n  if (typeof window !== 'undefined') {\n    for (const listener of listeners) listener();\n  }\n}\n\n/**\n * Whether store settings are available, without throwing.\n *\n * `getTwilightContext().settings` throws a `SettingsError` when the store is\n * empty, which is fatal inside a head function during hydration. Callers that\n * need to *test* availability must use this instead of a try/catch around the\n * getter. Returns false when there is no request context at all (server-side\n * calls outside `runWithTwilightContext`).\n */\nexport function hasTwilightSettings(): boolean {\n  try {\n    return getTwilightStore().settings != null;\n  } catch {\n    return false;\n  }\n}\n\n/** What a request addressed, as opposed to what it is. */\nexport interface RequestAddressing {\n  storeId: string | null;\n  storeBase: string | null;\n  storeBaseFollowsLocale: boolean;\n  versionId: string | null;\n  requestHost: string | null;\n}\n\n/**\n * What this request named and the host it arrived on, without throwing.\n *\n * Separate from {@link getTwilightContext} because store identity is read while\n * deciding *what to fetch* — before there is a context worth having — and on the\n * server outside a request the getter throws. A caller asking \"which store?\" has\n * a sane answer for \"none named\"; it has none for an exception.\n *\n * The version rides along rather than getting an accessor of its own: it is read\n * at the same moment, for the same reason, and by the same callers, and a second\n * copy of this try/catch would be a second thing to remember to widen.\n */\nexport function getRequestStore(): RequestAddressing {\n  try {\n    const data = getTwilightStore();\n    return {\n      storeId: data.storeId,\n      storeBase: data.storeBase,\n      storeBaseFollowsLocale: data.storeBaseFollowsLocale,\n      versionId: data.versionId,\n      requestHost: data.requestHost,\n    };\n  } catch {\n    return {\n      storeId: null,\n      storeBase: null,\n      storeBaseFollowsLocale: false,\n      versionId: null,\n      requestHost: null,\n    };\n  }\n}\n\nexport function getTwilightContext(): TwilightContext {\n  const data = getTwilightStore();\n  return {\n    get queryClient() {\n      return data.queryClient;\n    },\n    get settings() {\n      if (!data.settings) throw new SettingsError();\n      return data.settings;\n    },\n    get locale() {\n      return data.locale;\n    },\n    get routeId() {\n      return data.routeId;\n    },\n    get location() {\n      return data.location;\n    },\n    get authToken() {\n      return data.authToken;\n    },\n    get scope() {\n      return data.scope;\n    },\n    get scopeId() {\n      return data.scope?.id ?? null;\n    },\n    get storeId() {\n      return data.storeId;\n    },\n    get storeBase() {\n      return data.storeBase;\n    },\n    get storeBaseFollowsLocale() {\n      return data.storeBaseFollowsLocale;\n    },\n    get versionId() {\n      return data.versionId;\n    },\n    get requestHost() {\n      return data.requestHost;\n    },\n    get i18n() {\n      if (!data.i18n) {\n        // Composed the same way as `rootBeforeLoad` and the hydration path —\n        // the platform's copy with this merchant's over it. See\n        // `api/messages.ts`: this accessor reading one entry while the others\n        // read two is precisely the drift that module exists to stop.\n        data.i18n = createI18nInstance(\n          data.locale,\n          messagesForLocale(data.queryClient, data.locale)\n        );\n      }\n      return data.i18n;\n    },\n    get dir() {\n      return getLanguageInfo(data.locale).dir;\n    },\n    get page() {\n      return data.page;\n    },\n    get appsSnippets() {\n      return data.appsSnippets;\n    },\n    get appsSettings() {\n      return data.appsSettings;\n    },\n    get extras() {\n      return data.extras;\n    },\n  };\n}\n\n/** @internal Reset store for testing */\nexport function resetForTesting(): void {\n  Object.assign(writableStore(), { ...DEFAULT_DATA });\n}\n"]}

package/dist/chunk-JDLXT6VI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/api/store.ts"],"names":[],"mappings":"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","file":"chunk-JDLXT6VI.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope, STORE_IDENTIFIER_HEADER } from './client';\nimport type { Store, Theme, Language, JitsuConfig } from '../types';\nimport { getTwilightContext } from '../twilight/context';\nimport { resolveStoreIdentifier } from '../utils/store-identity';\nimport { requestedThemeVersionId } from '../utils/theme-version';\n\nexport { resolveStoreIdentifier };\n\nconst DEFAULT_INCLUDE_ITEMS = [\n  'store',\n  'settings',\n  'theme',\n  'theme_settings',\n  'external_services',\n  'currencies',\n  'languages',\n  'payments',\n  'product_widgets',\n  'rating',\n  'ratings',\n  'user',\n];\n\n/** Twig's `salla.init({ user })` object; the endpoint ignores the token, so always the guest. */\nexport interface SettingsUser {\n  type: 'guest' | 'user';\n  id?: number | string | null;\n  language_code?: string;\n  currency_code?: string;\n  country_code?: string;\n  [key: string]: unknown;\n}\n\n/**\n * Raw API response for settings endpoint.\n * Languages come as object: { \"AR\": { code, name, ... }, \"EN\": {...} }\n */\ninterface SettingsApiResponse {\n  store?: Store;\n  theme?: Theme;\n  languages?: Record<string, Language>;\n  currencies?: Record<\n    string,\n    { code: string; name: string; symbol: string; amount: number; country_code: string }\n  >;\n  external_services?: Record<string, unknown>;\n  headers?: Record<string, unknown>;\n  login?: { url: string; turnstile_site_key: string };\n  affiliate?: { utm_url: string; cta_enabled: boolean };\n  debug?: boolean;\n  trace_console?: boolean;\n  policy_url?: string;\n  user?: SettingsUser;\n  swoole?: string[];\n  jitsu?: JitsuConfig;\n}\n\n/**\n * Central settings context - single source of truth for all API data.\n * Contains everything from the settings endpoint response after processing.\n */\nexport interface StoreContext {\n  store?: Store;\n  theme?: Theme;\n  /** Languages as array after conversion from API object format */\n  languages?: Language[];\n  currencies?: Record<\n    string,\n    { code: string; name: string; symbol: string; amount: number; country_code: string }\n  >;\n  external_services?: Record<string, unknown>;\n  headers?: Record<string, unknown>;\n  login?: { url: string; turnstile_site_key: string };\n  affiliate?: { utm_url: string; cta_enabled: boolean };\n  debug?: boolean;\n  trace_console?: boolean; // todo:: remove it\n  policy_url?: string;\n  user?: SettingsUser;\n  /** API paths the SDK sends with `s-store-api-version: swoole` */\n  swoole?: string[];\n  /** Where the SDK's analytics send events, and which ones; without it the SDK tracks nothing. */\n  jitsu?: JitsuConfig;\n  /**\n   * The scope these settings were requested with; absent when none was. Not from\n   * the API: stamped by `store.settings`, so `resolveThemeVersionId` can tell\n   * whether the version they name still answers the scope that is active now.\n   */\n  requestedScopeId?: string;\n}\n\n/**\n * Converts languages object from API to array format.\n * API returns: { \"AR\": { code, name, ... }, \"EN\": { ... } }\n * We need: [{ code, name, ... }, { code, name, ... }]\n * todo:: return the languages as object from the APIs to avoid this\n */\nfunction languagesToArray(languages?: Record<string, Language>): Language[] | undefined {\n  if (!languages) return undefined;\n  // The SDK's localization modal reads `lang.iso_code` (not `code`) when a language is\n  // selected — without it the switch navigates to `/undefined/...`.\n  return Object.values(languages).map((lang) => ({ iso_code: lang.code, ...lang }));\n}\n\nexport const store = {\n  settings: async (storeIdentifier?: string): Promise<StoreContext | null> => {\n    const identifier = storeIdentifier ?? resolveStoreIdentifier();\n\n    if (!identifier) {\n      console.warn('[store.settings] No store identifier available');\n      return null;\n    }\n\n    const includeParams = DEFAULT_INCLUDE_ITEMS.map((i) => `include[]=${i}`).join('&');\n    const scope = getActiveScope();\n    const params = scope != null ? `${includeParams}&scope=${scope.id}` : includeParams;\n\n    try {\n      const json = await api\n        // Sent explicitly rather than left to the client's own resolution, so\n        // the identifier this function checked is the identifier that travels.\n        // They agree today; a caller passing one and being answered about\n        // another is the failure this makes impossible rather than unlikely.\n        .get(`store/settings?${params}`, {\n          timeout: 5000,\n          headers: { [STORE_IDENTIFIER_HEADER]: identifier },\n        })\n        .json<{ data?: SettingsApiResponse }>();\n\n      const data = json?.data;\n      if (!data) return null;\n\n      // Convert languages from object to array\n      const languages = languagesToArray(data.languages);\n\n      return {\n        store: data.store,\n        theme: data.theme,\n        languages,\n        currencies: data.currencies,\n        external_services: data.external_services,\n        headers: data.headers,\n        login: data.login,\n        affiliate: data.affiliate,\n        policy_url: data.policy_url,\n        user: data.user,\n        swoole: data.swoole,\n        jitsu: data.jitsu,\n        ...(scope && { requestedScopeId: scope.id }),\n      };\n    } catch (error) {\n      console.error('[store.settings] Failed:', error);\n      return null;\n    }\n  },\n\n  queries: {\n    settings: (storeIdentifier?: string) =>\n      queryOptions<StoreContext | null>({\n        queryKey: [\n          'store',\n          'settings',\n          storeIdentifier,\n          getTwilightContext().locale,\n          getActiveScope(),\n          // Two versions of one store's settings are two different answers, and\n          // this is the query whose answer decides what every other call is\n          // pinned to. `requestedThemeVersionId` rather than the resolved one:\n          // the resolved value falls back to what these settings report, so it\n          // is not knowable until after this query has run — the key would be\n          // one thing on the server and another on the client, and the hydrated\n          // page would refetch the settings it was just handed.\n          requestedThemeVersionId(),\n        ],\n        queryFn: () => store.settings(storeIdentifier),\n      }),\n  },\n};\n"]}

package/dist/chunk-JZDJO2CK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/routes/root/head.ts"],"names":[],"mappings":"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","file":"chunk-JZDJO2CK.js","sourcesContent":["import type { HeadDescriptor, HeadResult } from '../../utils/head';\nimport { mergeHead, resolveHead } from '../../utils/head';\nimport { buildBaseHead } from '../../utils/baseHead';\nimport { FALLBACK_LOCALE } from '../../providers/locale-constants';\nimport { getTwilightContext } from '../../twilight/context';\nimport type { TwilightContextMatch } from '../../twilight/ensure-context';\nimport { ensureTwilightContextFromMatches } from '../../twilight/ensure-context';\nimport type { StoreContext } from '../../api/store';\nimport type { AppSnippet } from '../../api/apps';\nimport { SettingsError } from '../../utils/errors';\nimport { renderAppScopeInstallScript } from '../../utils/app-scope';\nimport { renderThemeHookSlotsScript } from '../../utils/theme-hook-slots';\nimport { escapeForInlineScript } from '../../utils/inline-script';\nimport { readEnv, renderRuntimeEnvScript } from '../../utils/runtime-env';\n\nconst SALLA_ICONS_CSS_URL = 'https://cdn.assets.salla.network/static/fonts/sallaicons.css?v=2.0.5';\nconst LIT_VERSION = '3.3.3';\nconst LIT_CDN_BASE = `https://cdn.assets.salla.network/static/lit/${LIT_VERSION}`;\n\n/** Bare-specifier map for the lit build the engine's `<salla-*>` web components resolve against. */\nconst LIT_IMPORTS: Record<string, string> = {\n  lit: `${LIT_CDN_BASE}/lit.js`,\n  'lit/': `${LIT_CDN_BASE}/`,\n  'lit-html': `${LIT_CDN_BASE}/lit-html/lit-html.js`,\n  'lit-html/': `${LIT_CDN_BASE}/lit-html/`,\n  'lit-element': `${LIT_CDN_BASE}/lit-element/lit-element.js`,\n  'lit-element/': `${LIT_CDN_BASE}/lit-element/`,\n  '@lit/reactive-element': `${LIT_CDN_BASE}/reactive-element/reactive-element.js`,\n  '@lit/reactive-element/': `${LIT_CDN_BASE}/reactive-element/`,\n};\n\nexport const TICKETING_SCRIPT_URL =\n  'https://cdn.assets.salla.network/latest/@salla.sa/ui-store-ticketing-system/ticketing-system.es.js';\n\nconst TWILIGHT_RELEASE_CDN = 'https://cdn.salla.network/js/twilight';\nconst TWILIGHT_DEV_CDN = 'https://cdn.assets.salla.network/dev/@salla.sa/twilight';\n// The oldest Twilight release this engine works with. Raise it whenever the engine\n// starts relying on something newer; the reason lives in that commit. Today's floor:\n// components ship their own CSS, which themes no longer compile (SallaApp/twilight#2107).\nconst MIN_TWILIGHT_VERSION = '2.14.538';\n// Last resort when no override and no platform pin, and the substitute for a pin below the floor.\nconst DEFAULT_TWILIGHT_VERSION = '2.14.584';\nconst releaseUrl = (version: string): string =>\n  `${TWILIGHT_RELEASE_CDN}/${version}/twilight.esm.js`;\n// The head is built more than once per request (early hints, then the page); say it once.\nconst warnedPins = new Set<string>();\n\n/** `x.y.z` release pins only; dev shas and other strings are loaded as given. */\nfunction belowMinimum(version: string): boolean {\n  return (\n    /^\\d+\\.\\d+\\.\\d+$/.test(version) &&\n    version.localeCompare(MIN_TWILIGHT_VERSION, undefined, { numeric: true }) < 0\n  );\n}\n\n/** The `x.y.z` release segment of a release-CDN `.../twilight.esm.js` URL, if present. */\nfunction releaseVersionInUrl(url: string): string | null {\n  const match = url.match(/\\/(\\d+\\.\\d+\\.\\d+)\\/twilight\\.esm\\.js(?:[?#]|$)/);\n  return match ? match[1] : null;\n}\n\n/**\n * `VITE_TWILIGHT_URL`/`VITE_TWILIGHT_VERSION` outrank everything below, including\n * `theme.twilight.version`'s own `belowMinimum` guard — a stale override wins\n * silently otherwise (TD-16375: a scaffold-time pin outlived the engine raising\n * MIN_TWILIGHT_VERSION, so every new theme rendered without component CSS and\n * nothing said why). Only a dev-mode nudge, not a swap: an env override is a\n * deliberate choice, so unlike the settings-pin path below this never substitutes\n * the engine default underneath the developer.\n */\nfunction warnIfOverrideBelowMinimum(source: string, version: string): void {\n  // Worker logs in production should stay quiet -- this is a developer-directed nudge,\n  // not a user-facing or production-monitored signal. import.meta.env.DEV is a static\n  // false in production builds, so this branch (and the console.warn below) is\n  // tree-shaken out entirely, same as DevSettingsWidget / dev-settings-store.ts.\n  if (!import.meta.env.DEV) return;\n  if (!belowMinimum(version)) return;\n  const key = `${source}:${version}`;\n  if (warnedPins.has(key)) return;\n  warnedPins.add(key);\n  console.warn(\n    `[twilight] ${source}=${version} is below the engine minimum ${MIN_TWILIGHT_VERSION} — components may load without their CSS (SallaApp/twilight#2107). Unset it or bump it to ${MIN_TWILIGHT_VERSION}+.`\n  );\n}\n\n/**\n * Which twilight.esm.js the storefront loads, in priority order:\n * 1. `VITE_TWILIGHT_URL` — full local/deployment override.\n * 2. `VITE_TWILIGHT_VERSION` — dev-CDN build override.\n * 3. `theme.twilight.version` from the settings endpoint — the platform-pinned\n *    release used when no environment override is configured.\n * 4. The engine's default release, also used when the pin is below the engine minimum.\n */\nexport function resolveTwilightSdkUrl(settings?: StoreContext): string {\n  const urlOverride = readEnv('VITE_TWILIGHT_URL');\n  if (urlOverride) {\n    const version = releaseVersionInUrl(urlOverride);\n    if (version) warnIfOverrideBelowMinimum('VITE_TWILIGHT_URL', version);\n    return urlOverride;\n  }\n\n  const versionOverride = readEnv('VITE_TWILIGHT_VERSION');\n  if (versionOverride) {\n    warnIfOverrideBelowMinimum('VITE_TWILIGHT_VERSION', versionOverride);\n    return `${TWILIGHT_DEV_CDN}/${versionOverride}/twilight.esm.js`;\n  }\n\n  const pinnedVersion = settings?.theme?.twilight?.version;\n  if (pinnedVersion && belowMinimum(pinnedVersion)) {\n    if (!warnedPins.has(pinnedVersion)) {\n      warnedPins.add(pinnedVersion);\n      console.warn(\n        `[twilight] theme.twilight.version ${pinnedVersion} is below the engine minimum ${MIN_TWILIGHT_VERSION}; loading ${DEFAULT_TWILIGHT_VERSION} instead`\n      );\n    }\n    return releaseUrl(DEFAULT_TWILIGHT_VERSION);\n  }\n  if (pinnedVersion) return releaseUrl(pinnedVersion);\n\n  return releaseUrl(DEFAULT_TWILIGHT_VERSION);\n}\n\n// On a page that preloads its LCP image, the icon font (~270 KB) applies once the first screen's\n// priority images have painted, so it doesn't compete with them; other pages swap on load.\nconst MEDIA_SWAP_SCRIPT = `\n(function(){var d=document,s=function(l){if(l.sheet||\"all\"===l.media)l.media=\"all\";else l.onload=function(){this.media=\"all\"}},f=d.getElementById(\"salla-theme-font\"),i=d.getElementById(\"salla-icons-css\");f&&s(f);if(!i)return;if(!d.querySelector('link[rel=\"preload\"][as=\"image\"]'))return s(i);var g=function(){g=function(){};s(i)},p=function(){requestAnimationFrame(function(){setTimeout(function(){g()})});setTimeout(function(){g()},100)};d.addEventListener(\"DOMContentLoaded\",function(){var m=[].filter.call(d.querySelectorAll('img[fetchpriority=\"high\"]'),function(x){return!x.complete}),n=m.length;if(!n)return p();m.forEach(function(x){var o=function(){--n||p()};x.addEventListener(\"load\",o,{once:!0});x.addEventListener(\"error\",o,{once:!0})});setTimeout(function(){g()},2500)})})();\n`.trim();\n\nconst LOADING_CSS = `\n.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999}\n.loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;height:3rem;width:3rem;border-bottom:2px solid var(--color-primary,#000)}\n@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}\nhtml,body{margin:0;padding:0;height:100%}\n`.trim();\n\nconst SALLA_INIT_SCRIPT = `\nwindow.salla = window.Salla = window.Salla || window.salla || {};\nwindow.Salla.onReady = window.Salla.onReady || function(callback) {\n  return new Promise(function(resolve) {\n    if (window.Salla.status === 'ready') {\n      var config = window.salla && window.salla.config && window.salla.config.all();\n      resolve(callback ? callback(config) : config);\n    } else {\n      window.addEventListener('twilight::initiated', function(event) {\n        resolve(callback ? callback(event.detail) : event.detail);\n      }, { once: true });\n    }\n  });\n};\n`.trim();\n\n/**\n * Distinct snippet-host origins to `preconnect` (warm DNS/TCP/TLS during parse). From the real\n * URLs (dev/prod-correct), deduped and capped at 4. No `crossOrigin`: snippets are no-cors fetches.\n */\nexport function snippetPreconnectOrigins(snippets: readonly AppSnippet[] | undefined): string[] {\n  if (!snippets?.length) return [];\n  const origins = new Set<string>();\n  for (const app of snippets) {\n    if (app.status !== 'enabled') continue;\n    for (const s of app.snippets) {\n      if (!s.url) continue;\n      try {\n        origins.add(new URL(s.url).origin);\n      } catch {\n        /* skip a malformed snippet url rather than breaking the head */\n      }\n      if (origins.size >= 4) return [...origins];\n    }\n  }\n  return [...origins];\n}\n\nexport function rootHead(ctx: {\n  params: Record<string, string>;\n  matches?: readonly TwilightContextMatch[];\n}): HeadResult {\n  // Re-run on the client during hydration, where the twilight module store may\n  // still be empty. Recover it from the resolved match context so the head is\n  // built from real settings instead of falling through to 'Store Unavailable'.\n  ensureTwilightContextFromMatches(ctx.matches);\n\n  let settings: StoreContext | undefined;\n  try {\n    settings = getTwilightContext().settings;\n  } catch (e) {\n    if (e instanceof SettingsError) {\n      return resolveHead({\n        title: 'Store Unavailable',\n      });\n    }\n    throw e;\n  }\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  const parts = deriveHeadParts(settings);\n\n  return resolveHead(\n    mergeHead(buildBaseHead(settings, locale), {\n      meta: buildRootMeta(parts),\n      links: buildRootLinks(parts),\n      styles: buildRootStyles(parts),\n      importMap: [{ imports: LIT_IMPORTS }],\n      scripts: buildRootScripts(parts),\n    })\n  );\n}\n\n/** Everything the root head's tag builders read, derived once from the store settings. */\ninterface RootHeadParts {\n  store: StoreContext['store'] | undefined;\n  favicon?: string;\n  primaryColor?: string;\n  fontUrl?: string;\n  fontUrlWithDisplay?: string;\n  isGoogleFont?: boolean;\n  fontFamilyName?: string;\n  customJs?: string;\n  customCss?: string;\n  isCustomCssUrl?: boolean;\n  isCustomJsUrl?: boolean;\n  twilightSdkUrl: string;\n  snippetPreconnects: Array<{ rel: 'preconnect'; href: string }>;\n  appScopeInstallScript: string;\n  themeHookSlotsScript: string | null;\n  runtimeEnvScript: string | null;\n}\n\n/** Google Fonts only honours `display=swap` as a query param; other hosts get the @font-face\n *  override instead (see buildRootStyles). */\nfunction deriveFontParts(theme?: StoreContext['theme']) {\n  const font = theme?.font;\n  const fontUrl = font?.url || font?.path;\n  const isGoogleFont = fontUrl?.includes('fonts.googleapis.com');\n  const needsDisplay = Boolean(isGoogleFont && fontUrl && !fontUrl.includes('display='));\n  const separator = fontUrl?.includes('?') ? '&' : '?';\n\n  return {\n    fontUrl,\n    isGoogleFont,\n    fontFamilyName: font?.family_name,\n    fontUrlWithDisplay: needsDisplay ? `${fontUrl}${separator}display=swap` : fontUrl,\n  };\n}\n\n/** Theme customization JS/CSS, each either a URL to load or an inline blob to embed. */\nfunction deriveCustomizationParts(theme?: StoreContext['theme']) {\n  const customization = theme?.customization;\n  const customJs = customization?.js?.trim();\n  const customCss = customization?.css?.trim();\n  const isUrl = (value?: string): boolean =>\n    Boolean(value?.startsWith('http') || value?.startsWith('//'));\n\n  return {\n    customJs,\n    customCss,\n    isCustomCssUrl: isUrl(customCss),\n    isCustomJsUrl: isUrl(customJs),\n  };\n}\n\nfunction deriveHeadParts(settings?: StoreContext): RootHeadParts {\n  const store = settings?.store;\n\n  return {\n    store,\n    favicon: store?.icon,\n    primaryColor: settings?.theme?.color?.primary,\n    ...deriveFontParts(settings?.theme),\n    ...deriveCustomizationParts(settings?.theme),\n    twilightSdkUrl: resolveTwilightSdkUrl(settings),\n    // Warm the connection to the snippet host(s) during head parse, so the body's deferred\n    // `<script src>` snippet tags fetch off an already-open socket instead of DNS+TCP+TLS.\n    snippetPreconnects: snippetPreconnectOrigins(getTwilightContext().appsSnippets).map((href) => ({\n      rel: 'preconnect' as const,\n      href,\n    })),\n    // Install `Salla.appScope` inline at parse time, before the SDK is ready — else a snippet's\n    // onReady callback calls it too early and throws. Always emitted, even when the settings\n    // prefetch failed: the CDN snippet tags ship regardless (they come from the *snippets*\n    // endpoint), so the factory has to exist for them. `installAppScope` then seeds the real\n    // buckets into this install once the client query resolves.\n    appScopeInstallScript: renderAppScopeInstallScript(\n      getTwilightContext().appsSettings ?? { apps: {} }\n    ),\n    // Whitelist the theme's own hook slots at parse time too, for the same reason: apps register\n    // their `onReady` callbacks from parser-inserted snippet tags, long before React hydrates.\n    themeHookSlotsScript: renderThemeHookSlotsScript(),\n    // Env this render resolved (worker `vars` live in server-only `process.env`), handed to the\n    // client so it doesn't silently fall back to the production defaults. Re-rendered on the\n    // client during hydration, where it resolves to the same values or to nothing.\n    runtimeEnvScript: renderRuntimeEnvScript(),\n  };\n}\n\nfunction buildRootMeta(p: RootHeadParts): NonNullable<HeadDescriptor['meta']> {\n  return [\n    { name: 'robots', content: 'index, follow' },\n    { name: 'msapplication-TileColor', content: '#ffffff' },\n    ...(p.favicon ? [{ name: 'msapplication-TileImage', content: p.favicon }] : []),\n    ...(p.primaryColor\n      ? [\n          { name: 'theme-color', content: p.primaryColor },\n          { name: 'msapplication-navbutton-color', content: p.primaryColor },\n          { name: 'apple-mobile-web-app-status-bar-style', content: p.primaryColor },\n        ]\n      : []),\n  ];\n}\n\nfunction buildRootLinks(p: RootHeadParts): NonNullable<HeadDescriptor['links']> {\n  return [\n    { rel: 'preconnect', href: 'https://api.salla.dev' },\n    { rel: 'preconnect', href: 'https://cdn.salla.sa' },\n    { rel: 'preconnect', href: 'https://cdn.assets.salla.network', crossOrigin: 'anonymous' },\n    // Warm the installed apps' CDN snippet host(s) — see snippetPreconnectOrigins.\n    ...p.snippetPreconnects,\n    ...(p.isGoogleFont\n      ? [\n          {\n            rel: 'preconnect' as const,\n            href: 'https://fonts.gstatic.com',\n            crossOrigin: 'anonymous' as const,\n          },\n        ]\n      : []),\n    { rel: 'modulepreload', href: p.twilightSdkUrl },\n    ...(p.fontUrlWithDisplay\n      ? [\n          {\n            id: 'salla-theme-font',\n            rel: 'stylesheet',\n            href: p.fontUrlWithDisplay,\n            media: 'print',\n          },\n        ]\n      : []),\n    ...(p.fontUrlWithDisplay && !p.isGoogleFont && p.fontFamilyName\n      ? [\n          {\n            id: 'salla-font-display-override',\n            rel: 'preload',\n            as: 'style',\n            href: p.fontUrlWithDisplay,\n          },\n        ]\n      : []),\n    ...(p.favicon ? [{ rel: 'icon', href: p.favicon }] : []),\n    ...(p.favicon\n      ? [{ id: 'salla-apple-icon', rel: 'apple-touch-icon-precomposed', href: p.favicon }]\n      : []),\n    ...(p.isCustomCssUrl && p.customCss\n      ? [{ id: 'salla-custom-css', rel: 'stylesheet', href: p.customCss }]\n      : []),\n    {\n      id: 'salla-icons-css',\n      rel: 'stylesheet',\n      href: SALLA_ICONS_CSS_URL,\n      media: 'print',\n    },\n    // {\n    //   id: 'intl-tel-input-css',\n    //   rel: 'stylesheet',\n    //   href: 'https://cdn.jsdelivr.net/npm/intl-tel-input@26.8.0/build/css/intlTelInput.css',\n    // },\n    ...(p.isCustomJsUrl && p.customJs\n      ? [{ id: 'salla-custom-js-preload', rel: 'preload', as: 'script', href: p.customJs }]\n      : []),\n  ];\n}\n\n// Hoistable (href + precedence): the web components insert their own <style> near the top of\n// <head> before hydration, which a positionally hydrated <style> would be matched against.\nconst hoisted = (id: string, children: string) => ({\n  id,\n  href: id,\n  precedence: 'default',\n  children,\n});\n\nfunction buildRootStyles(p: RootHeadParts): NonNullable<HeadDescriptor['styles']> {\n  return [\n    hoisted('twilight-loading', LOADING_CSS),\n    ...(!p.isGoogleFont && p.fontFamilyName\n      ? [\n          hoisted(\n            'salla-font-display-swap',\n            `@font-face{font-family:\"${p.fontFamilyName}\";font-display:swap;src:local(\"${p.fontFamilyName}\")}`\n          ),\n        ]\n      : []),\n    ...(!p.isCustomCssUrl && p.customCss ? [hoisted('salla-custom-css', p.customCss)] : []),\n  ];\n}\n\nfunction buildRootScripts(p: RootHeadParts): NonNullable<HeadDescriptor['scripts']> {\n  return [\n    // First: the API base / store identifier this render used, so the hydrated client\n    // resolves the same ones (worker `vars` never reach the browser bundle on their own).\n    ...(p.runtimeEnvScript ? [{ id: 'salla-runtime-env', children: p.runtimeEnvScript }] : []),\n    { id: 'twilight-init', children: SALLA_INIT_SCRIPT },\n    // After twilight-init (which defines window.Salla) and before the SDK module, so the\n    // appScope factory exists ahead of any snippet's onReady callback firing.\n    { id: 'salla-app-scope', children: p.appScopeInstallScript },\n    // Arms the hook-slot whitelist push here, so its `twilight::initiated` listener is\n    // registered before any app snippet's — listeners fire in registration order.\n    ...(p.themeHookSlotsScript\n      ? [{ id: 'salla-theme-hook-slots', children: p.themeHookSlotsScript }]\n      : []),\n    { id: 'salla-async-css', children: MEDIA_SWAP_SCRIPT },\n    // The SDK and ticketing modules are rendered at the end of <body> (SallaSdkScripts).\n    ...(p.customJs ? [buildCustomJsScript(p.customJs, Boolean(p.isCustomJsUrl))] : []),\n  ];\n}\n\n/** A URL customization is loaded after SDK init; an inline one is wrapped so a syntax/runtime\n *  error in partner JS warns instead of taking the page down. */\nfunction buildCustomJsScript(customJs: string, isUrl: boolean) {\n  return {\n    id: 'salla-custom-js',\n    children: isUrl\n      ? `window.addEventListener('twilight::initiated',function(){var s=document.createElement('script');s.src=${escapeForInlineScript(JSON.stringify(customJs))};s.async=true;document.head.appendChild(s)},{once:true});`\n      : `try { ${customJs} } catch(e) { console.warn(\"[ThemeCustomization] Custom JS error:\", e); }`,\n  };\n}\n"]}