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

package/dist/{chunk-GLSRVHYJ.js → chunk-OZRGUVHQ.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-O3XMYDNC.js';
-import { api } from './chunk-RB7RHMKJ.js';
+import { orThrow } from './chunk-ZBGMIDDO.js';
+import { api } from './chunk-FCFIG4M3.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var page = {
@@ -17,5 +17,5 @@ var page = {
 };
 
 export { page };
-//# sourceMappingURL=chunk-GLSRVHYJ.js.map
-//# sourceMappingURL=chunk-GLSRVHYJ.js.map
+//# sourceMappingURL=chunk-OZRGUVHQ.js.map
+//# sourceMappingURL=chunk-OZRGUVHQ.js.map

package/dist/{chunk-GLSRVHYJ.js.map → chunk-OZRGUVHQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/page.ts"],"names":[],"mappings":";;;;AAKO,IAAM,IAAA,GAAO;AAAA,EAClB,IAAA,EAAM,OAAO,IAAA,KAA2C;AACtD,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,CAAA,CAAE,IAAA,EAAgC;AAChF,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,IAAA,KAA2C,QAAQ,IAAA,CAAK,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,EAEhF,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,IAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,OAAA,EAAS,QAAA,EAAU,IAAI,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,IAAA,CAAK,IAAA,CAAK,IAAI;AAAA,KAC9B;AAAA;AAEP","file":"chunk-GLSRVHYJ.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { ApiPageResponse } from '../routes/page/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const page = {\n  find: async (slug: string): Promise<ApiPageResponse> => {\n    const { data } = await api.get(`pages/${slug}`).json<{ data: ApiPageResponse }>();\n    return data;\n  },\n\n  findOrThrow: (slug: string): Promise<ApiPageResponse> => orThrow(page.find(slug)),\n\n  queries: {\n    detail: (slug: string) =>\n      queryOptions({\n        queryKey: ['pages', 'detail', slug],\n        queryFn: () => page.find(slug),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/page.ts"],"names":[],"mappings":";;;;AAKO,IAAM,IAAA,GAAO;AAAA,EAClB,IAAA,EAAM,OAAO,IAAA,KAA2C;AACtD,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAE,CAAA,CAAE,IAAA,EAAgC;AAChF,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,IAAA,KAA2C,QAAQ,IAAA,CAAK,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,EAEhF,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,IAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,OAAA,EAAS,QAAA,EAAU,IAAI,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,IAAA,CAAK,IAAA,CAAK,IAAI;AAAA,KAC9B;AAAA;AAEP","file":"chunk-OZRGUVHQ.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { ApiPageResponse } from '../routes/page/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const page = {\n  find: async (slug: string): Promise<ApiPageResponse> => {\n    const { data } = await api.get(`pages/${slug}`).json<{ data: ApiPageResponse }>();\n    return data;\n  },\n\n  findOrThrow: (slug: string): Promise<ApiPageResponse> => orThrow(page.find(slug)),\n\n  queries: {\n    detail: (slug: string) =>\n      queryOptions({\n        queryKey: ['pages', 'detail', slug],\n        queryFn: () => page.find(slug),\n      }),\n  },\n};\n"]}

package/dist/{chunk-JK45RUVV.js → chunk-PPUV27YN.js}

@@ -1,4 +1,4 @@
-import { onSallaEvent } from './chunk-7XAGU6CT.js';
+import { onSallaEvent } from './chunk-7IVHY4OR.js';
 import { useState, useCallback, useEffect } from 'react';
 
 function useComments() {
@@ -16,5 +16,5 @@ function useComments() {
 }
 
 export { useComments };
-//# sourceMappingURL=chunk-JK45RUVV.js.map
-//# sourceMappingURL=chunk-JK45RUVV.js.map
+//# sourceMappingURL=chunk-PPUV27YN.js.map
+//# sourceMappingURL=chunk-PPUV27YN.js.map

package/dist/{chunk-JK45RUVV.js.map → chunk-PPUV27YN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useComments.ts"],"names":[],"mappings":";;;AAuCO,SAAS,WAAA,GAAiC;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,cAAA,CAAe,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,cAAA,CAAe,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,IACnC,CAAA;AAEA,IAAA,OAAO,YAAA,CAAa,kBAAkB,kBAAkB,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,aAAa,OAAA,EAAQ;AAChC","file":"chunk-JK45RUVV.js","sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { onSallaEvent } from '../utils/sdk-helpers';\n\n/**\n * UseCommentsResult - Return type for useComments hook\n *\n * @property commentsKey - Key to pass to salla-comments component for re-render\n * @property refresh - Function to manually trigger a comments refresh\n */\nexport interface UseCommentsResult {\n  commentsKey: number;\n  refresh: () => void;\n}\n\n/**\n * useComments - Hook for managing salla-comments web component re-renders\n *\n * Listens to the Salla SDK's comment added events and automatically\n * increments a re-render key for the salla-comments component. This\n * eliminates the need for full page reloads when comments are added.\n *\n * @returns Object with comments key for component re-rendering and manual refresh function\n *\n * @example\n * ```tsx\n * function ProductPage({ product }) {\n *   const { commentsKey } = useComments();\n *\n *   return (\n *     <salla-comments\n *       key={commentsKey}\n *       item-id={product.id}\n *       type=\"product\"\n *     />\n *   );\n * }\n * ```\n */\n\nexport function useComments(): UseCommentsResult {\n  const [commentsKey, setCommentsKey] = useState(0);\n\n  const refresh = useCallback(() => {\n    setCommentsKey((prev) => prev + 1);\n  }, []);\n\n  useEffect(() => {\n    const handleCommentAdded = () => {\n      setCommentsKey((prev) => prev + 1);\n    };\n\n    return onSallaEvent('comment::added', handleCommentAdded);\n  }, []);\n\n  return { commentsKey, refresh };\n}\n"]}
+{"version":3,"sources":["../src/hooks/useComments.ts"],"names":[],"mappings":";;;AAuCO,SAAS,WAAA,GAAiC;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,cAAA,CAAe,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,cAAA,CAAe,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,IACnC,CAAA;AAEA,IAAA,OAAO,YAAA,CAAa,kBAAkB,kBAAkB,CAAA;AAAA,EAC1D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,aAAa,OAAA,EAAQ;AAChC","file":"chunk-PPUV27YN.js","sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { onSallaEvent } from '../utils/sdk-helpers';\n\n/**\n * UseCommentsResult - Return type for useComments hook\n *\n * @property commentsKey - Key to pass to salla-comments component for re-render\n * @property refresh - Function to manually trigger a comments refresh\n */\nexport interface UseCommentsResult {\n  commentsKey: number;\n  refresh: () => void;\n}\n\n/**\n * useComments - Hook for managing salla-comments web component re-renders\n *\n * Listens to the Salla SDK's comment added events and automatically\n * increments a re-render key for the salla-comments component. This\n * eliminates the need for full page reloads when comments are added.\n *\n * @returns Object with comments key for component re-rendering and manual refresh function\n *\n * @example\n * ```tsx\n * function ProductPage({ product }) {\n *   const { commentsKey } = useComments();\n *\n *   return (\n *     <salla-comments\n *       key={commentsKey}\n *       item-id={product.id}\n *       type=\"product\"\n *     />\n *   );\n * }\n * ```\n */\n\nexport function useComments(): UseCommentsResult {\n  const [commentsKey, setCommentsKey] = useState(0);\n\n  const refresh = useCallback(() => {\n    setCommentsKey((prev) => prev + 1);\n  }, []);\n\n  useEffect(() => {\n    const handleCommentAdded = () => {\n      setCommentsKey((prev) => prev + 1);\n    };\n\n    return onSallaEvent('comment::added', handleCommentAdded);\n  }, []);\n\n  return { commentsKey, refresh };\n}\n"]}

package/dist/{chunk-RY6VPXG6.js → chunk-R4LA6IMS.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-RB7RHMKJ.js';
+import { api } from './chunk-FCFIG4M3.js';
 import { getTwilightContext } from './chunk-6K34BCUP.js';
 import { queryOptions } from '@tanstack/react-query';
 
@@ -23,5 +23,5 @@ var menu = {
 };
 
 export { menu };
-//# sourceMappingURL=chunk-RY6VPXG6.js.map
-//# sourceMappingURL=chunk-RY6VPXG6.js.map
+//# sourceMappingURL=chunk-R4LA6IMS.js.map
+//# sourceMappingURL=chunk-R4LA6IMS.js.map

package/dist/{chunk-RY6VPXG6.js.map → chunk-R4LA6IMS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/menu.ts"],"names":[],"mappings":";;;;AAKO,IAAM,IAAA,GAAO;AAAA,EAClB,QAAQ,YAAiC;AACvC,IAAA,MAAM,EAAE,MAAA,EAAO,GAAI,kBAAA,EAAmB;AACtC,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,kBAAA,EAAqB,MAAM,CAAA,CAAE,CAAA,CAAE,IAAA,EAA2B;AACzF,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA,EAEA,QAAQ,YAAiC;AACvC,IAAA,MAAM,EAAE,MAAA,EAAO,GAAI,kBAAA,EAAmB;AACtC,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,kBAAA,EAAqB,MAAM,CAAA,CAAE,CAAA,CAAE,IAAA,EAA2B;AACzF,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,MACN,YAAA,CAAa;AAAA,MACX,UAAU,CAAC,OAAA,EAAS,QAAA,EAAU,kBAAA,GAAqB,MAAM,CAAA;AAAA,MACzD,OAAA,EAAS,MAAM,IAAA,CAAK,MAAA,EAAO;AAAA,MAC3B,SAAA,EAAW,IAAI,EAAA,GAAK;AAAA,KACrB;AAAA;AAEP","file":"chunk-RY6VPXG6.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport { getTwilightContext } from '../twilight/context';\nimport type { MenuItem } from '../types';\n\nexport const menu = {\n  header: async (): Promise<MenuItem[]> => {\n    const { locale } = getTwilightContext();\n    const { data } = await api.get(`menus/header?lang=${locale}`).json<{ data: MenuItem[] }>();\n    return data || [];\n  },\n\n  footer: async (): Promise<MenuItem[]> => {\n    const { locale } = getTwilightContext();\n    const { data } = await api.get(`menus/footer?lang=${locale}`).json<{ data: MenuItem[] }>();\n    return data || [];\n  },\n\n  queries: {\n    header: () =>\n      queryOptions({\n        queryKey: ['menus', 'header', getTwilightContext().locale],\n        queryFn: () => menu.header(),\n        staleTime: 5 * 60 * 1000,\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/menu.ts"],"names":[],"mappings":";;;;AAKO,IAAM,IAAA,GAAO;AAAA,EAClB,QAAQ,YAAiC;AACvC,IAAA,MAAM,EAAE,MAAA,EAAO,GAAI,kBAAA,EAAmB;AACtC,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,kBAAA,EAAqB,MAAM,CAAA,CAAE,CAAA,CAAE,IAAA,EAA2B;AACzF,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA,EAEA,QAAQ,YAAiC;AACvC,IAAA,MAAM,EAAE,MAAA,EAAO,GAAI,kBAAA,EAAmB;AACtC,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,kBAAA,EAAqB,MAAM,CAAA,CAAE,CAAA,CAAE,IAAA,EAA2B;AACzF,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,MACN,YAAA,CAAa;AAAA,MACX,UAAU,CAAC,OAAA,EAAS,QAAA,EAAU,kBAAA,GAAqB,MAAM,CAAA;AAAA,MACzD,OAAA,EAAS,MAAM,IAAA,CAAK,MAAA,EAAO;AAAA,MAC3B,SAAA,EAAW,IAAI,EAAA,GAAK;AAAA,KACrB;AAAA;AAEP","file":"chunk-R4LA6IMS.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport { getTwilightContext } from '../twilight/context';\nimport type { MenuItem } from '../types';\n\nexport const menu = {\n  header: async (): Promise<MenuItem[]> => {\n    const { locale } = getTwilightContext();\n    const { data } = await api.get(`menus/header?lang=${locale}`).json<{ data: MenuItem[] }>();\n    return data || [];\n  },\n\n  footer: async (): Promise<MenuItem[]> => {\n    const { locale } = getTwilightContext();\n    const { data } = await api.get(`menus/footer?lang=${locale}`).json<{ data: MenuItem[] }>();\n    return data || [];\n  },\n\n  queries: {\n    header: () =>\n      queryOptions({\n        queryKey: ['menus', 'header', getTwilightContext().locale],\n        queryFn: () => menu.header(),\n        staleTime: 5 * 60 * 1000,\n      }),\n  },\n};\n"]}

package/dist/{chunk-R7QCNL62.js → chunk-REBJQRQF.js}

@@ -1,4 +1,4 @@
-import { isNativeApp } from './chunk-ULF4LPVA.js';
+import { isNativeApp } from './chunk-IURXJAIK.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { useRef, useState, useEffect } from 'react';
 import { toast, Toaster as Toaster$1 } from 'sonner';
@@ -137,5 +137,5 @@ function Toaster({
 }
 
 export { Toaster };
-//# sourceMappingURL=chunk-R7QCNL62.js.map
-//# sourceMappingURL=chunk-R7QCNL62.js.map
+//# sourceMappingURL=chunk-REBJQRQF.js.map
+//# sourceMappingURL=chunk-REBJQRQF.js.map

package/dist/{chunk-R7QCNL62.js.map → chunk-REBJQRQF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/toast/Toaster.tsx"],"names":["SonnerToaster"],"mappings":"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","file":"chunk-R7QCNL62.js","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Toaster as SonnerToaster, toast } from 'sonner';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { isNativeApp } from '../../native-app';\nimport type { ToastPosition } from './types';\n\nconst toastClassNames = {\n  toast: 'group bg-white border-2 rounded-xl shadow-2xl p-4 font-primary',\n  title: 'text-base font-bold',\n  description: 'text-sm mt-1 text-gray-600',\n  actionButton: 'bg-primary text-white px-3 py-1 rounded',\n  cancelButton: 'bg-gray-100 px-3 py-1 rounded',\n  success: 'border-green-500 [&_svg]:text-green-500 [&_aside]:text-green-700',\n  error: 'border-red-500 [&_svg]:text-red-500 [&_aside]:text-red-700',\n  warning: 'border-yellow-500 [&_svg]:text-yellow-500 [&_aside]:text-yellow-700',\n  info: 'border-blue-500 [&_svg]:text-blue-500 [&_aside]:text-blue-700',\n  loading: 'border-gray-400',\n};\n\ntype RawMessage = string | { title?: string; text?: string; icon?: string };\ntype ToastVariant = 'success' | 'error' | 'warning' | 'info';\n\nconst MOBILE_BREAKPOINT = 768;\nconst NATIVE_ALERT_EVENT = 'ui::alert';\n\nfunction dispatchNativeAlert(type: ToastVariant, message: string, title?: string) {\n  const salla = window.salla;\n  if (!isNativeApp() || !salla?.event?.dispatch) return false;\n\n  salla.event.dispatch(NATIVE_ALERT_EVENT, {\n    type,\n    message,\n    ...(title ? { title } : {}),\n  });\n  return true;\n}\n\nexport function Toaster({\n  mobilePosition = 'bottom-center',\n  addToCartToast = true,\n}: {\n  mobilePosition?: ToastPosition;\n  /** Show the default add-to-cart toast. Themes whose cart badge is the feedback can turn it off. */\n  addToCartToast?: boolean;\n}) {\n  const { theme } = useTwilight();\n  const themeRef = useRef(theme);\n  themeRef.current = theme;\n  const flashShownRef = useRef(false);\n\n  const isRtl = theme.is_rtl;\n  const desktopPosition: ToastPosition = isRtl ? 'top-left' : 'top-right';\n\n  const [position, setPosition] = useState<ToastPosition>(() => {\n    if (typeof window === 'undefined') return desktopPosition;\n    return window.innerWidth < MOBILE_BREAKPOINT ? mobilePosition : desktopPosition;\n  });\n\n  useEffect(() => {\n    const handleResize = () => {\n      setPosition(window.innerWidth < MOBILE_BREAKPOINT ? mobilePosition : desktopPosition);\n    };\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [desktopPosition, mobilePosition]);\n\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla) return;\n    let active = true;\n\n    const handleNotify = (message: RawMessage, type: string, data?: unknown) => {\n      const eventData = data as { data?: { googleTags?: { event?: string } } } | undefined;\n      const shouldSuppressAddToCartToast =\n        (!addToCartToast || themeRef.current.settings?.enable_add_product_toast) &&\n        eventData?.data?.googleTags?.event === 'addToCart';\n      let title: string;\n      let toastType: ToastVariant;\n\n      if (typeof message === 'object' && message !== null) {\n        title = message.title || message.text || '';\n        toastType = (message.icon || type || 'info') as ToastVariant;\n      } else {\n        title = message;\n        toastType = (type || 'info') as ToastVariant;\n      }\n\n      // Suppress the default addToCart toast when the theme opted out (addToCartToast=false)\n      // or renders its own rich toast (enable_add_product_toast) so they don't double up.\n      if (shouldSuppressAddToCartToast) {\n        return;\n      }\n\n      if (dispatchNativeAlert(toastType, title)) {\n        return;\n      }\n\n      if (toastType === 'success') {\n        toast.success(title, { duration: 3000 });\n      } else if (toastType === 'error') {\n        toast.error(title, { duration: 3000 });\n      } else if (toastType === 'warning') {\n        toast.warning(title, { duration: 3000 });\n      } else {\n        toast.info(title, { duration: 3000 });\n      }\n    };\n\n    // Before the SDK loads `salla` is the head stub, and the SDK's default notifier is alert().\n    void (async () => {\n      try {\n        await salla.onReady?.();\n      } catch {\n        // onReady() may fail during partial initialization; the toast still beats alert().\n      }\n      if (active) salla.notify?.setNotifier?.(handleNotify);\n    })();\n    return () => {\n      active = false;\n      salla.notify?.setNotifier?.(() => {});\n    };\n  }, [addToCartToast]);\n\n  useEffect(() => {\n    if (flashShownRef.current || typeof window === 'undefined') return;\n\n    const params = new URLSearchParams(window.location.search);\n    const successMsg = params.get('success');\n    const dangerMsg = params.get('danger');\n\n    if (!successMsg && !dangerMsg) return;\n\n    flashShownRef.current = true;\n\n    const message = successMsg || dangerMsg || '';\n    const toastType = dangerMsg ? 'error' : 'success';\n\n    const url = new URL(window.location.href);\n    url.searchParams.delete('success');\n    url.searchParams.delete('danger');\n    window.history.replaceState({}, '', url.toString());\n\n    const timer = setTimeout(() => {\n      if (dispatchNativeAlert(toastType, message)) return;\n\n      if (toastType === 'success') {\n        toast.success(message, { duration: 3000 });\n      } else {\n        toast.error(message, { duration: 3000 });\n      }\n    }, 100);\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  return (\n    <SonnerToaster\n      position={position}\n      // Keep sonner's default gaps (24px desktop / 16px mobile) but clear the\n      // native status bar inset (--app-safe-area-top, set by useSafeAreaInset)\n      // so top-positioned toasts aren't covered in the app webview.\n      offset={{ top: 'calc(var(--app-safe-area-top, 0px) + 24px)' }}\n      mobileOffset={{ top: 'calc(var(--app-safe-area-top, 0px) + 16px)' }}\n      toastOptions={{\n        classNames: toastClassNames,\n        style: {\n          fontFamily: 'var(--font-main, inherit)',\n        },\n      }}\n      style={{\n        fontFamily: 'var(--font-main, inherit)',\n      }}\n    />\n  );\n}\n\nexport type { ToasterProps } from 'sonner';\n"]}
+{"version":3,"sources":["../src/components/toast/Toaster.tsx"],"names":["SonnerToaster"],"mappings":"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","file":"chunk-REBJQRQF.js","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Toaster as SonnerToaster, toast } from 'sonner';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { isNativeApp } from '../../native-app';\nimport type { ToastPosition } from './types';\n\nconst toastClassNames = {\n  toast: 'group bg-white border-2 rounded-xl shadow-2xl p-4 font-primary',\n  title: 'text-base font-bold',\n  description: 'text-sm mt-1 text-gray-600',\n  actionButton: 'bg-primary text-white px-3 py-1 rounded',\n  cancelButton: 'bg-gray-100 px-3 py-1 rounded',\n  success: 'border-green-500 [&_svg]:text-green-500 [&_aside]:text-green-700',\n  error: 'border-red-500 [&_svg]:text-red-500 [&_aside]:text-red-700',\n  warning: 'border-yellow-500 [&_svg]:text-yellow-500 [&_aside]:text-yellow-700',\n  info: 'border-blue-500 [&_svg]:text-blue-500 [&_aside]:text-blue-700',\n  loading: 'border-gray-400',\n};\n\ntype RawMessage = string | { title?: string; text?: string; icon?: string };\ntype ToastVariant = 'success' | 'error' | 'warning' | 'info';\n\nconst MOBILE_BREAKPOINT = 768;\nconst NATIVE_ALERT_EVENT = 'ui::alert';\n\nfunction dispatchNativeAlert(type: ToastVariant, message: string, title?: string) {\n  const salla = window.salla;\n  if (!isNativeApp() || !salla?.event?.dispatch) return false;\n\n  salla.event.dispatch(NATIVE_ALERT_EVENT, {\n    type,\n    message,\n    ...(title ? { title } : {}),\n  });\n  return true;\n}\n\nexport function Toaster({\n  mobilePosition = 'bottom-center',\n  addToCartToast = true,\n}: {\n  mobilePosition?: ToastPosition;\n  /** Show the default add-to-cart toast. Themes whose cart badge is the feedback can turn it off. */\n  addToCartToast?: boolean;\n}) {\n  const { theme } = useTwilight();\n  const themeRef = useRef(theme);\n  themeRef.current = theme;\n  const flashShownRef = useRef(false);\n\n  const isRtl = theme.is_rtl;\n  const desktopPosition: ToastPosition = isRtl ? 'top-left' : 'top-right';\n\n  const [position, setPosition] = useState<ToastPosition>(() => {\n    if (typeof window === 'undefined') return desktopPosition;\n    return window.innerWidth < MOBILE_BREAKPOINT ? mobilePosition : desktopPosition;\n  });\n\n  useEffect(() => {\n    const handleResize = () => {\n      setPosition(window.innerWidth < MOBILE_BREAKPOINT ? mobilePosition : desktopPosition);\n    };\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [desktopPosition, mobilePosition]);\n\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla) return;\n    let active = true;\n\n    const handleNotify = (message: RawMessage, type: string, data?: unknown) => {\n      const eventData = data as { data?: { googleTags?: { event?: string } } } | undefined;\n      const shouldSuppressAddToCartToast =\n        (!addToCartToast || themeRef.current.settings?.enable_add_product_toast) &&\n        eventData?.data?.googleTags?.event === 'addToCart';\n      let title: string;\n      let toastType: ToastVariant;\n\n      if (typeof message === 'object' && message !== null) {\n        title = message.title || message.text || '';\n        toastType = (message.icon || type || 'info') as ToastVariant;\n      } else {\n        title = message;\n        toastType = (type || 'info') as ToastVariant;\n      }\n\n      // Suppress the default addToCart toast when the theme opted out (addToCartToast=false)\n      // or renders its own rich toast (enable_add_product_toast) so they don't double up.\n      if (shouldSuppressAddToCartToast) {\n        return;\n      }\n\n      if (dispatchNativeAlert(toastType, title)) {\n        return;\n      }\n\n      if (toastType === 'success') {\n        toast.success(title, { duration: 3000 });\n      } else if (toastType === 'error') {\n        toast.error(title, { duration: 3000 });\n      } else if (toastType === 'warning') {\n        toast.warning(title, { duration: 3000 });\n      } else {\n        toast.info(title, { duration: 3000 });\n      }\n    };\n\n    // Before the SDK loads `salla` is the head stub, and the SDK's default notifier is alert().\n    void (async () => {\n      try {\n        await salla.onReady?.();\n      } catch {\n        // onReady() may fail during partial initialization; the toast still beats alert().\n      }\n      if (active) salla.notify?.setNotifier?.(handleNotify);\n    })();\n    return () => {\n      active = false;\n      salla.notify?.setNotifier?.(() => {});\n    };\n  }, [addToCartToast]);\n\n  useEffect(() => {\n    if (flashShownRef.current || typeof window === 'undefined') return;\n\n    const params = new URLSearchParams(window.location.search);\n    const successMsg = params.get('success');\n    const dangerMsg = params.get('danger');\n\n    if (!successMsg && !dangerMsg) return;\n\n    flashShownRef.current = true;\n\n    const message = successMsg || dangerMsg || '';\n    const toastType = dangerMsg ? 'error' : 'success';\n\n    const url = new URL(window.location.href);\n    url.searchParams.delete('success');\n    url.searchParams.delete('danger');\n    window.history.replaceState({}, '', url.toString());\n\n    const timer = setTimeout(() => {\n      if (dispatchNativeAlert(toastType, message)) return;\n\n      if (toastType === 'success') {\n        toast.success(message, { duration: 3000 });\n      } else {\n        toast.error(message, { duration: 3000 });\n      }\n    }, 100);\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  return (\n    <SonnerToaster\n      position={position}\n      // Keep sonner's default gaps (24px desktop / 16px mobile) but clear the\n      // native status bar inset (--app-safe-area-top, set by useSafeAreaInset)\n      // so top-positioned toasts aren't covered in the app webview.\n      offset={{ top: 'calc(var(--app-safe-area-top, 0px) + 24px)' }}\n      mobileOffset={{ top: 'calc(var(--app-safe-area-top, 0px) + 16px)' }}\n      toastOptions={{\n        classNames: toastClassNames,\n        style: {\n          fontFamily: 'var(--font-main, inherit)',\n        },\n      }}\n      style={{\n        fontFamily: 'var(--font-main, inherit)',\n      }}\n    />\n  );\n}\n\nexport type { ToasterProps } from 'sonner';\n"]}

package/dist/{chunk-5M2AK5KE.js → chunk-S5KE6KPV.js}

@@ -1,5 +1,5 @@
-import { rememberProductPreview } from './chunk-ZUVBDALM.js';
-import { getActiveScope, api } from './chunk-RB7RHMKJ.js';
+import { rememberProductPreview } from './chunk-BWKHA4ZD.js';
+import { getActiveScope, api } from './chunk-FCFIG4M3.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var wishlist = {
@@ -31,5 +31,5 @@ var wishlist = {
 };
 
 export { wishlist };
-//# sourceMappingURL=chunk-5M2AK5KE.js.map
-//# sourceMappingURL=chunk-5M2AK5KE.js.map
+//# sourceMappingURL=chunk-S5KE6KPV.js.map
+//# sourceMappingURL=chunk-S5KE6KPV.js.map

package/dist/{chunk-5M2AK5KE.js.map → chunk-S5KE6KPV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/wishlist.ts"],"names":[],"mappings":";;;;AAmBO,IAAM,QAAA,GAAW;AAAA,EACtB,IAAA,EAAM,OAAO,MAAA,GAA6B,EAAC,KAAmC;AAC5E,IAAA,MAAM,EAAE,IAAA,GAAO,CAAA,EAAG,UAAU,EAAA,EAAI,UAAA,EAAY,QAAO,GAAI,MAAA;AAEvD,IAAA,MAAM,YAAA,GAAe,IAAI,eAAA,EAAgB;AACzC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAU,UAAU,CAAA;AACrC,IAAA,YAAA,CAAa,GAAA,CAAI,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AACrC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,OAAO,CAAC,CAAA;AAE5C,IAAA,IAAI,eAAe,MAAA,EAAW;AAC5B,MAAA,YAAA,CAAa,GAAA,CAAI,YAAA,EAAc,UAAA,GAAa,GAAA,GAAM,GAAG,CAAA;AAAA,IACvD;AAEA,IAAA,MAAM,UAAmC,EAAC;AAC1C,IAAA,IAAI,MAAA,UAAgB,MAAA,GAAS,MAAA;AAE7B,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,SAAA,EAAY,YAAA,CAAa,QAAA,EAAU,CAAA,CAAA,EAAI,OAAc,CAAA,CACzD,IAAA,EAA2B;AAE9B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,IAAQ,EAAC;AAChC,IAAA,KAAA,MAAW,IAAA,IAAQ,KAAA,EAAO,sBAAA,CAAuB,IAAI,CAAA;AAErD,IAAA,OAAO;AAAA,MACL,KAAA;AAAA,MACA,IAAA,EAAM,QAAA,CAAS,MAAA,EAAQ,IAAA,IAAQ;AAAA,KACjC;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,KACL,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,UAAA,EAAY,MAAA,EAAQ,QAAQ,EAAE,KAAA,EAAO,cAAA,EAAe,EAAG,CAAA;AAAA,MAClE,OAAA,EAAS,CAAC,EAAE,MAAA,EAAO,KAAM,QAAA,CAAS,IAAA,CAAK,EAAE,GAAG,MAAA,EAAQ,MAAA,EAAQ;AAAA,KAC7D;AAAA;AAEP","file":"chunk-5M2AK5KE.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope } from './client';\nimport {\n  rememberProductPreview,\n  type ProductsListResult,\n  type ProductsListResponse,\n} from './product';\n\nexport interface WishlistListParams {\n  page?: number;\n  perPage?: number;\n  filterable?: boolean;\n  signal?: AbortSignal;\n}\n\n/**\n * Wishlist API — page-based pagination only.\n * Kept separate from product.list to avoid mixing cursor and page pagination strategies.\n */\nexport const wishlist = {\n  list: async (params: WishlistListParams = {}): Promise<ProductsListResult> => {\n    const { page = 1, perPage = 15, filterable, signal } = params;\n\n    const searchParams = new URLSearchParams();\n    searchParams.set('source', 'wishlist');\n    searchParams.set('page', String(page));\n    searchParams.set('per_page', String(perPage));\n\n    if (filterable !== undefined) {\n      searchParams.set('filterable', filterable ? '1' : '0');\n    }\n\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`products?${searchParams.toString()}`, options as any)\n      .json<ProductsListResponse>();\n\n    const items = response.data ?? [];\n    for (const item of items) rememberProductPreview(item);\n\n    return {\n      items,\n      next: response.cursor?.next ?? null,\n    };\n  },\n\n  queries: {\n    list: (params: Omit<WishlistListParams, 'signal'>) =>\n      queryOptions({\n        queryKey: ['wishlist', 'list', params, { scope: getActiveScope() }],\n        queryFn: ({ signal }) => wishlist.list({ ...params, signal }),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/wishlist.ts"],"names":[],"mappings":";;;;AAmBO,IAAM,QAAA,GAAW;AAAA,EACtB,IAAA,EAAM,OAAO,MAAA,GAA6B,EAAC,KAAmC;AAC5E,IAAA,MAAM,EAAE,IAAA,GAAO,CAAA,EAAG,UAAU,EAAA,EAAI,UAAA,EAAY,QAAO,GAAI,MAAA;AAEvD,IAAA,MAAM,YAAA,GAAe,IAAI,eAAA,EAAgB;AACzC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAU,UAAU,CAAA;AACrC,IAAA,YAAA,CAAa,GAAA,CAAI,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AACrC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,OAAO,CAAC,CAAA;AAE5C,IAAA,IAAI,eAAe,MAAA,EAAW;AAC5B,MAAA,YAAA,CAAa,GAAA,CAAI,YAAA,EAAc,UAAA,GAAa,GAAA,GAAM,GAAG,CAAA;AAAA,IACvD;AAEA,IAAA,MAAM,UAAmC,EAAC;AAC1C,IAAA,IAAI,MAAA,UAAgB,MAAA,GAAS,MAAA;AAE7B,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,SAAA,EAAY,YAAA,CAAa,QAAA,EAAU,CAAA,CAAA,EAAI,OAAc,CAAA,CACzD,IAAA,EAA2B;AAE9B,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,IAAA,IAAQ,EAAC;AAChC,IAAA,KAAA,MAAW,IAAA,IAAQ,KAAA,EAAO,sBAAA,CAAuB,IAAI,CAAA;AAErD,IAAA,OAAO;AAAA,MACL,KAAA;AAAA,MACA,IAAA,EAAM,QAAA,CAAS,MAAA,EAAQ,IAAA,IAAQ;AAAA,KACjC;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,KACL,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,UAAA,EAAY,MAAA,EAAQ,QAAQ,EAAE,KAAA,EAAO,cAAA,EAAe,EAAG,CAAA;AAAA,MAClE,OAAA,EAAS,CAAC,EAAE,MAAA,EAAO,KAAM,QAAA,CAAS,IAAA,CAAK,EAAE,GAAG,MAAA,EAAQ,MAAA,EAAQ;AAAA,KAC7D;AAAA;AAEP","file":"chunk-S5KE6KPV.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope } from './client';\nimport {\n  rememberProductPreview,\n  type ProductsListResult,\n  type ProductsListResponse,\n} from './product';\n\nexport interface WishlistListParams {\n  page?: number;\n  perPage?: number;\n  filterable?: boolean;\n  signal?: AbortSignal;\n}\n\n/**\n * Wishlist API — page-based pagination only.\n * Kept separate from product.list to avoid mixing cursor and page pagination strategies.\n */\nexport const wishlist = {\n  list: async (params: WishlistListParams = {}): Promise<ProductsListResult> => {\n    const { page = 1, perPage = 15, filterable, signal } = params;\n\n    const searchParams = new URLSearchParams();\n    searchParams.set('source', 'wishlist');\n    searchParams.set('page', String(page));\n    searchParams.set('per_page', String(perPage));\n\n    if (filterable !== undefined) {\n      searchParams.set('filterable', filterable ? '1' : '0');\n    }\n\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`products?${searchParams.toString()}`, options as any)\n      .json<ProductsListResponse>();\n\n    const items = response.data ?? [];\n    for (const item of items) rememberProductPreview(item);\n\n    return {\n      items,\n      next: response.cursor?.next ?? null,\n    };\n  },\n\n  queries: {\n    list: (params: Omit<WishlistListParams, 'signal'>) =>\n      queryOptions({\n        queryKey: ['wishlist', 'list', params, { scope: getActiveScope() }],\n        queryFn: ({ signal }) => wishlist.list({ ...params, signal }),\n      }),\n  },\n};\n"]}

package/dist/{chunk-LWAJNEIM.js → chunk-SIYINCXL.js}

@@ -1,5 +1,5 @@
-import { redirect } from './chunk-O3XMYDNC.js';
-import { clearAuthTokenCookie } from './chunk-4E6FD5W7.js';
+import { redirect } from './chunk-ZBGMIDDO.js';
+import { clearAuthTokenCookie } from './chunk-EEL6OYAQ.js';
 import { FALLBACK_LOCALE } from './chunk-T72DAX7R.js';
 import { useEffect } from 'react';
 
@@ -37,5 +37,5 @@ function LogoutRedirect() {
 }
 
 export { LogoutRedirect, accountRedirectLoader, pendingOrdersRedirectLoader, productsSourceRedirectLoader, ratingRedirectLoader, slugBrandRedirectLoader };
-//# sourceMappingURL=chunk-LWAJNEIM.js.map
-//# sourceMappingURL=chunk-LWAJNEIM.js.map
+//# sourceMappingURL=chunk-SIYINCXL.js.map
+//# sourceMappingURL=chunk-SIYINCXL.js.map

package/dist/{chunk-LWAJNEIM.js.map → chunk-SIYINCXL.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/seo-redirects.ts"],"names":[],"mappings":";;;;;AAcA,eAAsB,wBAAwB,GAAA,EAAkD;AAC9F,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,SAAS,CAAA,CAAA,EAAI,MAAM,WAAW,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,CAAE,CAAA;AACrD;AAOA,eAAsB,4BACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,8BAAA,CAAgC,CAAA;AAC3D;AAGA,eAAsB,qBACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,eAAA,CAAiB,CAAA;AAC5C;AAGA,eAAsB,sBAAsB,GAAA,EAKzB;AAEjB,EAAA,MAAM,MAAA,GAAS,IAAI,MAAA,CAAO,MAAA,GAAS,IAAI,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA,CAAA,GAAK,EAAA;AAC7D,EAAA,MAAM,QAAA,CAAS,CAAA,EAAG,MAAM,CAAA,SAAA,EAAY,IAAI,IAAI,CAAA,EAAG,GAAA,CAAI,MAAA,IAAU,EAAE,CAAA,CAAA,EAAI,EAAE,UAAA,EAAY,KAAK,CAAA;AACxF;AAGA,eAAsB,6BAA6B,GAAA,EAIhC;AACjB,EAAA,MAAM,MAAA,GAAS,IAAI,MAAA,CAAO,MAAA,GAAS,IAAI,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA,CAAA,GAAK,EAAA;AAC7D,EAAA,MAAM,KAAA,GAAQ,IAAI,eAAA,CAAgB,GAAA,CAAI,MAAM,CAAA;AAC5C,EAAA,KAAA,CAAM,OAAO,QAAQ,CAAA;AACrB,EAAA,MAAM,IAAA,GAAO,MAAM,QAAA,EAAS;AAC5B,EAAA,MAAM,QAAA,CAAS,CAAA,EAAG,MAAM,CAAA,iBAAA,EAAoB,GAAA,CAAI,MAAM,CAAA,EAAG,IAAA,GAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA,EAAI;AAAA,IACjF,UAAA,EAAY;AAAA,GACb,CAAA;AACH;AAUO,SAAS,cAAA,GAAuB;AACrC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,oBAAA,EAAqB;AAErB,IAAA,MAAA,CAAO,QAAA,CAAS,QAAQ,MAAA,CAAO,QAAA,CAAS,KAAK,OAAA,CAAQ,8BAAA,EAAgC,EAAE,CAAC,CAAA;AAAA,EAC1F,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,IAAA;AACT","file":"chunk-LWAJNEIM.js","sourcesContent":["import { useEffect } from 'react';\nimport { redirect } from '../providers/NavigationProvider';\nimport { FALLBACK_LOCALE } from '../providers/locale-constants';\nimport { clearAuthTokenCookie } from '../utils/cookies';\n\nexport interface SlugBrandParams {\n  /** SEO slug segment (ignored — only here to match the route pattern). */\n  slug: string;\n  /** Brand numeric ID to redirect to. */\n  id: string;\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function slugBrandRedirectLoader(ctx: { params: SlugBrandParams }): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/brands/${ctx.params.id}`);\n}\n\nexport interface PendingOrdersRedirectParams {\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function pendingOrdersRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders?status=pending`);\n}\n\n/** `/account/rating`: the loyalty \"rate your orders\" link. Twig Raed has no rating page and sends it to the orders list. */\nexport async function ratingRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders`);\n}\n\n/** A Twig customer URL (`/profile`, `/orders`, …) kept working as its `/account/…` page. */\nexport async function accountRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  page: string;\n  /** The incoming query string (`?status=pending`), kept on the account page. */\n  search?: string;\n}): Promise<never> {\n  // No locale in the URL stays without one: the locale layout adds it only where the store has several.\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  throw redirect(`${prefix}/account/${ctx.page}${ctx.search ?? ''}`, { statusCode: 301 });\n}\n\n/** `/latest-products`, `/most-sales-products` and `/offers` now live at `/products?source=`. */\nexport async function productsSourceRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  source: 'latest' | 'sales' | 'offers';\n  search?: string;\n}): Promise<never> {\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  const query = new URLSearchParams(ctx.search);\n  query.delete('source');\n  const rest = query.toString();\n  throw redirect(`${prefix}/products?source=${ctx.source}${rest ? `&${rest}` : ''}`, {\n    statusCode: 301,\n  });\n}\n\n/**\n * `/logout` — where the SDK sends the browser once `salla.auth.logout()` has run\n * (`salla.url.get('logout?from=…')`). The Twig storefront serves that URL server-side. Here\n * it renders nothing and, in the browser, removes the theme's own `token` cookie (the SDK's\n * `cookie.clearAll()` leaves it) and then does a full navigation home. It has to be a\n * component, not a loader redirect: a loader runs during server rendering, where the cookie\n * can't be cleared, so the redirect would leave the visitor signed in on the next request.\n */\nexport function LogoutRedirect(): null {\n  useEffect(() => {\n    clearAuthTokenCookie();\n    // `/{store base}/{locale}/logout?from=…` → `/{store base}/{locale}`\n    window.location.replace(window.location.href.replace(/\\/logout\\/?(\\?[^#]*)?(#.*)?$/, ''));\n  }, []);\n  return null;\n}\n"]}
+{"version":3,"sources":["../src/routes/seo-redirects.ts"],"names":[],"mappings":";;;;;AAcA,eAAsB,wBAAwB,GAAA,EAAkD;AAC9F,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,SAAS,CAAA,CAAA,EAAI,MAAM,WAAW,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,CAAE,CAAA;AACrD;AAOA,eAAsB,4BACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,8BAAA,CAAgC,CAAA;AAC3D;AAGA,eAAsB,qBACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,eAAA,CAAiB,CAAA;AAC5C;AAGA,eAAsB,sBAAsB,GAAA,EAKzB;AAEjB,EAAA,MAAM,MAAA,GAAS,IAAI,MAAA,CAAO,MAAA,GAAS,IAAI,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA,CAAA,GAAK,EAAA;AAC7D,EAAA,MAAM,QAAA,CAAS,CAAA,EAAG,MAAM,CAAA,SAAA,EAAY,IAAI,IAAI,CAAA,EAAG,GAAA,CAAI,MAAA,IAAU,EAAE,CAAA,CAAA,EAAI,EAAE,UAAA,EAAY,KAAK,CAAA;AACxF;AAGA,eAAsB,6BAA6B,GAAA,EAIhC;AACjB,EAAA,MAAM,MAAA,GAAS,IAAI,MAAA,CAAO,MAAA,GAAS,IAAI,GAAA,CAAI,MAAA,CAAO,MAAM,CAAA,CAAA,GAAK,EAAA;AAC7D,EAAA,MAAM,KAAA,GAAQ,IAAI,eAAA,CAAgB,GAAA,CAAI,MAAM,CAAA;AAC5C,EAAA,KAAA,CAAM,OAAO,QAAQ,CAAA;AACrB,EAAA,MAAM,IAAA,GAAO,MAAM,QAAA,EAAS;AAC5B,EAAA,MAAM,QAAA,CAAS,CAAA,EAAG,MAAM,CAAA,iBAAA,EAAoB,GAAA,CAAI,MAAM,CAAA,EAAG,IAAA,GAAO,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA,EAAI;AAAA,IACjF,UAAA,EAAY;AAAA,GACb,CAAA;AACH;AAUO,SAAS,cAAA,GAAuB;AACrC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,oBAAA,EAAqB;AAErB,IAAA,MAAA,CAAO,QAAA,CAAS,QAAQ,MAAA,CAAO,QAAA,CAAS,KAAK,OAAA,CAAQ,8BAAA,EAAgC,EAAE,CAAC,CAAA;AAAA,EAC1F,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,OAAO,IAAA;AACT","file":"chunk-SIYINCXL.js","sourcesContent":["import { useEffect } from 'react';\nimport { redirect } from '../providers/NavigationProvider';\nimport { FALLBACK_LOCALE } from '../providers/locale-constants';\nimport { clearAuthTokenCookie } from '../utils/cookies';\n\nexport interface SlugBrandParams {\n  /** SEO slug segment (ignored — only here to match the route pattern). */\n  slug: string;\n  /** Brand numeric ID to redirect to. */\n  id: string;\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function slugBrandRedirectLoader(ctx: { params: SlugBrandParams }): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/brands/${ctx.params.id}`);\n}\n\nexport interface PendingOrdersRedirectParams {\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function pendingOrdersRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders?status=pending`);\n}\n\n/** `/account/rating`: the loyalty \"rate your orders\" link. Twig Raed has no rating page and sends it to the orders list. */\nexport async function ratingRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/account/orders`);\n}\n\n/** A Twig customer URL (`/profile`, `/orders`, …) kept working as its `/account/…` page. */\nexport async function accountRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  page: string;\n  /** The incoming query string (`?status=pending`), kept on the account page. */\n  search?: string;\n}): Promise<never> {\n  // No locale in the URL stays without one: the locale layout adds it only where the store has several.\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  throw redirect(`${prefix}/account/${ctx.page}${ctx.search ?? ''}`, { statusCode: 301 });\n}\n\n/** `/latest-products`, `/most-sales-products` and `/offers` now live at `/products?source=`. */\nexport async function productsSourceRedirectLoader(ctx: {\n  params: PendingOrdersRedirectParams;\n  source: 'latest' | 'sales' | 'offers';\n  search?: string;\n}): Promise<never> {\n  const prefix = ctx.params.locale ? `/${ctx.params.locale}` : '';\n  const query = new URLSearchParams(ctx.search);\n  query.delete('source');\n  const rest = query.toString();\n  throw redirect(`${prefix}/products?source=${ctx.source}${rest ? `&${rest}` : ''}`, {\n    statusCode: 301,\n  });\n}\n\n/**\n * `/logout` — where the SDK sends the browser once `salla.auth.logout()` has run\n * (`salla.url.get('logout?from=…')`). The Twig storefront serves that URL server-side. Here\n * it renders nothing and, in the browser, removes the theme's own `token` cookie (the SDK's\n * `cookie.clearAll()` leaves it) and then does a full navigation home. It has to be a\n * component, not a loader redirect: a loader runs during server rendering, where the cookie\n * can't be cleared, so the redirect would leave the visitor signed in on the next request.\n */\nexport function LogoutRedirect(): null {\n  useEffect(() => {\n    clearAuthTokenCookie();\n    // `/{store base}/{locale}/logout?from=…` → `/{store base}/{locale}`\n    window.location.replace(window.location.href.replace(/\\/logout\\/?(\\?[^#]*)?(#.*)?$/, ''));\n  }, []);\n  return null;\n}\n"]}

package/dist/{chunk-KJ7NG3ZH.js → chunk-SXJEZEGN.js}

@@ -1,4 +1,4 @@
-import { filesCdn, cdn } from './chunk-RB7RHMKJ.js';
+import { filesCdn, cdn } from './chunk-FCFIG4M3.js';
 import { storeTranslationsQueryKey, translationsQueryKey, composeMessages, isPlainObject } from './chunk-6K34BCUP.js';
 import { queryOptions } from '@tanstack/react-query';
 
@@ -126,5 +126,5 @@ var translations = {
 };
 
 export { commonTranslationsPath, storeTranslationsPath, translations };
-//# sourceMappingURL=chunk-KJ7NG3ZH.js.map
-//# sourceMappingURL=chunk-KJ7NG3ZH.js.map
+//# sourceMappingURL=chunk-SXJEZEGN.js.map
+//# sourceMappingURL=chunk-SXJEZEGN.js.map

package/dist/{chunk-KJ7NG3ZH.js.map → chunk-SXJEZEGN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/translations.ts"],"names":[],"mappings":"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","file":"chunk-KJ7NG3ZH.js","sourcesContent":["/**\n * @fileoverview Where a storefront's words come from.\n *\n * Two files, merged: the platform's copy for this language, and the merchant's\n * own edits for this language and this store. Both are plain JSON objects on\n * the uploader's CDN, one per language.\n *\n * ```\n * https://cdn.files.salla.network/translations/common/<locale>.json      the platform's\n * https://cdn.files.salla.network/translations/<storeId>/<locale>.json   the merchant's\n * ```\n *\n * **What this replaces, and why.** Until now the engine read a single global\n * file, `cdn.salla.network/js/translations.json`, holding every language keyed\n * `\"<locale>.trans\"`. Nothing publishes that file: it is an object last written\n * on 2026-03-26, carrying only `ar` and `en` where the platform has 39 locales,\n * 405 keys behind `Languages-Module` and 959 English strings textually\n * different from it. So every React storefront has been serving copy from\n * March, and a key added since has never reached one. It also carried no\n * merchant overrides at all — a merchant editing their theme's wording in the\n * Dashboard changed nothing on a React theme.\n *\n * **Merchant overrides are read, and only when there are any.** Getting here\n * took two corrections worth keeping.\n *\n * The first is the address. A merchant's own wording lives at\n * `translations/<storeId>/<locale>.json`, keyed by `store()->getRouteKey()` —\n * the Optimus-encoded numeric id. An early version addressed it with\n * `resolveStoreIdentifier()`, on the claim that the two are the same string.\n * That is true of the `store-identifier` *header*, which accepts a host, a\n * username or an id, and false of the R2 key: on a custom domain the resolver\n * returns `reefperfumes.com` and on a shared host a username like\n * `mtgr-alaatr-2`. Both 404, both then read as \"this store has no overrides\",\n * and the merchant's wording silently never appears — so the feature would have\n * worked under `?storeId=` alone, which is preview and localhost. It is\n * `settings.store.id` now, which is known only after the settings query.\n *\n * The second is when to ask at all. Most stores have never customised a word,\n * and a miss is an uncached round trip (`cf-cache-status: DYNAMIC` on the 404)\n * on the critical path of every SSR render. So the request is made only when\n * `settings.languages[<ISO>].has_custom_translations` says there is something\n * to get — a flag `Languages-Module` writes when a merchant saves a\n * translation. A store without overrides pays nothing, which is what made this\n * shippable at all.\n *\n * ⚠️ The flag is written on save, so a store whose wording predates it reads as\n * `false` until someone edits a translation or the backfill runs. That is a\n * store keeping today's behaviour, not a regression — React themes have never\n * read merchant overrides — but it does mean the feature is only as complete as\n * the backfill.\n *\n * **Rollout is by fallback, not by flag.** `translations/common/` is written by\n * a sync in the theme build service that may not have run yet, and a hard switch\n * would leave every storefront with no platform strings at all. A missing common\n * file therefore falls back to the old global one, which is exactly today's\n * behaviour — so this is safe to ship before the bucket is populated, and stops\n * using the fallback on its own once it is.\n */\nimport { queryOptions } from '@tanstack/react-query';\nimport { cdn, filesCdn } from './client';\nimport { storeTranslationsQueryKey, translationsQueryKey } from './translations-key';\nimport { composeMessages, isPlainObject, type Messages } from './messages';\nimport type { TranslationMessages } from '../providers/I18nProvider';\n\n/** The global file this used to be the only reader of. See the file comment. */\nconst LEGACY_GLOBAL_FILE = 'js/translations.json';\n\n/** One language of platform copy, shared by every store. */\nexport function commonTranslationsPath(locale: string): string {\n  return `translations/common/${locale}.json`;\n}\n\n/**\n * One language of a single merchant's own wording.\n *\n * `storeId` is `settings.store.id`, which is the value `Languages-Module` names\n * the object with (`store()->getRouteKey()`, the Optimus-encoded numeric id).\n * It is **not** `resolveStoreIdentifier()`: that returns a hostname on a custom\n * domain and a username on a shared host, both of which 404 here and would read\n * as \"this merchant has no overrides\" — silently, on every store but a preview.\n */\nexport function storeTranslationsPath(storeId: string | number, locale: string): string {\n  return `translations/${storeId}/${locale}.json`;\n}\n\n/**\n * Reads one language file, or `null` when there is nothing to read.\n *\n * A 404 is the ordinary answer, not a failure: most stores have never had a\n * word customised, so their file does not exist. Distinguishing it from a real\n * error matters only for the log — both end in `null` — but a warning on every\n * page load of every uncustomised store is a warning nobody will read.\n */\nasync function readLocaleFile(\n  path: string,\n  { failLoudly = false }: { failLoudly?: boolean } = {}\n): Promise<Messages | null> {\n  /** A 404 always means \"absent\"; everything else is a failure to read. */\n  const unreadable = (reason: string, cause?: unknown): null => {\n    if (failLoudly) throw new Error(`[translations] ${path}: ${reason}`, { cause });\n    console.warn('[translations]', reason, path, cause ?? '');\n    return null;\n  };\n\n  try {\n    const response = await filesCdn.get(path, { throwHttpErrors: false, timeout: 5000 });\n    if (response.status === 404) return null;\n\n    if (!response.ok) {\n      return unreadable(`answered ${response.status}`);\n    }\n\n    const data: unknown = await response.json();\n    if (!isPlainObject(data)) {\n      return unreadable('is not a JSON object');\n    }\n\n    return data;\n  } catch (error) {\n    if (error instanceof Error && error.message.startsWith('[translations]')) throw error;\n    return unreadable('could not be read', error);\n  }\n}\n\n/**\n * The pre-CDN global file, sliced to one language.\n *\n * Only reached when `translations/common/<locale>.json` is missing, which is\n * the state of the bucket until the sync has run once.\n */\nasync function readLegacyGlobal(locale: string): Promise<Messages | null> {\n  try {\n    const data = await cdn.get(LEGACY_GLOBAL_FILE, { timeout: 5000 }).json<TranslationMessages>();\n    const forLocale = data?.[`${locale}.trans`];\n    return isPlainObject(forLocale) ? forLocale : null;\n  } catch {\n    console.warn('[translations] the legacy global file could not be read either');\n    return null;\n  }\n}\n\nexport const translations = {\n  /**\n   * The platform's copy for `locale`.\n   *\n   * One file, so one request. See the file comment for why the merchant's own\n   * wording is not merged in here yet and what it is waiting on.\n   */\n  get: async (locale: string): Promise<TranslationMessages | null> => {\n    const common = await readLocaleFile(commonTranslationsPath(locale));\n    const base = common ?? (await readLegacyGlobal(locale));\n    if (!base) return null;\n\n    // Still wrapped in the `<locale>.trans` shape the rest of the engine reads.\n    // `createI18nInstance` slices by that key and so does the SDK bridge in\n    // `I18nProvider`; changing the envelope here would be a second change for\n    // no gain, since one language is all any of them ever take out of it.\n    return { [`${locale}.trans`]: base as Record<string, string> };\n  },\n\n  /**\n   * This merchant's own wording for `locale`, or `null` if they have none.\n   *\n   * Only worth calling when `settings.languages[<ISO>].has_custom_translations`\n   * says there is something to get. Most stores have never customised a word,\n   * and a miss here is an uncached round trip — `cf-cache-status: DYNAMIC` on a\n   * 404 — on the critical path of an SSR render. The flag is what makes this\n   * free for everyone who does not use it.\n   *\n   * Returned unwrapped, unlike {@link translations.get}: this is merged into\n   * that one's messages rather than handed to i18next on its own.\n   */\n  forStore: async (storeId: string | number, locale: string): Promise<Messages | null> =>\n    // `failLoudly`, unlike the platform file: this is only ever called because\n    // the settings said overrides exist, so a 500, a timeout or a body that is\n    // not JSON is a failure to read them — not a store that has none. Returning\n    // `null` there would cache \"no overrides\" as a success, skip the query's\n    // retry, and serve Salla's wording in place of the merchant's until the\n    // entry expired. A 404 still means absent, and `rootBeforeLoad` catches the\n    // throw and keeps the platform copy, so the worst case is unchanged.\n    readLocaleFile(storeTranslationsPath(storeId, locale), { failLoudly: true }),\n\n  /**\n   * The platform's copy for `locale` with this merchant's wording laid over it.\n   *\n   * Takes the two as values rather than fetching them, so the caller decides\n   * whether the second request happens at all and both stay separately cached.\n   */\n  /**\n   * The platform's copy for `locale` with this merchant's wording over it.\n   *\n   * Delegates to `composeMessages`, which every other reader of these two\n   * entries also uses — see `api/messages.ts` for why there is exactly one.\n   */\n  merge: (\n    common: TranslationMessages | null,\n    overrides: Messages | null,\n    locale: string\n  ): TranslationMessages | null => composeMessages(common, overrides, locale) ?? null,\n\n  queries: {\n    /**\n     * @param locale taken as an argument rather than read from the twilight\n     * context, and that is load-bearing. This key is built on the server, on\n     * hydration, and again lazily from the context accessor; if any of the\n     * three read a locale the others had not been given yet, the hydrated page\n     * would miss the dehydrated entry and refetch both files it was just\n     * handed. Every caller already has the locale in hand.\n     *\n     * The store is deliberately **not** in the key. One document serves one\n     * store — a request that names a different one is redirected with\n     * `reloadDocument`, so the client never changes store under a live cache —\n     * and adding a value that resolves from the request on the server and from\n     * the injected env on the client is how a key stops matching across\n     * hydration.\n     */\n    byLocale: (locale: string) =>\n      queryOptions({\n        queryKey: translationsQueryKey(locale),\n        queryFn: () => translations.get(locale),\n      }),\n\n    /**\n     * This merchant's overrides, cached apart from the platform's copy.\n     *\n     * Its own entry rather than a wider `byLocale` key, so the common file is\n     * fetched and dehydrated once per language whatever the store does, and a\n     * store with no overrides never has an entry at all. Both sides compute the\n     * key from the settings payload, so the hydrated page finds what the server\n     * dehydrated instead of refetching it.\n     */\n    byStore: (storeId: string | number, locale: string) =>\n      queryOptions({\n        queryKey: storeTranslationsQueryKey(storeId, locale),\n        queryFn: () => translations.forStore(storeId, locale),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/translations.ts"],"names":[],"mappings":"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","file":"chunk-SXJEZEGN.js","sourcesContent":["/**\n * @fileoverview Where a storefront's words come from.\n *\n * Two files, merged: the platform's copy for this language, and the merchant's\n * own edits for this language and this store. Both are plain JSON objects on\n * the uploader's CDN, one per language.\n *\n * ```\n * https://cdn.files.salla.network/translations/common/<locale>.json      the platform's\n * https://cdn.files.salla.network/translations/<storeId>/<locale>.json   the merchant's\n * ```\n *\n * **What this replaces, and why.** Until now the engine read a single global\n * file, `cdn.salla.network/js/translations.json`, holding every language keyed\n * `\"<locale>.trans\"`. Nothing publishes that file: it is an object last written\n * on 2026-03-26, carrying only `ar` and `en` where the platform has 39 locales,\n * 405 keys behind `Languages-Module` and 959 English strings textually\n * different from it. So every React storefront has been serving copy from\n * March, and a key added since has never reached one. It also carried no\n * merchant overrides at all — a merchant editing their theme's wording in the\n * Dashboard changed nothing on a React theme.\n *\n * **Merchant overrides are read, and only when there are any.** Getting here\n * took two corrections worth keeping.\n *\n * The first is the address. A merchant's own wording lives at\n * `translations/<storeId>/<locale>.json`, keyed by `store()->getRouteKey()` —\n * the Optimus-encoded numeric id. An early version addressed it with\n * `resolveStoreIdentifier()`, on the claim that the two are the same string.\n * That is true of the `store-identifier` *header*, which accepts a host, a\n * username or an id, and false of the R2 key: on a custom domain the resolver\n * returns `reefperfumes.com` and on a shared host a username like\n * `mtgr-alaatr-2`. Both 404, both then read as \"this store has no overrides\",\n * and the merchant's wording silently never appears — so the feature would have\n * worked under `?storeId=` alone, which is preview and localhost. It is\n * `settings.store.id` now, which is known only after the settings query.\n *\n * The second is when to ask at all. Most stores have never customised a word,\n * and a miss is an uncached round trip (`cf-cache-status: DYNAMIC` on the 404)\n * on the critical path of every SSR render. So the request is made only when\n * `settings.languages[<ISO>].has_custom_translations` says there is something\n * to get — a flag `Languages-Module` writes when a merchant saves a\n * translation. A store without overrides pays nothing, which is what made this\n * shippable at all.\n *\n * ⚠️ The flag is written on save, so a store whose wording predates it reads as\n * `false` until someone edits a translation or the backfill runs. That is a\n * store keeping today's behaviour, not a regression — React themes have never\n * read merchant overrides — but it does mean the feature is only as complete as\n * the backfill.\n *\n * **Rollout is by fallback, not by flag.** `translations/common/` is written by\n * a sync in the theme build service that may not have run yet, and a hard switch\n * would leave every storefront with no platform strings at all. A missing common\n * file therefore falls back to the old global one, which is exactly today's\n * behaviour — so this is safe to ship before the bucket is populated, and stops\n * using the fallback on its own once it is.\n */\nimport { queryOptions } from '@tanstack/react-query';\nimport { cdn, filesCdn } from './client';\nimport { storeTranslationsQueryKey, translationsQueryKey } from './translations-key';\nimport { composeMessages, isPlainObject, type Messages } from './messages';\nimport type { TranslationMessages } from '../providers/I18nProvider';\n\n/** The global file this used to be the only reader of. See the file comment. */\nconst LEGACY_GLOBAL_FILE = 'js/translations.json';\n\n/** One language of platform copy, shared by every store. */\nexport function commonTranslationsPath(locale: string): string {\n  return `translations/common/${locale}.json`;\n}\n\n/**\n * One language of a single merchant's own wording.\n *\n * `storeId` is `settings.store.id`, which is the value `Languages-Module` names\n * the object with (`store()->getRouteKey()`, the Optimus-encoded numeric id).\n * It is **not** `resolveStoreIdentifier()`: that returns a hostname on a custom\n * domain and a username on a shared host, both of which 404 here and would read\n * as \"this merchant has no overrides\" — silently, on every store but a preview.\n */\nexport function storeTranslationsPath(storeId: string | number, locale: string): string {\n  return `translations/${storeId}/${locale}.json`;\n}\n\n/**\n * Reads one language file, or `null` when there is nothing to read.\n *\n * A 404 is the ordinary answer, not a failure: most stores have never had a\n * word customised, so their file does not exist. Distinguishing it from a real\n * error matters only for the log — both end in `null` — but a warning on every\n * page load of every uncustomised store is a warning nobody will read.\n */\nasync function readLocaleFile(\n  path: string,\n  { failLoudly = false }: { failLoudly?: boolean } = {}\n): Promise<Messages | null> {\n  /** A 404 always means \"absent\"; everything else is a failure to read. */\n  const unreadable = (reason: string, cause?: unknown): null => {\n    if (failLoudly) throw new Error(`[translations] ${path}: ${reason}`, { cause });\n    console.warn('[translations]', reason, path, cause ?? '');\n    return null;\n  };\n\n  try {\n    const response = await filesCdn.get(path, { throwHttpErrors: false, timeout: 5000 });\n    if (response.status === 404) return null;\n\n    if (!response.ok) {\n      return unreadable(`answered ${response.status}`);\n    }\n\n    const data: unknown = await response.json();\n    if (!isPlainObject(data)) {\n      return unreadable('is not a JSON object');\n    }\n\n    return data;\n  } catch (error) {\n    if (error instanceof Error && error.message.startsWith('[translations]')) throw error;\n    return unreadable('could not be read', error);\n  }\n}\n\n/**\n * The pre-CDN global file, sliced to one language.\n *\n * Only reached when `translations/common/<locale>.json` is missing, which is\n * the state of the bucket until the sync has run once.\n */\nasync function readLegacyGlobal(locale: string): Promise<Messages | null> {\n  try {\n    const data = await cdn.get(LEGACY_GLOBAL_FILE, { timeout: 5000 }).json<TranslationMessages>();\n    const forLocale = data?.[`${locale}.trans`];\n    return isPlainObject(forLocale) ? forLocale : null;\n  } catch {\n    console.warn('[translations] the legacy global file could not be read either');\n    return null;\n  }\n}\n\nexport const translations = {\n  /**\n   * The platform's copy for `locale`.\n   *\n   * One file, so one request. See the file comment for why the merchant's own\n   * wording is not merged in here yet and what it is waiting on.\n   */\n  get: async (locale: string): Promise<TranslationMessages | null> => {\n    const common = await readLocaleFile(commonTranslationsPath(locale));\n    const base = common ?? (await readLegacyGlobal(locale));\n    if (!base) return null;\n\n    // Still wrapped in the `<locale>.trans` shape the rest of the engine reads.\n    // `createI18nInstance` slices by that key and so does the SDK bridge in\n    // `I18nProvider`; changing the envelope here would be a second change for\n    // no gain, since one language is all any of them ever take out of it.\n    return { [`${locale}.trans`]: base as Record<string, string> };\n  },\n\n  /**\n   * This merchant's own wording for `locale`, or `null` if they have none.\n   *\n   * Only worth calling when `settings.languages[<ISO>].has_custom_translations`\n   * says there is something to get. Most stores have never customised a word,\n   * and a miss here is an uncached round trip — `cf-cache-status: DYNAMIC` on a\n   * 404 — on the critical path of an SSR render. The flag is what makes this\n   * free for everyone who does not use it.\n   *\n   * Returned unwrapped, unlike {@link translations.get}: this is merged into\n   * that one's messages rather than handed to i18next on its own.\n   */\n  forStore: async (storeId: string | number, locale: string): Promise<Messages | null> =>\n    // `failLoudly`, unlike the platform file: this is only ever called because\n    // the settings said overrides exist, so a 500, a timeout or a body that is\n    // not JSON is a failure to read them — not a store that has none. Returning\n    // `null` there would cache \"no overrides\" as a success, skip the query's\n    // retry, and serve Salla's wording in place of the merchant's until the\n    // entry expired. A 404 still means absent, and `rootBeforeLoad` catches the\n    // throw and keeps the platform copy, so the worst case is unchanged.\n    readLocaleFile(storeTranslationsPath(storeId, locale), { failLoudly: true }),\n\n  /**\n   * The platform's copy for `locale` with this merchant's wording laid over it.\n   *\n   * Takes the two as values rather than fetching them, so the caller decides\n   * whether the second request happens at all and both stay separately cached.\n   */\n  /**\n   * The platform's copy for `locale` with this merchant's wording over it.\n   *\n   * Delegates to `composeMessages`, which every other reader of these two\n   * entries also uses — see `api/messages.ts` for why there is exactly one.\n   */\n  merge: (\n    common: TranslationMessages | null,\n    overrides: Messages | null,\n    locale: string\n  ): TranslationMessages | null => composeMessages(common, overrides, locale) ?? null,\n\n  queries: {\n    /**\n     * @param locale taken as an argument rather than read from the twilight\n     * context, and that is load-bearing. This key is built on the server, on\n     * hydration, and again lazily from the context accessor; if any of the\n     * three read a locale the others had not been given yet, the hydrated page\n     * would miss the dehydrated entry and refetch both files it was just\n     * handed. Every caller already has the locale in hand.\n     *\n     * The store is deliberately **not** in the key. One document serves one\n     * store — a request that names a different one is redirected with\n     * `reloadDocument`, so the client never changes store under a live cache —\n     * and adding a value that resolves from the request on the server and from\n     * the injected env on the client is how a key stops matching across\n     * hydration.\n     */\n    byLocale: (locale: string) =>\n      queryOptions({\n        queryKey: translationsQueryKey(locale),\n        queryFn: () => translations.get(locale),\n      }),\n\n    /**\n     * This merchant's overrides, cached apart from the platform's copy.\n     *\n     * Its own entry rather than a wider `byLocale` key, so the common file is\n     * fetched and dehydrated once per language whatever the store does, and a\n     * store with no overrides never has an entry at all. Both sides compute the\n     * key from the settings payload, so the hydrated page finds what the server\n     * dehydrated instead of refetching it.\n     */\n    byStore: (storeId: string | number, locale: string) =>\n      queryOptions({\n        queryKey: storeTranslationsQueryKey(storeId, locale),\n        queryFn: () => translations.forStore(storeId, locale),\n      }),\n  },\n};\n"]}

package/dist/{chunk-I2LK4IC2.js → chunk-UBRG55VM.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-O3XMYDNC.js';
-import { getAuthToken, api } from './chunk-RB7RHMKJ.js';
+import { orThrow } from './chunk-ZBGMIDDO.js';
+import { getAuthToken, api } from './chunk-FCFIG4M3.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var loyalty = {
@@ -29,5 +29,5 @@ var loyalty = {
 };
 
 export { loyalty };
-//# sourceMappingURL=chunk-I2LK4IC2.js.map
-//# sourceMappingURL=chunk-I2LK4IC2.js.map
+//# sourceMappingURL=chunk-UBRG55VM.js.map
+//# sourceMappingURL=chunk-UBRG55VM.js.map

package/dist/{chunk-I2LK4IC2.js.map → chunk-UBRG55VM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/loyalty.ts"],"names":[],"mappings":";;;;AAKO,IAAM,OAAA,GAAU;AAAA,EACrB,KAAK,YAA8B;AACjC,IAAA,MAAM,EAAE,MAAK,GAAI,MAAM,IAAI,GAAA,CAAI,SAAS,EAAE,IAAA,EAAwB;AAClE,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,UAAA,EAAY,MAAwB,OAAA,CAAQ,OAAA,CAAQ,KAAK,CAAA;AAAA,EAEzD,kBAAkB,YAA6B;AAC7C,IAAA,MAAM,WAAW,MAAM,GAAA,CAAI,GAAA,CAAI,gBAAgB,EAAE,IAAA,EAA2B;AAC5E,IAAA,OAAO,QAAA,CAAS,OAAA;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,MACN,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,SAAS,CAAA;AAAA,MACpB,OAAA,EAAS,MAAM,OAAA,CAAQ,GAAA;AAAI,KAC5B,CAAA;AAAA,IACH,MAAA,EAAQ,MACN,YAAA,CAA4B;AAAA,MAC1B,QAAA,EAAU,CAAC,SAAA,EAAW,QAAQ,CAAA;AAAA,MAC9B,OAAA,EAAS,MAAM,OAAA,CAAQ,gBAAA,EAAiB;AAAA;AAAA;AAAA,MAGxC,OAAA,EAAS,CAAC,CAAC,YAAA,EAAa;AAAA,MACxB,SAAA,EAAW;AAAA,KACZ;AAAA;AAEP","file":"chunk-I2LK4IC2.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getAuthToken } from './client';\nimport type { Loyalty, PointBalanceResponse } from '../routes/loyalty/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const loyalty = {\n  get: async (): Promise<Loyalty> => {\n    const { data } = await api.get('loyalty').json<{ data: Loyalty }>();\n    return data;\n  },\n\n  getOrThrow: (): Promise<Loyalty> => orThrow(loyalty.get()),\n\n  getPointsBalance: async (): Promise<number> => {\n    const response = await api.get('balance/points').json<PointBalanceResponse>();\n    return response.balance;\n  },\n\n  queries: {\n    detail: () =>\n      queryOptions({\n        queryKey: ['loyalty'],\n        queryFn: () => loyalty.get(),\n      }),\n    points: () =>\n      queryOptions<number | null>({\n        queryKey: ['loyalty', 'points'],\n        queryFn: () => loyalty.getPointsBalance(),\n        // Points are customer-scoped; skip for guests (no token) — the request would\n        // otherwise 400 with `token_not_provided`.\n        enabled: !!getAuthToken(),\n        staleTime: 30_000,\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/loyalty.ts"],"names":[],"mappings":";;;;AAKO,IAAM,OAAA,GAAU;AAAA,EACrB,KAAK,YAA8B;AACjC,IAAA,MAAM,EAAE,MAAK,GAAI,MAAM,IAAI,GAAA,CAAI,SAAS,EAAE,IAAA,EAAwB;AAClE,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,UAAA,EAAY,MAAwB,OAAA,CAAQ,OAAA,CAAQ,KAAK,CAAA;AAAA,EAEzD,kBAAkB,YAA6B;AAC7C,IAAA,MAAM,WAAW,MAAM,GAAA,CAAI,GAAA,CAAI,gBAAgB,EAAE,IAAA,EAA2B;AAC5E,IAAA,OAAO,QAAA,CAAS,OAAA;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,MACN,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,SAAS,CAAA;AAAA,MACpB,OAAA,EAAS,MAAM,OAAA,CAAQ,GAAA;AAAI,KAC5B,CAAA;AAAA,IACH,MAAA,EAAQ,MACN,YAAA,CAA4B;AAAA,MAC1B,QAAA,EAAU,CAAC,SAAA,EAAW,QAAQ,CAAA;AAAA,MAC9B,OAAA,EAAS,MAAM,OAAA,CAAQ,gBAAA,EAAiB;AAAA;AAAA;AAAA,MAGxC,OAAA,EAAS,CAAC,CAAC,YAAA,EAAa;AAAA,MACxB,SAAA,EAAW;AAAA,KACZ;AAAA;AAEP","file":"chunk-UBRG55VM.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getAuthToken } from './client';\nimport type { Loyalty, PointBalanceResponse } from '../routes/loyalty/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const loyalty = {\n  get: async (): Promise<Loyalty> => {\n    const { data } = await api.get('loyalty').json<{ data: Loyalty }>();\n    return data;\n  },\n\n  getOrThrow: (): Promise<Loyalty> => orThrow(loyalty.get()),\n\n  getPointsBalance: async (): Promise<number> => {\n    const response = await api.get('balance/points').json<PointBalanceResponse>();\n    return response.balance;\n  },\n\n  queries: {\n    detail: () =>\n      queryOptions({\n        queryKey: ['loyalty'],\n        queryFn: () => loyalty.get(),\n      }),\n    points: () =>\n      queryOptions<number | null>({\n        queryKey: ['loyalty', 'points'],\n        queryFn: () => loyalty.getPointsBalance(),\n        // Points are customer-scoped; skip for guests (no token) — the request would\n        // otherwise 400 with `token_not_provided`.\n        enabled: !!getAuthToken(),\n        staleTime: 30_000,\n      }),\n  },\n};\n"]}

package/dist/{chunk-2HCODIC6.js → chunk-UG44HSCN.js}

@@ -1,6 +1,6 @@
-import { useDate } from './chunk-O63WBEAC.js';
+import { useDate } from './chunk-F5RU2UCE.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-LBZNLTBM.js';
+import { Image } from './chunk-AU2XMLTH.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -61,5 +61,5 @@ function BlogListLayout({
 }
 
 export { BlogArticleCard, BlogListLayout };
-//# sourceMappingURL=chunk-2HCODIC6.js.map
-//# sourceMappingURL=chunk-2HCODIC6.js.map
+//# sourceMappingURL=chunk-UG44HSCN.js.map
+//# sourceMappingURL=chunk-UG44HSCN.js.map

package/dist/{chunk-2HCODIC6.js.map → chunk-UG44HSCN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/blog/components.tsx"],"names":[],"mappings":"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","file":"chunk-2HCODIC6.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useDate } from '../../hooks';\nimport { Image, Link } from '../../components/common';\nimport type { BlogCategory, ArticleSummary } from './types';\n\nexport function BlogCategoriesSidebar({ categories }: { categories: BlogCategory[] }) {\n  const { t } = useTranslation();\n\n  if (!categories.length) return null;\n\n  return (\n    <nav aria-label=\"Sidebar\" className=\"hidden lg:block lg:sticky shrink-0 top-24 col-span-2\">\n      <h2 className=\"font-bold mb-3\">{t('pages.blog_categories.categories')}</h2>\n      <ul>\n        {categories.map((category) => (\n          <li key={category.id} className={category.is_current ? 'text-primary' : ''}>\n            <Link className=\"py-3 block text-sm hover:text-primary\" to={category.url}>\n              {category.name}\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nexport function BlogArticleCard({\n  article,\n  showAuthor = false,\n}: {\n  article: ArticleSummary;\n  showAuthor?: boolean;\n}) {\n  const { format: formatDate } = useDate();\n\n  return (\n    <div className=\"list-block post-entry relative h-full transition-shadow duration-500 bg-white hover:shadow-default rounded-lg justify-around overflow-hidden flex flex-col\">\n      <Link\n        to={article.url}\n        className=\"post-entry__image relative overflow-hidden hover:opacity-90 w-full h-56 bg-border-color flex items-center justify-center\"\n      >\n        {article.image && (\n          <Image\n            className=\"h-full w-full object-cover\"\n            src={article.image}\n            alt={article.name}\n            aspectRatio=\"16/9\"\n          />\n        )}\n      </Link>\n      <div className=\"flex-1 px-5 pt-5 pb-7\">\n        <div className=\"mb-2.5 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n            <span>{formatDate(article.created_at)}</span>\n          </div>\n          {showAuthor && article.author && (\n            <Link to={article.author.url} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author.name}</span>\n            </Link>\n          )}\n        </div>\n        <h3 className=\"post-entry__title text-sm font-bold text-gray-800 leading-6 mb-2.5\">\n          <Link to={article.url}>{article.name}</Link>\n        </h3>\n        <p className=\"text-sm text-gray-500 leading-6 mb-2.5\">{article.description}</p>\n      </div>\n    </div>\n  );\n}\n\nexport function BlogListLayout({\n  categories,\n  children,\n}: {\n  categories: BlogCategory[];\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-8 gap-8\">\n      <BlogCategoriesSidebar categories={categories} />\n      <div className=\"main-content lg:col-span-6\">{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/routes/blog/components.tsx"],"names":[],"mappings":"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","file":"chunk-UG44HSCN.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useDate } from '../../hooks';\nimport { Image, Link } from '../../components/common';\nimport type { BlogCategory, ArticleSummary } from './types';\n\nexport function BlogCategoriesSidebar({ categories }: { categories: BlogCategory[] }) {\n  const { t } = useTranslation();\n\n  if (!categories.length) return null;\n\n  return (\n    <nav aria-label=\"Sidebar\" className=\"hidden lg:block lg:sticky shrink-0 top-24 col-span-2\">\n      <h2 className=\"font-bold mb-3\">{t('pages.blog_categories.categories')}</h2>\n      <ul>\n        {categories.map((category) => (\n          <li key={category.id} className={category.is_current ? 'text-primary' : ''}>\n            <Link className=\"py-3 block text-sm hover:text-primary\" to={category.url}>\n              {category.name}\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nexport function BlogArticleCard({\n  article,\n  showAuthor = false,\n}: {\n  article: ArticleSummary;\n  showAuthor?: boolean;\n}) {\n  const { format: formatDate } = useDate();\n\n  return (\n    <div className=\"list-block post-entry relative h-full transition-shadow duration-500 bg-white hover:shadow-default rounded-lg justify-around overflow-hidden flex flex-col\">\n      <Link\n        to={article.url}\n        className=\"post-entry__image relative overflow-hidden hover:opacity-90 w-full h-56 bg-border-color flex items-center justify-center\"\n      >\n        {article.image && (\n          <Image\n            className=\"h-full w-full object-cover\"\n            src={article.image}\n            alt={article.name}\n            aspectRatio=\"16/9\"\n          />\n        )}\n      </Link>\n      <div className=\"flex-1 px-5 pt-5 pb-7\">\n        <div className=\"mb-2.5 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n            <span>{formatDate(article.created_at)}</span>\n          </div>\n          {showAuthor && article.author && (\n            <Link to={article.author.url} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author.name}</span>\n            </Link>\n          )}\n        </div>\n        <h3 className=\"post-entry__title text-sm font-bold text-gray-800 leading-6 mb-2.5\">\n          <Link to={article.url}>{article.name}</Link>\n        </h3>\n        <p className=\"text-sm text-gray-500 leading-6 mb-2.5\">{article.description}</p>\n      </div>\n    </div>\n  );\n}\n\nexport function BlogListLayout({\n  categories,\n  children,\n}: {\n  categories: BlogCategory[];\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-8 gap-8\">\n      <BlogCategoriesSidebar categories={categories} />\n      <div className=\"main-content lg:col-span-6\">{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-BYGVKW3M.js → chunk-UL2DRYH3.js}

@@ -1,6 +1,6 @@
-import { advertisement, advertisementsFor } from './chunk-PPFD456V.js';
+import { advertisement, advertisementsFor } from './chunk-URBOD4MX.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { whenSallaReady } from './chunk-7XAGU6CT.js';
+import { whenSallaReady } from './chunk-7IVHY4OR.js';
 import { subscribeTwilight, getTwilightContext } from './chunk-6K34BCUP.js';
 import { useSyncExternalStore, useState, useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
@@ -99,5 +99,5 @@ function PageAdvertisements() {
 }
 
 export { PageAdvertisements };
-//# sourceMappingURL=chunk-BYGVKW3M.js.map
-//# sourceMappingURL=chunk-BYGVKW3M.js.map
+//# sourceMappingURL=chunk-UL2DRYH3.js.map
+//# sourceMappingURL=chunk-UL2DRYH3.js.map

package/dist/{chunk-BYGVKW3M.js.map → chunk-UL2DRYH3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/PageAdvertisements.tsx"],"names":[],"mappings":"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","file":"chunk-BYGVKW3M.js","sourcesContent":["import { useEffect, useState, useSyncExternalStore } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { advertisement, advertisementsFor, type Advertisement } from '../../api/advertisement';\nimport { whenSallaReady } from '../../utils/sdk-helpers';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { getTwilightContext, subscribeTwilight } from '../../twilight/context';\n\nconst currentPageSlug = () => getTwilightContext().page?.slug;\n\n/** The key `<salla-advertisement>` marks a closed ad with, through `salla.storage` (store.js, JSON). */\nconst dismissedKey = (id: number) => `statusAd-${id}`;\n\n/** Stable while the query has no data, so the effect below doesn't rerun on every render. */\nconst NO_ADS: Advertisement[] = [];\n\n/** Hides the ads this visitor closed before the first paint; the effect then drops them. */\nconst HIDE_DISMISSED_SCRIPT =\n  \"(function(){try{if(window.self!==window.top)return;document.currentScript.parentNode.querySelectorAll('.s-advertisement[data-id]').forEach(function(e){if(localStorage.getItem('statusAd-'+e.getAttribute('data-id')))e.hidden=true})}catch(e){}})();\";\n\nfunction isDismissed(id: number): boolean {\n  try {\n    return Boolean(window.localStorage.getItem(dismissedKey(id)));\n  } catch {\n    return false;\n  }\n}\n\nfunction dismiss(id: number): void {\n  const storage = window.salla?.storage;\n  if (typeof storage?.set === 'function') storage.set(dismissedKey(id), 'dismissed');\n  else {\n    try {\n      window.localStorage.setItem(dismissedKey(id), JSON.stringify('dismissed'));\n    } catch {\n      // Storage disabled: the ad hides for this page view only.\n    }\n  }\n}\n\ninterface ClientView {\n  /** The theme editor's iframe, or the SDK's debug flag: every ad shows, closed or not. */\n  preview: boolean;\n  /** Inside the Salla mobile app, which shows no ads. */\n  inApp: boolean;\n  dismissed: Set<number>;\n}\n\n/**\n * The merchant's announcement bars, in place of `<salla-advertisement>`. Same data, rules and\n * markup, but rendered on the server (the ads are prefetched in the root `beforeLoad`), so the\n * bar is in the first paint instead of pushing the page down when the web component fetches it.\n */\nexport function PageAdvertisements() {\n  const { t } = useTranslation();\n  // The deepest route loader's `page`, the page `salla.config` reports.\n  const pageSlug = useSyncExternalStore(subscribeTwilight, currentPageSlug, currentPageSlug);\n  // The query's `retry: 0` only bounds the server wait; the browser may retry.\n  const { data: ads = NO_ADS } = useQuery({ ...advertisement.queries.list(), retry: 2 });\n  const [view, setView] = useState<ClientView | null>(null);\n\n  useEffect(() => {\n    const dismissed = new Set(ads.filter((ad) => isDismissed(ad.id)).map((ad) => ad.id));\n    setView({ preview: window.self !== window.top, inApp: false, dismissed });\n    return whenSallaReady((sdk) => {\n      const config = sdk.config as { isMobileApp?: () => boolean; isDebug?: () => boolean };\n      const inApp = Boolean(config?.isMobileApp?.());\n      const debug = Boolean(config?.isDebug?.());\n      if (inApp || debug) {\n        setView((current) =>\n          current ? { ...current, inApp, preview: current.preview || debug } : current\n        );\n      }\n    });\n  }, [ads]);\n\n  if (view?.inApp) return null;\n  const shown = view?.preview\n    ? ads\n    : advertisementsFor(ads, pageSlug).filter((ad) => !view?.dismissed.has(ad.id));\n  if (!shown.length) return null;\n\n  const close = (id: number) => {\n    dismiss(id);\n    setView((current) =>\n      current ? { ...current, dismissed: new Set(current.dismissed).add(id) } : current\n    );\n  };\n\n  return (\n    <>\n      {shown.map((ad) => (\n        <div\n          key={ad.id}\n          className=\"s-advertisement\"\n          data-id={ad.id}\n          style={{ backgroundColor: ad.colors?.bg, color: ad.colors?.text }}\n        >\n          <div className=\"s-advertisement-content container flex justify-between items-center py-2.5\">\n            <span className=\"s-advertisement-content-main flex-1 font-bold text-center text-sm\">\n              {/* Rendered without an icon too, as the SDK does: its margin is part of the layout. */}\n              <i\n                className={`s-advertisement-content-icon inline-block align-middle me-2 text-base ${ad.icon ?? ''}`}\n              />\n              {ad.url ? (\n                <a\n                  href={ad.url}\n                  target={ad.target ?? undefined}\n                  rel={ad.target === '_blank' ? 'noopener' : undefined}\n                >\n                  {ad.description}\n                </a>\n              ) : (\n                ad.description\n              )}\n            </span>\n            <button\n              type=\"button\"\n              className=\"s-advertisement-action px-1\"\n              aria-label={t('common.buttons.close', 'Close')}\n              onClick={() => close(ad.id)}\n            >\n              {/* `inline-block`: before the icon CSS loads, an empty inline `<i>` leaves the button 0px tall. */}\n              <i className=\"sicon-cancel inline-block\" />\n            </button>\n          </div>\n        </div>\n      ))}\n      <script suppressHydrationWarning>{HIDE_DISMISSED_SCRIPT}</script>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/layout/PageAdvertisements.tsx"],"names":[],"mappings":"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","file":"chunk-UL2DRYH3.js","sourcesContent":["import { useEffect, useState, useSyncExternalStore } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { advertisement, advertisementsFor, type Advertisement } from '../../api/advertisement';\nimport { whenSallaReady } from '../../utils/sdk-helpers';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { getTwilightContext, subscribeTwilight } from '../../twilight/context';\n\nconst currentPageSlug = () => getTwilightContext().page?.slug;\n\n/** The key `<salla-advertisement>` marks a closed ad with, through `salla.storage` (store.js, JSON). */\nconst dismissedKey = (id: number) => `statusAd-${id}`;\n\n/** Stable while the query has no data, so the effect below doesn't rerun on every render. */\nconst NO_ADS: Advertisement[] = [];\n\n/** Hides the ads this visitor closed before the first paint; the effect then drops them. */\nconst HIDE_DISMISSED_SCRIPT =\n  \"(function(){try{if(window.self!==window.top)return;document.currentScript.parentNode.querySelectorAll('.s-advertisement[data-id]').forEach(function(e){if(localStorage.getItem('statusAd-'+e.getAttribute('data-id')))e.hidden=true})}catch(e){}})();\";\n\nfunction isDismissed(id: number): boolean {\n  try {\n    return Boolean(window.localStorage.getItem(dismissedKey(id)));\n  } catch {\n    return false;\n  }\n}\n\nfunction dismiss(id: number): void {\n  const storage = window.salla?.storage;\n  if (typeof storage?.set === 'function') storage.set(dismissedKey(id), 'dismissed');\n  else {\n    try {\n      window.localStorage.setItem(dismissedKey(id), JSON.stringify('dismissed'));\n    } catch {\n      // Storage disabled: the ad hides for this page view only.\n    }\n  }\n}\n\ninterface ClientView {\n  /** The theme editor's iframe, or the SDK's debug flag: every ad shows, closed or not. */\n  preview: boolean;\n  /** Inside the Salla mobile app, which shows no ads. */\n  inApp: boolean;\n  dismissed: Set<number>;\n}\n\n/**\n * The merchant's announcement bars, in place of `<salla-advertisement>`. Same data, rules and\n * markup, but rendered on the server (the ads are prefetched in the root `beforeLoad`), so the\n * bar is in the first paint instead of pushing the page down when the web component fetches it.\n */\nexport function PageAdvertisements() {\n  const { t } = useTranslation();\n  // The deepest route loader's `page`, the page `salla.config` reports.\n  const pageSlug = useSyncExternalStore(subscribeTwilight, currentPageSlug, currentPageSlug);\n  // The query's `retry: 0` only bounds the server wait; the browser may retry.\n  const { data: ads = NO_ADS } = useQuery({ ...advertisement.queries.list(), retry: 2 });\n  const [view, setView] = useState<ClientView | null>(null);\n\n  useEffect(() => {\n    const dismissed = new Set(ads.filter((ad) => isDismissed(ad.id)).map((ad) => ad.id));\n    setView({ preview: window.self !== window.top, inApp: false, dismissed });\n    return whenSallaReady((sdk) => {\n      const config = sdk.config as { isMobileApp?: () => boolean; isDebug?: () => boolean };\n      const inApp = Boolean(config?.isMobileApp?.());\n      const debug = Boolean(config?.isDebug?.());\n      if (inApp || debug) {\n        setView((current) =>\n          current ? { ...current, inApp, preview: current.preview || debug } : current\n        );\n      }\n    });\n  }, [ads]);\n\n  if (view?.inApp) return null;\n  const shown = view?.preview\n    ? ads\n    : advertisementsFor(ads, pageSlug).filter((ad) => !view?.dismissed.has(ad.id));\n  if (!shown.length) return null;\n\n  const close = (id: number) => {\n    dismiss(id);\n    setView((current) =>\n      current ? { ...current, dismissed: new Set(current.dismissed).add(id) } : current\n    );\n  };\n\n  return (\n    <>\n      {shown.map((ad) => (\n        <div\n          key={ad.id}\n          className=\"s-advertisement\"\n          data-id={ad.id}\n          style={{ backgroundColor: ad.colors?.bg, color: ad.colors?.text }}\n        >\n          <div className=\"s-advertisement-content container flex justify-between items-center py-2.5\">\n            <span className=\"s-advertisement-content-main flex-1 font-bold text-center text-sm\">\n              {/* Rendered without an icon too, as the SDK does: its margin is part of the layout. */}\n              <i\n                className={`s-advertisement-content-icon inline-block align-middle me-2 text-base ${ad.icon ?? ''}`}\n              />\n              {ad.url ? (\n                <a\n                  href={ad.url}\n                  target={ad.target ?? undefined}\n                  rel={ad.target === '_blank' ? 'noopener' : undefined}\n                >\n                  {ad.description}\n                </a>\n              ) : (\n                ad.description\n              )}\n            </span>\n            <button\n              type=\"button\"\n              className=\"s-advertisement-action px-1\"\n              aria-label={t('common.buttons.close', 'Close')}\n              onClick={() => close(ad.id)}\n            >\n              {/* `inline-block`: before the icon CSS loads, an empty inline `<i>` leaves the button 0px tall. */}\n              <i className=\"sicon-cancel inline-block\" />\n            </button>\n          </div>\n        </div>\n      ))}\n      <script suppressHydrationWarning>{HIDE_DISMISSED_SCRIPT}</script>\n    </>\n  );\n}\n"]}

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

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

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

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

package/dist/{chunk-5T4MJAUN.js → chunk-VBAFSMNX.js}

@@ -1,7 +1,7 @@
 import { MadeWithSalla } from './chunk-OQIIJRAS.js';
 import { HookSlot, useIsClient } from './chunk-5XDPAKF5.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-LBZNLTBM.js';
+import { Image } from './chunk-AU2XMLTH.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { LazyImageModal } from './chunk-KYMWEUN2.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
@@ -281,5 +281,5 @@ function Footer({ inSheet = false } = {}) {
 }
 
 export { Footer };
-//# sourceMappingURL=chunk-5T4MJAUN.js.map
-//# sourceMappingURL=chunk-5T4MJAUN.js.map
+//# sourceMappingURL=chunk-VBAFSMNX.js.map
+//# sourceMappingURL=chunk-VBAFSMNX.js.map