@salla.sa/twilight-theme-engine 1.0.23 → 1.0.24

package/dist/routes/account.js

@@ -1,14 +1,14 @@
-import { wallet } from '../chunk-VOTDCMG3.js';
-export { OrderSingle, OrderSinglePage, Orders, OrdersPage, orderSingleLoader, ordersLoader } from '../chunk-MSBPOHMV.js';
-import '../chunk-2PWN27HQ.js';
-import { notification } from '../chunk-TFDN2SKC.js';
-import { wishlist } from '../chunk-4BH3L5ZI.js';
+import { wallet } from '../chunk-AY6KRPHL.js';
+export { OrderSingle, OrderSinglePage, Orders, OrdersPage, orderSingleLoader, ordersLoader } from '../chunk-6V45LHKF.js';
+import '../chunk-GVMWHNQ5.js';
+import { notification } from '../chunk-U3S6RFYL.js';
+import { wishlist } from '../chunk-SBDHJUNI.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import { unauthorized, orUnauthorized } from '../chunk-ZBTCQZVO.js';
+import { unauthorized, orUnauthorized } from '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import { getTwilightContext } from '../chunk-WI7TR7RK.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import { getTwilightContext } from '../chunk-OPKTJIZQ.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
@@ -28,7 +28,7 @@ async function profileLoader(_ctx) {
 
 // src/routes/account/profile/index.tsx
 var LazyProfilePage = lazy(
-  () => import('../ProfilePage-6QDPXYNR.js').then((m) => ({ default: m.ProfilePage }))
+  () => import('../ProfilePage-M4D55XUW.js').then((m) => ({ default: m.ProfilePage }))
 );
 var ProfilePage = LazyProfilePage;
 var Profile = {
@@ -69,7 +69,7 @@ async function wishlistLoader(ctx) {
 
 // src/routes/account/wishlist/index.tsx
 var LazyWishlistPage = lazy(
-  () => import('../WishlistPage-4YADKHYB.js').then((m) => ({ default: m.WishlistPage }))
+  () => import('../WishlistPage-XHJDEZCY.js').then((m) => ({ default: m.WishlistPage }))
 );
 var WishlistPage = LazyWishlistPage;
 var Wishlist = {
@@ -110,7 +110,7 @@ async function walletLoader(ctx) {
 }
 
 // src/routes/account/wallet/index.tsx
-var LazyWalletPage = lazy(() => import('../WalletPage-MQR4UAMN.js').then((m) => ({ default: m.WalletPage })));
+var LazyWalletPage = lazy(() => import('../WalletPage-PQUO54K7.js').then((m) => ({ default: m.WalletPage })));
 var WalletPage = LazyWalletPage;
 var Wallet = {
   id: RouteId.CUSTOMER_WALLET,
@@ -145,7 +145,7 @@ async function notificationsLoader(_ctx) {
 
 // src/routes/account/notifications/index.tsx
 var LazyNotificationsPage = lazy(
-  () => import('../NotificationsPage-X7PIHUNY.js').then((m) => ({ default: m.NotificationsPage }))
+  () => import('../NotificationsPage-6EWGCPYG.js').then((m) => ({ default: m.NotificationsPage }))
 );
 var NotificationsPage = LazyNotificationsPage;
 var Notifications = {
@@ -177,7 +177,7 @@ async function settingsLoader(_ctx) {
 
 // src/routes/account/settings/index.tsx
 var LazySettingsPage = lazy(
-  () => import('../SettingsPage-2OVEIVCT.js').then((m) => ({ default: m.SettingsPage }))
+  () => import('../SettingsPage-5VXVGDGN.js').then((m) => ({ default: m.SettingsPage }))
 );
 var SettingsPage = LazySettingsPage;
 var Settings = {

package/dist/routes/blog.js

@@ -1,10 +1,10 @@
-import { blog } from '../chunk-EEYZYG36.js';
+import { blog } from '../chunk-QMT3KQ3V.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import '../chunk-ZBTCQZVO.js';
+import '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import { getTwilightContext } from '../chunk-WI7TR7RK.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import { getTwilightContext } from '../chunk-OPKTJIZQ.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
@@ -133,18 +133,18 @@ async function blogTagLoader({
 }
 
 // src/routes/blog/index.tsx
-var LazyBlogPage = lazy(() => import('../BlogPage-LWAQ6ZVO.js').then((m) => ({ default: m.BlogPage })));
+var LazyBlogPage = lazy(() => import('../BlogPage-PRQXQDUH.js').then((m) => ({ default: m.BlogPage })));
 var LazyBlogSinglePage = lazy(
-  () => import('../BlogSinglePage-DMAMK26P.js').then((m) => ({ default: m.BlogSinglePage }))
+  () => import('../BlogSinglePage-FMFV7W3Z.js').then((m) => ({ default: m.BlogSinglePage }))
 );
 var LazyBlogAuthorPage = lazy(
-  () => import('../BlogAuthorPage-QJLGMSK3.js').then((m) => ({ default: m.BlogAuthorPage }))
+  () => import('../BlogAuthorPage-TVFUV56M.js').then((m) => ({ default: m.BlogAuthorPage }))
 );
 var LazyBlogCategoryPage = lazy(
-  () => import('../BlogCategoryPage-H7VYN7OV.js').then((m) => ({ default: m.BlogCategoryPage }))
+  () => import('../BlogCategoryPage-IJUXUKS7.js').then((m) => ({ default: m.BlogCategoryPage }))
 );
 var LazyBlogTagPage = lazy(
-  () => import('../BlogTagPage-6URVT6AD.js').then((m) => ({ default: m.BlogTagPage }))
+  () => import('../BlogTagPage-HTGO6BSN.js').then((m) => ({ default: m.BlogTagPage }))
 );
 var BlogPage = LazyBlogPage;
 var BlogSinglePage = LazyBlogSinglePage;

package/dist/routes/brands.js

@@ -1,10 +1,10 @@
-import { brand } from '../chunk-R5VMDBV2.js';
+import { brand } from '../chunk-BR26I5WV.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import '../chunk-ZBTCQZVO.js';
+import '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import { getTwilightContext } from '../chunk-WI7TR7RK.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import { getTwilightContext } from '../chunk-OPKTJIZQ.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
@@ -33,7 +33,7 @@ async function brandsLoader() {
 }
 
 // src/routes/brands/index.tsx
-var LazyBrandsPage = lazy(() => import('../BrandsPage-AANQU2O3.js').then((m) => ({ default: m.BrandsPage })));
+var LazyBrandsPage = lazy(() => import('../BrandsPage-U35JXHJR.js').then((m) => ({ default: m.BrandsPage })));
 var BrandsPage = LazyBrandsPage;
 async function brandsLoaderWithExtend(_ctx, extend) {
   const data = await brandsLoader();

package/dist/routes/cart.js

@@ -1,27 +1,29 @@
-import { cart } from '../chunk-MD35JQVL.js';
-import { loyalty } from '../chunk-PASKA2UT.js';
+import { cart } from '../chunk-EGXKYLBD.js';
+import { loyalty } from '../chunk-4EHNAFYR.js';
 import { CartSkeleton } from '../chunk-N7CCSGZF.js';
-import '../chunk-FXXATUWJ.js';
-import '../chunk-QQGFEBYP.js';
+import '../chunk-ABKWUNWF.js';
+import '../chunk-2FDMBW2G.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import '../chunk-ODXQLAF4.js';
-import '../chunk-Y73ZOE3I.js';
-import { LazySeoCartWidget, LazyCartItem, LazyCartSummary } from '../chunk-W64WJKTH.js';
-import '../chunk-X4Z6MIBG.js';
+import '../chunk-YY2CTLTJ.js';
+import '../chunk-FALZ7SZO.js';
+import { LazySeoCartWidget, LazyCartItem, LazyCartSummary } from '../chunk-O36J2QLP.js';
+import '../chunk-MLJS3VEC.js';
 import '../chunk-G7ALL4BC.js';
-import '../chunk-BH6NMIAK.js';
-import '../chunk-UXCLRJ3Q.js';
+import '../chunk-MAYB5543.js';
+import '../chunk-SQCDRDPH.js';
 import '../chunk-JKIRRMBU.js';
 import '../chunk-2JV6WZ6O.js';
+import '../chunk-ULAPZSHY.js';
 import '../chunk-VVZNW5CB.js';
-import '../chunk-ZBTCQZVO.js';
+import '../chunk-E2FO6OSL.js';
+import '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
 import '../chunk-C5X6CVXC.js';
-import '../chunk-DFIZHPDP.js';
-import '../chunk-A5XHG5DY.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import { getTwilightContext } from '../chunk-WI7TR7RK.js';
+import '../chunk-NUPOX7ID.js';
+import '../chunk-2JHVZBQ7.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import { getTwilightContext } from '../chunk-OPKTJIZQ.js';
 import '../chunk-TP3LCGE7.js';
 import '../chunk-Z653O7MX.js';
 import '../chunk-ZCH7W7DZ.js';
@@ -37,7 +39,7 @@ import '../chunk-YMVLYYLU.js';
 import '../chunk-RJPPO3ET.js';
 import { HookSlot } from '../chunk-Q7VWURUR.js';
 import '../chunk-GU2KUQVD.js';
-import { LazyBreadcrumb, LazyNoContent } from '../chunk-DA43QUYK.js';
+import { LazyBreadcrumb, LazyNoContent } from '../chunk-NXM2FQJ7.js';
 import '../chunk-AXW67SY7.js';
 import '../chunk-BYMOPN2S.js';
 import '../chunk-6BZ5TKEV.js';

package/dist/routes/cart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/cart/CartPage.tsx","../../src/routes/cart/loader.ts","../../src/routes/cart/index.tsx"],"names":[],"mappings":"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","file":"cart.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { SallaConditionalOffer } from '@salla.sa/twilight-components-react/conditional-offer';\nimport { SallaOffer } from '@salla.sa/twilight-components-react/offer';\nimport { SallaProductOptions } from '@salla.sa/twilight-components-react/product-options';\nimport { HookSlot } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { CartPageProps } from './types';\nimport { Breadcrumb, NoContent } from '../../components/common';\nimport { CartItem, CartSummary, SeoCartWidget } from '../../components/cart';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { CartSkeleton } from '../../skeleton';\nimport { loyalty } from '../../api/loyalty';\nimport { cart } from '../../api/cart';\n\nfunction CartPageContent({ page }: CartPageProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const { data: loyaltyPoints } = useQuery(loyalty.queries.points());\n\n  const [cartId, setCartId] = useState<number | null>(null);\n\n  useEffect(() => {\n    window.salla?.cart.api.getCurrentCartId().then(setCartId);\n  }, []);\n\n  const { data: cartData } = useQuery({\n    ...cart.queries.detail(cartId!),\n    enabled: !!cartId,\n  });\n\n  const isLoading = cartId === null || !cartData;\n\n  if (isLoading) {\n    return <CartSkeleton />;\n  }\n\n  if (cartData.items.length === 0) {\n    return (\n      <div className=\"container\">\n        <Breadcrumb page={page} />\n        <NoContent\n          icon=\"sicon-shopping-bag\"\n          message={t('pages.cart.empty_cart', 'Your cart is empty')}\n          actionLabel={t('common.elements.back_home', 'Back to Home')}\n          actionUrl=\"/\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"container\">\n      {/* Analytics — no visible UI, fires GTM checkout events */}\n      <SeoCartWidget cart={cartData} />\n\n      <Breadcrumb page={page} />\n      <h1 className=\"sr-only\">{t('common.titles.cart', 'Cart')}</h1>\n      <SallaConditionalOffer />\n\n      <HookSlot name=\"cart:start\" />\n\n      <div className=\"pt-5 flex flex-col items-start lg:flex-row pb-6 lg:pb-20\">\n        <div className=\"main-content w-full lg:w-[calc(100%-384px)]\">\n          <HookSlot name=\"cart:items.start\" context={{ cartItems: cartData.items }} />\n\n          {cartData.items.map((item, index) => (\n            <CartItem key={item.id} item={item} isFirst={index === 0} />\n          ))}\n\n          {cartData.options?.length > 0 && (\n            <div className=\"cart-options\">\n              {cartData.options.map((option) => (\n                <form\n                  key={option.id}\n                  className=\"first:pt-5 relative\"\n                  onChange={(e) => window.salla?.form.onChange('cart.updateItem', e)}\n                  id={`item-${option.id}`}\n                >\n                  <input type=\"hidden\" name=\"id\" value={option.id} />\n                  <input type=\"hidden\" name=\"quantity\" value={option.quantity} />\n                  {/* Twig: {% include 'pages.partials.product.options' with {product:product_option} %} */}\n                  {option.options && option.options.length > 0 && (\n                    <SallaProductOptions\n                      options={JSON.stringify(option.options)}\n                      productId={option.id}\n                    />\n                  )}\n                </form>\n              ))}\n            </div>\n          )}\n\n          <SallaOffer />\n          <HookSlot name=\"cart:items.end\" />\n        </div>\n\n        <CartSummary\n          cart={cartData}\n          applyCouponEnabled={store.settings?.cart?.apply_coupon_enabled}\n          taxAmount={cartData.tax_amount}\n          key={cartData.id}\n          loyalty={cartData.loyalty}\n          gift={cartData.gift}\n          loyaltyPoints={loyaltyPoints ?? undefined}\n        />\n      </div>\n\n      <HookSlot name=\"cart:end\" />\n    </div>\n  );\n}\n\nexport function CartPage(props: CartPageProps) {\n  return <CartPageContent {...props} />;\n}\n","import type { CartPageProps } from './types';\nimport { getTwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\n\n/**\n * SSR-safe loader that returns only page metadata.\n * Cart data is fetched client-side via React Query since the cart ID\n * lives in localStorage (unavailable during SSR).\n */\nexport function cartLoader(): CartPageProps {\n  const i18n = getTwilightContext().i18n;\n  return {\n    page: { slug: RouteId.CART, title: i18n.t('common.titles.cart') || 'Cart' },\n  } as CartPageProps;\n}\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport { CartPage } from './CartPage';\nimport { cartLoader } from './loader';\nimport type { CartPageProps } from './types';\nimport type { TwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\n\nexport { CartPage } from './CartPage';\nexport { cartLoader } from './loader';\nexport type { CartPageProps } from './types';\n\nasync function loader(\n  _ctx?: { locale?: string },\n  extend?: (\n    data: CartPageProps,\n    ctx: { params: Record<string, never> }\n  ) => Promise<Record<string, unknown>> | Record<string, unknown>\n): Promise<CartPageProps> {\n  const data = cartLoader();\n\n  if (extend) {\n    const extra = extend(data, { params: {} });\n    return { ...data, ...(extra instanceof Promise ? {} : extra) } as CartPageProps;\n  }\n  return data;\n}\n\nfunction head(ctx: TwilightContext, data: CartPageProps): HeadDescriptor {\n  const base: HeadDescriptor = {\n    title: data.page.title,\n    description: data.page.description,\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n\n  return base;\n}\n\nexport const Cart = { id: RouteId.CART, loader, head, Component: CartPage } as const;\n"]}
+{"version":3,"sources":["../../src/routes/cart/CartPage.tsx","../../src/routes/cart/loader.ts","../../src/routes/cart/index.tsx"],"names":[],"mappings":"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","file":"cart.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { SallaConditionalOffer } from '@salla.sa/twilight-components-react/conditional-offer';\nimport { SallaOffer } from '@salla.sa/twilight-components-react/offer';\nimport { SallaProductOptions } from '@salla.sa/twilight-components-react/product-options';\nimport { HookSlot } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { CartPageProps } from './types';\nimport { Breadcrumb, NoContent } from '../../components/common';\nimport { CartItem, CartSummary, SeoCartWidget } from '../../components/cart';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { CartSkeleton } from '../../skeleton';\nimport { loyalty } from '../../api/loyalty';\nimport { cart } from '../../api/cart';\n\nfunction CartPageContent({ page }: CartPageProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const { data: loyaltyPoints } = useQuery(loyalty.queries.points());\n\n  const [cartId, setCartId] = useState<number | null>(null);\n\n  useEffect(() => {\n    window.salla?.cart.api.getCurrentCartId().then(setCartId);\n  }, []);\n\n  const { data: cartData } = useQuery({\n    ...cart.queries.detail(cartId!),\n    enabled: !!cartId,\n  });\n\n  const isLoading = cartId === null || !cartData;\n\n  if (isLoading) {\n    return <CartSkeleton />;\n  }\n\n  if (cartData.items.length === 0) {\n    return (\n      <div className=\"container\">\n        <Breadcrumb page={page} />\n        <NoContent\n          icon=\"sicon-shopping-bag\"\n          message={t('pages.cart.empty_cart', 'Your cart is empty')}\n          actionLabel={t('common.elements.back_home', 'Back to Home')}\n          actionUrl=\"/\"\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"container\">\n      {/* Analytics — no visible UI, fires GTM checkout events */}\n      <SeoCartWidget cart={cartData} />\n\n      <Breadcrumb page={page} />\n      <h1 className=\"sr-only\">{t('common.titles.cart', 'Cart')}</h1>\n      <SallaConditionalOffer />\n\n      <HookSlot name=\"cart:start\" />\n\n      <div className=\"pt-5 flex flex-col items-start lg:flex-row pb-6 lg:pb-20\">\n        <div className=\"main-content w-full lg:w-[calc(100%-384px)]\">\n          <HookSlot name=\"cart:items.start\" context={{ cartItems: cartData.items }} />\n\n          {cartData.items.map((item, index) => (\n            <CartItem key={item.id} item={item} isFirst={index === 0} />\n          ))}\n\n          {cartData.options?.length > 0 && (\n            <div className=\"cart-options\">\n              {cartData.options.map((option) => (\n                <form\n                  key={option.id}\n                  className=\"first:pt-5 relative\"\n                  onChange={(e) => window.salla?.form.onChange('cart.updateItem', e)}\n                  id={`item-${option.id}`}\n                >\n                  <input type=\"hidden\" name=\"id\" value={option.id} />\n                  <input type=\"hidden\" name=\"quantity\" value={option.quantity} />\n                  {/* Twig: {% include 'pages.partials.product.options' with {product:product_option} %} */}\n                  {option.options && option.options.length > 0 && (\n                    <SallaProductOptions\n                      options={JSON.stringify(option.options)}\n                      productId={option.id}\n                    />\n                  )}\n                </form>\n              ))}\n            </div>\n          )}\n\n          <SallaOffer />\n          <HookSlot name=\"cart:items.end\" />\n        </div>\n\n        <CartSummary\n          cart={cartData}\n          applyCouponEnabled={store.settings?.cart?.apply_coupon_enabled}\n          taxAmount={cartData.tax_amount}\n          key={cartData.id}\n          loyalty={cartData.loyalty}\n          gift={cartData.gift}\n          loyaltyPoints={loyaltyPoints ?? undefined}\n        />\n      </div>\n\n      <HookSlot name=\"cart:end\" />\n    </div>\n  );\n}\n\nexport function CartPage(props: CartPageProps) {\n  return <CartPageContent {...props} />;\n}\n","import type { CartPageProps } from './types';\nimport { getTwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\n\n/**\n * SSR-safe loader that returns only page metadata.\n * Cart data is fetched client-side via React Query since the cart ID\n * lives in localStorage (unavailable during SSR).\n */\nexport function cartLoader(): CartPageProps {\n  const i18n = getTwilightContext().i18n;\n  return {\n    page: { slug: RouteId.CART, title: i18n.t('common.titles.cart') || 'Cart' },\n  } as CartPageProps;\n}\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport { CartPage } from './CartPage';\nimport { cartLoader } from './loader';\nimport type { CartPageProps } from './types';\nimport type { TwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\n\nexport { CartPage } from './CartPage';\nexport { cartLoader } from './loader';\nexport type { CartPageProps } from './types';\n\nasync function loader(\n  _ctx?: { locale?: string },\n  extend?: (\n    data: CartPageProps,\n    ctx: { params: Record<string, never> }\n  ) => Promise<Record<string, unknown>> | Record<string, unknown>\n): Promise<CartPageProps> {\n  const data = cartLoader();\n\n  if (extend) {\n    const extra = extend(data, { params: {} });\n    return { ...data, ...(extra instanceof Promise ? {} : extra) } as CartPageProps;\n  }\n  return data;\n}\n\nfunction head(ctx: TwilightContext, data: CartPageProps): HeadDescriptor {\n  const base: HeadDescriptor = {\n    title: data.page.title,\n    description: data.page.description,\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n\n  return base;\n}\n\nexport const Cart = { id: RouteId.CART, loader, head, Component: CartPage } as const;\n"]}

package/dist/routes/home.js

@@ -1,23 +1,25 @@
-export { Home, HomeSkeleton, homeLoader } from '../chunk-FXXATUWJ.js';
-import '../chunk-QQGFEBYP.js';
+export { Home, HomeSkeleton, homeLoader } from '../chunk-ABKWUNWF.js';
+import '../chunk-2FDMBW2G.js';
 import '../chunk-TZ3E5BN4.js';
-export { DefaultHomeComponents, registerHomeComponentConfig, registerHomeComponents } from '../chunk-ODXQLAF4.js';
-import '../chunk-Y73ZOE3I.js';
-import '../chunk-X4Z6MIBG.js';
+export { DefaultHomeComponents, registerHomeComponentConfig, registerHomeComponents } from '../chunk-YY2CTLTJ.js';
+import '../chunk-FALZ7SZO.js';
+import '../chunk-MLJS3VEC.js';
 import '../chunk-G7ALL4BC.js';
-import '../chunk-BH6NMIAK.js';
-import '../chunk-UXCLRJ3Q.js';
+import '../chunk-MAYB5543.js';
+import '../chunk-SQCDRDPH.js';
 import '../chunk-JKIRRMBU.js';
 import '../chunk-2JV6WZ6O.js';
+import '../chunk-ULAPZSHY.js';
 import '../chunk-VVZNW5CB.js';
-import '../chunk-ZBTCQZVO.js';
+import '../chunk-E2FO6OSL.js';
+import '../chunk-PQNPO2J3.js';
 import '../chunk-MTONGOJD.js';
 import '../chunk-C5X6CVXC.js';
-import '../chunk-DFIZHPDP.js';
-import '../chunk-A5XHG5DY.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import '../chunk-WI7TR7RK.js';
+import '../chunk-NUPOX7ID.js';
+import '../chunk-2JHVZBQ7.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import '../chunk-OPKTJIZQ.js';
 import '../chunk-TP3LCGE7.js';
 import '../chunk-Z653O7MX.js';
 import '../chunk-ZCH7W7DZ.js';
@@ -33,7 +35,7 @@ import '../chunk-YMVLYYLU.js';
 import '../chunk-RJPPO3ET.js';
 import '../chunk-Q7VWURUR.js';
 import '../chunk-GU2KUQVD.js';
-import '../chunk-DA43QUYK.js';
+import '../chunk-NXM2FQJ7.js';
 import '../chunk-AXW67SY7.js';
 import '../chunk-BYMOPN2S.js';
 import '../chunk-6BZ5TKEV.js';

package/dist/routes/index.js

@@ -1,7 +1,7 @@
-export { slugBrandRedirectLoader } from '../chunk-KN6YUQ6L.js';
-import '../chunk-ZBTCQZVO.js';
+export { slugBrandRedirectLoader } from '../chunk-UNGQL6AB.js';
+import '../chunk-PQNPO2J3.js';
 import '../chunk-MTONGOJD.js';
-import '../chunk-WI7TR7RK.js';
+import '../chunk-OPKTJIZQ.js';
 import '../chunk-TYNZ5B2B.js';
 export { FALLBACK_LOCALE, SUPPORTED_LOCALES, getLanguageInfo, isLocale } from '../chunk-T72DAX7R.js';
 import '../chunk-DF6FBKDN.js';

package/dist/routes/loyalty.js

@@ -1,10 +1,10 @@
-import { loyalty } from '../chunk-PASKA2UT.js';
+import { loyalty } from '../chunk-4EHNAFYR.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import '../chunk-ZBTCQZVO.js';
+import '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import '../chunk-WI7TR7RK.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import '../chunk-OPKTJIZQ.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
@@ -18,7 +18,7 @@ async function loyaltyLoader() {
 
 // src/routes/loyalty/index.tsx
 var LazyLoyaltyPage = lazy(
-  () => import('../LoyaltyPage-YBVHG57L.js').then((m) => ({ default: m.LoyaltyPage }))
+  () => import('../LoyaltyPage-5BRVSONO.js').then((m) => ({ default: m.LoyaltyPage }))
 );
 var LoyaltyPage = LazyLoyaltyPage;
 async function loader(_ctx, extend) {

package/dist/routes/page.js

@@ -1,10 +1,10 @@
-import { page } from '../chunk-QHDMWYJO.js';
+import { page } from '../chunk-URH4CDTN.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import '../chunk-ZBTCQZVO.js';
+import '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import '../chunk-WI7TR7RK.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import '../chunk-OPKTJIZQ.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DF6FBKDN.js';
 import '../chunk-DGUM43GV.js';
@@ -27,7 +27,7 @@ async function pageSingleLoader({ params }) {
 }
 
 // src/routes/page/index.tsx
-var LazyPageSingle = lazy(() => import('../PageSingle-PVGXNR42.js').then((m) => ({ default: m.PageSingle })));
+var LazyPageSingle = lazy(() => import('../PageSingle-XIHQ5WLE.js').then((m) => ({ default: m.PageSingle })));
 var PageSingleLazy = LazyPageSingle;
 async function loader(ctx, extend) {
   const data = await pageSingleLoader({ params: ctx.params });

package/dist/routes/product-listing.js

@@ -1,25 +1,27 @@
 import { sortOptions } from '../chunk-6Z4MOC4S.js';
-import { category } from '../chunk-2WBVZR4E.js';
-import { brand } from '../chunk-R5VMDBV2.js';
+import { category } from '../chunk-LUFVVUWZ.js';
+import { brand } from '../chunk-BR26I5WV.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import { LazyTestimonials } from '../chunk-ODXQLAF4.js';
-import { product } from '../chunk-Y73ZOE3I.js';
+import { LazyTestimonials } from '../chunk-YY2CTLTJ.js';
+import { product } from '../chunk-FALZ7SZO.js';
 import { Drawer } from '../chunk-6TKIUG5C.js';
-import { ProductCard } from '../chunk-X4Z6MIBG.js';
+import { ProductCard } from '../chunk-MLJS3VEC.js';
 import '../chunk-G7ALL4BC.js';
-import { useStore } from '../chunk-BH6NMIAK.js';
-import '../chunk-UXCLRJ3Q.js';
+import { useStore } from '../chunk-MAYB5543.js';
+import '../chunk-SQCDRDPH.js';
 import '../chunk-JKIRRMBU.js';
 import '../chunk-2JV6WZ6O.js';
+import '../chunk-ULAPZSHY.js';
 import '../chunk-VVZNW5CB.js';
-import { notFound, useNavigate, useLocation } from '../chunk-ZBTCQZVO.js';
+import '../chunk-E2FO6OSL.js';
+import { notFound, useNavigate, useLocation } from '../chunk-PQNPO2J3.js';
 import { RouteId } from '../chunk-MTONGOJD.js';
 import '../chunk-C5X6CVXC.js';
-import '../chunk-DFIZHPDP.js';
-import '../chunk-A5XHG5DY.js';
-import '../chunk-KOVPH7TW.js';
-import '../chunk-FUH74TV3.js';
-import { getTwilightContext } from '../chunk-WI7TR7RK.js';
+import '../chunk-NUPOX7ID.js';
+import '../chunk-2JHVZBQ7.js';
+import '../chunk-F7TFLW56.js';
+import '../chunk-2WNYE75P.js';
+import { getTwilightContext } from '../chunk-OPKTJIZQ.js';
 import '../chunk-TP3LCGE7.js';
 import '../chunk-Z653O7MX.js';
 import '../chunk-ZCH7W7DZ.js';
@@ -35,7 +37,7 @@ import '../chunk-YMVLYYLU.js';
 import '../chunk-RJPPO3ET.js';
 import { HookSlot } from '../chunk-Q7VWURUR.js';
 import '../chunk-GU2KUQVD.js';
-import { LazyBreadcrumb, Image, LazyNoContent, ProductCardSkeleton, LazyRenderWhenVisible } from '../chunk-DA43QUYK.js';
+import { LazyBreadcrumb, Image, LazyNoContent, ProductCardSkeleton, LazyRenderWhenVisible } from '../chunk-NXM2FQJ7.js';
 import '../chunk-AXW67SY7.js';
 import '../chunk-BYMOPN2S.js';
 import '../chunk-6BZ5TKEV.js';

package/dist/routes/product-listing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/routes/product-listing/loader.ts","../../src/routes/product-listing/ProductListPage.tsx","../../src/routes/product-listing/index.tsx"],"names":["i18n","brand","category"],"mappings":"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","file":"product-listing.js","sourcesContent":["import type { ProductListLoaderData, ProductListLoaderContext, ProductListSource } from './types';\nimport type { ProductsListSource } from '../../api/product';\nimport { category } from '../../api/category';\nimport { product } from '../../api/product';\nimport { brand } from '../../api/brands';\nimport { notFound } from '../../providers/NavigationProvider';\nimport { getTwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\n\nconst DEFAULT_SORT = 'ourSuggest';\n\nconst SOURCE_TO_API: Record<ProductListSource, ProductsListSource> = {\n  categories: 'categories',\n  latest: 'latest',\n  sales: 'sales',\n  offers: 'offers',\n  search: 'search',\n  tags: 'tags',\n  brands: 'brands',\n};\n\nconst SOURCE_TITLE_KEY: Record<'latest' | 'sales' | 'offers', string> = {\n  latest: 'blocks.home.latest_products',\n  sales: 'common.titles.most_sales',\n  offers: 'blocks.header.offers',\n};\n\nconst SOURCE_SLUG: Record<'latest' | 'sales' | 'offers', string> = {\n  latest: 'latest-products',\n  sales: 'most-sales-products',\n  offers: 'offers',\n};\n\nexport async function productListLoader(\n  ctx: ProductListLoaderContext\n): Promise<ProductListLoaderData> {\n  const { params, search } = ctx;\n  const cursor = search?.page ? String(search.page) : undefined;\n  const sort = search?.sort ?? DEFAULT_SORT;\n\n  const sourceType = params.source ?? (params.id ? 'categories' : undefined);\n\n  if (!sourceType) {\n    throw new Error('ProductList loader requires source type');\n  }\n\n  if (sourceType === 'categories' && params.id) {\n    return loadCategoryProducts(params.id, cursor, sort);\n  }\n\n  if (sourceType === 'search') {\n    const keyword = (search?.q ?? params.keyword ?? '').trim();\n    return loadSearchProducts(keyword, cursor, sort);\n  }\n\n  if (sourceType === 'tags' && params.id) {\n    return loadTagProducts(params.id, cursor, sort);\n  }\n\n  if (sourceType === 'brands' && params.id) {\n    return loadBrandProducts(params.id, cursor, sort);\n  }\n\n  if (sourceType === 'latest' || sourceType === 'sales' || sourceType === 'offers') {\n    return loadStaticProducts(\n      sourceType as 'latest' | 'sales' | 'offers',\n      params.title ?? '',\n      params.slug ?? '',\n      cursor,\n      sort\n    );\n  }\n\n  throw new Error(`Unknown source type: ${sourceType}`);\n}\n\n// ============================================================================\n// Source-Specific Loaders\n// ============================================================================\n\nasync function loadCategoryProducts(\n  id: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  let categoryData, productsResult;\n  try {\n    [categoryData, productsResult] = await Promise.all([\n      queryClient.fetchQuery(category.queries.detail(id)),\n      queryClient.fetchQuery(\n        product.queries.list({\n          source: 'categories',\n          sourceValue: id,\n          cursor,\n          sort,\n          filterable: true,\n        })\n      ),\n    ]);\n  } catch {\n    throw notFound();\n  }\n\n  if (!categoryData) throw notFound();\n\n  return {\n    page: {\n      slug: RouteId.PRODUCT_INDEX,\n      id,\n      title: categoryData.name,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: categoryData.name, url: categoryData.url },\n      ],\n    },\n    source: { type: 'categories', value: id, entity: categoryData },\n    query: { sort, filters: true },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n    filters: productsResult.filters,\n  };\n}\n\nasync function loadSearchProducts(\n  keyword: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  if (!keyword) {\n    const { i18n } = getTwilightContext();\n    return {\n      page: {\n        slug: RouteId.SEARCH,\n        title: i18n.t('common.titles.search') || 'Search Results',\n        breadcrumbs: [\n          { name: i18n.t('common.titles.home'), url: '/' },\n          { name: i18n.t('common.titles.search') || 'Search Results', url: '/search' },\n        ],\n      },\n      source: { type: 'search', value: '' },\n      query: { sort, filters: true },\n      products: [],\n      pagination: { next: null },\n    };\n  }\n\n  const { queryClient, i18n } = getTwilightContext();\n  const productsResult = await queryClient.fetchQuery(\n    product.queries.list({\n      source: 'search',\n      sourceValue: keyword,\n      cursor,\n      sort,\n      filterable: true,\n    })\n  );\n\n  return {\n    page: {\n      slug: RouteId.SEARCH,\n      title: keyword,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: keyword, url: '/search' },\n      ],\n    },\n    source: { type: 'search', value: keyword },\n    query: { sort, filters: true },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n    filters: productsResult.filters,\n  };\n}\n\nasync function loadTagProducts(\n  id: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  const productsResult = await queryClient.fetchQuery(\n    product.queries.list({\n      source: 'tags',\n      sourceValue: id,\n      cursor,\n      sort,\n    })\n  );\n\n  const tagFromProduct = productsResult.items[0]?.tags?.find((t) => String(t.id) === id);\n  if (!tagFromProduct) throw notFound();\n\n  const tag = { id: Number(tagFromProduct.id), name: tagFromProduct.name, url: tagFromProduct.url };\n\n  return {\n    page: {\n      slug: RouteId.PRODUCT_INDEX_TAG,\n      id,\n      title: tag.name,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: tag.name, url: tag.url },\n      ],\n    },\n    source: { type: 'tags', value: id, entity: tag },\n    query: { sort, filters: false },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n  };\n}\n\nasync function loadBrandProducts(\n  id: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  let brandData, productsResult;\n  try {\n    [brandData, productsResult] = await Promise.all([\n      queryClient.fetchQuery(brand.queries.detail(id)),\n      queryClient.fetchQuery(\n        product.queries.list({\n          source: 'brands',\n          sourceValue: id,\n          cursor,\n          sort,\n        })\n      ),\n    ]);\n  } catch {\n    throw notFound();\n  }\n\n  if (!brandData) throw notFound();\n\n  return {\n    page: {\n      slug: RouteId.BRANDS_INDEX,\n      id,\n      title: brandData.name,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: brandData.name, url: brandData.url },\n      ],\n    },\n    source: { type: 'brands', value: id, entity: brandData },\n    query: { sort, filters: false },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n  };\n}\n\nconst SOURCE_ROUTE_ID: Record<'latest' | 'sales' | 'offers', string> = {\n  latest: RouteId.PRODUCT_INDEX_LATEST,\n  sales: RouteId.PRODUCT_INDEX_SALES,\n  offers: RouteId.PRODUCT_INDEX_OFFERS,\n};\n\nasync function loadStaticProducts(\n  source: 'latest' | 'sales' | 'offers',\n  title: string,\n  slug: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  const resolvedTitle = title || i18n.t(SOURCE_TITLE_KEY[source]);\n  const resolvedSlug = slug || SOURCE_SLUG[source];\n  const productsResult = await queryClient.fetchQuery(\n    product.queries.list({\n      source: SOURCE_TO_API[source],\n      cursor,\n      sort,\n    })\n  );\n\n  return {\n    page: {\n      slug: SOURCE_ROUTE_ID[source],\n      title: resolvedTitle,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: resolvedTitle, url: `/${resolvedSlug}` },\n      ],\n    },\n    source: { type: source },\n    query: { sort, filters: false },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n  };\n}\n","import { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport { HookSlot, useStore } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useNavigate, useLocation } from '../../providers/NavigationProvider';\nimport { sortOptions } from '../../utils/sort-options';\nimport { Drawer } from '../../components/drawer';\nimport { Breadcrumb } from '../../components/common';\nimport { SallaFilters } from '@salla.sa/twilight-components-react/filters';\nimport { ItemsList, ReviewItemSkeleton } from '@salla.sa/twilight-components-react';\nimport { Testimonials } from '../../components/home';\nimport { ProductCard } from '../../components/product';\nimport { NoContent, ProductCardSkeleton, Image, RenderWhenVisible } from '../../components/common';\nimport { product } from '../../api/product';\nimport type { ProductListLoaderData } from './types';\nimport type { Brand } from '../brands/types';\nimport type { Product } from '../../types';\n\n/**\n * Product List Page - Unified component for all product listing pages\n *\n * Handles:\n * - Category pages (with filters, category entity, testimonials)\n * - Search pages (keyword display, product count)\n * - Tag pages (tag entity)\n * - Brand pages (brand entity with banner/logo)\n * - Static listings (latest, sales, offers)\n */\nexport function ProductListPage({\n  page,\n  source,\n  query,\n  products,\n  pagination,\n  filters,\n}: ProductListLoaderData) {\n  const { t } = useTranslation();\n  const store = useStore();\n  const navigate = useNavigate();\n  // Sort is now SSR-driven, no local state needed\n  const selectedSort = query.sort;\n  const [filtersOpen, setFiltersOpen] = useState(false);\n\n  // Determine filters visibility\n  const showFilters = query.filters && store?.settings?.product?.filters;\n  // const isSearch = source.type === 'search';\n  const isBrand = source.type === 'brands';\n  const brand = isBrand ? (source.entity as Brand | undefined) : null;\n\n  // Generate sort options with translations\n  const sortOptionsWithTrans = useMemo(() => sortOptions(selectedSort, t), [selectedSort, t]);\n\n  // Get location from hook for consistent URL handling\n  const location = useLocation();\n\n  // Listen for filters changed event to close drawer\n  useEffect(() => {\n    const handleFiltersChanged = () => setFiltersOpen(false);\n    const sdk = window.salla;\n    if (typeof sdk === 'undefined') return;\n\n    sdk.event.on('salla-filters::changed', handleFiltersChanged);\n\n    return () => {\n      sdk.event.off('salla-filters::changed', handleFiltersChanged);\n    };\n  }, []);\n\n  // Handle sort change - use client-side navigation to trigger route loader re-run\n  const handleSortChange = useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      const newSort = event.target.value;\n\n      const url = new URL(window.location.href);\n      url.searchParams.set('sort', newSort);\n      url.searchParams.delete('page'); // clear any cursor token from URL on sort change\n\n      // Use client-side navigation to trigger route loader re-execution (SSR-like)\n      navigate(url.pathname + url.search);\n    },\n    [navigate]\n  );\n\n  // Key for remounting products list\n  const listKey = source.value ?? source.type;\n\n  // Track cursor for the next page — initialized from SSR pagination response.\n  // On sort change the key prop remounts ItemsList and this effect resets the cursor.\n  const nextCursorRef = useRef<string | null>(pagination?.next ?? null);\n  useEffect(() => {\n    nextCursorRef.current = pagination?.next ?? null;\n  }, [pagination?.next]);\n\n  const loader = useCallback(async () => {\n    const nextUrl = nextCursorRef.current;\n    // Extract the cursor token from the next URL provided by the previous response\n    const cursorMatch = nextUrl?.match(/[?&]cursor=([^&]+)/);\n    const cursor = cursorMatch ? decodeURIComponent(cursorMatch[1]) : (nextUrl ?? undefined);\n\n    const result = await product.list({\n      source: source.type,\n      sourceValue: source.value,\n      ...(cursor && { cursor }),\n      sort: selectedSort,\n    });\n\n    nextCursorRef.current = result.next;\n\n    return result;\n  }, [source.type, source.value, selectedSort]);\n\n  return (\n    <div key={listKey} className=\"container px-2.5 ms:px-5 mb-10\">\n      <Breadcrumb page={page} />\n\n      {isBrand && brand && (\n        <>\n          <Image\n            width={1200}\n            height={300}\n            className=\"w-full max-h-[300px] object-cover rounded-md bg-gray-100\"\n            src={brand.banner || undefined}\n            alt={brand.name}\n            priority\n          />\n          <header className=\"flex flex-col md:flex-row items-center md:items-start text-center rtl:md:text-right ltr:md:text-left mt-2 mb-8\">\n            <Image\n              className=\"rounded-md w-40 h-24 object-contain shadow-md p-4 bg-white shrink-0\"\n              src={brand.logo || undefined}\n              alt={brand.name}\n              aspectRatio=\"5/3\"\n            />\n            <div className=\"px-5 pt-3 rtl:text-right\">\n              <h1 className=\"text-2xl font-bold mb-1\">{brand.name}</h1>\n              {brand.description && (\n                <p\n                  className=\"text-base text-gray-500 font-medium\"\n                  dangerouslySetInnerHTML={{ __html: brand.description }}\n                />\n              )}\n            </div>\n          </header>\n        </>\n      )}\n\n      <HookSlot name=\"product:list.start\" />\n\n      <div className={showFilters ? 'md:grid md:grid-cols-[288px_1fr] gap-8' : ''}>\n        {/* <FiltersSkeleton></FiltersSkeleton> */}\n        {showFilters && (\n          <SallaFilters\n            id=\"filters-menu\"\n            className=\"hidden md:block lg:sticky lg:top-20\"\n            filters={filters as any}\n          />\n        )}\n\n        <div className=\"min-w-0\">\n          <div className=\"mb-4 sm:mb-6 flex justify-between items-center\">\n            <h1 className=\"font-bold text-xl rtl:pl-3 ltr:pr-3\" id=\"page-main-title\">\n              {isBrand ? t('common.titles.products') : page.title}\n            </h1>\n\n            <div className=\"flex items-center space-x-2 rtl:space-x-reverse\">\n              {showFilters && (\n                <button\n                  type=\"button\"\n                  onClick={() => setFiltersOpen(true)}\n                  className=\"filters-trigger bg-border-color text-primary lg:hidden p-2 rounded\"\n                >\n                  <i className=\"sicon-filter text-gray-text text-2xl\" />\n                </button>\n              )}\n\n              {sortOptionsWithTrans.length > 0 && (\n                <div className=\"flex items-center\">\n                  <label\n                    className=\"hidden sm:block rtl:ml-3 ltr:mr-3 whitespace-nowrap\"\n                    htmlFor=\"product-sort\"\n                  >\n                    {t('pages.categories.sorting', 'Sort By')}\n                  </label>\n                  <select\n                    id=\"product-sort\"\n                    className=\"form-input pt-0 pb-1 rtl:md:pl-10 ltr:md:pr-10\"\n                    value={selectedSort}\n                    onChange={handleSortChange}\n                  >\n                    {sortOptionsWithTrans.map((option) => (\n                      <option key={option.id} value={option.id}>\n                        {option.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n            </div>\n          </div>\n\n          <HookSlot name=\"product:list.items.start\" />\n\n          <div className=\"flex min-h-screen\">\n            <ItemsList<Product>\n              key={`${listKey}-${selectedSort}`}\n              resetKey={`${listKey}-${selectedSort}`}\n              items={products}\n              loader={loader}\n              mode={pagination?.next ? 'infinite' : 'static'}\n              pageUrl={location.pathname + location.searchStr}\n              className=\"s-products-list flex-1 min-w-0\"\n              itemsClassName={`s-products-list-wrapper s-products-list-vertical-cards${showFilters ? ' s-products-list-with-filters' : ''}`}\n              skeleton={<ProductCardSkeleton />}\n              skeletonType=\"item\"\n              skeletonCount={12}\n              empty={\n                <NoContent\n                  icon=\"sicon-shopping-bag\"\n                  message={t('pages.categories.no_products', 'No products found in this category')}\n                />\n              }\n              t={(key, fallback) => t(key, fallback || key)}\n            >\n              {(items) =>\n                items.map((prod, idx) => <ProductCard key={prod.id} product={prod} index={idx} />)\n              }\n            </ItemsList>\n          </div>\n\n          <HookSlot name=\"product:list.items.end\" />\n        </div>\n      </div>\n\n      {showFilters && (\n        <Drawer isOpen={filtersOpen} onClose={() => setFiltersOpen(false)} size=\"md\">\n          <div className=\"p-4\">\n            <div className=\"flex justify-between items-center mb-4\">\n              <h3 className=\"font-bold text-lg\">{t('pages.categories.filters', 'Filters')}</h3>\n              <button\n                type=\"button\"\n                onClick={() => setFiltersOpen(false)}\n                className=\"btn--close-sm sicon-cancel text-gray-500\"\n              />\n            </div>\n            <SallaFilters id=\"filters-menu-mobile\" filters={filters as any} />\n          </div>\n        </Drawer>\n      )}\n\n      {source.type === 'categories' && store?.settings?.category?.testimonial_enabled && (\n        <RenderWhenVisible placeholder={<ReviewItemSkeleton />}>\n          <Testimonials data={{}} />\n        </RenderWhenVisible>\n      )}\n\n      <HookSlot name=\"product:list.end\" />\n    </div>\n  );\n}\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport { productListLoader } from './loader';\nimport type { ProductListLoaderData, ProductListTag, Category } from './types';\nimport type { TwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\nimport { ProductListPage } from './ProductListPage';\n\nexport function head(ctx: TwilightContext, data: ProductListLoaderData): HeadDescriptor {\n  const entity = data.source.entity;\n  const category = data.source.type === 'categories' ? (entity as Category | undefined) : undefined;\n  const tag = data.source.type === 'tags' ? (entity as ProductListTag | undefined) : undefined;\n\n  const canonical = category?.url ?? tag?.url;\n  const title = category?.name ?? tag?.name ?? data.page.title;\n  const image = category?.image ?? undefined;\n\n  const base: HeadDescriptor = {\n    title,\n    description: `Browse ${title}`,\n    canonical,\n    openGraph: {\n      type: 'website',\n      title,\n      description: `Browse ${title}`,\n      images: image,\n      url: canonical,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description: `Browse ${title}`,\n      images: image,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, canonical ?? ctx.location.pathname),\n  };\n\n  return base;\n}\n\nexport const ProductListing = {\n  id: RouteId.PRODUCT_INDEX,\n  loader: productListLoader,\n  head,\n  Component: ProductListPage,\n} as const;\n\nexport { ProductListPage };\nexport { productListLoader };\n\nexport type {\n  ProductListLoaderData,\n  ProductListLoaderParams,\n  ProductListLoaderContext,\n  ProductListSource,\n  ProductListTag,\n  ProductListEntity,\n  ProductListPageMeta,\n  ProductListSourceConfig,\n  ProductListQuery,\n  CategoryPageProps,\n} from './types';\n"]}
+{"version":3,"sources":["../../src/routes/product-listing/loader.ts","../../src/routes/product-listing/ProductListPage.tsx","../../src/routes/product-listing/index.tsx"],"names":["i18n","brand","category"],"mappings":"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","file":"product-listing.js","sourcesContent":["import type { ProductListLoaderData, ProductListLoaderContext, ProductListSource } from './types';\nimport type { ProductsListSource } from '../../api/product';\nimport { category } from '../../api/category';\nimport { product } from '../../api/product';\nimport { brand } from '../../api/brands';\nimport { notFound } from '../../providers/NavigationProvider';\nimport { getTwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\n\nconst DEFAULT_SORT = 'ourSuggest';\n\nconst SOURCE_TO_API: Record<ProductListSource, ProductsListSource> = {\n  categories: 'categories',\n  latest: 'latest',\n  sales: 'sales',\n  offers: 'offers',\n  search: 'search',\n  tags: 'tags',\n  brands: 'brands',\n};\n\nconst SOURCE_TITLE_KEY: Record<'latest' | 'sales' | 'offers', string> = {\n  latest: 'blocks.home.latest_products',\n  sales: 'common.titles.most_sales',\n  offers: 'blocks.header.offers',\n};\n\nconst SOURCE_SLUG: Record<'latest' | 'sales' | 'offers', string> = {\n  latest: 'latest-products',\n  sales: 'most-sales-products',\n  offers: 'offers',\n};\n\nexport async function productListLoader(\n  ctx: ProductListLoaderContext\n): Promise<ProductListLoaderData> {\n  const { params, search } = ctx;\n  const cursor = search?.page ? String(search.page) : undefined;\n  const sort = search?.sort ?? DEFAULT_SORT;\n\n  const sourceType = params.source ?? (params.id ? 'categories' : undefined);\n\n  if (!sourceType) {\n    throw new Error('ProductList loader requires source type');\n  }\n\n  if (sourceType === 'categories' && params.id) {\n    return loadCategoryProducts(params.id, cursor, sort);\n  }\n\n  if (sourceType === 'search') {\n    const keyword = (search?.q ?? params.keyword ?? '').trim();\n    return loadSearchProducts(keyword, cursor, sort);\n  }\n\n  if (sourceType === 'tags' && params.id) {\n    return loadTagProducts(params.id, cursor, sort);\n  }\n\n  if (sourceType === 'brands' && params.id) {\n    return loadBrandProducts(params.id, cursor, sort);\n  }\n\n  if (sourceType === 'latest' || sourceType === 'sales' || sourceType === 'offers') {\n    return loadStaticProducts(\n      sourceType as 'latest' | 'sales' | 'offers',\n      params.title ?? '',\n      params.slug ?? '',\n      cursor,\n      sort\n    );\n  }\n\n  throw new Error(`Unknown source type: ${sourceType}`);\n}\n\n// ============================================================================\n// Source-Specific Loaders\n// ============================================================================\n\nasync function loadCategoryProducts(\n  id: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  let categoryData, productsResult;\n  try {\n    [categoryData, productsResult] = await Promise.all([\n      queryClient.fetchQuery(category.queries.detail(id)),\n      queryClient.fetchQuery(\n        product.queries.list({\n          source: 'categories',\n          sourceValue: id,\n          cursor,\n          sort,\n          filterable: true,\n        })\n      ),\n    ]);\n  } catch {\n    throw notFound();\n  }\n\n  if (!categoryData) throw notFound();\n\n  return {\n    page: {\n      slug: RouteId.PRODUCT_INDEX,\n      id,\n      title: categoryData.name,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: categoryData.name, url: categoryData.url },\n      ],\n    },\n    source: { type: 'categories', value: id, entity: categoryData },\n    query: { sort, filters: true },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n    filters: productsResult.filters,\n  };\n}\n\nasync function loadSearchProducts(\n  keyword: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  if (!keyword) {\n    const { i18n } = getTwilightContext();\n    return {\n      page: {\n        slug: RouteId.SEARCH,\n        title: i18n.t('common.titles.search') || 'Search Results',\n        breadcrumbs: [\n          { name: i18n.t('common.titles.home'), url: '/' },\n          { name: i18n.t('common.titles.search') || 'Search Results', url: '/search' },\n        ],\n      },\n      source: { type: 'search', value: '' },\n      query: { sort, filters: true },\n      products: [],\n      pagination: { next: null },\n    };\n  }\n\n  const { queryClient, i18n } = getTwilightContext();\n  const productsResult = await queryClient.fetchQuery(\n    product.queries.list({\n      source: 'search',\n      sourceValue: keyword,\n      cursor,\n      sort,\n      filterable: true,\n    })\n  );\n\n  return {\n    page: {\n      slug: RouteId.SEARCH,\n      title: keyword,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: keyword, url: '/search' },\n      ],\n    },\n    source: { type: 'search', value: keyword },\n    query: { sort, filters: true },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n    filters: productsResult.filters,\n  };\n}\n\nasync function loadTagProducts(\n  id: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  const productsResult = await queryClient.fetchQuery(\n    product.queries.list({\n      source: 'tags',\n      sourceValue: id,\n      cursor,\n      sort,\n    })\n  );\n\n  const tagFromProduct = productsResult.items[0]?.tags?.find((t) => String(t.id) === id);\n  if (!tagFromProduct) throw notFound();\n\n  const tag = { id: Number(tagFromProduct.id), name: tagFromProduct.name, url: tagFromProduct.url };\n\n  return {\n    page: {\n      slug: RouteId.PRODUCT_INDEX_TAG,\n      id,\n      title: tag.name,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: tag.name, url: tag.url },\n      ],\n    },\n    source: { type: 'tags', value: id, entity: tag },\n    query: { sort, filters: false },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n  };\n}\n\nasync function loadBrandProducts(\n  id: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  let brandData, productsResult;\n  try {\n    [brandData, productsResult] = await Promise.all([\n      queryClient.fetchQuery(brand.queries.detail(id)),\n      queryClient.fetchQuery(\n        product.queries.list({\n          source: 'brands',\n          sourceValue: id,\n          cursor,\n          sort,\n        })\n      ),\n    ]);\n  } catch {\n    throw notFound();\n  }\n\n  if (!brandData) throw notFound();\n\n  return {\n    page: {\n      slug: RouteId.BRANDS_INDEX,\n      id,\n      title: brandData.name,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: brandData.name, url: brandData.url },\n      ],\n    },\n    source: { type: 'brands', value: id, entity: brandData },\n    query: { sort, filters: false },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n  };\n}\n\nconst SOURCE_ROUTE_ID: Record<'latest' | 'sales' | 'offers', string> = {\n  latest: RouteId.PRODUCT_INDEX_LATEST,\n  sales: RouteId.PRODUCT_INDEX_SALES,\n  offers: RouteId.PRODUCT_INDEX_OFFERS,\n};\n\nasync function loadStaticProducts(\n  source: 'latest' | 'sales' | 'offers',\n  title: string,\n  slug: string,\n  cursor: string | undefined,\n  sort: string\n): Promise<ProductListLoaderData> {\n  const { queryClient, i18n } = getTwilightContext();\n  const resolvedTitle = title || i18n.t(SOURCE_TITLE_KEY[source]);\n  const resolvedSlug = slug || SOURCE_SLUG[source];\n  const productsResult = await queryClient.fetchQuery(\n    product.queries.list({\n      source: SOURCE_TO_API[source],\n      cursor,\n      sort,\n    })\n  );\n\n  return {\n    page: {\n      slug: SOURCE_ROUTE_ID[source],\n      title: resolvedTitle,\n      breadcrumbs: [\n        { name: i18n.t('common.titles.home'), url: '/' },\n        { name: resolvedTitle, url: `/${resolvedSlug}` },\n      ],\n    },\n    source: { type: source },\n    query: { sort, filters: false },\n    products: productsResult.items,\n    pagination: {\n      next: productsResult.next,\n    },\n  };\n}\n","import { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport { HookSlot, useStore } from '../../hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useNavigate, useLocation } from '../../providers/NavigationProvider';\nimport { sortOptions } from '../../utils/sort-options';\nimport { Drawer } from '../../components/drawer';\nimport { Breadcrumb } from '../../components/common';\nimport { SallaFilters } from '@salla.sa/twilight-components-react/filters';\nimport { ItemsList, ReviewItemSkeleton } from '@salla.sa/twilight-components-react';\nimport { Testimonials } from '../../components/home';\nimport { ProductCard } from '../../components/product';\nimport { NoContent, ProductCardSkeleton, Image, RenderWhenVisible } from '../../components/common';\nimport { product } from '../../api/product';\nimport type { ProductListLoaderData } from './types';\nimport type { Brand } from '../brands/types';\nimport type { Product } from '../../types';\n\n/**\n * Product List Page - Unified component for all product listing pages\n *\n * Handles:\n * - Category pages (with filters, category entity, testimonials)\n * - Search pages (keyword display, product count)\n * - Tag pages (tag entity)\n * - Brand pages (brand entity with banner/logo)\n * - Static listings (latest, sales, offers)\n */\nexport function ProductListPage({\n  page,\n  source,\n  query,\n  products,\n  pagination,\n  filters,\n}: ProductListLoaderData) {\n  const { t } = useTranslation();\n  const store = useStore();\n  const navigate = useNavigate();\n  // Sort is now SSR-driven, no local state needed\n  const selectedSort = query.sort;\n  const [filtersOpen, setFiltersOpen] = useState(false);\n\n  // Determine filters visibility\n  const showFilters = query.filters && store?.settings?.product?.filters;\n  // const isSearch = source.type === 'search';\n  const isBrand = source.type === 'brands';\n  const brand = isBrand ? (source.entity as Brand | undefined) : null;\n\n  // Generate sort options with translations\n  const sortOptionsWithTrans = useMemo(() => sortOptions(selectedSort, t), [selectedSort, t]);\n\n  // Get location from hook for consistent URL handling\n  const location = useLocation();\n\n  // Listen for filters changed event to close drawer\n  useEffect(() => {\n    const handleFiltersChanged = () => setFiltersOpen(false);\n    const sdk = window.salla;\n    if (typeof sdk === 'undefined') return;\n\n    sdk.event.on('salla-filters::changed', handleFiltersChanged);\n\n    return () => {\n      sdk.event.off('salla-filters::changed', handleFiltersChanged);\n    };\n  }, []);\n\n  // Handle sort change - use client-side navigation to trigger route loader re-run\n  const handleSortChange = useCallback(\n    (event: React.ChangeEvent<HTMLSelectElement>) => {\n      const newSort = event.target.value;\n\n      const url = new URL(window.location.href);\n      url.searchParams.set('sort', newSort);\n      url.searchParams.delete('page'); // clear any cursor token from URL on sort change\n\n      // Use client-side navigation to trigger route loader re-execution (SSR-like)\n      navigate(url.pathname + url.search);\n    },\n    [navigate]\n  );\n\n  // Key for remounting products list\n  const listKey = source.value ?? source.type;\n\n  // Track cursor for the next page — initialized from SSR pagination response.\n  // On sort change the key prop remounts ItemsList and this effect resets the cursor.\n  const nextCursorRef = useRef<string | null>(pagination?.next ?? null);\n  useEffect(() => {\n    nextCursorRef.current = pagination?.next ?? null;\n  }, [pagination?.next]);\n\n  const loader = useCallback(async () => {\n    const nextUrl = nextCursorRef.current;\n    // Extract the cursor token from the next URL provided by the previous response\n    const cursorMatch = nextUrl?.match(/[?&]cursor=([^&]+)/);\n    const cursor = cursorMatch ? decodeURIComponent(cursorMatch[1]) : (nextUrl ?? undefined);\n\n    const result = await product.list({\n      source: source.type,\n      sourceValue: source.value,\n      ...(cursor && { cursor }),\n      sort: selectedSort,\n    });\n\n    nextCursorRef.current = result.next;\n\n    return result;\n  }, [source.type, source.value, selectedSort]);\n\n  return (\n    <div key={listKey} className=\"container px-2.5 ms:px-5 mb-10\">\n      <Breadcrumb page={page} />\n\n      {isBrand && brand && (\n        <>\n          <Image\n            width={1200}\n            height={300}\n            className=\"w-full max-h-[300px] object-cover rounded-md bg-gray-100\"\n            src={brand.banner || undefined}\n            alt={brand.name}\n            priority\n          />\n          <header className=\"flex flex-col md:flex-row items-center md:items-start text-center rtl:md:text-right ltr:md:text-left mt-2 mb-8\">\n            <Image\n              className=\"rounded-md w-40 h-24 object-contain shadow-md p-4 bg-white shrink-0\"\n              src={brand.logo || undefined}\n              alt={brand.name}\n              aspectRatio=\"5/3\"\n            />\n            <div className=\"px-5 pt-3 rtl:text-right\">\n              <h1 className=\"text-2xl font-bold mb-1\">{brand.name}</h1>\n              {brand.description && (\n                <p\n                  className=\"text-base text-gray-500 font-medium\"\n                  dangerouslySetInnerHTML={{ __html: brand.description }}\n                />\n              )}\n            </div>\n          </header>\n        </>\n      )}\n\n      <HookSlot name=\"product:list.start\" />\n\n      <div className={showFilters ? 'md:grid md:grid-cols-[288px_1fr] gap-8' : ''}>\n        {/* <FiltersSkeleton></FiltersSkeleton> */}\n        {showFilters && (\n          <SallaFilters\n            id=\"filters-menu\"\n            className=\"hidden md:block lg:sticky lg:top-20\"\n            filters={filters as any}\n          />\n        )}\n\n        <div className=\"min-w-0\">\n          <div className=\"mb-4 sm:mb-6 flex justify-between items-center\">\n            <h1 className=\"font-bold text-xl rtl:pl-3 ltr:pr-3\" id=\"page-main-title\">\n              {isBrand ? t('common.titles.products') : page.title}\n            </h1>\n\n            <div className=\"flex items-center space-x-2 rtl:space-x-reverse\">\n              {showFilters && (\n                <button\n                  type=\"button\"\n                  onClick={() => setFiltersOpen(true)}\n                  className=\"filters-trigger bg-border-color text-primary lg:hidden p-2 rounded\"\n                >\n                  <i className=\"sicon-filter text-gray-text text-2xl\" />\n                </button>\n              )}\n\n              {sortOptionsWithTrans.length > 0 && (\n                <div className=\"flex items-center\">\n                  <label\n                    className=\"hidden sm:block rtl:ml-3 ltr:mr-3 whitespace-nowrap\"\n                    htmlFor=\"product-sort\"\n                  >\n                    {t('pages.categories.sorting', 'Sort By')}\n                  </label>\n                  <select\n                    id=\"product-sort\"\n                    className=\"form-input pt-0 pb-1 rtl:md:pl-10 ltr:md:pr-10\"\n                    value={selectedSort}\n                    onChange={handleSortChange}\n                  >\n                    {sortOptionsWithTrans.map((option) => (\n                      <option key={option.id} value={option.id}>\n                        {option.name}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              )}\n            </div>\n          </div>\n\n          <HookSlot name=\"product:list.items.start\" />\n\n          <div className=\"flex min-h-screen\">\n            <ItemsList<Product>\n              key={`${listKey}-${selectedSort}`}\n              resetKey={`${listKey}-${selectedSort}`}\n              items={products}\n              loader={loader}\n              mode={pagination?.next ? 'infinite' : 'static'}\n              pageUrl={location.pathname + location.searchStr}\n              className=\"s-products-list flex-1 min-w-0\"\n              itemsClassName={`s-products-list-wrapper s-products-list-vertical-cards${showFilters ? ' s-products-list-with-filters' : ''}`}\n              skeleton={<ProductCardSkeleton />}\n              skeletonType=\"item\"\n              skeletonCount={12}\n              empty={\n                <NoContent\n                  icon=\"sicon-shopping-bag\"\n                  message={t('pages.categories.no_products', 'No products found in this category')}\n                />\n              }\n              t={(key, fallback) => t(key, fallback || key)}\n            >\n              {(items) =>\n                items.map((prod, idx) => <ProductCard key={prod.id} product={prod} index={idx} />)\n              }\n            </ItemsList>\n          </div>\n\n          <HookSlot name=\"product:list.items.end\" />\n        </div>\n      </div>\n\n      {showFilters && (\n        <Drawer isOpen={filtersOpen} onClose={() => setFiltersOpen(false)} size=\"md\">\n          <div className=\"p-4\">\n            <div className=\"flex justify-between items-center mb-4\">\n              <h3 className=\"font-bold text-lg\">{t('pages.categories.filters', 'Filters')}</h3>\n              <button\n                type=\"button\"\n                onClick={() => setFiltersOpen(false)}\n                className=\"btn--close-sm sicon-cancel text-gray-500\"\n              />\n            </div>\n            <SallaFilters id=\"filters-menu-mobile\" filters={filters as any} />\n          </div>\n        </Drawer>\n      )}\n\n      {source.type === 'categories' && store?.settings?.category?.testimonial_enabled && (\n        <RenderWhenVisible placeholder={<ReviewItemSkeleton />}>\n          <Testimonials data={{}} />\n        </RenderWhenVisible>\n      )}\n\n      <HookSlot name=\"product:list.end\" />\n    </div>\n  );\n}\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport { productListLoader } from './loader';\nimport type { ProductListLoaderData, ProductListTag, Category } from './types';\nimport type { TwilightContext } from '../../twilight/context';\nimport { RouteId } from '../../router/route-ids';\nimport { ProductListPage } from './ProductListPage';\n\nexport function head(ctx: TwilightContext, data: ProductListLoaderData): HeadDescriptor {\n  const entity = data.source.entity;\n  const category = data.source.type === 'categories' ? (entity as Category | undefined) : undefined;\n  const tag = data.source.type === 'tags' ? (entity as ProductListTag | undefined) : undefined;\n\n  const canonical = category?.url ?? tag?.url;\n  const title = category?.name ?? tag?.name ?? data.page.title;\n  const image = category?.image ?? undefined;\n\n  const base: HeadDescriptor = {\n    title,\n    description: `Browse ${title}`,\n    canonical,\n    openGraph: {\n      type: 'website',\n      title,\n      description: `Browse ${title}`,\n      images: image,\n      url: canonical,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description: `Browse ${title}`,\n      images: image,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, canonical ?? ctx.location.pathname),\n  };\n\n  return base;\n}\n\nexport const ProductListing = {\n  id: RouteId.PRODUCT_INDEX,\n  loader: productListLoader,\n  head,\n  Component: ProductListPage,\n} as const;\n\nexport { ProductListPage };\nexport { productListLoader };\n\nexport type {\n  ProductListLoaderData,\n  ProductListLoaderParams,\n  ProductListLoaderContext,\n  ProductListSource,\n  ProductListTag,\n  ProductListEntity,\n  ProductListPageMeta,\n  ProductListSourceConfig,\n  ProductListQuery,\n  CategoryPageProps,\n} from './types';\n"]}