@salla.sa/twilight-theme-engine 1.0.138 → 1.0.140

package/dist/skeleton.js

@@ -1,31 +1,32 @@
 export { BlogSkeleton, BreadcrumbSkeleton, CartSkeleton, CustomerLayoutSkeleton, CustomerPageSkeleton, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, SkeletonPulse } from './chunk-N7CCSGZF.js';
-export { HomeSkeleton } from './chunk-LMMDVLAB.js';
+export { HomeSkeleton } from './chunk-LCRHHSBP.js';
 import './chunk-IXHM24Z4.js';
-import './chunk-SAYYMA6E.js';
-import './chunk-HEWFF3KI.js';
-import './chunk-U6EB7GM3.js';
-import './chunk-3QR6T7KW.js';
+import './chunk-444GCMTZ.js';
+import './chunk-OEM2SFJE.js';
+import './chunk-7PFJOTZS.js';
+import './chunk-F3SXHQU4.js';
+import './chunk-N36TVQP2.js';
 import './chunk-Y32RHCOH.js';
-import './chunk-UXS3QCHM.js';
+import './chunk-J4EFCWMM.js';
 import './chunk-H2QBHOF2.js';
-import './chunk-VFQNVPFH.js';
-import './chunk-JFKHKDSK.js';
+import './chunk-NRPYHHRQ.js';
+import './chunk-VNZ6VI2O.js';
 import './chunk-N6ZE6HUX.js';
 import './chunk-X55R4VVK.js';
-import './chunk-S7FNMT24.js';
+import './chunk-AEM5UEH6.js';
 import './chunk-OXMUPNMH.js';
-import './chunk-HG75MP47.js';
+import './chunk-ATL7CYF2.js';
 import './chunk-VVZNW5CB.js';
 import './chunk-WQPG22DY.js';
 import './chunk-GD26FI4J.js';
 import './chunk-Q7E4TNN7.js';
 import './chunk-RYGEIQWO.js';
-import './chunk-ITZ543CK.js';
+import './chunk-SOLUKKTW.js';
 import './chunk-OUW6WESU.js';
 import './chunk-HOJ5E2PG.js';
 import './chunk-HI5V5X3S.js';
-import './chunk-5FEFYFTS.js';
-import './chunk-TVAXTMMQ.js';
+import './chunk-IK7CQSEA.js';
+import './chunk-QQWJNRSI.js';
 import './chunk-MVT5AF2A.js';
 import './chunk-Z653O7MX.js';
 import './chunk-ZCH7W7DZ.js';
@@ -36,16 +37,16 @@ import './chunk-7V36I5GT.js';
 import './chunk-6WI7R2BD.js';
 import './chunk-LFHYQ6AN.js';
 import './chunk-OAMIDZKW.js';
-import './chunk-PBFLXHKM.js';
+import './chunk-5NTD7WXX.js';
 import './chunk-OQIIJRAS.js';
 import './chunk-V2ZDTY6H.js';
-import './chunk-MWAXFBGG.js';
+import './chunk-2AS6KREO.js';
 import './chunk-5XDPAKF5.js';
 import './chunk-GCPEMNSU.js';
-import './chunk-5MNGLNIJ.js';
+import './chunk-UXJAZ5JP.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
-import './chunk-TWLJ2RII.js';
+import './chunk-TDIENKPW.js';
 import './chunk-AXW67SY7.js';
 import './chunk-BYMOPN2S.js';
 import './chunk-SKLEJJ6M.js';

package/dist/{store-lookup-2P7PQVXE.js → store-lookup-HMU7QMSC.js}

@@ -1,11 +1,11 @@
-import { category } from './chunk-S5ZKI3TY.js';
-import { blog } from './chunk-OSYUGCRG.js';
-import { brand } from './chunk-OXBMZSKL.js';
-import { product } from './chunk-U6EB7GM3.js';
+import { category } from './chunk-BPM6LSOV.js';
+import { blog } from './chunk-3CKMMFUF.js';
+import { brand } from './chunk-VXMWMGBQ.js';
+import { product } from './chunk-7PFJOTZS.js';
 import { DEV_LOOKUP_BUDGET_MS } from './chunk-OXMUPNMH.js';
-import './chunk-ITZ543CK.js';
+import './chunk-SOLUKKTW.js';
 import './chunk-OUW6WESU.js';
-import './chunk-5MNGLNIJ.js';
+import './chunk-UXJAZ5JP.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-3E3ABCPC.js';
 import './chunk-NHA4SBKG.js';
@@ -111,5 +111,5 @@ function lookupInStore(source, query) {
 }
 
 export { lookupInStore };
-//# sourceMappingURL=store-lookup-2P7PQVXE.js.map
-//# sourceMappingURL=store-lookup-2P7PQVXE.js.map
+//# sourceMappingURL=store-lookup-HMU7QMSC.js.map
+//# sourceMappingURL=store-lookup-HMU7QMSC.js.map

package/dist/{store-lookup-2P7PQVXE.js.map → store-lookup-HMU7QMSC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/dev/store-lookup.ts"],"names":["categories"],"mappings":"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","file":"store-lookup-2P7PQVXE.js","sourcesContent":["/**\n * Runs in the editor's frame (the storefront), which has the engine's API\n * client set up for the dev store: answers the editor's pickers with the real\n * store's products, categories, brands and blog. Loaded with `import()` on the\n * first lookup, so a storefront never carries it.\n *\n * Each item's `data` is what a block receives for it, in the API's shape: a\n * product block reads only the ids and fetches the rest, while categories and\n * brands are drawn from what is saved.\n */\n\nimport { product } from '../api/product';\nimport { category } from '../api/category';\nimport { brand } from '../api/brands';\nimport { blog } from '../api/blog';\nimport type { Category } from '../types';\nimport { DEV_LOOKUP_BUDGET_MS, type DevLookupItem, type DevLookupSource } from './schema-types';\n\n/** Enough to choose from; a search narrows it further. */\nconst PER_PAGE = 20;\n/** How far a paged list is searched before giving up, so a big store can't stall the picker. */\nconst MAX_PAGES = 10;\n\ninterface Page<T> {\n  items: T[];\n  next: string | null;\n}\n\n/**\n * The matching items of a paged list, read page after page until there are\n * enough, the pages run out, or the time budget is spent: a brand or article on\n * page three is still found, and what was found so far always reaches the\n * editor before it stops waiting (`DEV_LOOKUP_BUDGET_MS` < its timeout).\n */\nasync function collect<T>(\n  fetchPage: (page: number, cursor: string | null) => Promise<Page<T>>,\n  keep: (item: T) => boolean\n): Promise<T[]> {\n  const deadline = Date.now() + DEV_LOOKUP_BUDGET_MS;\n  const found: T[] = [];\n  let cursor: string | null = null;\n  for (let page = 1; page <= MAX_PAGES; page += 1) {\n    const { items, next } = await fetchPage(page, cursor);\n    found.push(...items.filter(keep));\n    if (found.length >= PER_PAGE || !next || Date.now() >= deadline) break;\n    cursor = next;\n  }\n  return found.slice(0, PER_PAGE);\n}\n\nfunction matches(name: string, query: string): boolean {\n  return !query || name.toLowerCase().includes(query.toLowerCase());\n}\n\n/** Categories with their subcategories, flattened, parents first. */\nfunction flatten(categories: Category[]): Category[] {\n  return categories.flatMap((c) => [c, ...flatten(c.sub_categories ?? [])]);\n}\n\nasync function products(query: string): Promise<DevLookupItem[]> {\n  const { items } = await product.list({\n    source: query ? 'search' : 'latest',\n    ...(query ? { keyword: query } : {}),\n    perPage: PER_PAGE,\n  });\n  // List responses send the id as a numeric string; the block reads a number. Use it for both.\n  return items.map((p) => ({\n    id: Number(p.id),\n    name: p.name,\n    image: p.image?.url,\n    url: p.url,\n    data: { id: Number(p.id), name: p.name, url: p.url, image: p.image?.url ?? null },\n  }));\n}\n\nasync function categories(query: string): Promise<DevLookupItem[]> {\n  return flatten(await category.list())\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      image: c.image ?? undefined,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url, image: c.image ?? null, icon: c.icon ?? null },\n    }));\n}\n\nasync function brands(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    (page) => brand.list(page),\n    (b) => matches(b.name, query)\n  );\n  return found.map((b) => ({\n    id: b.id,\n    name: b.name,\n    image: b.logo,\n    url: b.url,\n    data: { id: b.id, name: b.name, url: b.url, logo: b.logo, banner: b.banner ?? null },\n  }));\n}\n\nasync function blogArticles(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    async (_page, cursor) => {\n      const { data, cursor: pages } = await blog.articles.list(cursor ? { cursor } : undefined);\n      return { items: data, next: pages?.next ?? null };\n    },\n    (a) => matches(a.name, query)\n  );\n  return found.map((a) => ({\n    id: a.id,\n    name: a.name,\n    image: a.image,\n    url: a.url,\n    data: { id: a.id, name: a.name, url: a.url },\n  }));\n}\n\nasync function blogCategories(query: string): Promise<DevLookupItem[]> {\n  const { categories: list } = await blog.get();\n  return list\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url },\n    }));\n}\n\nconst LOOKUPS: Record<DevLookupSource, (query: string) => Promise<DevLookupItem[]>> = {\n  products,\n  categories,\n  brands,\n  blog_articles: blogArticles,\n  blog_categories: blogCategories,\n};\n\nexport function lookupInStore(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n  const lookup = LOOKUPS[source];\n  if (!lookup) return Promise.reject(new Error(`no lookup for ${source}`));\n  return lookup(query.trim());\n}\n"]}
+{"version":3,"sources":["../src/dev/store-lookup.ts"],"names":["categories"],"mappings":"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","file":"store-lookup-HMU7QMSC.js","sourcesContent":["/**\n * Runs in the editor's frame (the storefront), which has the engine's API\n * client set up for the dev store: answers the editor's pickers with the real\n * store's products, categories, brands and blog. Loaded with `import()` on the\n * first lookup, so a storefront never carries it.\n *\n * Each item's `data` is what a block receives for it, in the API's shape: a\n * product block reads only the ids and fetches the rest, while categories and\n * brands are drawn from what is saved.\n */\n\nimport { product } from '../api/product';\nimport { category } from '../api/category';\nimport { brand } from '../api/brands';\nimport { blog } from '../api/blog';\nimport type { Category } from '../types';\nimport { DEV_LOOKUP_BUDGET_MS, type DevLookupItem, type DevLookupSource } from './schema-types';\n\n/** Enough to choose from; a search narrows it further. */\nconst PER_PAGE = 20;\n/** How far a paged list is searched before giving up, so a big store can't stall the picker. */\nconst MAX_PAGES = 10;\n\ninterface Page<T> {\n  items: T[];\n  next: string | null;\n}\n\n/**\n * The matching items of a paged list, read page after page until there are\n * enough, the pages run out, or the time budget is spent: a brand or article on\n * page three is still found, and what was found so far always reaches the\n * editor before it stops waiting (`DEV_LOOKUP_BUDGET_MS` < its timeout).\n */\nasync function collect<T>(\n  fetchPage: (page: number, cursor: string | null) => Promise<Page<T>>,\n  keep: (item: T) => boolean\n): Promise<T[]> {\n  const deadline = Date.now() + DEV_LOOKUP_BUDGET_MS;\n  const found: T[] = [];\n  let cursor: string | null = null;\n  for (let page = 1; page <= MAX_PAGES; page += 1) {\n    const { items, next } = await fetchPage(page, cursor);\n    found.push(...items.filter(keep));\n    if (found.length >= PER_PAGE || !next || Date.now() >= deadline) break;\n    cursor = next;\n  }\n  return found.slice(0, PER_PAGE);\n}\n\nfunction matches(name: string, query: string): boolean {\n  return !query || name.toLowerCase().includes(query.toLowerCase());\n}\n\n/** Categories with their subcategories, flattened, parents first. */\nfunction flatten(categories: Category[]): Category[] {\n  return categories.flatMap((c) => [c, ...flatten(c.sub_categories ?? [])]);\n}\n\nasync function products(query: string): Promise<DevLookupItem[]> {\n  const { items } = await product.list({\n    source: query ? 'search' : 'latest',\n    ...(query ? { keyword: query } : {}),\n    perPage: PER_PAGE,\n  });\n  // List responses send the id as a numeric string; the block reads a number. Use it for both.\n  return items.map((p) => ({\n    id: Number(p.id),\n    name: p.name,\n    image: p.image?.url,\n    url: p.url,\n    data: { id: Number(p.id), name: p.name, url: p.url, image: p.image?.url ?? null },\n  }));\n}\n\nasync function categories(query: string): Promise<DevLookupItem[]> {\n  return flatten(await category.list())\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      image: c.image ?? undefined,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url, image: c.image ?? null, icon: c.icon ?? null },\n    }));\n}\n\nasync function brands(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    (page) => brand.list(page),\n    (b) => matches(b.name, query)\n  );\n  return found.map((b) => ({\n    id: b.id,\n    name: b.name,\n    image: b.logo,\n    url: b.url,\n    data: { id: b.id, name: b.name, url: b.url, logo: b.logo, banner: b.banner ?? null },\n  }));\n}\n\nasync function blogArticles(query: string): Promise<DevLookupItem[]> {\n  const found = await collect(\n    async (_page, cursor) => {\n      const { data, cursor: pages } = await blog.articles.list(cursor ? { cursor } : undefined);\n      return { items: data, next: pages?.next ?? null };\n    },\n    (a) => matches(a.name, query)\n  );\n  return found.map((a) => ({\n    id: a.id,\n    name: a.name,\n    image: a.image,\n    url: a.url,\n    data: { id: a.id, name: a.name, url: a.url },\n  }));\n}\n\nasync function blogCategories(query: string): Promise<DevLookupItem[]> {\n  const { categories: list } = await blog.get();\n  return list\n    .filter((c) => matches(c.name, query))\n    .slice(0, PER_PAGE)\n    .map((c) => ({\n      id: c.id,\n      name: c.name,\n      url: c.url,\n      data: { id: c.id, name: c.name, url: c.url },\n    }));\n}\n\nconst LOOKUPS: Record<DevLookupSource, (query: string) => Promise<DevLookupItem[]>> = {\n  products,\n  categories,\n  brands,\n  blog_articles: blogArticles,\n  blog_categories: blogCategories,\n};\n\nexport function lookupInStore(source: DevLookupSource, query: string): Promise<DevLookupItem[]> {\n  const lookup = LOOKUPS[source];\n  if (!lookup) return Promise.reject(new Error(`no lookup for ${source}`));\n  return lookup(query.trim());\n}\n"]}

package/dist/tanstack/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/tanstack/link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAErE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,UAKvE;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0HAyC/B,CAAC;AAIF;;GAEG;AACH,wBAAgB,yBAAyB,6HAExC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/tanstack/link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAErE;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,UAKvE;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0HAmD/B,CAAC;AAIF;;GAEG;AACH,wBAAgB,yBAAyB,6HAExC"}

package/dist/tanstack.js

@@ -1,26 +1,26 @@
-export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-EGJ2SV6O.js';
-import { requestHostOf } from './chunk-P43VADN7.js';
-export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-P43VADN7.js';
+export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-LGXEXLX3.js';
+import { requestHostOf } from './chunk-ABVHWJPY.js';
+export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-ABVHWJPY.js';
 import './chunk-Z4Y55HWX.js';
 export { tanstackHeadAdapter as head, withHead } from './chunk-5UWRPWK2.js';
 import { CRITICAL_STYLE_HREF } from './chunk-4FJGZQD3.js';
-import './chunk-6KZUGNCS.js';
-import { readNativeAppHeaders } from './chunk-A7KXUBPT.js';
-import './chunk-FVHAKOEH.js';
-import './chunk-U6EB7GM3.js';
+import './chunk-NUTURBAK.js';
+import { readNativeAppHeaders } from './chunk-OJMG3NAF.js';
+import './chunk-7DRXAR76.js';
+import './chunk-7PFJOTZS.js';
 import { rootHead } from './chunk-N6ZE6HUX.js';
 import './chunk-X55R4VVK.js';
-import './chunk-HG75MP47.js';
+import './chunk-ATL7CYF2.js';
 import './chunk-WQPG22DY.js';
 import './chunk-GD26FI4J.js';
 import { maintenanceEvidence, MAINTENANCE_EVIDENCE_HEADER, maintenanceEvidenceHeader } from './chunk-Q7E4TNN7.js';
 import './chunk-RYGEIQWO.js';
-import './chunk-ITZ543CK.js';
+import './chunk-SOLUKKTW.js';
 import './chunk-OUW6WESU.js';
 import './chunk-JWXJPJBO.js';
 export { mergeDocumentDescriptors as mergeAttrs } from './chunk-CW625T2E.js';
-import './chunk-MWAXFBGG.js';
-import './chunk-5MNGLNIJ.js';
+import './chunk-2AS6KREO.js';
+import './chunk-UXJAZ5JP.js';
 import './chunk-Z5M4YYWT.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-BYMOPN2S.js';

package/dist/utils/index.js

@@ -1,6 +1,6 @@
 export { stripUnsafeHtml } from '../chunk-RUHSV4Z6.js';
 export { formatSallaPlural } from '../chunk-BT6HEEAP.js';
-export { dispatchRouteChanged } from '../chunk-6KZUGNCS.js';
+export { dispatchRouteChanged } from '../chunk-NUTURBAK.js';
 export { sortOptions } from '../chunk-3LZJXKVO.js';
 export { color } from '../chunk-VVZNW5CB.js';
 export { applyAppScopeMocks, registerThemeHookSlots } from '../chunk-WQPG22DY.js';
@@ -8,7 +8,7 @@ export { mergeHead, resolveHead, setHeadAdapter } from '../chunk-GD26FI4J.js';
 export { buildBaseHead, buildHreflangAlternates, localeToOgLocale } from '../chunk-RYGEIQWO.js';
 export { asset, cdn, isPlaceholder } from '../chunk-ZCH7W7DZ.js';
 export { mergeDocumentDescriptors, mergeElementAttrs, normalizeClasses, syncAttrsToElement, toReactProps } from '../chunk-CW625T2E.js';
-import '../chunk-5MNGLNIJ.js';
+import '../chunk-UXJAZ5JP.js';
 import '../chunk-Z5M4YYWT.js';
 export { getSallaSDK, getStoreIdentifier, onSallaEvent, whenSallaLoaded, whenSallaReady } from '../chunk-NHA4SBKG.js';
 export { AUTH_TOKEN_COOKIE_NAME, clearAuthTokenCookie, extractTokenFromCookies } from '../chunk-FXVII733.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.138",
+  "version": "1.0.140",
   "publishConfig": {
     "access": "public"
   },

package/tailwind/components/home/HomePageRenderer.tsx.txt

@@ -125,6 +125,12 @@ export type HomeComponentConfig = {
 const COMPONENT_CONFIG: Record<string, HomeComponentConfig> = {
   'products-slider': { height: '450px', placeholder: <ProductsSliderSkeleton /> },
   'fixed-products': { height: '450px', placeholder: <FixedProductsSkeleton /> },
+  'latest-products': {
+    height: '450px',
+    placeholder: <FixedProductsSkeleton />,
+    // As in Twig Raed's `latest-products.twig`.
+    className: 's-block s-block--latest-products container mt-6 sm:mt-8',
+  },
   'featured-products': {
     height: '450px',
     placeholder: <ProductsSliderSkeleton />,
@@ -211,9 +217,11 @@ function resolveComponentConfig(path: string): HomeComponentConfig | undefined {
  * id comes first: a customized layout keeps the store blocks' row ids among
  * their fields, and duplicates share them. A built-in block (fixed products,
  * YouTube, …) has neither id nor key, so it goes by its path, which the
- * editor matches to the block's slug; the bar says which copy.
+ * editor matches to the block's slug; the bar says which copy. A block the
+ * engine adds itself (`editable: false`) is not the merchant's, so it has none.
  */
-function liveBlockIdOf(data: HomeComponentData): string | undefined {
+function liveBlockIdOf(data: HomeComponentData, editable?: boolean): string | undefined {
+  if (editable === false) return undefined;
   const devId = typeof data.__dev_id === 'string' ? data.__dev_id.replace(/~\d+$/, '') : undefined;
   const id = devId ?? data.id ?? data.key;
   if (typeof id === 'number' || (typeof id === 'string' && id)) return String(id);
@@ -228,11 +236,14 @@ export const HomeComponentRenderer = memo(function HomeComponentRenderer({
   data,
   index,
   priority,
+  editable,
 }: {
   data: HomeComponentData;
   index: number;
   /** Mount right away with eager images. Defaults to the first three blocks of the page. */
   priority?: boolean;
+  /** False for a block the engine adds, not the merchant: the theme editor's bar leaves it alone. */
+  editable?: boolean;
 }) {
   const renderCountRef = useRef(0);
   renderCountRef.current += 1;
@@ -268,7 +279,7 @@ export const HomeComponentRenderer = memo(function HomeComponentRenderer({
       ? config.id(data)
       : config.id
     : undefined;
-  const liveBlockId = liveBlockIdOf(data);
+  const liveBlockId = liveBlockIdOf(data, editable);
   const height = config?.height || '400px';
   // A theme's config replaces the engine's, but keeps its mount timing unless the theme sets one.
   const renderOnMount = config?.renderOnMount ?? COMPONENT_CONFIG[data.path]?.renderOnMount;

package/tailwind/components/home/LatestProducts.tsx.txt

@@ -0,0 +1,63 @@
+import { useCallback, useRef } from 'react';
+import { ProductCardSkeleton, SallaProductsList } from '@salla.sa/twilight-components-react';
+import { parseNextPageToken, product } from '../../api/product';
+import { ProductCard } from '../product/ProductCard';
+import { NoContent } from '../common/NoContent';
+import { useTranslation } from '../../providers/I18nProvider';
+import type { Product } from '../../types';
+
+export interface LatestProductsProps {
+  data: {
+    title?: string;
+    priority?: boolean;
+    [key: string]: unknown;
+  };
+}
+
+/**
+ * Twig's `latest-products` block (the Store app's LatestProductsWidget): the store's newest
+ * products, loading more as the customer scrolls. A home page with no blocks shows it.
+ */
+export function LatestProducts({ data }: LatestProductsProps) {
+  const { t } = useTranslation();
+  const nextRef = useRef<string | null>(null);
+
+  const loader = useCallback(async () => {
+    const result = await product.list({ source: 'latest', ...parseNextPageToken(nextRef.current) });
+    nextRef.current = result.next;
+    return result;
+  }, []);
+
+  return (
+    <>
+      <div className="s-block__title">
+        <h2>{data.title || t('blocks.home.latest_products', 'Latest Products')}</h2>
+      </div>
+      <SallaProductsList<Product>
+        loader={loader}
+        mode="infinite"
+        itemsClassName="s-products-list-vertical-cards"
+        skeleton={<ProductCardSkeleton />}
+        skeletonType="item"
+        skeletonCount={8}
+        empty={
+          <NoContent
+            icon="sicon-shopping-bag"
+            message={t('pages.categories.no_products', 'No products found in this category')}
+          />
+        }
+        t={(key, fallback) => t(key, fallback || key)}
+      >
+        {(products) =>
+          products.map((item, index) => (
+            <ProductCard
+              key={item.id}
+              product={item}
+              imagePriority={!!data.priority && index < 2}
+            />
+          ))
+        }
+      </SallaProductsList>
+    </>
+  );
+}

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

@@ -4,6 +4,10 @@ export { ProductsSlider as LazyProductsSlider } from './ProductsSlider';
 export { StoreFeatures as LazyStoreFeatures } from './StoreFeatures';
 export { FixedBanner as LazyFixedBanner } from './FixedBanner';
 export { FixedProducts as LazyFixedProducts } from './FixedProducts';
+// Only a home page with no blocks shows it, so most stores never load it.
+export const LazyLatestProducts = lazyComponent(() =>
+  import('./LatestProducts').then((m) => ({ default: m.LatestProducts }))
+);
 export { FeaturedProductsStyle1 as LazyFeaturedProductsStyle1 } from './FeaturedProductsStyle1';
 export { FeaturedProductsStyle2 as LazyFeaturedProductsStyle2 } from './FeaturedProductsStyle2';
 export { FeaturedProductsStyle3 as LazyFeaturedProductsStyle3 } from './FeaturedProductsStyle3';

package/tailwind/components/home/register.ts.txt

@@ -3,6 +3,7 @@ import {
   LazyStoreFeatures,
   LazyFixedBanner,
   LazyFixedProducts,
+  LazyLatestProducts,
   LazyFeaturedProductsStyle1,
   LazyFeaturedProductsStyle2,
   LazyFeaturedProductsStyle3,
@@ -24,6 +25,7 @@ export const DefaultHomeComponents: Record<string, AnyHomeComponent | null> = {
   youtube: LazyYoutube,
   'square-photos': LazySquarePhotos,
   'fixed-products': LazyFixedProducts,
+  'latest-products': LazyLatestProducts,
   'products-slider': LazyProductsSlider,
   'parallax-background': LazyParallaxBackground,
   'featured-products:style1': LazyFeaturedProductsStyle1,

package/tailwind/components/navigation/MainMenu.tsx.txt

@@ -80,7 +80,8 @@ export function MainMenu() {
         {visibleMenus.map((item) => renderItem(item))}
         {hiddenMenus.length > 0 && (
           <li id="more-menu-dropdown" className="!hidden lg:!block root-level has-children">
-            <Link to="#">
+            {/* No destination, so no href: the tab index keeps it reachable by keyboard. */}
+            <Link to="#" {...{ tabIndex: 0 }}>
               <span>{t('common.titles.more', 'More')}</span>
             </Link>
             <div className="sub-menu w-56">

package/tailwind/routes/home/HomePage.tsx.txt

@@ -33,6 +33,9 @@ export const HomeSkeleton = memo(function HomeSkeleton() {
   );
 });
 
+/** As on Twig, a home page with no blocks lists the store's latest products instead. */
+const LATEST_PRODUCTS: HomeComponentData = { path: 'latest-products' };
+
 /** The blocks' places in the store's order: 0, 1, 2… */
 const storeOrder = (blocks: readonly unknown[]) => Array.from(blocks, (_, at) => at);
 
@@ -71,6 +74,9 @@ export const HomePage = memo(function HomePage({ components = [] }: HomePageProp
         // a move keeps its state; a dev layout block keeps its own id.
         return <HomeComponentRenderer key={data.__dev_id ?? at} data={data} index={index} />;
       })}
+      {!renderedComponents.length && (
+        <HomeComponentRenderer data={LATEST_PRODUCTS} index={0} editable={false} />
+      )}
       <HookSlot name="home:end" />
       <ReorderProducts />
     </>

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

@@ -12,7 +12,7 @@ import { store as storeApi } from '../../api/store';
 import { apps, type AppSnippet, type AppSettings } from '../../api/apps';
 import { translations } from '../../api/translations';
 import { advertisement } from '../../api/advertisement';
-import { FALLBACK_LOCALE, getLanguageInfo } from '../../providers/locale-constants';
+import { FALLBACK_LOCALE, getLanguageInfo, isLocale } from '../../providers/locale-constants';
 import { createI18nInstance } from '../../providers/i18n-factory';
 import type { TwilightLocation } from '../../twilight/context';
 import { getTwilightContext, updateTwilightContext } from '../../twilight/context';
@@ -375,7 +375,9 @@ export async function rootBeforeLoad(ctx: {
     authToken?: string | null;
   };
 }): Promise<BeforeLoadResult> {
-  const locale = ctx.params.locale || FALLBACK_LOCALE;
+  // Not every value here is a language. A link with `to="#"` on a page with no language in its
+  // path resolves to `/#`, and hovering it preloads this route with `#` as the locale.
+  const locale = isLocale(ctx.params.locale) ? ctx.params.locale : FALLBACK_LOCALE;
   const { dir } = getLanguageInfo(locale);
 
   if (ctx.context.setLocation) {

package/dist/MainMenu-ML6OQT53.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/MainMenu.tsx"],"names":["MainMenuSkeleton"],"mappings":"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","file":"MainMenu-ML6OQT53.js","sourcesContent":["import { useMemo, memo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { Link } from '../common';\nimport { menu } from '../../api/menu';\nimport type { MenuItem } from '../../types';\n\nconst SKELETON_ITEMS = [\n  { id: 'first', width: 'w-16' },\n  { id: 'second', width: 'w-20' },\n  { id: 'third', width: 'w-24' },\n  { id: 'fourth', width: 'w-16' },\n  { id: 'fifth', width: 'w-20' },\n];\n\nconst MainMenuSkeleton = memo(function MainMenuSkeleton() {\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {SKELETON_ITEMS.map(({ id, width }) => (\n          <li key={id} className=\"!hidden lg:!block root-level\">\n            <Link to=\"#\">\n              <span className={`inline-block animate-pulse rounded bg-gray-200 h-4 ${width}`} />\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\n\nexport function MainMenu() {\n  const { theme } = useTwilight();\n  const { data: menus = [], isLoading } = useQuery(menu.queries.header());\n  const { t } = useTranslation();\n\n  const { visibleMenus, hiddenMenus } = useMemo(() => {\n    const enableMore = theme?.settings?.is_more_button_enabled;\n    const visibleCount = 7;\n\n    if (enableMore && menus.length > visibleCount) {\n      return {\n        visibleMenus: menus.slice(0, visibleCount),\n        hiddenMenus: menus.slice(visibleCount),\n      };\n    }\n\n    return { visibleMenus: menus, hiddenMenus: [] };\n  }, [menus, theme?.settings?.enable_more_menu, theme?.settings?.is_more_button_enabled]);\n\n  if (isLoading) {\n    return <MainMenuSkeleton />;\n  }\n\n  const renderItem = (item: MenuItem, isChild = false, inMoreMenu = false) => {\n    const hasChildren = item.has_children && item.children && item.children.length > 0;\n    const showDropdown = hasChildren && !inMoreMenu;\n\n    return (\n      <li\n        key={item.id}\n        className={`${isChild ? 'relative' : '!hidden lg:!block root-level'} ${hasChildren ? 'has-children' : ''}`}\n      >\n        <Link to={item.url}>\n          <span>{item.title}</span>\n        </Link>\n        {showDropdown && (\n          <div className=\"sub-menu w-56\">\n            <ul>{item?.children?.map((child: MenuItem) => renderItem(child, true))}</ul>\n          </div>\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <nav>\n      <ul className=\"main-menu\">\n        {visibleMenus.map((item) => renderItem(item))}\n        {hiddenMenus.length > 0 && (\n          <li id=\"more-menu-dropdown\" className=\"!hidden lg:!block root-level has-children\">\n            <Link to=\"#\">\n              <span>{t('common.titles.more', 'More')}</span>\n            </Link>\n            <div className=\"sub-menu w-56\">\n              <ul>{hiddenMenus.map((item) => renderItem(item, true, true))}</ul>\n            </div>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/NoContent-63TMCPGY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/common/NoContent.tsx"],"names":[],"mappings":";;;;;AASO,SAAS,SAAA,CAAU;AAAA,EACxB,IAAA,GAAO,oBAAA;AAAA,EACP,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAAmB;AACjB,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,CAAA,EAAG,IAAI,CAAA,KAAA,CAAA,EAAS,CAAA;AAAA,oBAC9B,GAAA,CAAC,OAAG,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IACX,+BACC,GAAA,CAAC,IAAA,EAAA,EAAK,IAAI,SAAA,EAAW,SAAA,EAAU,8CAC5B,QAAA,EAAA,WAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"NoContent-63TMCPGY.js","sourcesContent":["import { Link } from './Link';\n\ninterface NoContentProps {\n  icon?: string;\n  message: string;\n  actionLabel?: string;\n  actionUrl?: string;\n}\n\nexport function NoContent({\n  icon = 'sicon-shopping-bag',\n  message,\n  actionLabel,\n  actionUrl = '/',\n}: NoContentProps) {\n  return (\n    <div className=\"no-content-placeholder\">\n      <i className={`${icon} icon`}></i>\n      <p>{message}</p>\n      {actionLabel && (\n        <Link to={actionUrl} className=\"btn btn--outline-primary btn--rounded-full\">\n          {actionLabel}\n        </Link>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-3QR6T7KW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/product/lazy.ts","../src/components/product/ProductCard.tsx","../src/components/product/ProductGallery.tsx"],"names":["ProductCardContent","ProductCard","jsxs","jsx","useMemo"],"mappings":"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","file":"chunk-3QR6T7KW.js","sourcesContent":["import { lazyComponent } from '../../utils/lazy-component';\n\nexport const LazyProductDetails = lazyComponent(() =>\n  import('./ProductDetails').then((m) => ({ default: m.ProductDetails }))\n);\n\nexport const LazyAddToCartForm = lazyComponent(() =>\n  import('./AddToCartForm').then((m) => ({ default: m.AddToCartForm }))\n);\n","import { memo, useCallback, useMemo } from 'react';\nimport { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { useHostAttributes } from '@salla.sa/twilight-theme-engine/hooks/useHostAttributes';\nimport { useMoney } from '../../hooks/useMoney';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useWishlist } from '../../hooks/useWishlist';\nimport { useAsset } from '../../hooks/useAsset';\nimport { useNumber } from '../../hooks/useNumber';\nimport { registry } from '../ComponentRegistry';\nimport { Image } from '../common';\nimport type { Product } from '../../types';\n\nconst PRODUCT_CARD_KEY = 'product:card';\n\nconst PRODUCT_IMAGE_SRCSET_WIDTHS = [150, 300, 450, 600] as const;\n/** Matches `.s-products-list-vertical-cards`: 2-col below 768px, 4-col above. */\nconst PRODUCT_IMAGE_SIZES = '(min-width: 768px) 25vw, 50vw';\n/** fullImage / minimal slots in FeaturedProductsStyle3 (`lg:grid-cols-2`). */\nconst PRODUCT_WIDE_IMAGE_SIZES = '(min-width: 1024px) 50vw, 100vw';\n\n/** Product card layout variants - mutually exclusive */\nexport type ProductCardLayout = 'vertical' | 'horizontal' | 'fullImage' | 'minimal' | 'special';\n\nexport interface ProductCardProps {\n  product: Product;\n  layout?: ProductCardLayout;\n  className?: string;\n  withShadow?: boolean;\n  withQuantity?: boolean;\n  withoutAddButton?: boolean;\n  index?: number;\n  imagePriority?: boolean;\n  /** Overrides the layout-based image `sizes` hint. */\n  sizes?: string;\n}\n\n/**\n * ProductCard - Displays a product in various layouts\n *\n * Layouts:\n * - vertical: Default card with image top, content bottom\n * - horizontal: Side-by-side image and content\n * - fullImage: Full bleed image with overlay content\n * - minimal: Compact version with reduced info\n * - special: Featured card with quantity pie chart\n *\n * Features:\n * - Native lazy loading for images\n * - Product badges (promotion, preorder, quantity, out of stock)\n * - Wishlist toggle button\n * - Price display (sale, starting, regular)\n * - Rating display\n * - Add to cart button via SallaAddProductButton (handles labels internally)\n */\nconst ProductCardContent = memo(function ProductCardContent({\n  product,\n  layout = 'vertical',\n  className = '',\n  withShadow = false,\n  withQuantity = false,\n  withoutAddButton = false,\n  index = 0,\n  imagePriority = false,\n  sizes,\n}: ProductCardProps) {\n  const { format } = useMoney();\n  const { t } = useTranslation();\n  const { store, theme } = useTwilight();\n  const wishlist = useWishlist();\n  const { isPlaceholder } = useAsset();\n  const { format: formatNumber } = useNumber();\n\n  // Out-of-stock cards offer \"notify me when available\" instead of a dead button, unless\n  // the merchant switched `notify_when_available_in_card` off (Twig theme-raed parity).\n  const notifyInCard = theme?.settings?.notify_when_available_in_card !== false;\n  const addButtonStatus =\n    notifyInCard &&\n    product.is_out_of_stock &&\n    product.type !== 'donating' &&\n    product.type !== 'financial_support'\n      ? 'out-and-notify'\n      : product.status;\n\n  const addButtonRef = useHostAttributes({ fill: 'outline', width: 'wide' });\n\n  // Layout flags\n  const isVertical = layout === 'vertical';\n  const isHorizontal = layout === 'horizontal';\n  const isFullImage = layout === 'fullImage';\n  const isMinimal = layout === 'minimal';\n  const isSpecial = layout === 'special';\n\n  // Wishlist status\n  const productInWishlist = wishlist.has(Number(product.id));\n  const handleWishlistToggle = useCallback(() => {\n    wishlist.toggle(Number(product.id));\n  }, [wishlist, product.id]);\n\n  // Get image fit type from store settings\n  const fitImageHeight = store?.settings?.product?.fit_type;\n\n  // Product badge component\n  const getProductBadge = () => {\n    if (product?.preorder?.label && typeof product.preorder.label === 'string') {\n      return <div className=\"s-product-card-promotion-title\">{product.preorder.label}</div>;\n    }\n    if (product.promotion_title) {\n      return <div className=\"s-product-card-promotion-title\">{product.promotion_title}</div>;\n    }\n    if (withQuantity && product?.quantity) {\n      const formattedQty = formatNumber(product.quantity);\n      return (\n        <div className=\"s-product-card-quantity\">\n          {t('pages.products.remained', 'Remained')} {formattedQty}\n        </div>\n      );\n    }\n    if (withQuantity && product?.is_out_of_stock) {\n      return (\n        <div className=\"s-product-card-out-badge\">\n          {t('pages.products.out_of_stock', 'Out of Stock')}\n        </div>\n      );\n    }\n    return null;\n  };\n\n  // Price display component\n  const getProductPrice = () => {\n    if (product.is_on_sale && product.sale_price) {\n      return (\n        <div className=\"s-product-card-sale-price\">\n          <h4>{format(product.sale_price)}</h4>\n          {product.regular_price && <span>{format(product.regular_price)}</span>}\n        </div>\n      );\n    }\n    if (product.starting_price) {\n      return (\n        <div className=\"s-product-card-starting-price\">\n          <p>{t('pages.products.starting_price', 'Starting from')}</p>\n          <h4>{format(product.starting_price)}</h4>\n        </div>\n      );\n    }\n    return <h4 className=\"s-product-card-price\">{format(product.price)}</h4>;\n  };\n\n  // Build card class names\n  const cardClassName = [\n    's-product-card',\n    's-product-card-entry',\n    isVertical ? 's-product-card-vertical' : '',\n    isHorizontal ? 's-product-card-horizontal' : '',\n    fitImageHeight && isVertical ? `s-product-card-fit-height` : '',\n    isSpecial ? 's-product-card-special' : '',\n    isFullImage ? 's-product-card-full-image' : '',\n    isMinimal ? 's-product-card-minimal' : '',\n    product?.donation ? 's-product-card-donation' : '',\n    withShadow ? 's-product-card-shadow' : '',\n    product?.is_out_of_stock ? 's-product-card-out-of-stock' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Image fit class\n  const isProductPlaceholder = isPlaceholder(product.image?.url);\n  const imageFitClass = isProductPlaceholder ? 'contain' : fitImageHeight || 'cover';\n\n  return (\n    <div\n      id={`product-card-${product.id}`}\n      className={cardClassName}\n      data-product-id={product.id}\n      style={{\n        animationDelay: `${index * 100}ms`,\n      }}\n    >\n      <div className={isFullImage ? 's-product-card-image-full' : 's-product-card-image'}>\n        <a href={product.url} aria-label={product.image?.alt || product.name}>\n          <Image\n            className={`s-product-card-image-${imageFitClass}`}\n            src={product.image?.url}\n            alt={product.image?.alt ?? product.name}\n            width={300}\n            height={300}\n            sizes={\n              sizes ?? (isFullImage || isMinimal ? PRODUCT_WIDE_IMAGE_SIZES : PRODUCT_IMAGE_SIZES)\n            }\n            srcSetWidths={PRODUCT_IMAGE_SRCSET_WIDTHS}\n            aspectRatio=\"1/1\"\n            priority={imagePriority}\n          />\n          {!isFullImage && !isMinimal && getProductBadge()}\n        </a>\n        {isFullImage && (\n          <a href={product.url} aria-label={product.name} className=\"s-product-card-overlay\" />\n        )}\n        {!isHorizontal && !isFullImage && (\n          <SallaButton\n            shape=\"icon\"\n            fill=\"outline\"\n            color=\"light\"\n            ariaLabel={t('pages.wishlist.toggle', 'Add or remove to wishlist')}\n            className={`s-product-card-wishlist-btn animated ${productInWishlist ? 's-product-card-wishlist-added pulse-anime' : 'not-added un-favorited'}`}\n            onClick={handleWishlistToggle}\n            data-id={product.id}\n          >\n            <i className=\"sicon-heart\" />\n          </SallaButton>\n        )}\n      </div>\n      <div className=\"s-product-card-content\">\n        {/* Special card: quantity pie */}\n        {isSpecial && product?.quantity && (\n          <div className=\"s-product-card-content-pie\">\n            <span>\n              <b>{formatNumber(product.quantity)}</b>\n              {t('pages.products.remained', 'Remained')}\n            </span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"-2 -1 36 34\"\n              className=\"s-product-card-content-pie-svg\"\n            >\n              <circle cx=\"16\" cy=\"16\" r=\"15.9155\" className=\"s-product-card-content-pie-svg-base\" />\n              <circle cx=\"16\" cy=\"16\" r=\"15.9155\" className=\"s-product-card-content-pie-svg-bar\" />\n            </svg>\n          </div>\n        )}\n\n        <div\n          className={`s-product-card-content-main ${isSpecial ? 's-product-card-content-extra-padding' : ''}`}\n        >\n          <h3 className=\"s-product-card-content-title\">\n            <a href={product.url}>{product.name}</a>\n          </h3>\n          {product.subtitle && !isMinimal && (\n            <p className=\"s-product-card-content-subtitle opacity-80\">{product.subtitle}</p>\n          )}\n        </div>\n\n        <div\n          className={`s-product-card-content-sub ${isSpecial ? 's-product-card-content-extra-padding' : ''}`}\n        >\n          {!product?.donation?.can_donate && getProductPrice()}\n          {product.rating?.stars && (\n            <div className=\"s-product-card-rating\">\n              <i className=\"sicon-star2 text-orange-300\" />\n              <span>{product.rating.stars}</span>\n            </div>\n          )}\n        </div>\n\n        {!withoutAddButton && (\n          <div className=\"s-product-card-content-footer gap-2\">\n            <SallaAddProductButton\n              ref={addButtonRef}\n              fill=\"outline\"\n              width=\"wide\"\n              productId={product.id}\n              productStatus={addButtonStatus}\n              productType={product.type}\n              hasPreOrder={product.has_preorder_campaign}\n            />\n            {(isHorizontal || isFullImage) && (\n              <SallaButton\n                shape=\"icon\"\n                fill=\"outline\"\n                color=\"light\"\n                ariaLabel={t('pages.wishlist.toggle', 'Add or remove to wishlist')}\n                className={`s-product-card-wishlist-btn animated ${productInWishlist ? 's-product-card-wishlist-added pulse-anime' : 'not-added un-favorited'}`}\n                onClick={handleWishlistToggle}\n                data-id={product.id}\n              >\n                <i className=\"sicon-heart\" />\n              </SallaButton>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport const ProductCard = memo(function ProductCard(props: ProductCardProps) {\n  const Component = useMemo(() => {\n    const hasOverride = registry.getOriginal<ProductCardProps>(PRODUCT_CARD_KEY) !== null;\n    if (hasOverride) {\n      return registry.resolve<ProductCardProps>(PRODUCT_CARD_KEY);\n    }\n    return null;\n  }, []);\n\n  if (Component) {\n    return <Component {...props} />;\n  }\n\n  return <ProductCardContent {...props} />;\n});\n\nexport default ProductCard;\n","import { SallaSlider } from '@salla.sa/twilight-components-react/slider';\nimport { Suspense, useEffect, useMemo, useState } from 'react';\nimport { registry } from '../ComponentRegistry';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Product, ProductImage } from '../../types';\nimport { Image } from '../common/Image';\nimport { ImageModal } from '../modal';\nimport { isNativeApp } from '../../native-app';\n\nconst PRODUCT_GALLERY_KEY = 'product:gallery';\n\nexport interface ProductGalleryProps {\n  product: Product;\n}\n\ntype ImagePreview = { src: string; alt: string };\ntype GalleryMedia = { url: string; type: 'image' | 'video' | '3d-image' };\n\n/**\n * The engine's own `mobile::gallery.open` payload from before `salla.mobile.openGallery`: a video's\n * link and a 3D model's file go in `url`, with no ids. Sent when the SDK has no `openGallery`\n * (Twilight before 2.14.569) or declines inside the app, so those stores keep the gallery they had.\n */\nfunction legacyGalleryMedia(images: ProductImage[]): GalleryMedia[] {\n  return images.flatMap<GalleryMedia>((image) => {\n    if (image.three_d_image_url) return [{ url: image.three_d_image_url, type: '3d-image' }];\n    if (image.video_url) return [{ url: image.video_url, type: 'video' }];\n    return image.url ? [{ url: image.url, type: 'image' }] : [];\n  });\n}\n\nfunction ProductGalleryContent({ product }: ProductGalleryProps) {\n  const { t } = useTranslation();\n  const { theme } = useTwilight();\n  const sliderId = `details-slider-${product.id}`;\n  const objectFit = theme.settings.slider_background_size ?? 'cover';\n\n  // Clicking an image opens an in-app lightbox instead of navigating to the CDN URL.\n  const [preview, setPreview] = useState<ImagePreview | null>(null);\n\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => {\n      const el = document.getElementById(sliderId);\n      if (!el?.parentElement) return;\n      const { parentElement, nextSibling } = el;\n      parentElement.removeChild(el);\n      parentElement.insertBefore(el, nextSibling);\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [sliderId]);\n\n  // The product-details API only returns `image` (singular).\n  // Fall back so the main image always renders even without the full gallery array.\n  const images: ProductImage[] =\n    product.images && product.images.length > 0\n      ? product.images\n      : product.image?.url\n        ? [product.image]\n        : [];\n\n  const hasManyImages = images.length > 1;\n  const openNativeGallery = (selected: ProductImage) => {\n    if (!isNativeApp()) return false;\n    if (window.salla?.mobile?.openGallery?.(images, selected)) return true;\n    window.salla?.event.dispatch('mobile::gallery.open', { images: legacyGalleryMedia(images) });\n    return true;\n  };\n\n  return (\n    <div className=\"sidebar md:sticky top-24 w-full md:!w-2/4 rtl:ml-8 ltr:mr-8 pb-8 md:pb-16 overflow-hidden shrink-0\">\n      <SallaSlider\n        id={sliderId}\n        className=\"details-slider rounded-md image-slider\"\n        type=\"thumbs\"\n        loop={false}\n        autoHeight\n        listenToThumbnailsOption\n        showThumbsControls={false}\n        sliderConfig={{ watchOverflow: true, autoHeight: true }}\n      >\n        {product.promotion_title && (\n          <div className=\"promotion-title\">{product.promotion_title}</div>\n        )}\n\n        {product.calories && (\n          <div className=\"absolute z-[2] top-4 rtl:left-4 ltr:right-4 bg-white shadow-sm flex flex-col justify-center items-center rounded-full w-20 h-20 md:w-24 md:h-24\">\n            <span className=\"text-red-500 text-xl leading-none font-bold\">{product.calories}</span>\n            <span className=\"text-xs text-gray-500\">\n              {t('pages.products.calories', 'Calories')}\n            </span>\n          </div>\n        )}\n\n        <div slot=\"items\">\n          {images.map((image, index) => (\n            <ImageSlide\n              key={image.id ?? image.three_d_image_url ?? image.video_url ?? image.url}\n              image={image}\n              product={product}\n              index={index}\n              objectFit={objectFit}\n              onPreview={setPreview}\n              onNativeOpen={openNativeGallery}\n            />\n          ))}\n        </div>\n\n        {hasManyImages && (\n          <div slot=\"thumbs\">\n            {images.map((image, index) => (\n              <ThumbSlide\n                key={image.id ?? image.three_d_image_url ?? image.video_url ?? image.url}\n                image={image}\n                index={index}\n              />\n            ))}\n          </div>\n        )}\n      </SallaSlider>\n\n      <Suspense fallback={null}>\n        <ImageModal\n          isOpen={!!preview}\n          onClose={() => setPreview(null)}\n          src={preview?.src ?? ''}\n          alt={preview?.alt}\n        />\n      </Suspense>\n    </div>\n  );\n}\n\nexport function ProductGallery(props: ProductGalleryProps) {\n  const Component = useMemo(() => {\n    const resolved = registry.resolve<ProductGalleryProps>(PRODUCT_GALLERY_KEY);\n    // A theme that seeds the key with this component (register + override) would\n    // otherwise recurse into itself when it has not actually overridden anything.\n    return resolved === ProductGallery ? null : resolved;\n  }, []);\n\n  if (Component) {\n    return <Component {...props} />;\n  }\n\n  return <ProductGalleryContent {...props} />;\n}\n\nfunction ImageSlide({\n  image,\n  product,\n  index,\n  objectFit,\n  onPreview,\n  onNativeOpen,\n}: {\n  image: ProductImage;\n  product: Product;\n  index: number;\n  objectFit: 'cover' | 'contain';\n  onPreview: (preview: ImagePreview) => void;\n  onNativeOpen: (image: ProductImage) => boolean;\n}) {\n  const [loaded, setLoaded] = useState(false);\n  const isVideo = Boolean(image.video_url);\n\n  if (image.three_d_image_url) {\n    return (\n      // biome-ignore lint/a11y/noStaticElementInteractions: model-viewer is an interactive web component.\n      <model-viewer\n        style={{ minHeight: '500px' }}\n        className=\"swiper-slide model-entry w-full h-full\"\n        loading=\"lazy\"\n        camera-controls\n        touch-action=\"pan-y\"\n        auto-rotate\n        poster={image.url || undefined}\n        src={image.three_d_image_url}\n        shadow-intensity=\"1\"\n        alt={image.alt}\n        onClick={() => onNativeOpen(image)}\n      ></model-viewer>\n    );\n  }\n\n  return (\n    <a\n      data-fslightbox={`product_${product.id}`}\n      data-img-id={image.id}\n      data-slid-index={index}\n      {...(image.video_url ? { 'data-video-src': image.video_url } : {})}\n      data-caption={image.alt}\n      data-infinite=\"false\"\n      data-type={image.video_url ? 'youtube' : 'image'}\n      href={image.video_url || image.url}\n      // FsLightbox isn't loaded in this React theme, so the bare href would leave the SPA.\n      // Open images in an in-app lightbox; let videos open in a new tab.\n      {...(isVideo ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n      onClick={(event) => {\n        if (onNativeOpen(image)) {\n          event.preventDefault();\n          return;\n        }\n        if (isVideo || !image.url) return;\n        event.preventDefault();\n        onPreview({ src: image.url, alt: image.alt || product.name });\n      }}\n      aria-label={product.name}\n      className={`swiper-slide magnify-wrapper homeslider__slide ${image.video_url ? 'video-entry' : ''}`}\n    >\n      <div className={`w-full ${loaded ? '' : 'aspect-square bg-gray-100 animate-pulse'}`}>\n        <Image\n          id={String(image.id)}\n          src={image.url}\n          alt={image.alt || product.name}\n          className={`h-full w-full object-${objectFit}`}\n          aspectRatio=\"1/1\"\n          priority={index === 0}\n          noWrapper\n          onLoad={() => setLoaded(true)}\n        />\n      </div>\n    </a>\n  );\n}\n\nfunction ThumbSlide({ image, index }: { image: ProductImage; index: number }) {\n  return (\n    <div\n      className={`slide--one-fourth ${image.video_url ? 'video-entry' : ''} ${image.three_d_image_url ? 'model-entry' : ''}`}\n      data-caption={image.alt}\n    >\n      <Image\n        src={image.url}\n        alt={image.alt || ''}\n        className=\"object-cover w-full h-full bg-gray-100 rounded-md overflow-hidden\"\n        title={image.alt}\n        priority={index < 5}\n        noWrapper\n      />\n    </div>\n  );\n}\n"]}