@salla.sa/twilight-theme-engine 1.0.0-beta.4

package/dist/chunk-562ZMVI3.js

@@ -0,0 +1,592 @@
+import { ErrorPage } from './chunk-FBFPH5BB.js';
+import { tanstackHeadAdapter } from './chunk-6Q5BFHFA.js';
+import { store } from './chunk-LSDIFHXZ.js';
+import { translations } from './chunk-M6ICEIWY.js';
+import { dispatchRouteChanged } from './chunk-7LP7D75V.js';
+import { resolveHead, mergeHead, setHeadAdapter } from './chunk-B3EFOE57.js';
+import { buildBaseHead } from './chunk-TZ3E5BN4.js';
+import { RedirectError, NotFoundError, UnauthorizedError } from './chunk-GO34DE35.js';
+import { RouteId } from './chunk-MTONGOJD.js';
+import { AUTH_TOKEN_COOKIE_NAME, syncSdkLocale, extractTokenFromCookies } from './chunk-QYL5OHAV.js';
+import { getTwilightContext, SettingsError, updateTwilightContext, createI18nInstance } from './chunk-KIPZQN3Y.js';
+import { useDocumentClass } from './chunk-GN34LCTG.js';
+import { toReactProps, mergeElementAttrs } from './chunk-CW625T2E.js';
+import { FALLBACK_LOCALE, getLanguageInfo } from './chunk-T72DAX7R.js';
+import { createRootRouteWithContext, createRouter as createRouter$1, useRouterState } from '@tanstack/react-router';
+import { lazy, Suspense } from 'react';
+import { QueryClient } from '@tanstack/react-query';
+import { PageSkeleton } from '@salla.sa/twilight-components-react/skeletons';
+import { createIsomorphicFn } from '@tanstack/react-start';
+import { getCookie } from '@tanstack/react-start/server';
+import { setupRouterSsrQueryIntegration } from '@tanstack/react-router-ssr-query';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var readServerCookieToken = createIsomorphicFn().server(() => {
+  try {
+    return getCookie(AUTH_TOKEN_COOKIE_NAME) ?? null;
+  } catch {
+    return null;
+  }
+}).client(() => null);
+async function rootBeforeLoad(ctx) {
+  const locale = ctx.params.locale || FALLBACK_LOCALE;
+  const { dir } = getLanguageInfo(locale);
+  if (ctx.context.setLocation) {
+    ctx.context.setLocation(ctx.location);
+  }
+  updateTwilightContext({ locale });
+  syncSdkLocale(locale);
+  const [settingsResult, translationsResult] = await Promise.all([
+    ctx.context.queryClient.ensureQueryData(store.queries.settings()),
+    ctx.context.queryClient.ensureQueryData(translations.queries.byLocale())
+  ]);
+  if (!settingsResult) {
+    throw new SettingsError("Failed to load store settings. Make sure VITE_STORE_DOMAIN is set.");
+  }
+  const i18n = createI18nInstance(locale, translationsResult ?? void 0);
+  let existingToken = null;
+  try {
+    existingToken = getTwilightContext().authToken;
+  } catch {
+    existingToken = null;
+  }
+  const cookieToken = typeof document !== "undefined" ? extractTokenFromCookies(document.cookie, AUTH_TOKEN_COOKIE_NAME) : null;
+  const sallaToken = typeof window !== "undefined" && window.salla && typeof window.salla.storage.get === "function" ? window.salla.storage.get(AUTH_TOKEN_COOKIE_NAME) : null;
+  const serverCookieToken = readServerCookieToken();
+  const authToken = ctx.serverContext?.authToken ?? serverCookieToken ?? existingToken ?? cookieToken ?? sallaToken ?? null;
+  updateTwilightContext({
+    queryClient: ctx.context.queryClient,
+    settings: settingsResult,
+    locale,
+    location: ctx.location,
+    i18n,
+    authToken
+  });
+  return {
+    settings: settingsResult,
+    locale,
+    dir,
+    authToken
+  };
+}
+
+// src/routes/root/head.ts
+var SALLA_ICONS_CSS_URL = "https://cdn.assets.salla.network/static/fonts/sallaicons.css?v=2.0.5";
+var LIT_VERSION = "3.3.3";
+var LIT_CDN_BASE = `https://cdn.assets.salla.network/static/lit/${LIT_VERSION}`;
+var MEDIA_SWAP_SCRIPT = `
+(function(){var e=function(t){var l=document.getElementById(t);if(l){if(l.sheet||"all"===l.media)l.media="all";else l.onload=function(){this.media="all"}}};e("salla-theme-font");e("salla-icons-css")})();
+`.trim();
+var LOADING_CSS = `
+.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999}
+.loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;height:3rem;width:3rem;border-bottom:2px solid var(--color-primary,#000)}
+@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+html,body{margin:0;padding:0;height:100%}
+`.trim();
+var escapeForInlineScript = (value) => value.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+var SALLA_INIT_SCRIPT = `
+window.salla = window.Salla = {};
+window.Salla.onReady = function(callback) {
+  return new Promise(function(resolve) {
+    if (window.Salla.status === 'ready') {
+      var config = window.salla && window.salla.config && window.salla.config.all();
+      resolve(callback ? callback(config) : config);
+    } else {
+      window.addEventListener('twilight::initiated', function(event) {
+        resolve(callback ? callback(event.detail) : event.detail);
+      }, { once: true });
+    }
+  });
+};
+`.trim();
+function rootHead(ctx) {
+  let settings;
+  try {
+    settings = getTwilightContext().settings;
+  } catch (e) {
+    if (e instanceof SettingsError) {
+      return resolveHead({
+        title: "Store Unavailable"
+      });
+    }
+    throw e;
+  }
+  const locale = ctx.params.locale || FALLBACK_LOCALE;
+  const store2 = settings?.store;
+  const fontUrl = settings?.theme?.font?.url || settings?.theme?.font?.path;
+  const fontUrlWithDisplay = fontUrl?.includes("fonts.googleapis.com") && !fontUrl.includes("display=") ? `${fontUrl}${fontUrl.includes("?") ? "&" : "?"}display=swap` : fontUrl;
+  const favicon = store2?.icon;
+  const primaryColor = settings?.theme?.color?.primary;
+  const twilightVersion = typeof import.meta !== "undefined" && import.meta.env?.VITE_TWILIGHT_VERSION || "2.14.346";
+  const twilightSdkUrl = `https://cdn.assets.salla.network/dev/@salla.sa/twilight/${twilightVersion}/twilight.esm.js`;
+  const isGoogleFont = fontUrl?.includes("fonts.googleapis.com");
+  const fontFamilyName = settings?.theme?.font?.family_name;
+  const customization = settings?.theme?.customization;
+  const customJs = customization?.js?.trim();
+  const customCss = customization?.css?.trim();
+  const isCustomCssUrl = customCss?.startsWith("http") || customCss?.startsWith("//");
+  const isCustomJsUrl = customJs?.startsWith("http") || customJs?.startsWith("//");
+  const baseHead = buildBaseHead(settings, locale);
+  return resolveHead(
+    mergeHead(baseHead, {
+      meta: [
+        { name: "robots", content: "index, follow" },
+        { name: "msapplication-TileColor", content: "#ffffff" },
+        ...favicon ? [{ name: "msapplication-TileImage", content: favicon }] : [],
+        ...primaryColor ? [
+          { name: "theme-color", content: primaryColor },
+          { name: "msapplication-navbutton-color", content: primaryColor },
+          { name: "apple-mobile-web-app-status-bar-style", content: primaryColor }
+        ] : []
+      ],
+      links: [
+        { rel: "preconnect", href: "https://api.salla.dev" },
+        { rel: "preconnect", href: "https://cdn.salla.sa" },
+        { rel: "preconnect", href: "https://cdn.assets.salla.network", crossOrigin: "anonymous" },
+        ...fontUrl ? [
+          {
+            rel: "preconnect",
+            href: "https://fonts.gstatic.com",
+            crossOrigin: "anonymous"
+          }
+        ] : [],
+        { rel: "modulepreload", href: twilightSdkUrl },
+        { rel: "modulepreload", href: `${LIT_CDN_BASE}/lit.js` },
+        ...fontUrlWithDisplay ? [
+          {
+            id: "salla-theme-font",
+            rel: "stylesheet",
+            href: fontUrlWithDisplay,
+            media: "print"
+          }
+        ] : [],
+        ...fontUrlWithDisplay && !isGoogleFont && fontFamilyName ? [
+          {
+            id: "salla-font-display-override",
+            rel: "preload",
+            as: "style",
+            href: fontUrlWithDisplay
+          }
+        ] : [],
+        ...favicon ? [{ rel: "icon", href: favicon }] : [],
+        ...favicon ? [{ id: "salla-apple-icon", rel: "apple-touch-icon-precomposed", href: favicon }] : [],
+        ...isCustomCssUrl && customCss ? [{ id: "salla-custom-css", rel: "stylesheet", href: customCss }] : [],
+        {
+          id: "salla-icons-css",
+          rel: "stylesheet",
+          href: SALLA_ICONS_CSS_URL,
+          media: "print"
+        },
+        // {
+        //   id: 'intl-tel-input-css',
+        //   rel: 'stylesheet',
+        //   href: 'https://cdn.jsdelivr.net/npm/intl-tel-input@26.8.0/build/css/intlTelInput.css',
+        // },
+        ...isCustomJsUrl && customJs ? [{ id: "salla-custom-js-preload", rel: "preload", as: "script", href: customJs }] : []
+      ],
+      styles: [
+        { id: "twilight-loading", children: LOADING_CSS },
+        ...!isGoogleFont && fontFamilyName ? [
+          {
+            id: "salla-font-display-swap",
+            children: `@font-face{font-family:"${fontFamilyName}";font-display:swap;src:local("${fontFamilyName}")}`
+          }
+        ] : [],
+        ...!isCustomCssUrl && customCss ? [{ id: "salla-custom-css", children: customCss }] : []
+      ],
+      importMap: [
+        {
+          imports: {
+            lit: `${LIT_CDN_BASE}/lit.js`,
+            "lit/": `${LIT_CDN_BASE}/`,
+            "lit-html": `${LIT_CDN_BASE}/lit-html/lit-html.js`,
+            "lit-html/": `${LIT_CDN_BASE}/lit-html/`,
+            "lit-element": `${LIT_CDN_BASE}/lit-element/lit-element.js`,
+            "lit-element/": `${LIT_CDN_BASE}/lit-element/`,
+            "@lit/reactive-element": `${LIT_CDN_BASE}/reactive-element/reactive-element.js`,
+            "@lit/reactive-element/": `${LIT_CDN_BASE}/reactive-element/`
+          }
+        }
+      ],
+      scripts: [
+        { id: "twilight-init", children: SALLA_INIT_SCRIPT },
+        { id: "salla-async-css", children: MEDIA_SWAP_SCRIPT },
+        {
+          id: "salla-sdk",
+          type: "module",
+          src: twilightSdkUrl
+        },
+        ...store2?.settings?.ticketing_system_enabled ? [
+          {
+            id: "salla-ticketing-script",
+            src: "https://cdn.assets.salla.network/latest/@salla.sa/ui-store-ticketing-system/ticketing-system.es.js",
+            type: "module"
+          }
+        ] : [],
+        // Fast checkout for quick-purchase feature (product pages, landing pages)
+        ...store2?.settings?.quick_order ? [
+          {
+            id: "fast-checkout-js",
+            type: "module",
+            src: "https://cdn.assets.salla.network/mini-checkout/widget/widget.esm.js?v=0.0.9"
+          }
+        ] : [],
+        ...isCustomJsUrl && customJs ? [
+          {
+            id: "salla-custom-js",
+            children: `document.addEventListener('twilight::initiated',function(){var s=document.createElement('script');s.src=${escapeForInlineScript(JSON.stringify(customJs))};s.async=true;document.head.appendChild(s)},{once:true});`
+          }
+        ] : [],
+        ...!isCustomJsUrl && customJs ? [
+          {
+            id: "salla-custom-js",
+            children: `try { ${customJs} } catch(e) { console.warn("[ThemeCustomization] Custom JS error:", e); }`
+          }
+        ] : []
+      ]
+    })
+  );
+}
+var TANSTACK_ROUTE_ID_MAP = {
+  "/{-$locale}/": RouteId.INDEX,
+  "/{-$locale}/cart": RouteId.CART,
+  "/{-$locale}/search": RouteId.SEARCH,
+  "/{-$locale}/latest-products": RouteId.PRODUCT_INDEX_LATEST,
+  "/{-$locale}/most-sales-products": RouteId.PRODUCT_INDEX_SALES,
+  "/{-$locale}/offers": RouteId.PRODUCT_INDEX_OFFERS,
+  "/{-$locale}/$slug/c{$id}": RouteId.PRODUCT_INDEX,
+  "/{-$locale}/$slug/p{$id}": RouteId.PRODUCT_SINGLE,
+  "/{-$locale}/$slug/brand-{$id}": RouteId.BRANDS_SINGLE,
+  "/{-$locale}/$slug/tag-{$id}": RouteId.PRODUCT_INDEX_TAG,
+  "/{-$locale}/$slug/page-{$id}": RouteId.PAGE_SINGLE,
+  "/{-$locale}/blog": RouteId.BLOG_INDEX,
+  "/{-$locale}/blog/$slug/a-{$id}": RouteId.BLOG_SINGLE,
+  "/{-$locale}/blog/$slug/c-{$id}": RouteId.BLOG_INDEX_CATEGORY,
+  "/{-$locale}/blog/$slug/tag-{$id}": RouteId.BLOG_INDEX_TAG,
+  "/{-$locale}/blog/author/$id": RouteId.BLOG_INDEX_AUTHOR,
+  "/{-$locale}/brands": RouteId.BRANDS_INDEX,
+  "/{-$locale}/brands/$id": RouteId.BRANDS_SINGLE,
+  "/{-$locale}/tags/$id": RouteId.PRODUCT_INDEX_TAG,
+  "/{-$locale}/profile": RouteId.CUSTOMER_PROFILE,
+  "/{-$locale}/wishlist": RouteId.CUSTOMER_WISHLIST,
+  "/{-$locale}/wallet": RouteId.CUSTOMER_WALLET,
+  "/{-$locale}/notifications": RouteId.CUSTOMER_NOTIFICATIONS,
+  "/{-$locale}/settings": RouteId.CUSTOMER_SETTINGS,
+  "/{-$locale}/orders": RouteId.CUSTOMER_ORDERS_INDEX,
+  "/{-$locale}/order/$id": RouteId.CUSTOMER_ORDERS_SINGLE,
+  "/{-$locale}/pending-orders": RouteId.CUSTOMER_ORDERS_INDEX_PENDING,
+  "/{-$locale}/loyalty": RouteId.LOYALTY,
+  "/{-$locale}/testimonials": RouteId.TESTIMONIALS,
+  "/{-$locale}/thank-you/$orderId": RouteId.THANK_YOU
+};
+function resolveRouteId(tanstackId) {
+  return TANSTACK_ROUTE_ID_MAP[tanstackId] ?? tanstackId;
+}
+var LazyNotFoundPage = lazy(
+  () => import('./not-found-BJ3VK5VJ.js').then((m) => ({ default: m.NotFoundPage }))
+);
+function StoreUnavailablePage() {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "#f9fafb"
+      },
+      children: /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: "2rem" }, children: [
+        /* @__PURE__ */ jsx("h1", { style: { fontSize: "1.5rem", marginBottom: "0.5rem" }, children: "Store is temporarily unavailable" }),
+        /* @__PURE__ */ jsx("p", { style: { color: "#6b7280" }, children: "We're having trouble loading the store. Please try again in a moment." }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => window.location.reload(),
+            style: {
+              marginTop: "1rem",
+              padding: "0.75rem 1.5rem",
+              fontSize: "1rem",
+              border: "none",
+              borderRadius: "0.5rem",
+              background: "#111827",
+              color: "#fff",
+              cursor: "pointer"
+            },
+            children: "Retry"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+function RootErrorComponent({ error: _error }) {
+  return /* @__PURE__ */ jsxs("html", { lang: "ar", dir: "rtl", children: [
+    /* @__PURE__ */ jsxs("head", { children: [
+      /* @__PURE__ */ jsx("meta", { charSet: "UTF-8" }),
+      /* @__PURE__ */ jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+      /* @__PURE__ */ jsx("title", { children: "Store Unavailable" })
+    ] }),
+    /* @__PURE__ */ jsx("body", { style: { margin: 0, fontFamily: "sans-serif" }, children: /* @__PURE__ */ jsx(StoreUnavailablePage, {}) })
+  ] });
+}
+function createTwilightRootRoute() {
+  const factory = createRootRouteWithContext();
+  return (options) => factory({
+    beforeLoad: rootBeforeLoad,
+    head: rootHead,
+    errorComponent: RootErrorComponent,
+    ...options
+  });
+}
+function DefaultErrorComponent({ error }) {
+  if (error instanceof RedirectError) {
+    return null;
+  }
+  if (error instanceof NotFoundError) {
+    return /* @__PURE__ */ jsx(ErrorPage, { code: 404, message: error.message });
+  }
+  if (error instanceof UnauthorizedError) {
+    return /* @__PURE__ */ jsx(ErrorPage, { code: 401, message: error.message, showAction: false });
+  }
+  if (error?.response) {
+    return /* @__PURE__ */ jsx(ErrorPage, { code: 400, message: error.message });
+  }
+  return /* @__PURE__ */ jsx(ErrorPage, { code: 500, message: error.message });
+}
+function setupTwilightSsrIntegration(router, queryClient) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const ogHydrate = router.options.hydrate;
+  router.options.hydrate = async (dehydratedData) => {
+    await ogHydrate?.(dehydratedData);
+    hydrateTwilightContext(router, queryClient);
+  };
+}
+function hydrateTwilightContext(router, queryClient) {
+  const rootMatch = router.state?.matches?.[0];
+  if (!rootMatch) return;
+  const beforeLoadCtx = rootMatch.__beforeLoadContext;
+  const matchCtx = rootMatch.context;
+  const settings = beforeLoadCtx?.settings ?? matchCtx?.settings;
+  const locale = beforeLoadCtx?.locale ?? matchCtx?.locale;
+  const authToken = beforeLoadCtx?.authToken ?? matchCtx?.authToken;
+  if (!settings || !locale) return;
+  const translations2 = queryClient.getQueryData(["translations"]);
+  const i18n = createI18nInstance(locale, translations2);
+  const location = router.state?.location ? {
+    href: router.state.location.href,
+    pathname: router.state.location.pathname,
+    search: router.state.location.search,
+    searchStr: router.state.location.searchStr,
+    state: router.state.location.state,
+    hash: router.state.location.hash
+  } : void 0;
+  const matches = router.state?.matches;
+  const page = matches?.reduceRight(
+    (found, m) => found ?? (m.loaderData?.page ? m.loaderData.page : null),
+    null
+  );
+  const leafMatch = matches?.[matches.length - 1];
+  const routeId = leafMatch?.routeId ? resolveRouteId(leafMatch.routeId) : void 0;
+  updateTwilightContext({
+    queryClient,
+    settings,
+    locale,
+    i18n,
+    authToken,
+    location,
+    page,
+    routeId
+  });
+}
+function createRouter(routeTree, options) {
+  setHeadAdapter(tanstackHeadAdapter);
+  const {
+    defaultPendingComponent: pendingOpt,
+    defaultPendingMs = 100,
+    defaultPendingMinMs = 200,
+    defaultStaleTime = Infinity,
+    history
+  } = options ?? {};
+  const pendingComponent = pendingOpt === false ? void 0 : pendingOpt ?? (() => /* @__PURE__ */ jsx(PageSkeleton, {}));
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 6e4,
+        gcTime: 5 * 6e4,
+        retry: 1,
+        refetchOnWindowFocus: false
+      },
+      mutations: {
+        retry: 0
+      }
+    }
+  });
+  updateTwilightContext({ queryClient });
+  const router = createRouter$1({
+    routeTree,
+    ...history ? { history } : {},
+    context: {
+      queryClient,
+      setLocation: (location) => {
+        updateTwilightContext({ location });
+      }
+    },
+    defaultPreload: "intent",
+    scrollRestoration: true,
+    scrollRestorationBehavior: "instant",
+    trailingSlash: "never",
+    defaultStaleTime,
+    defaultNotFoundComponent: () => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(PageSkeleton, {}), children: /* @__PURE__ */ jsx(LazyNotFoundPage, {}) }),
+    defaultPendingComponent: pendingComponent,
+    defaultPendingMs,
+    defaultPendingMinMs,
+    defaultErrorComponent: DefaultErrorComponent
+  });
+  setupRouterSsrQueryIntegration({ router, queryClient });
+  setupTwilightSsrIntegration(router, queryClient);
+  function syncNavigationState() {
+    const state = router?.state;
+    if (!state?.location) return;
+    const loc = state.location;
+    updateTwilightContext({
+      location: {
+        href: loc.href,
+        pathname: loc.pathname,
+        search: loc.search,
+        searchStr: loc.searchStr,
+        state: loc.state,
+        hash: loc.hash
+      }
+    });
+    const matches = state.matches;
+    const leafMatch = matches[matches.length - 1];
+    if (leafMatch?.routeId) {
+      const semanticId = resolveRouteId(leafMatch.routeId);
+      updateTwilightContext({ routeId: semanticId });
+    }
+    const rootMatch = state.matches[0];
+    if (rootMatch?.context) {
+      const ctx = rootMatch.context;
+      if (ctx?.settings) {
+        updateTwilightContext({ settings: ctx.settings, locale: ctx.locale });
+      }
+    }
+  }
+  router.subscribe("onLoad", () => {
+    const matches = router.state?.matches;
+    if (!matches) return;
+    const page = matches.reduceRight(
+      (found, m) => found ?? (m.loaderData?.page ? m.loaderData.page : null),
+      null
+    );
+    if (page) {
+      updateTwilightContext({ page });
+      const salla = window.salla;
+      salla?.config?.set?.("page", {
+        ...page,
+        url: page.url ?? router.state.location.pathname + router.state.location.searchStr
+      });
+    }
+  });
+  router.subscribe("onResolved", () => {
+    syncNavigationState();
+    dispatchRouteChanged();
+  });
+  return router;
+}
+
+// src/tanstack/document-class.ts
+var ROUTE_CLASS_MAP = {
+  "/{-$locale}/": "index",
+  "/{-$locale}/cart": "cart",
+  "/{-$locale}/$slug/c{$id}": "product-index",
+  "/{-$locale}/offers": "product-index-offers",
+  "/{-$locale}/latest-products": "product-index-latest",
+  "/{-$locale}/most-sales-products": "product-index-sales",
+  "/{-$locale}/search": "product-index-search",
+  "/{-$locale}/$slug/tag-{$id}": "product-index-tag",
+  "/{-$locale}/tags/$id": "product-index-tag",
+  "/{-$locale}/$slug/p{$id}": "product-single",
+  "/{-$locale}/$slug/page-{$id}": "page-single",
+  "/{-$locale}/page/$slug": "page-single",
+  "/{-$locale}/p/$slug": "page-single",
+  "/{-$locale}/thank-you/$orderId": "thank-you",
+  "/{-$locale}/orders": "customer-orders-index",
+  "/{-$locale}/pending-orders": "customer-orders-index-pending",
+  // redirect to /orders?status=pending
+  "/{-$locale}/order/$id": "customer-orders-single",
+  "/{-$locale}/profile": "customer-profile",
+  "/{-$locale}/wallet": "customer-wallet",
+  "/{-$locale}/wishlist": "customer-wishlist",
+  "/{-$locale}/notifications": "customer-notifications",
+  "/{-$locale}/testimonials": "testimonials",
+  "/{-$locale}/brands": "brands-index",
+  "/{-$locale}/brands/$id": "brands-single",
+  "/{-$locale}/$slug/brand-{$id}": "brands-single",
+  "/{-$locale}/blog": "blog-index",
+  "/{-$locale}/blog/$slug/a-{$id}": "blog-single",
+  "/{-$locale}/blog/$slug/c-{$id}": "blog-index-category",
+  "/{-$locale}/blog/$slug/tag-{$id}": "blog-index-tag",
+  "/{-$locale}/blog/author/$id": "blog-index-author",
+  "/{-$locale}/loyalty": "loyalty"
+};
+function RouteDocumentSync() {
+  const matches = useRouterState({ select: (s) => s.matches });
+  let routeClass = null;
+  for (let i = matches.length - 1; i >= 0; i--) {
+    const id = matches[i].routeId;
+    if (id in ROUTE_CLASS_MAP) {
+      routeClass = ROUTE_CLASS_MAP[id];
+      break;
+    }
+  }
+  useDocumentClass(routeClass ? { body: { class: routeClass } } : {});
+  return null;
+}
+function TanStackDocumentSync() {
+  const matches = useRouterState({ select: (s) => s.matches }) || [];
+  if (typeof window === "undefined") {
+    const leaf = matches[matches.length - 1];
+    if (leaf?.routeId) {
+      updateTwilightContext({ routeId: resolveRouteId(leaf.routeId) });
+    }
+  }
+  let routeClass = null;
+  for (let i = matches.length - 1; i >= 0; i--) {
+    const id = matches[i].routeId;
+    if (id in ROUTE_CLASS_MAP) {
+      routeClass = ROUTE_CLASS_MAP[id];
+      break;
+    }
+  }
+  useDocumentClass(routeClass ? { body: { class: routeClass } } : {});
+  return null;
+}
+function useTanstackDocumentAttrs() {
+  const matches = useRouterState({ select: (s) => s.matches });
+  const bodyDescriptors = matches.map(
+    (m) => m.staticData?.documentAttrs?.body ?? {}
+  );
+  const htmlDescriptors = matches.map(
+    (m) => m.staticData?.documentAttrs?.html ?? {}
+  );
+  return {
+    bodyAttrs: toReactProps(mergeElementAttrs(bodyDescriptors)),
+    htmlAttrs: toReactProps(mergeElementAttrs(htmlDescriptors))
+  };
+}
+function tanstackDocumentAdapter(descriptor) {
+  return {
+    bodyAttrs: toReactProps(mergeElementAttrs([descriptor.body ?? {}])),
+    htmlAttrs: toReactProps(mergeElementAttrs([descriptor.html ?? {}]))
+  };
+}
+
+export { RouteDocumentSync, TanStackDocumentSync, createRouter, createTwilightRootRoute, rootHead, tanstackDocumentAdapter, useTanstackDocumentAttrs };
+//# sourceMappingURL=chunk-562ZMVI3.js.map
+//# sourceMappingURL=chunk-562ZMVI3.js.map