@salla.sa/twilight-theme-engine 1.0.152 → 1.0.153

package/dist/{chunk-5VTVPQQB.js.map → chunk-QJR5FRIA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/brands.ts"],"names":[],"mappings":";;;;AAMO,IAAM,KAAA,GAAQ;AAAA,EACnB,IAAA,EAAM,OAAO,IAAA,KAAmD;AAC9D,IAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAO,GAAI,MAAM,GAAA,CAC5B,GAAA,CAAI,IAAA,GAAO,CAAA,YAAA,EAAe,IAAI,CAAA,CAAA,GAAK,QAAQ,EAC3C,IAAA,EAAoD;AACvD,IAAA,OAAO,EAAE,OAAO,IAAA,IAAQ,IAAI,IAAA,EAAM,MAAA,EAAQ,QAAQ,IAAA,EAAK;AAAA,EACzD,CAAA;AAAA,EAEA,IAAA,EAAM,OAAO,EAAA,KAA+B;AAC1C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,OAAA,EAAU,EAAE,CAAA,CAAE,CAAA,CAAE,IAAA,EAAsB;AACrE,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,EAAA,KAA+B,QAAQ,KAAA,CAAM,IAAA,CAAK,EAAE,CAAC,CAAA;AAAA,EAEnE,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,CAAC,IAAA,KACL,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,MACtC,OAAA,EAAS,MAAM,KAAA,CAAM,IAAA,CAAK,IAAI;AAAA,KAC/B,CAAA;AAAA,IACH,MAAA,EAAQ,CAAC,EAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,QAAA,EAAU,EAAE,CAAA;AAAA,MACjC,OAAA,EAAS,MAAM,KAAA,CAAM,IAAA,CAAK,EAAE;AAAA,KAC7B;AAAA;AAEP","file":"chunk-5VTVPQQB.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Brand } from '../routes/brands/types';\nimport type { PaginatedResult, Pagination } from './types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const brand = {\n  list: async (page?: number): Promise<PaginatedResult<Brand>> => {\n    const { data, cursor } = await api\n      .get(page ? `brands?page=${page}` : 'brands')\n      .json<{ data: Brand[] | null; cursor?: Pagination }>();\n    return { items: data ?? [], next: cursor?.next ?? null };\n  },\n\n  find: async (id: string): Promise<Brand> => {\n    const { data } = await api.get(`brands/${id}`).json<{ data: Brand }>();\n    return data;\n  },\n\n  findOrThrow: (id: string): Promise<Brand> => orThrow(brand.find(id)),\n\n  queries: {\n    list: (page?: number) =>\n      queryOptions({\n        queryKey: ['brands', 'list', page ?? 1],\n        queryFn: () => brand.list(page),\n      }),\n    detail: (id: string) =>\n      queryOptions({\n        queryKey: ['brands', 'detail', id],\n        queryFn: () => brand.find(id),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/brands.ts"],"names":[],"mappings":";;;;AAMO,IAAM,KAAA,GAAQ;AAAA,EACnB,IAAA,EAAM,OAAO,IAAA,KAAmD;AAC9D,IAAA,MAAM,EAAE,IAAA,EAAM,MAAA,EAAO,GAAI,MAAM,GAAA,CAC5B,GAAA,CAAI,IAAA,GAAO,CAAA,YAAA,EAAe,IAAI,CAAA,CAAA,GAAK,QAAQ,EAC3C,IAAA,EAAoD;AACvD,IAAA,OAAO,EAAE,OAAO,IAAA,IAAQ,IAAI,IAAA,EAAM,MAAA,EAAQ,QAAQ,IAAA,EAAK;AAAA,EACzD,CAAA;AAAA,EAEA,IAAA,EAAM,OAAO,EAAA,KAA+B;AAC1C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,OAAA,EAAU,EAAE,CAAA,CAAE,CAAA,CAAE,IAAA,EAAsB;AACrE,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,EAAA,KAA+B,QAAQ,KAAA,CAAM,IAAA,CAAK,EAAE,CAAC,CAAA;AAAA,EAEnE,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,CAAC,IAAA,KACL,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,MACtC,OAAA,EAAS,MAAM,KAAA,CAAM,IAAA,CAAK,IAAI;AAAA,KAC/B,CAAA;AAAA,IACH,MAAA,EAAQ,CAAC,EAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,QAAA,EAAU,EAAE,CAAA;AAAA,MACjC,OAAA,EAAS,MAAM,KAAA,CAAM,IAAA,CAAK,EAAE;AAAA,KAC7B;AAAA;AAEP","file":"chunk-QJR5FRIA.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Brand } from '../routes/brands/types';\nimport type { PaginatedResult, Pagination } from './types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const brand = {\n  list: async (page?: number): Promise<PaginatedResult<Brand>> => {\n    const { data, cursor } = await api\n      .get(page ? `brands?page=${page}` : 'brands')\n      .json<{ data: Brand[] | null; cursor?: Pagination }>();\n    return { items: data ?? [], next: cursor?.next ?? null };\n  },\n\n  find: async (id: string): Promise<Brand> => {\n    const { data } = await api.get(`brands/${id}`).json<{ data: Brand }>();\n    return data;\n  },\n\n  findOrThrow: (id: string): Promise<Brand> => orThrow(brand.find(id)),\n\n  queries: {\n    list: (page?: number) =>\n      queryOptions({\n        queryKey: ['brands', 'list', page ?? 1],\n        queryFn: () => brand.list(page),\n      }),\n    detail: (id: string) =>\n      queryOptions({\n        queryKey: ['brands', 'detail', id],\n        queryFn: () => brand.find(id),\n      }),\n  },\n};\n"]}

package/dist/chunk-T3GORIJL.js

@@ -0,0 +1,69 @@
+import { redirect, isMissingResource } from './chunk-DWWPRLD3.js';
+import { clearAuthTokenCookie } from './chunk-EEL6OYAQ.js';
+import { FALLBACK_LOCALE, isLocale } from './chunk-T72DAX7R.js';
+import { useEffect } from 'react';
+
+async function slugBrandRedirectLoader(ctx) {
+  const locale = ctx.params.locale || FALLBACK_LOCALE;
+  throw redirect(`/${locale}/brands/${ctx.params.id}`);
+}
+async function pendingOrdersRedirectLoader(ctx = { params: {} }) {
+  const locale = ctx.params.locale || FALLBACK_LOCALE;
+  throw redirect(`/${locale}/account/orders?status=pending`);
+}
+async function ratingRedirectLoader(ctx = { params: {} }) {
+  const locale = ctx.params.locale || FALLBACK_LOCALE;
+  throw redirect(`/${locale}/account/orders`);
+}
+async function accountRedirectLoader(ctx) {
+  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : "";
+  throw redirect(`${prefix}/account/${ctx.page}${ctx.search ?? ""}`, { statusCode: 301 });
+}
+async function productsSourceRedirectLoader(ctx) {
+  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : "";
+  const query = new URLSearchParams(ctx.search);
+  query.delete("source");
+  const rest = query.toString();
+  throw redirect(`${prefix}/products?source=${ctx.source}${rest ? `&${rest}` : ""}`, {
+    statusCode: 301
+  });
+}
+var SLUG_ROUTES = /* @__PURE__ */ new Set(["/{-$locale}/$slug/p{$id}", "/{-$locale}/$slug/c{$id}"]);
+function rendersNoPage({ routeId, params }) {
+  if (routeId === "/{-$locale}" || params.locale && !isLocale(params.locale)) return true;
+  if (!SLUG_ROUTES.has(routeId)) return false;
+  return !params.locale && isLocale(params.slug) || !/^\d+$/.test(params.id ?? "");
+}
+async function twigUrlRedirect(pathname, search, page) {
+  if (!page || !rendersNoPage(page)) return;
+  const productUrl = /^(?:\/([^/]+))?\/p(\d+)(?:-[^/]*)?\/?$/.exec(pathname);
+  const match = productUrl ?? /^(?:\/([^/]+))?\/category\/([A-Za-z0-9]+)\/?$/.exec(pathname);
+  if (!match || match[1] && !isLocale(match[1])) return;
+  let target;
+  try {
+    if (productUrl) {
+      const { product } = await import('./api/product.js');
+      await product.find(match[2]);
+      target = `/-/p${match[2]}`;
+    } else {
+      const { category } = await import('./api/category.js');
+      const found = await category.find(match[2]);
+      target = `/-/c${found.id_ ?? found.id}`;
+    }
+  } catch (error) {
+    if (isMissingResource(error)) return;
+    throw error;
+  }
+  throw redirect(`${match[1] ? `/${match[1]}` : ""}${target}${search}`, { statusCode: 301 });
+}
+function LogoutRedirect() {
+  useEffect(() => {
+    clearAuthTokenCookie();
+    window.location.replace(window.location.href.replace(/\/logout\/?(\?[^#]*)?(#.*)?$/, ""));
+  }, []);
+  return null;
+}
+
+export { LogoutRedirect, accountRedirectLoader, pendingOrdersRedirectLoader, productsSourceRedirectLoader, ratingRedirectLoader, slugBrandRedirectLoader, twigUrlRedirect };
+//# sourceMappingURL=chunk-T3GORIJL.js.map
+//# sourceMappingURL=chunk-T3GORIJL.js.map

package/dist/chunk-T3GORIJL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/seo-redirects.ts"],"names":[],"mappings":"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","file":"chunk-T3GORIJL.js","sourcesContent":["import { useEffect } from 'react';\nimport { isMissingResource, redirect } from '../providers/NavigationProvider';\nimport { FALLBACK_LOCALE, isLocale } from '../providers/locale-constants';\nimport { clearAuthTokenCookie } from '../utils/cookies';\n\nexport interface SlugBrandParams {\n  /** SEO slug segment (ignored — only here to match the route pattern). */\n  slug: string;\n  /** Brand numeric ID to redirect to. */\n  id: string;\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function slugBrandRedirectLoader(ctx: { params: SlugBrandParams }): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/brands/${ctx.params.id}`);\n}\n\nexport interface PendingOrdersRedirectParams {\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function pendingOrdersRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders?status=pending`);\n}\n\n/** `/account/rating`: the loyalty \"rate your orders\" link. Twig Raed has no rating page and sends it to the orders list. */\nexport async function ratingRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders`);\n}\n\n/** A Twig customer URL (`/profile`, `/orders`, …) kept working as its `/account/…` page. */\nexport async function accountRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  page: string;\n  /** The incoming query string (`?status=pending`), kept on the account page. */\n  search?: string;\n}): Promise<never> {\n  // No locale in the URL stays without one: the locale layout adds it only where the store has several.\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  throw redirect(`${prefix}/account/${ctx.page}${ctx.search ?? ''}`, { statusCode: 301 });\n}\n\n/** `/latest-products`, `/most-sales-products` and `/offers` now live at `/products?source=`. */\nexport async function productsSourceRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  source: 'latest' | 'sales' | 'offers';\n  search?: string;\n}): Promise<never> {\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  const query = new URLSearchParams(ctx.search);\n  query.delete('source');\n  const rest = query.toString();\n  throw redirect(`${prefix}/products?source=${ctx.source}${rest ? `&${rest}` : ''}`, {\n    statusCode: 301,\n  });\n}\n\n/** Routes a Twig URL lands on by accident: a locale bound as `$slug`, or an id that is no number. */\nconst SLUG_ROUTES = new Set(['/{-$locale}/$slug/p{$id}', '/{-$locale}/$slug/c{$id}']);\n\n/** The page the router matched, as the locale layout's `beforeLoad` sees it. */\nexport interface MatchedPage {\n  routeId: string;\n  params: Record<string, string | undefined>;\n}\n\nfunction rendersNoPage({ routeId, params }: MatchedPage): boolean {\n  // A first segment that is no language binds as the locale, of the layout or of the home page.\n  if (routeId === '/{-$locale}' || (params.locale && !isLocale(params.locale))) return true;\n  if (!SLUG_ROUTES.has(routeId)) return false;\n  return (!params.locale && isLocale(params.slug)) || !/^\\d+$/.test(params.id ?? '');\n}\n\n/**\n * Twig's product and category URLs (`/p{id}`, `/p{id}-{name}`, `/category/{hash}`, each with or\n * without a locale) sent to the page that has them now. Run by the locale layout's `beforeLoad`,\n * only for an address no page answers: the router binds `/ar/p1` to `$slug/p{$id}` (slug `ar`)\n * and `/p1` to the locale. A product or category that is gone stays the not-found page.\n */\nexport async function twigUrlRedirect(\n  pathname: string,\n  search: string,\n  page: MatchedPage | undefined\n): Promise<void> {\n  if (!page || !rendersNoPage(page)) return;\n  const productUrl = /^(?:\\/([^/]+))?\\/p(\\d+)(?:-[^/]*)?\\/?$/.exec(pathname);\n  const match = productUrl ?? /^(?:\\/([^/]+))?\\/category\\/([A-Za-z0-9]+)\\/?$/.exec(pathname);\n  if (!match || (match[1] && !isLocale(match[1]))) return;\n\n  let target: string;\n  try {\n    if (productUrl) {\n      const { product } = await import('../api/product');\n      await product.find(match[2]);\n      target = `/-/p${match[2]}`;\n    } else {\n      const { category } = await import('../api/category');\n      const found = await category.find(match[2]);\n      target = `/-/c${found.id_ ?? found.id}`;\n    }\n  } catch (error) {\n    if (isMissingResource(error)) return;\n    throw error;\n  }\n  throw redirect(`${match[1] ? `/${match[1]}` : ''}${target}${search}`, { statusCode: 301 });\n}\n\n/**\n * `/logout` — where the SDK sends the browser once `salla.auth.logout()` has run\n * (`salla.url.get('logout?from=…')`). The Twig storefront serves that URL server-side. Here\n * it renders nothing and, in the browser, removes the theme's own `token` cookie (the SDK's\n * `cookie.clearAll()` leaves it) and then does a full navigation home. It has to be a\n * component, not a loader redirect: a loader runs during server rendering, where the cookie\n * can't be cleared, so the redirect would leave the visitor signed in on the next request.\n */\nexport function LogoutRedirect(): null {\n  useEffect(() => {\n    clearAuthTokenCookie();\n    // `/{store base}/{locale}/logout?from=…` → `/{store base}/{locale}`\n    window.location.replace(window.location.href.replace(/\\/logout\\/?(\\?[^#]*)?(#.*)?$/, ''));\n  }, []);\n  return null;\n}\n"]}

package/dist/{chunk-EFKVEYML.js → chunk-T3UUH7YX.js}

@@ -1,7 +1,7 @@
 import { reorder, useLiveBlockMoves } from './chunk-IXHM24Z4.js';
-import { HomeComponentRenderer, ReorderProducts } from './chunk-LAO3MSKN.js';
-import { home } from './chunk-AFFBCOH6.js';
-import { useDevHomeBlocks } from './chunk-MJQ3HFLJ.js';
+import { HomeComponentRenderer, ReorderProducts } from './chunk-7TEJBYGD.js';
+import { home } from './chunk-QEE2A7O2.js';
+import { useDevHomeBlocks } from './chunk-3YMCWKFT.js';
 import { storePageUrl, buildHreflangAlternates } from './chunk-M2MJKUQF.js';
 import { RouteId } from './chunk-OUW6WESU.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
@@ -104,5 +104,5 @@ function head(ctx) {
 var Home = { id: RouteId.INDEX, loader, head, Component: HomePage };
 
 export { Home, HomeSkeleton, homeLoader };
-//# sourceMappingURL=chunk-EFKVEYML.js.map
-//# sourceMappingURL=chunk-EFKVEYML.js.map
+//# sourceMappingURL=chunk-T3UUH7YX.js.map
+//# sourceMappingURL=chunk-T3UUH7YX.js.map

package/dist/{chunk-EFKVEYML.js.map → chunk-T3UUH7YX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":"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","file":"chunk-EFKVEYML.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo, useCallback, useState } from 'react';\nimport { useDevHomeBlocks } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer, ReorderProducts } from '../../components/home';\nimport { reorder, useLiveBlockMoves } from '../../components/live-editor/moves';\nimport type { HomePageProps } from './types';\nimport type { HomeComponentData } from '../../types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\n/** As on Twig, a home page with no blocks lists the store's latest products instead. */\nconst LATEST_PRODUCTS: HomeComponentData = { path: 'latest-products' };\n\n/** The blocks' places in the store's order: 0, 1, 2… */\nconst storeOrder = (blocks: readonly unknown[]) => Array.from(blocks, (_, at) => at);\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: the dev editor's layout replaces the store's blocks while it\n  // is on. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeBlocks(components);\n  // The theme editor's preview moves blocks in place while the editor saves the\n  // order; blocks from the server (a new page, a reload) start over from theirs.\n  const [moved, setMoved] = useState<{ source: HomeComponentData[]; order: number[] } | null>(null);\n  const order = moved?.source === renderedComponents ? moved.order : null;\n  const onMove = useCallback(\n    (from: number, to: number) =>\n      setMoved((prev) => ({\n        source: renderedComponents,\n        order: reorder(\n          prev?.source === renderedComponents ? prev.order : storeOrder(renderedComponents),\n          from,\n          to\n        ),\n      })),\n    [renderedComponents]\n  );\n  useLiveBlockMoves(onMove);\n  const placed = order ?? storeOrder(renderedComponents);\n\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {placed.map((at, index) => {\n        const data = renderedComponents[at];\n        // `data.key` is the twilight.json catalog id, shared by every placement\n        // of that block. Platform blocks send null. The block's place in the\n        // store's order is unique and stays with it when the preview moves it, so\n        // a move keeps its state; a dev layout block keeps its own id.\n        return <HomeComponentRenderer key={data.__dev_id ?? at} data={data} index={index} />;\n      })}\n      {!renderedComponents.length && (\n        <HomeComponentRenderer data={LATEST_PRODUCTS} index={0} editable={false} />\n      )}\n      <HookSlot name=\"home:end\" />\n      <ReorderProducts />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates, storePageUrl } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n  // `/ar`, like Twig, where store.url reads `/ar/`.\n  const url = storePageUrl(ctx.settings, ctx.location.pathname) ?? store.url;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}
+{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":"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","file":"chunk-T3UUH7YX.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo, useCallback, useState } from 'react';\nimport { useDevHomeBlocks } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer, ReorderProducts } from '../../components/home';\nimport { reorder, useLiveBlockMoves } from '../../components/live-editor/moves';\nimport type { HomePageProps } from './types';\nimport type { HomeComponentData } from '../../types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\n/** As on Twig, a home page with no blocks lists the store's latest products instead. */\nconst LATEST_PRODUCTS: HomeComponentData = { path: 'latest-products' };\n\n/** The blocks' places in the store's order: 0, 1, 2… */\nconst storeOrder = (blocks: readonly unknown[]) => Array.from(blocks, (_, at) => at);\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: the dev editor's layout replaces the store's blocks while it\n  // is on. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeBlocks(components);\n  // The theme editor's preview moves blocks in place while the editor saves the\n  // order; blocks from the server (a new page, a reload) start over from theirs.\n  const [moved, setMoved] = useState<{ source: HomeComponentData[]; order: number[] } | null>(null);\n  const order = moved?.source === renderedComponents ? moved.order : null;\n  const onMove = useCallback(\n    (from: number, to: number) =>\n      setMoved((prev) => ({\n        source: renderedComponents,\n        order: reorder(\n          prev?.source === renderedComponents ? prev.order : storeOrder(renderedComponents),\n          from,\n          to\n        ),\n      })),\n    [renderedComponents]\n  );\n  useLiveBlockMoves(onMove);\n  const placed = order ?? storeOrder(renderedComponents);\n\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {placed.map((at, index) => {\n        const data = renderedComponents[at];\n        // `data.key` is the twilight.json catalog id, shared by every placement\n        // of that block. Platform blocks send null. The block's place in the\n        // store's order is unique and stays with it when the preview moves it, so\n        // a move keeps its state; a dev layout block keeps its own id.\n        return <HomeComponentRenderer key={data.__dev_id ?? at} data={data} index={index} />;\n      })}\n      {!renderedComponents.length && (\n        <HomeComponentRenderer data={LATEST_PRODUCTS} index={0} editable={false} />\n      )}\n      <HookSlot name=\"home:end\" />\n      <ReorderProducts />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates, storePageUrl } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n  // `/ar`, like Twig, where store.url reads `/ar/`.\n  const url = storePageUrl(ctx.settings, ctx.location.pathname) ?? store.url;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}

package/dist/{chunk-LPF6YURL.js → chunk-TK2ZIYF6.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-FCFIG4M3.js';
+import { api } from './chunk-EMGVOEZZ.js';
 
 // src/api/wallet.ts
 var wallet = {
@@ -20,5 +20,5 @@ var wallet = {
 };
 
 export { wallet };
-//# sourceMappingURL=chunk-LPF6YURL.js.map
-//# sourceMappingURL=chunk-LPF6YURL.js.map
+//# sourceMappingURL=chunk-TK2ZIYF6.js.map
+//# sourceMappingURL=chunk-TK2ZIYF6.js.map

package/dist/{chunk-LPF6YURL.js.map → chunk-TK2ZIYF6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/wallet.ts"],"names":[],"mappings":";;;AAgCO,IAAM,MAAA,GAAS;AAAA,EACpB,IAAA,EAAM,OAAO,MAAA,GAA2B,EAAC,KAAiC;AACxE,IAAA,MAAM,EAAE,IAAA,GAAO,CAAA,EAAG,OAAA,GAAU,EAAA,EAAI,QAAO,GAAI,MAAA;AAE3C,IAAA,MAAM,YAAA,GAAe,IAAI,eAAA,EAAgB;AACzC,IAAA,YAAA,CAAa,GAAA,CAAI,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AACrC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,OAAO,CAAC,CAAA;AAE5C,IAAA,MAAM,UAAmC,EAAC;AAC1C,IAAA,IAAI,MAAA,UAAgB,MAAA,GAAS,MAAA;AAE7B,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,eAAA,EAAkB,YAAA,CAAa,QAAA,EAAU,CAAA,CAAA,EAAI,OAAc,CAAA,CAC/D,IAAA,EAAsE;AAEzE,IAAA,MAAM,YAAA,GAAe,SAAS,IAAA,CAAK,YAAA;AAEnC,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,YAAA,CAAa,IAAA,IAAQ,EAAC;AAAA,MAC7B,MAAM,YAAA,CAAa,aAAA;AAAA,MACnB,OAAA,EAAS,SAAS,IAAA,CAAK;AAAA,KACzB;AAAA,EACF;AACF","file":"chunk-LPF6YURL.js","sourcesContent":["import { api } from './client';\n\nexport interface TransactionItem {\n  id: number;\n  order_id: number;\n  transaction_type: string;\n  action_type: string;\n  type: string;\n  title: string;\n  description: string;\n  amount: number;\n  created_at: number;\n  expired_at: number;\n}\n\nexport interface WalletListParams {\n  page?: number;\n  perPage?: number;\n  signal?: AbortSignal;\n}\n\nexport interface WalletListResponse {\n  data: TransactionItem[];\n  next_page_url: string | null;\n}\n\nexport interface WalletListResult {\n  items: TransactionItem[];\n  next: string | null;\n  balance: number;\n}\n\nexport const wallet = {\n  list: async (params: WalletListParams = {}): Promise<WalletListResult> => {\n    const { page = 1, perPage = 10, signal } = params;\n\n    const searchParams = new URLSearchParams();\n    searchParams.set('page', String(page));\n    searchParams.set('per_page', String(perPage));\n\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`balance/wallet?${searchParams.toString()}`, options as any)\n      .json<{ data: { transactions: WalletListResponse; balance: number } }>();\n\n    const transactions = response.data.transactions;\n\n    return {\n      items: transactions.data ?? [],\n      next: transactions.next_page_url,\n      balance: response.data.balance,\n    };\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/wallet.ts"],"names":[],"mappings":";;;AAgCO,IAAM,MAAA,GAAS;AAAA,EACpB,IAAA,EAAM,OAAO,MAAA,GAA2B,EAAC,KAAiC;AACxE,IAAA,MAAM,EAAE,IAAA,GAAO,CAAA,EAAG,OAAA,GAAU,EAAA,EAAI,QAAO,GAAI,MAAA;AAE3C,IAAA,MAAM,YAAA,GAAe,IAAI,eAAA,EAAgB;AACzC,IAAA,YAAA,CAAa,GAAA,CAAI,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AACrC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,OAAO,CAAC,CAAA;AAE5C,IAAA,MAAM,UAAmC,EAAC;AAC1C,IAAA,IAAI,MAAA,UAAgB,MAAA,GAAS,MAAA;AAE7B,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,eAAA,EAAkB,YAAA,CAAa,QAAA,EAAU,CAAA,CAAA,EAAI,OAAc,CAAA,CAC/D,IAAA,EAAsE;AAEzE,IAAA,MAAM,YAAA,GAAe,SAAS,IAAA,CAAK,YAAA;AAEnC,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,YAAA,CAAa,IAAA,IAAQ,EAAC;AAAA,MAC7B,MAAM,YAAA,CAAa,aAAA;AAAA,MACnB,OAAA,EAAS,SAAS,IAAA,CAAK;AAAA,KACzB;AAAA,EACF;AACF","file":"chunk-TK2ZIYF6.js","sourcesContent":["import { api } from './client';\n\nexport interface TransactionItem {\n  id: number;\n  order_id: number;\n  transaction_type: string;\n  action_type: string;\n  type: string;\n  title: string;\n  description: string;\n  amount: number;\n  created_at: number;\n  expired_at: number;\n}\n\nexport interface WalletListParams {\n  page?: number;\n  perPage?: number;\n  signal?: AbortSignal;\n}\n\nexport interface WalletListResponse {\n  data: TransactionItem[];\n  next_page_url: string | null;\n}\n\nexport interface WalletListResult {\n  items: TransactionItem[];\n  next: string | null;\n  balance: number;\n}\n\nexport const wallet = {\n  list: async (params: WalletListParams = {}): Promise<WalletListResult> => {\n    const { page = 1, perPage = 10, signal } = params;\n\n    const searchParams = new URLSearchParams();\n    searchParams.set('page', String(page));\n    searchParams.set('per_page', String(perPage));\n\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`balance/wallet?${searchParams.toString()}`, options as any)\n      .json<{ data: { transactions: WalletListResponse; balance: number } }>();\n\n    const transactions = response.data.transactions;\n\n    return {\n      items: transactions.data ?? [],\n      next: transactions.next_page_url,\n      balance: response.data.balance,\n    };\n  },\n};\n"]}

package/dist/{chunk-BY4DQTOG.js → chunk-U7ZHPOGI.js}

@@ -1,8 +1,8 @@
-import { useIsHome } from './chunk-ZBGMIDDO.js';
-import { PageAdvertisements } from './chunk-UL2DRYH3.js';
+import { useIsHome } from './chunk-DWWPRLD3.js';
+import { PageAdvertisements } from './chunk-2BRLDR24.js';
 import { HookSlot, useIsClient } from './chunk-5XDPAKF5.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-AU2XMLTH.js';
+import { Image } from './chunk-ONBDJMLJ.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { lazyComponent } from './chunk-VYGA5AT5.js';
 import { useState } from 'react';
@@ -16,10 +16,10 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/components/navigation/lazy.ts
 var LazyMainMenu = lazyComponent(
-  () => import('./MainMenu-YLCB4MT7.js').then((m) => ({ default: m.MainMenu }))
+  () => import('./MainMenu-7WKMQYJE.js').then((m) => ({ default: m.MainMenu }))
 );
 var LazyMobileMenu = lazyComponent(
-  () => import('./MobileMenu-S5LB622I.js').then((m) => ({ default: m.MobileMenu }))
+  () => import('./MobileMenu-2ISSFTOL.js').then((m) => ({ default: m.MobileMenu }))
 );
 function HeaderContacts() {
   const { store } = useTwilight();
@@ -130,5 +130,5 @@ function Header(_props) {
 }
 
 export { Header };
-//# sourceMappingURL=chunk-BY4DQTOG.js.map
-//# sourceMappingURL=chunk-BY4DQTOG.js.map
+//# sourceMappingURL=chunk-U7ZHPOGI.js.map
+//# sourceMappingURL=chunk-U7ZHPOGI.js.map

package/dist/{chunk-BY4DQTOG.js.map → chunk-U7ZHPOGI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/lazy.ts","../src/components/layout/Header.tsx"],"names":[],"mappings":"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","file":"chunk-BY4DQTOG.js","sourcesContent":["import { lazyComponent } from '../../utils/lazy-component';\n\n/**\n * Lazy-loaded navigation components\n * Use these for code-splitting navigation sections\n */\nexport const LazyMainMenu = lazyComponent(() =>\n  import('./MainMenu').then((m) => ({ default: m.MainMenu }))\n);\n\nexport const LazyMobileMenu = lazyComponent(() =>\n  import('./MobileMenu').then((m) => ({ default: m.MobileMenu }))\n);\n","import { useState } from 'react';\nimport { useIsHome } from '../../providers/NavigationProvider';\nimport { SallaCartSummary } from '@salla.sa/twilight-components-react/cart-summary';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaLocalizationModal } from '@salla.sa/twilight-components-react/localization-modal';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaSearch } from '@salla.sa/twilight-components-react/search';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { MainMenu, MobileMenu } from '../navigation';\nimport { Image } from '../common';\nimport { PageAdvertisements } from './PageAdvertisements';\nimport type { Cart } from '../../types';\n\ninterface HeaderProps {\n  cart?: Cart;\n}\n\n/** The store's phone and email in the top nav. `<salla-contacts>` fills its light DOM\n *  once the SDK is ready, which can come before React hydrates it: a hydration error\n *  (React #418). So it renders after mount. */\nfunction HeaderContacts() {\n  const { store } = useTwilight();\n  const isClient = useIsClient();\n  if (!isClient) return null;\n  return <SallaContacts contacts={store?.contacts} contactsTitle=\"N/A\" isHeader />;\n}\n\nexport function Header(_props: HeaderProps) {\n  const { currency, theme, store } = useTwilight();\n  const { locale, languageName } = useTranslation();\n  const settings = theme?.settings || {};\n  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n  // Check if we're on homepage\n  const isHomepage = useIsHome();\n\n  const StoreTitle = isHomepage ? 'h1' : 'span';\n\n  return (\n    <header className=\"store-header\" suppressHydrationWarning>\n      <HookSlot name=\"header:start\" />\n      <div className=\"advertisement-slot\">\n        <PageAdvertisements />\n      </div>\n      {/* Top Nav */}\n      <div className={`top-navbar${settings.topnav_is_dark ? ' top-navbar--dark' : ''}`}>\n        <div className=\"container flex justify-between\">\n          <div className=\"flex-1 flex items-center gap-2\">\n            {/* Footer Menu */}\n            {settings.important_links && <SallaMenu source=\"footer\" topnav />}\n\n            {/* Language & Currency */}\n            <div className=\"header-buttons\">\n              {(store?.settings?.is_multilingual || store?.settings?.currencies_enabled) && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => window.salla?.event.dispatch('localization::open')}\n                    className=\"btn--rounded-gray basis-0\"\n                  >\n                    <span>{languageName}</span>\n                    <span className=\"mx-1.5\">|</span>\n                    <span className={`flag iti__flag  iti__${store?.country.toLowerCase()}`}></span>\n\n                    <span>\n                      {store?.settings?.use_sar_symbol && currency?.code === 'SAR' ? (\n                        <i className=\"sicon-sar\"></i>\n                      ) : (\n                        <>{currency?.symbol}</>\n                      )}\n                    </span>\n                  </button>\n                  {/* TODO:: support switch the lang without hit the web API, by set it in the sdk and local storage */}\n                  {/* TODO:: Support switch the curency without hit the web API, by set it in the sdk and local storage */}\n                  <SallaLocalizationModal\n                    language={locale}\n                    currency={currency?.code || 'SAR'}\n                    suppressHydrationWarning\n                  />\n                </>\n              )}\n            </div>\n\n            {/* Scopes / Branches */}\n            {store?.scope && (\n              <button\n                type=\"button\"\n                className=\"btn--rounded-gray\"\n                onClick={() =>\n                  window.salla?.event.dispatch('scopes::open', {\n                    mode: 'default',\n                  })\n                }\n              >\n                <i className=\"sicon-location rtl:ml-1 ltr:mr-1\"></i>\n                {store.scope.name}\n              </button>\n            )}\n\n            {/* Search bar */}\n            <div className=\"header-search flex-1\">\n              {/* todo:: use a search icon insted with open the search popup */}\n              <SallaSearch inline oval height={36} />\n            </div>\n          </div>\n\n          <HeaderContacts />\n        </div>\n      </div>\n\n      {/* Main Nav */}\n      <div\n        id=\"mainnav\"\n        className={`main-nav-container shadow-default bg-white flex items-center relative z-50${settings.header_is_sticky ? ' sticky top-0' : ''}`}\n      >\n        <div className=\"inner bg-inherit w-full\">\n          <div className=\"container\">\n            <div className=\"flex items-stretch justify-between relative\">\n              <div className=\"flex items-center\">\n                <a\n                  className=\"lg:hidden mburger mburger--collapse leading-none rtl:ml-4 ltr:mr-4\"\n                  href=\"#mobile-menu\"\n                  aria-label=\"Open-menu\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setIsMobileMenuOpen(true);\n                  }}\n                >\n                  <i className=\"sicon-menu text-primary text-2xl\"></i>\n                </a>\n                <a className=\"navbar-brand\" href={store?.url || '/'}>\n                  <div className=\"logo-wrapper\">\n                    <Image\n                      src={store?.logo}\n                      alt={`${store?.name || 'Store'} logo`}\n                      priority\n                      width={120}\n                      height={48}\n                    />\n                  </div>\n                  <StoreTitle className=\"sr-only\">{store?.name || 'Store'}</StoreTitle>\n                </a>\n                <MainMenu />\n              </div>\n              <div className=\"flex items-center justify-end my-2.5\">\n                <SallaUserMenu avatarOnly showHeader className=\"header-btn\" />\n                <SallaCartSummary className=\"ml-4 rtl:ml-[unset] rtl:mr-4\">\n                  <i slot=\"icon\" className=\"header-btn__icon icon sicon-shopping-bag\"></i>\n                </SallaCartSummary>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Mobile Menu */}\n      <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setIsMobileMenuOpen(false)} />\n      <HookSlot name=\"header:end\" />\n    </header>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/navigation/lazy.ts","../src/components/layout/Header.tsx"],"names":[],"mappings":"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","file":"chunk-U7ZHPOGI.js","sourcesContent":["import { lazyComponent } from '../../utils/lazy-component';\n\n/**\n * Lazy-loaded navigation components\n * Use these for code-splitting navigation sections\n */\nexport const LazyMainMenu = lazyComponent(() =>\n  import('./MainMenu').then((m) => ({ default: m.MainMenu }))\n);\n\nexport const LazyMobileMenu = lazyComponent(() =>\n  import('./MobileMenu').then((m) => ({ default: m.MobileMenu }))\n);\n","import { useState } from 'react';\nimport { useIsHome } from '../../providers/NavigationProvider';\nimport { SallaCartSummary } from '@salla.sa/twilight-components-react/cart-summary';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaLocalizationModal } from '@salla.sa/twilight-components-react/localization-modal';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaSearch } from '@salla.sa/twilight-components-react/search';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { MainMenu, MobileMenu } from '../navigation';\nimport { Image } from '../common';\nimport { PageAdvertisements } from './PageAdvertisements';\nimport type { Cart } from '../../types';\n\ninterface HeaderProps {\n  cart?: Cart;\n}\n\n/** The store's phone and email in the top nav. `<salla-contacts>` fills its light DOM\n *  once the SDK is ready, which can come before React hydrates it: a hydration error\n *  (React #418). So it renders after mount. */\nfunction HeaderContacts() {\n  const { store } = useTwilight();\n  const isClient = useIsClient();\n  if (!isClient) return null;\n  return <SallaContacts contacts={store?.contacts} contactsTitle=\"N/A\" isHeader />;\n}\n\nexport function Header(_props: HeaderProps) {\n  const { currency, theme, store } = useTwilight();\n  const { locale, languageName } = useTranslation();\n  const settings = theme?.settings || {};\n  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n  // Check if we're on homepage\n  const isHomepage = useIsHome();\n\n  const StoreTitle = isHomepage ? 'h1' : 'span';\n\n  return (\n    <header className=\"store-header\" suppressHydrationWarning>\n      <HookSlot name=\"header:start\" />\n      <div className=\"advertisement-slot\">\n        <PageAdvertisements />\n      </div>\n      {/* Top Nav */}\n      <div className={`top-navbar${settings.topnav_is_dark ? ' top-navbar--dark' : ''}`}>\n        <div className=\"container flex justify-between\">\n          <div className=\"flex-1 flex items-center gap-2\">\n            {/* Footer Menu */}\n            {settings.important_links && <SallaMenu source=\"footer\" topnav />}\n\n            {/* Language & Currency */}\n            <div className=\"header-buttons\">\n              {(store?.settings?.is_multilingual || store?.settings?.currencies_enabled) && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => window.salla?.event.dispatch('localization::open')}\n                    className=\"btn--rounded-gray basis-0\"\n                  >\n                    <span>{languageName}</span>\n                    <span className=\"mx-1.5\">|</span>\n                    <span className={`flag iti__flag  iti__${store?.country.toLowerCase()}`}></span>\n\n                    <span>\n                      {store?.settings?.use_sar_symbol && currency?.code === 'SAR' ? (\n                        <i className=\"sicon-sar\"></i>\n                      ) : (\n                        <>{currency?.symbol}</>\n                      )}\n                    </span>\n                  </button>\n                  {/* TODO:: support switch the lang without hit the web API, by set it in the sdk and local storage */}\n                  {/* TODO:: Support switch the curency without hit the web API, by set it in the sdk and local storage */}\n                  <SallaLocalizationModal\n                    language={locale}\n                    currency={currency?.code || 'SAR'}\n                    suppressHydrationWarning\n                  />\n                </>\n              )}\n            </div>\n\n            {/* Scopes / Branches */}\n            {store?.scope && (\n              <button\n                type=\"button\"\n                className=\"btn--rounded-gray\"\n                onClick={() =>\n                  window.salla?.event.dispatch('scopes::open', {\n                    mode: 'default',\n                  })\n                }\n              >\n                <i className=\"sicon-location rtl:ml-1 ltr:mr-1\"></i>\n                {store.scope.name}\n              </button>\n            )}\n\n            {/* Search bar */}\n            <div className=\"header-search flex-1\">\n              {/* todo:: use a search icon insted with open the search popup */}\n              <SallaSearch inline oval height={36} />\n            </div>\n          </div>\n\n          <HeaderContacts />\n        </div>\n      </div>\n\n      {/* Main Nav */}\n      <div\n        id=\"mainnav\"\n        className={`main-nav-container shadow-default bg-white flex items-center relative z-50${settings.header_is_sticky ? ' sticky top-0' : ''}`}\n      >\n        <div className=\"inner bg-inherit w-full\">\n          <div className=\"container\">\n            <div className=\"flex items-stretch justify-between relative\">\n              <div className=\"flex items-center\">\n                <a\n                  className=\"lg:hidden mburger mburger--collapse leading-none rtl:ml-4 ltr:mr-4\"\n                  href=\"#mobile-menu\"\n                  aria-label=\"Open-menu\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setIsMobileMenuOpen(true);\n                  }}\n                >\n                  <i className=\"sicon-menu text-primary text-2xl\"></i>\n                </a>\n                <a className=\"navbar-brand\" href={store?.url || '/'}>\n                  <div className=\"logo-wrapper\">\n                    <Image\n                      src={store?.logo}\n                      alt={`${store?.name || 'Store'} logo`}\n                      priority\n                      width={120}\n                      height={48}\n                    />\n                  </div>\n                  <StoreTitle className=\"sr-only\">{store?.name || 'Store'}</StoreTitle>\n                </a>\n                <MainMenu />\n              </div>\n              <div className=\"flex items-center justify-end my-2.5\">\n                <SallaUserMenu avatarOnly showHeader className=\"header-btn\" />\n                <SallaCartSummary className=\"ml-4 rtl:ml-[unset] rtl:mr-4\">\n                  <i slot=\"icon\" className=\"header-btn__icon icon sicon-shopping-bag\"></i>\n                </SallaCartSummary>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Mobile Menu */}\n      <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setIsMobileMenuOpen(false)} />\n      <HookSlot name=\"header:end\" />\n    </header>\n  );\n}\n"]}

package/dist/{chunk-URBOD4MX.js → chunk-WYMDZDEZ.js}

@@ -1,4 +1,4 @@
-import { getActiveScope, api } from './chunk-FCFIG4M3.js';
+import { getActiveScope, api } from './chunk-EMGVOEZZ.js';
 import { getTwilightContext } from './chunk-6K34BCUP.js';
 import { queryOptions } from '@tanstack/react-query';
 
@@ -25,5 +25,5 @@ var advertisement = {
 };
 
 export { advertisement, advertisementsFor };
-//# sourceMappingURL=chunk-URBOD4MX.js.map
-//# sourceMappingURL=chunk-URBOD4MX.js.map
+//# sourceMappingURL=chunk-WYMDZDEZ.js.map
+//# sourceMappingURL=chunk-WYMDZDEZ.js.map

package/dist/{chunk-URBOD4MX.js.map → chunk-WYMDZDEZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/advertisement.ts"],"names":[],"mappings":";;;;AAkBO,SAAS,iBAAA,CACd,KACA,QAAA,EACiB;AACjB,EAAA,OAAO,GAAA,CAAI,MAAA;AAAA,IACT,CAAC,EAAA,KACC,KAAA,CAAM,QAAQ,EAAA,CAAG,KAAK,MACrB,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,KAAK,KAAM,CAAC,CAAC,YAAY,EAAA,CAAG,KAAA,CAAM,SAAS,QAAQ,CAAA;AAAA,GAC1E;AACF;AAEO,IAAM,aAAA,GAAgB;AAAA;AAAA,EAE3B,MAAM,YAAsC;AAE1C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,GAAA,CAAI,gBAAA,EAAkB,EAAE,OAAA,EAAS,GAAA,EAAM,CAAA,CACvC,IAAA,EAAiC;AACpC,IAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAO,EAAC;AAAA,EACvC,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,gBAAA,EAAkB,kBAAA,EAAmB,CAAE,QAAQ,EAAE,KAAA,EAAO,cAAA,EAAe,EAAG,CAAA;AAAA,MACrF,OAAA,EAAS,MAAM,aAAA,CAAc,IAAA,EAAK;AAAA,MAClC,SAAA,EAAW,QAAA;AAAA;AAAA,MAEX,KAAA,EAAO;AAAA,KACR;AAAA;AAEP","file":"chunk-URBOD4MX.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope } from './client';\nimport { getTwilightContext } from '../twilight/context';\n\n/** A merchant's announcement bar, as `GET advertisements` returns it. */\nexport interface Advertisement {\n  id: number;\n  title?: string;\n  description?: string;\n  icon?: string | null;\n  url?: string | null;\n  target?: string | null;\n  colors?: { bg?: string; text?: string };\n  /** Page slugs the ad shows on (`salla.config` `page.slug`), or `all`. */\n  pages?: string[];\n}\n\n/** The ads a page shows: the rule the API applies to `?page=`, run on the full list. */\nexport function advertisementsFor(\n  ads: readonly Advertisement[],\n  pageSlug: string | null | undefined\n): Advertisement[] {\n  return ads.filter(\n    (ad) =>\n      Array.isArray(ad.pages) &&\n      (ad.pages.includes('all') || (!!pageSlug && ad.pages.includes(pageSlug)))\n  );\n}\n\nexport const advertisement = {\n  /** Every active ad, unfiltered: one request serves all pages, filtered with `advertisementsFor`. */\n  list: async (): Promise<Advertisement[]> => {\n    // Short timeout: it is fetched with the store settings on every server render.\n    const { data } = await api\n      .get('advertisements', { timeout: 3000 })\n      .json<{ data?: Advertisement[] }>();\n    return Array.isArray(data) ? data : [];\n  },\n\n  queries: {\n    list: () =>\n      queryOptions({\n        queryKey: ['advertisements', getTwilightContext().locale, { scope: getActiveScope() }],\n        queryFn: () => advertisement.list(),\n        staleTime: Infinity,\n        // Awaited in rootBeforeLoad: a retry would double the 3s budget. `PageAdvertisements` retries.\n        retry: 0,\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/advertisement.ts"],"names":[],"mappings":";;;;AAkBO,SAAS,iBAAA,CACd,KACA,QAAA,EACiB;AACjB,EAAA,OAAO,GAAA,CAAI,MAAA;AAAA,IACT,CAAC,EAAA,KACC,KAAA,CAAM,QAAQ,EAAA,CAAG,KAAK,MACrB,EAAA,CAAG,KAAA,CAAM,QAAA,CAAS,KAAK,KAAM,CAAC,CAAC,YAAY,EAAA,CAAG,KAAA,CAAM,SAAS,QAAQ,CAAA;AAAA,GAC1E;AACF;AAEO,IAAM,aAAA,GAAgB;AAAA;AAAA,EAE3B,MAAM,YAAsC;AAE1C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,GAAA,CAAI,gBAAA,EAAkB,EAAE,OAAA,EAAS,GAAA,EAAM,CAAA,CACvC,IAAA,EAAiC;AACpC,IAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAO,EAAC;AAAA,EACvC,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,gBAAA,EAAkB,kBAAA,EAAmB,CAAE,QAAQ,EAAE,KAAA,EAAO,cAAA,EAAe,EAAG,CAAA;AAAA,MACrF,OAAA,EAAS,MAAM,aAAA,CAAc,IAAA,EAAK;AAAA,MAClC,SAAA,EAAW,QAAA;AAAA;AAAA,MAEX,KAAA,EAAO;AAAA,KACR;AAAA;AAEP","file":"chunk-WYMDZDEZ.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope } from './client';\nimport { getTwilightContext } from '../twilight/context';\n\n/** A merchant's announcement bar, as `GET advertisements` returns it. */\nexport interface Advertisement {\n  id: number;\n  title?: string;\n  description?: string;\n  icon?: string | null;\n  url?: string | null;\n  target?: string | null;\n  colors?: { bg?: string; text?: string };\n  /** Page slugs the ad shows on (`salla.config` `page.slug`), or `all`. */\n  pages?: string[];\n}\n\n/** The ads a page shows: the rule the API applies to `?page=`, run on the full list. */\nexport function advertisementsFor(\n  ads: readonly Advertisement[],\n  pageSlug: string | null | undefined\n): Advertisement[] {\n  return ads.filter(\n    (ad) =>\n      Array.isArray(ad.pages) &&\n      (ad.pages.includes('all') || (!!pageSlug && ad.pages.includes(pageSlug)))\n  );\n}\n\nexport const advertisement = {\n  /** Every active ad, unfiltered: one request serves all pages, filtered with `advertisementsFor`. */\n  list: async (): Promise<Advertisement[]> => {\n    // Short timeout: it is fetched with the store settings on every server render.\n    const { data } = await api\n      .get('advertisements', { timeout: 3000 })\n      .json<{ data?: Advertisement[] }>();\n    return Array.isArray(data) ? data : [];\n  },\n\n  queries: {\n    list: () =>\n      queryOptions({\n        queryKey: ['advertisements', getTwilightContext().locale, { scope: getActiveScope() }],\n        queryFn: () => advertisement.list(),\n        staleTime: Infinity,\n        // Awaited in rootBeforeLoad: a retry would double the 3s budget. `PageAdvertisements` retries.\n        retry: 0,\n      }),\n  },\n};\n"]}

package/dist/{chunk-4SZNUX4K.js → chunk-YBWXK2OT.js}

@@ -1,19 +1,19 @@
 import { ErrorPage } from './chunk-Z4Y55HWX.js';
 import { tanstackHeadAdapter } from './chunk-CIJVNUNZ.js';
-import { store, readPageSearch, readCookieHeader, persistLanguageCookie } from './chunk-O76H6TDP.js';
-import { translations } from './chunk-SXJEZEGN.js';
-import { parseFiltersFromSearch } from './chunk-I3KAWUPG.js';
-import { dispatchRouteChanged, dispatchPageViewed, setAnalyticsPage, dispatchProductViewed, dispatchProductsFetched, dispatchCartViewed } from './chunk-KNY2ZZ5M.js';
-import { shouldDehydrateQuery } from './chunk-BWKHA4ZD.js';
+import { store, readPageSearch, readCookieHeader, persistLanguageCookie } from './chunk-YZPHKPYI.js';
+import { translations } from './chunk-ZKTSLYTT.js';
+import { parseFiltersFromSearch } from './chunk-4UPADKLB.js';
+import { dispatchRouteChanged, dispatchPageViewed, setAnalyticsPage, dispatchProductViewed, dispatchProductsFetched, dispatchCartViewed } from './chunk-P7RERWEY.js';
+import { shouldDehydrateQuery } from './chunk-LDDZ7TUR.js';
 import { rootHead, subscribeSnippetPageTargets, needsDocumentLoad } from './chunk-GMXNVBCD.js';
-import { apps } from './chunk-CV32FSEL.js';
+import { apps } from './chunk-LYKDZ74X.js';
 import { setHeadAdapter } from './chunk-GD26FI4J.js';
 import { VIEW_AS_OWNER_COOKIE_NAME, ownerLinkMatches, ownerCookieMatches, showsMaintenancePage } from './chunk-BRIRWS2Q.js';
-import { RedirectError, NotFoundError, UnauthorizedError, isMissingResource, responseStatusOf } from './chunk-ZBGMIDDO.js';
+import { RedirectError, NotFoundError, UnauthorizedError, isMissingResource, responseStatusOf } from './chunk-DWWPRLD3.js';
 import { RouteId } from './chunk-OUW6WESU.js';
 import { useDocumentClass } from './chunk-JWXJPJBO.js';
 import { toReactProps, mergeElementAttrs } from './chunk-CW625T2E.js';
-import { advertisement } from './chunk-URBOD4MX.js';
+import { advertisement } from './chunk-WYMDZDEZ.js';
 import { syncSdkLocale, syncSdkThemeVersion } from './chunk-7IVHY4OR.js';
 import { AUTH_TOKEN_COOKIE_NAME, SCOPE_COOKIE_NAME, SCOPE_COOKIE_MAX_AGE, extractScopeFromCookies, extractScopeFromUrl, resolveRequestScope, sameScope, resolveStoreBase, resolveStoreBaseFollowsLocale, syncScopeCookie, extractTokenFromCookies, prefixStoreBase, hasLanguageParam, withLanguageParam, virtualLocale, stripStoreBase, resolveStoreBaseRedirect, resolveStoppedDomainRedirect, resolveOwnDomainRedirect, decideSharedHostLanguage, currentHost } from './chunk-EEL6OYAQ.js';
 import { updateTwilightContext, createI18nInstance, getTwilightContext, SettingsError, messagesForLocale } from './chunk-6K34BCUP.js';
@@ -379,7 +379,7 @@ function resolveRouteId(tanstackId) {
   return TANSTACK_ROUTE_ID_MAP[tanstackId] ?? tanstackId;
 }
 var LazyNotFoundPage = lazyComponent(
-  () => import('./not-found-IFD562WC.js').then((m) => ({ default: m.NotFoundPage }))
+  () => import('./not-found-LE7TH53E.js').then((m) => ({ default: m.NotFoundPage }))
 );
 function StoreUnavailablePage() {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
@@ -871,5 +871,5 @@ function tanstackDocumentAdapter(descriptor) {
 }
 
 export { RouteDocumentSync, TanStackDocumentSync, createRouter, createTwilightRootRoute, tanstackDocumentAdapter, useTanstackDocumentAttrs };
-//# sourceMappingURL=chunk-4SZNUX4K.js.map
-//# sourceMappingURL=chunk-4SZNUX4K.js.map
+//# sourceMappingURL=chunk-YBWXK2OT.js.map
+//# sourceMappingURL=chunk-YBWXK2OT.js.map