@salla.sa/twilight-theme-engine 1.0.116 → 1.0.119

package/dist/{chunk-SW4WGOLU.js.map → chunk-UMTMIMH7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/apps.ts"],"names":[],"mappings":";;;AAmCO,IAAM,IAAA,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB,UAAU,YAAmC;AAC3C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,GAAA,CAAI,eAAA,EAAiB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA,CACtC,IAAA,EAA8B;AACjC,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU,YAAkC;AAC1C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,GAAA,CAAI,wBAAA,EAA0B,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA,CAC/C,IAAA,EAAsC;AACzC,IAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,IAAQ,EAAC,EAAE;AAAA,EAClC,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,MACR,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,UAAU,CAAA;AAAA,MAC7B,OAAA,EAAS,MAAM,IAAA,CAAK,QAAA,EAAS;AAAA;AAAA,MAE7B,SAAA,EAAW,QAAA;AAAA;AAAA;AAAA;AAAA,MAIX,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IAEH,QAAA,EAAU,MACR,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,UAAU,CAAA;AAAA,MAC7B,OAAA,EAAS,MAAM,IAAA,CAAK,QAAA,EAAS;AAAA;AAAA,MAE7B,SAAA,EAAW,QAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACR;AAAA;AAEP","file":"chunk-SW4WGOLU.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\n\nexport interface AppSnippetRow {\n  place: string;\n  content: string;\n  url?: string | null;\n  /**\n   * Raw snippet id, emitted as `data-snippet-id`. Present only on CDN rows — the\n   * inline branch of the backend's snippet parser omits the key entirely.\n   */\n  id?: number;\n  /** `{{customer.x}}` placeholders in `content` to substitute from SDK config `user.*` keys. */\n  customer_parameters?: string[];\n}\n\nexport interface AppSnippet {\n  service: string;\n  app_id: string;\n  /** Encoded app id (`getRouteKey()`): the scope id its snippets bind to via `data-scope-id`,\n   *  and its settings-bucket key. Absent on payloads predating the settings API. */\n  id?: string;\n  app_slug: string;\n  status: string;\n  snippets: AppSnippetRow[];\n}\n\n/**\n * Per-app public `app.*` buckets for CDN snippets, keyed by encoded app id (== `AppSnippet.id`,\n * the `Salla.appScope` scope id). One isolated bucket per app; reads within a scope are bare `app.*`.\n */\nexport interface AppSettings {\n  apps: Record<string, Record<string, unknown>>;\n}\n\nexport const apps = {\n  /**\n   * Installed apps' snippets (scripts/HTML to inject). Timeout-bounded because it's awaited in\n   * rootBeforeLoad (SSR/TTFB): a slow response degrades to no CDN tags, never stalls the page.\n   */\n  snippets: async (): Promise<AppSnippet[]> => {\n    const { data } = await api\n      .get('apps/snippets', { timeout: 2500 })\n      .json<{ data?: AppSnippet[] }>();\n    return data ?? [];\n  },\n\n  /**\n   * Per-app public `app.*` buckets, keyed by encoded app id. Timeout-bounded (SSR-awaited):\n   * a slow response degrades to empty buckets (fail-open), never strands injection.\n   */\n  settings: async (): Promise<AppSettings> => {\n    const { data } = await api\n      .get('apps/snippets/settings', { timeout: 2500 })\n      .json<{ data?: Partial<AppSettings> }>();\n    return { apps: data?.apps ?? {} };\n  },\n\n  queries: {\n    snippets: () =>\n      queryOptions({\n        queryKey: ['apps', 'snippets'],\n        queryFn: () => apps.snippets(),\n        // Snippets are static per session; one fetch per page load is enough.\n        staleTime: Infinity,\n        // No retry: this is awaited in rootBeforeLoad, so the router's default `retry: 1` would\n        // make the SSR wait 2 x the 2500ms timeout (plus backoff) before failing open. The\n        // 2500ms timeout must be the whole budget; the client fallback query does the retrying.\n        retry: 0,\n      }),\n\n    settings: () =>\n      queryOptions({\n        queryKey: ['apps', 'settings'],\n        queryFn: () => apps.settings(),\n        // Encoded app ids and their buckets are stable per page; one fetch is enough.\n        staleTime: Infinity,\n        retry: 0,\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/apps.ts"],"names":[],"mappings":";;;AAmCO,IAAM,IAAA,GAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB,UAAU,YAAmC;AAC3C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,GAAA,CAAI,eAAA,EAAiB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA,CACtC,IAAA,EAA8B;AACjC,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAU,YAAkC;AAC1C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,GAAA,CAAI,wBAAA,EAA0B,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA,CAC/C,IAAA,EAAsC;AACzC,IAAA,OAAO,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,IAAQ,EAAC,EAAE;AAAA,EAClC,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,MACR,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,UAAU,CAAA;AAAA,MAC7B,OAAA,EAAS,MAAM,IAAA,CAAK,QAAA,EAAS;AAAA;AAAA,MAE7B,SAAA,EAAW,QAAA;AAAA;AAAA;AAAA;AAAA,MAIX,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IAEH,QAAA,EAAU,MACR,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,UAAU,CAAA;AAAA,MAC7B,OAAA,EAAS,MAAM,IAAA,CAAK,QAAA,EAAS;AAAA;AAAA,MAE7B,SAAA,EAAW,QAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACR;AAAA;AAEP","file":"chunk-UMTMIMH7.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\n\nexport interface AppSnippetRow {\n  place: string;\n  content: string;\n  url?: string | null;\n  /**\n   * Raw snippet id, emitted as `data-snippet-id`. Present only on CDN rows — the\n   * inline branch of the backend's snippet parser omits the key entirely.\n   */\n  id?: number;\n  /** `{{customer.x}}` placeholders in `content` to substitute from SDK config `user.*` keys. */\n  customer_parameters?: string[];\n}\n\nexport interface AppSnippet {\n  service: string;\n  app_id: string;\n  /** Encoded app id (`getRouteKey()`): the scope id its snippets bind to via `data-scope-id`,\n   *  and its settings-bucket key. Absent on payloads predating the settings API. */\n  id?: string;\n  app_slug: string;\n  status: string;\n  snippets: AppSnippetRow[];\n}\n\n/**\n * Per-app public `app.*` buckets for CDN snippets, keyed by encoded app id (== `AppSnippet.id`,\n * the `Salla.appScope` scope id). One isolated bucket per app; reads within a scope are bare `app.*`.\n */\nexport interface AppSettings {\n  apps: Record<string, Record<string, unknown>>;\n}\n\nexport const apps = {\n  /**\n   * Installed apps' snippets (scripts/HTML to inject). Timeout-bounded because it's awaited in\n   * rootBeforeLoad (SSR/TTFB): a slow response degrades to no CDN tags, never stalls the page.\n   */\n  snippets: async (): Promise<AppSnippet[]> => {\n    const { data } = await api\n      .get('apps/snippets', { timeout: 2500 })\n      .json<{ data?: AppSnippet[] }>();\n    return data ?? [];\n  },\n\n  /**\n   * Per-app public `app.*` buckets, keyed by encoded app id. Timeout-bounded (SSR-awaited):\n   * a slow response degrades to empty buckets (fail-open), never strands injection.\n   */\n  settings: async (): Promise<AppSettings> => {\n    const { data } = await api\n      .get('apps/snippets/settings', { timeout: 2500 })\n      .json<{ data?: Partial<AppSettings> }>();\n    return { apps: data?.apps ?? {} };\n  },\n\n  queries: {\n    snippets: () =>\n      queryOptions({\n        queryKey: ['apps', 'snippets'],\n        queryFn: () => apps.snippets(),\n        // Snippets are static per session; one fetch per page load is enough.\n        staleTime: Infinity,\n        // No retry: this is awaited in rootBeforeLoad, so the router's default `retry: 1` would\n        // make the SSR wait 2 x the 2500ms timeout (plus backoff) before failing open. The\n        // 2500ms timeout must be the whole budget; the client fallback query does the retrying.\n        retry: 0,\n      }),\n\n    settings: () =>\n      queryOptions({\n        queryKey: ['apps', 'settings'],\n        queryFn: () => apps.settings(),\n        // Encoded app ids and their buckets are stable per page; one fetch is enough.\n        staleTime: Infinity,\n        retry: 0,\n      }),\n  },\n};\n"]}

package/dist/{chunk-P7A24TSM.js → chunk-V2M5YNZQ.js}

@@ -1,4 +1,4 @@
-import { isNativeApp } from './chunk-7AIDISU2.js';
+import { isNativeApp } from './chunk-2TLIULJZ.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-P7A24TSM.js.map
-//# sourceMappingURL=chunk-P7A24TSM.js.map
+//# sourceMappingURL=chunk-V2M5YNZQ.js.map
+//# sourceMappingURL=chunk-V2M5YNZQ.js.map

package/dist/{chunk-P7A24TSM.js.map → chunk-V2M5YNZQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/toast/Toaster.tsx"],"names":["SonnerToaster"],"mappings":"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","file":"chunk-P7A24TSM.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-V2M5YNZQ.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-WBXIDILF.js → chunk-VI2WHQDR.js}

@@ -1,4 +1,4 @@
-import { getActiveScope, api } from './chunk-M46EKE7R.js';
+import { getActiveScope, api } from './chunk-PFAPRJVF.js';
 import { getTwilightContext } from './chunk-7VNVCHID.js';
 import { queryOptions } from '@tanstack/react-query';
 
@@ -25,5 +25,5 @@ var advertisement = {
 };
 
 export { advertisement, advertisementsFor };
-//# sourceMappingURL=chunk-WBXIDILF.js.map
-//# sourceMappingURL=chunk-WBXIDILF.js.map
+//# sourceMappingURL=chunk-VI2WHQDR.js.map
+//# sourceMappingURL=chunk-VI2WHQDR.js.map

package/dist/{chunk-WBXIDILF.js.map → chunk-VI2WHQDR.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-WBXIDILF.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-VI2WHQDR.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-W6LB5TRO.js → chunk-VSK2WS4G.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-M46EKE7R.js';
+import { api } from './chunk-PFAPRJVF.js';
 import { getTwilightContext } from './chunk-7VNVCHID.js';
 import { queryOptions } from '@tanstack/react-query';
 
@@ -23,5 +23,5 @@ var menu = {
 };
 
 export { menu };
-//# sourceMappingURL=chunk-W6LB5TRO.js.map
-//# sourceMappingURL=chunk-W6LB5TRO.js.map
+//# sourceMappingURL=chunk-VSK2WS4G.js.map
+//# sourceMappingURL=chunk-VSK2WS4G.js.map

package/dist/{chunk-W6LB5TRO.js.map → chunk-VSK2WS4G.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-W6LB5TRO.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-VSK2WS4G.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-OKCNKVB5.js → chunk-VT6FE3CB.js}

@@ -1,4 +1,4 @@
-import { user } from './chunk-OU2KIHZI.js';
+import { user } from './chunk-RVPC4AYT.js';
 import { getTwilightContext } from './chunk-7VNVCHID.js';
 import { useQuery } from '@tanstack/react-query';
 
@@ -13,5 +13,5 @@ function useUser() {
 }
 
 export { useUser };
-//# sourceMappingURL=chunk-OKCNKVB5.js.map
-//# sourceMappingURL=chunk-OKCNKVB5.js.map
+//# sourceMappingURL=chunk-VT6FE3CB.js.map
+//# sourceMappingURL=chunk-VT6FE3CB.js.map

package/dist/{chunk-OKCNKVB5.js.map → chunk-VT6FE3CB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useUser.ts"],"names":[],"mappings":";;;;AAUO,SAAS,OAAA,GAAyB;AACvC,EAAA,MAAM,KAAA,GAAQ,oBAAmB,CAAE,SAAA;AAEnC,EAAA,MAAM,QAAQ,QAAA,CAAS;AAAA,IACrB,GAAG,IAAA,CAAK,OAAA,CAAQ,OAAA,EAAQ;AAAA,IACxB,OAAA,EAAS,CAAC,CAAC,KAAA;AAAA,IACX,eAAA,EAAiB;AAAA,GAClB,CAAA;AAED,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,UAAA,EAAY,CAAC,CAAC,KAAA,EAAM;AACzC","file":"chunk-OKCNKVB5.js","sourcesContent":["import { useQuery, type UseQueryResult } from '@tanstack/react-query';\nimport { getTwilightContext } from '../twilight/context';\nimport { user } from '../api/user';\nimport type { User } from '../types';\n\nexport type UseUserReturn = UseQueryResult<User | null> & {\n  /** True when an auth token exists (regardless of query state). */\n  isLoggedIn: boolean;\n};\n\nexport function useUser(): UseUserReturn {\n  const token = getTwilightContext().authToken;\n\n  const query = useQuery({\n    ...user.queries.current(),\n    enabled: !!token,\n    placeholderData: null,\n  });\n\n  return { ...query, isLoggedIn: !!token };\n}\n"]}
+{"version":3,"sources":["../src/hooks/useUser.ts"],"names":[],"mappings":";;;;AAUO,SAAS,OAAA,GAAyB;AACvC,EAAA,MAAM,KAAA,GAAQ,oBAAmB,CAAE,SAAA;AAEnC,EAAA,MAAM,QAAQ,QAAA,CAAS;AAAA,IACrB,GAAG,IAAA,CAAK,OAAA,CAAQ,OAAA,EAAQ;AAAA,IACxB,OAAA,EAAS,CAAC,CAAC,KAAA;AAAA,IACX,eAAA,EAAiB;AAAA,GAClB,CAAA;AAED,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,UAAA,EAAY,CAAC,CAAC,KAAA,EAAM;AACzC","file":"chunk-VT6FE3CB.js","sourcesContent":["import { useQuery, type UseQueryResult } from '@tanstack/react-query';\nimport { getTwilightContext } from '../twilight/context';\nimport { user } from '../api/user';\nimport type { User } from '../types';\n\nexport type UseUserReturn = UseQueryResult<User | null> & {\n  /** True when an auth token exists (regardless of query state). */\n  isLoggedIn: boolean;\n};\n\nexport function useUser(): UseUserReturn {\n  const token = getTwilightContext().authToken;\n\n  const query = useQuery({\n    ...user.queries.current(),\n    enabled: !!token,\n    placeholderData: null,\n  });\n\n  return { ...query, isLoggedIn: !!token };\n}\n"]}

package/dist/{chunk-4TM54PZO.js → chunk-VXSBJZ3E.js}

@@ -1,5 +1,5 @@
-import { orThrow, orUnauthorized } from './chunk-KXD4WUYA.js';
-import { api } from './chunk-M46EKE7R.js';
+import { orThrow, orUnauthorized } from './chunk-T23HXVW5.js';
+import { api } from './chunk-PFAPRJVF.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var order = {
@@ -78,5 +78,5 @@ var order = {
 };
 
 export { order };
-//# sourceMappingURL=chunk-4TM54PZO.js.map
-//# sourceMappingURL=chunk-4TM54PZO.js.map
+//# sourceMappingURL=chunk-VXSBJZ3E.js.map
+//# sourceMappingURL=chunk-VXSBJZ3E.js.map

package/dist/{chunk-4TM54PZO.js.map → chunk-VXSBJZ3E.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/order.ts"],"names":[],"mappings":"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","file":"chunk-4TM54PZO.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type {\n  Order,\n  OrderListItem,\n  OrderShipmentItem,\n  OrderRatingItem,\n} from '../routes/account/types';\nimport type { Pagination } from './types';\nimport { orThrow, orUnauthorized } from '../providers/NavigationProvider';\n\nexport interface OrderDetailResponse {\n  order: Order;\n}\n\n/**\n * The order in the shape the Twilight web components read (`salla-order-details`,\n * `salla-order-totals-card`) and the Twig themes render: the API answers `orders/{id}` this\n * way when the request does not say it comes from a React theme (`s-theme-type`).\n */\nexport interface TwilightOrder {\n  items: Array<{\n    name: string;\n    quantity: number;\n    product?: { id: number; url?: string; type?: string; image?: { url?: string } };\n    options?: unknown[];\n  }>;\n  [key: string]: unknown;\n}\n\nexport interface CheckoutThankYouData {\n  thank_you_title?: string;\n  messages?: string[];\n  share_message?: string;\n  short_share_message?: string;\n}\n\nexport interface OrdersListResponse {\n  data: OrderListItem[];\n  cursor?: Pagination;\n}\n\nexport interface OrdersListParams {\n  page?: number;\n  cursor?: string | null;\n  status?: string;\n  feedback_status?: string;\n  /** When set, the list payload includes each order's `items[]` (`with_items=1`). */\n  with_items?: boolean | number;\n  signal?: AbortSignal;\n}\n\nexport const order = {\n  list: async (params?: OrdersListParams): Promise<OrdersListResponse> => {\n    const {\n      page,\n      cursor,\n      status,\n      feedback_status: feedbackStatus,\n      with_items: withItems,\n      signal,\n    } = params ?? {};\n\n    const searchParams = new URLSearchParams();\n    if (page !== undefined) searchParams.set('page', String(page));\n    if (cursor) searchParams.set('cursor', cursor);\n    if (status) searchParams.set('status', status);\n    if (feedbackStatus) searchParams.set('feedback_status', feedbackStatus);\n    if (withItems) searchParams.set('with_items', '1');\n\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`orders?${searchParams.toString()}`, options as any)\n      .json<{ data: OrderListItem[] | null; cursor?: Pagination }>();\n\n    return {\n      data: response.data ?? [],\n      cursor: response.cursor,\n    };\n  },\n\n  find: async (id: string): Promise<OrderDetailResponse> => {\n    const response = await api.get(`orders/${id}`).json<{ data: Order }>();\n\n    return { order: response.data };\n  },\n\n  findForComponents: async (id: string): Promise<TwilightOrder> => {\n    const response = await api\n      .get(`orders/${id}`, {\n        hooks: {\n          // Runs after the client's own hook, which marks every request as from a React theme.\n          beforeRequest: [({ request }) => request.headers.delete('s-theme-type')],\n        },\n      })\n      .json<{ data: TwilightOrder }>();\n    return response.data;\n  },\n\n  shipments: async (orderId: string): Promise<OrderShipmentItem[]> => {\n    const response = await api\n      .get(`orders/${orderId}/shipments`)\n      .json<{ data: OrderShipmentItem[] }>();\n    return response.data ?? [];\n  },\n\n  ratings: async (orderId: string): Promise<OrderRatingItem[]> => {\n    const response = await api.get(`orders/${orderId}/ratings`).json<{ data: OrderRatingItem[] }>();\n    return response.data ?? [];\n  },\n\n  findOrThrow: (id: string): Promise<OrderDetailResponse> =>\n    orThrow(orUnauthorized(order.find(id))),\n\n  thankYou: async (orderId: string): Promise<CheckoutThankYouData> => {\n    const { data } = await api\n      .get(`checkout/thank-you/${orderId}`)\n      .json<{ data: CheckoutThankYouData }>();\n    return data;\n  },\n\n  thankYouOrThrow: (orderId: string): Promise<CheckoutThankYouData> =>\n    orThrow(order.thankYou(orderId)),\n\n  queries: {\n    list: (params?: Omit<OrdersListParams, 'signal'>) =>\n      queryOptions({\n        queryKey: ['orders', 'list', params],\n        queryFn: ({ signal }) => order.list({ ...params, signal }),\n      }),\n    find: (id: string) =>\n      queryOptions({\n        queryKey: ['orders', 'detail', id],\n        queryFn: () => order.find(id),\n      }),\n    shipments: (orderId: string) =>\n      queryOptions({\n        queryKey: ['orders', 'shipments', orderId],\n        queryFn: () => order.shipments(orderId),\n      }),\n    ratings: (orderId: string) =>\n      queryOptions({\n        queryKey: ['orders', 'ratings', orderId],\n        queryFn: () => order.ratings(orderId),\n      }),\n    thankYou: (orderId: string) =>\n      queryOptions({\n        queryKey: ['orders', 'thankYou', orderId],\n        queryFn: () => order.thankYou(orderId),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/order.ts"],"names":[],"mappings":";;;;AAoDO,IAAM,KAAA,GAAQ;AAAA,EACnB,IAAA,EAAM,OAAO,MAAA,KAA2D;AACtE,IAAA,MAAM;AAAA,MACJ,IAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,eAAA,EAAiB,cAAA;AAAA,MACjB,UAAA,EAAY,SAAA;AAAA,MACZ;AAAA,KACF,GAAI,UAAU,EAAC;AAEf,IAAA,MAAM,YAAA,GAAe,IAAI,eAAA,EAAgB;AACzC,IAAA,IAAI,SAAS,MAAA,EAAW,YAAA,CAAa,IAAI,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AAC7D,IAAA,IAAI,MAAA,EAAQ,YAAA,CAAa,GAAA,CAAI,QAAA,EAAU,MAAM,CAAA;AAC7C,IAAA,IAAI,MAAA,EAAQ,YAAA,CAAa,GAAA,CAAI,QAAA,EAAU,MAAM,CAAA;AAC7C,IAAA,IAAI,cAAA,EAAgB,YAAA,CAAa,GAAA,CAAI,iBAAA,EAAmB,cAAc,CAAA;AACtE,IAAA,IAAI,SAAA,EAAW,YAAA,CAAa,GAAA,CAAI,YAAA,EAAc,GAAG,CAAA;AAEjD,IAAA,MAAM,UAAmC,EAAC;AAC1C,IAAA,IAAI,MAAA,UAAgB,MAAA,GAAS,MAAA;AAE7B,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,OAAA,EAAU,YAAA,CAAa,QAAA,EAAU,CAAA,CAAA,EAAI,OAAc,CAAA,CACvD,IAAA,EAA4D;AAE/D,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA,CAAS,IAAA,IAAQ,EAAC;AAAA,MACxB,QAAQ,QAAA,CAAS;AAAA,KACnB;AAAA,EACF,CAAA;AAAA,EAEA,IAAA,EAAM,OAAO,EAAA,KAA6C;AACxD,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CAAI,GAAA,CAAI,UAAU,EAAE,CAAA,CAAE,EAAE,IAAA,EAAsB;AAErE,IAAA,OAAO,EAAE,KAAA,EAAO,QAAA,CAAS,IAAA,EAAK;AAAA,EAChC,CAAA;AAAA,EAEA,iBAAA,EAAmB,OAAO,EAAA,KAAuC;AAC/D,IAAA,MAAM,WAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,OAAA,EAAU,EAAE,CAAA,CAAA,EAAI;AAAA,MACnB,KAAA,EAAO;AAAA;AAAA,QAEL,aAAA,EAAe,CAAC,CAAC,EAAE,OAAA,OAAc,OAAA,CAAQ,OAAA,CAAQ,MAAA,CAAO,cAAc,CAAC;AAAA;AACzE,KACD,EACA,IAAA,EAA8B;AACjC,IAAA,OAAO,QAAA,CAAS,IAAA;AAAA,EAClB,CAAA;AAAA,EAEA,SAAA,EAAW,OAAO,OAAA,KAAkD;AAClE,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,UAAU,OAAO,CAAA,UAAA,CAAY,EACjC,IAAA,EAAoC;AACvC,IAAA,OAAO,QAAA,CAAS,QAAQ,EAAC;AAAA,EAC3B,CAAA;AAAA,EAEA,OAAA,EAAS,OAAO,OAAA,KAAgD;AAC9D,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CAAI,GAAA,CAAI,UAAU,OAAO,CAAA,QAAA,CAAU,EAAE,IAAA,EAAkC;AAC9F,IAAA,OAAO,QAAA,CAAS,QAAQ,EAAC;AAAA,EAC3B,CAAA;AAAA,EAEA,WAAA,EAAa,CAAC,EAAA,KACZ,OAAA,CAAQ,eAAe,KAAA,CAAM,IAAA,CAAK,EAAE,CAAC,CAAC,CAAA;AAAA,EAExC,QAAA,EAAU,OAAO,OAAA,KAAmD;AAClE,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CACpB,IAAI,CAAA,mBAAA,EAAsB,OAAO,CAAA,CAAE,CAAA,CACnC,IAAA,EAAqC;AACxC,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,iBAAiB,CAAC,OAAA,KAChB,QAAQ,KAAA,CAAM,QAAA,CAAS,OAAO,CAAC,CAAA;AAAA,EAEjC,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,CAAC,MAAA,KACL,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,MAAA,EAAQ,MAAM,CAAA;AAAA,MACnC,OAAA,EAAS,CAAC,EAAE,MAAA,EAAO,KAAM,KAAA,CAAM,IAAA,CAAK,EAAE,GAAG,MAAA,EAAQ,MAAA,EAAQ;AAAA,KAC1D,CAAA;AAAA,IACH,IAAA,EAAM,CAAC,EAAA,KACL,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,QAAA,EAAU,EAAE,CAAA;AAAA,MACjC,OAAA,EAAS,MAAM,KAAA,CAAM,IAAA,CAAK,EAAE;AAAA,KAC7B,CAAA;AAAA,IACH,SAAA,EAAW,CAAC,OAAA,KACV,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,WAAA,EAAa,OAAO,CAAA;AAAA,MACzC,OAAA,EAAS,MAAM,KAAA,CAAM,SAAA,CAAU,OAAO;AAAA,KACvC,CAAA;AAAA,IACH,OAAA,EAAS,CAAC,OAAA,KACR,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,SAAA,EAAW,OAAO,CAAA;AAAA,MACvC,OAAA,EAAS,MAAM,KAAA,CAAM,OAAA,CAAQ,OAAO;AAAA,KACrC,CAAA;AAAA,IACH,QAAA,EAAU,CAAC,OAAA,KACT,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,QAAA,EAAU,UAAA,EAAY,OAAO,CAAA;AAAA,MACxC,OAAA,EAAS,MAAM,KAAA,CAAM,QAAA,CAAS,OAAO;AAAA,KACtC;AAAA;AAEP","file":"chunk-VXSBJZ3E.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type {\n  Order,\n  OrderListItem,\n  OrderShipmentItem,\n  OrderRatingItem,\n} from '../routes/account/types';\nimport type { Pagination } from './types';\nimport { orThrow, orUnauthorized } from '../providers/NavigationProvider';\n\nexport interface OrderDetailResponse {\n  order: Order;\n}\n\n/**\n * The order in the shape the Twilight web components read (`salla-order-details`,\n * `salla-order-totals-card`) and the Twig themes render: the API answers `orders/{id}` this\n * way when the request does not say it comes from a React theme (`s-theme-type`).\n */\nexport interface TwilightOrder {\n  items: Array<{\n    name: string;\n    quantity: number;\n    product?: { id: number; url?: string; type?: string; image?: { url?: string } };\n    options?: unknown[];\n  }>;\n  [key: string]: unknown;\n}\n\nexport interface CheckoutThankYouData {\n  thank_you_title?: string;\n  messages?: string[];\n  share_message?: string;\n  short_share_message?: string;\n}\n\nexport interface OrdersListResponse {\n  data: OrderListItem[];\n  cursor?: Pagination;\n}\n\nexport interface OrdersListParams {\n  page?: number;\n  cursor?: string | null;\n  status?: string;\n  feedback_status?: string;\n  /** When set, the list payload includes each order's `items[]` (`with_items=1`). */\n  with_items?: boolean | number;\n  signal?: AbortSignal;\n}\n\nexport const order = {\n  list: async (params?: OrdersListParams): Promise<OrdersListResponse> => {\n    const {\n      page,\n      cursor,\n      status,\n      feedback_status: feedbackStatus,\n      with_items: withItems,\n      signal,\n    } = params ?? {};\n\n    const searchParams = new URLSearchParams();\n    if (page !== undefined) searchParams.set('page', String(page));\n    if (cursor) searchParams.set('cursor', cursor);\n    if (status) searchParams.set('status', status);\n    if (feedbackStatus) searchParams.set('feedback_status', feedbackStatus);\n    if (withItems) searchParams.set('with_items', '1');\n\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`orders?${searchParams.toString()}`, options as any)\n      .json<{ data: OrderListItem[] | null; cursor?: Pagination }>();\n\n    return {\n      data: response.data ?? [],\n      cursor: response.cursor,\n    };\n  },\n\n  find: async (id: string): Promise<OrderDetailResponse> => {\n    const response = await api.get(`orders/${id}`).json<{ data: Order }>();\n\n    return { order: response.data };\n  },\n\n  findForComponents: async (id: string): Promise<TwilightOrder> => {\n    const response = await api\n      .get(`orders/${id}`, {\n        hooks: {\n          // Runs after the client's own hook, which marks every request as from a React theme.\n          beforeRequest: [({ request }) => request.headers.delete('s-theme-type')],\n        },\n      })\n      .json<{ data: TwilightOrder }>();\n    return response.data;\n  },\n\n  shipments: async (orderId: string): Promise<OrderShipmentItem[]> => {\n    const response = await api\n      .get(`orders/${orderId}/shipments`)\n      .json<{ data: OrderShipmentItem[] }>();\n    return response.data ?? [];\n  },\n\n  ratings: async (orderId: string): Promise<OrderRatingItem[]> => {\n    const response = await api.get(`orders/${orderId}/ratings`).json<{ data: OrderRatingItem[] }>();\n    return response.data ?? [];\n  },\n\n  findOrThrow: (id: string): Promise<OrderDetailResponse> =>\n    orThrow(orUnauthorized(order.find(id))),\n\n  thankYou: async (orderId: string): Promise<CheckoutThankYouData> => {\n    const { data } = await api\n      .get(`checkout/thank-you/${orderId}`)\n      .json<{ data: CheckoutThankYouData }>();\n    return data;\n  },\n\n  thankYouOrThrow: (orderId: string): Promise<CheckoutThankYouData> =>\n    orThrow(order.thankYou(orderId)),\n\n  queries: {\n    list: (params?: Omit<OrdersListParams, 'signal'>) =>\n      queryOptions({\n        queryKey: ['orders', 'list', params],\n        queryFn: ({ signal }) => order.list({ ...params, signal }),\n      }),\n    find: (id: string) =>\n      queryOptions({\n        queryKey: ['orders', 'detail', id],\n        queryFn: () => order.find(id),\n      }),\n    shipments: (orderId: string) =>\n      queryOptions({\n        queryKey: ['orders', 'shipments', orderId],\n        queryFn: () => order.shipments(orderId),\n      }),\n    ratings: (orderId: string) =>\n      queryOptions({\n        queryKey: ['orders', 'ratings', orderId],\n        queryFn: () => order.ratings(orderId),\n      }),\n    thankYou: (orderId: string) =>\n      queryOptions({\n        queryKey: ['orders', 'thankYou', orderId],\n        queryFn: () => order.thankYou(orderId),\n      }),\n  },\n};\n"]}

package/dist/{chunk-QQTY4PDC.js → chunk-W6NQM4FQ.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-M46EKE7R.js';
+import { api } from './chunk-PFAPRJVF.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var notification = {
@@ -24,5 +24,5 @@ var notification = {
 };
 
 export { notification };
-//# sourceMappingURL=chunk-QQTY4PDC.js.map
-//# sourceMappingURL=chunk-QQTY4PDC.js.map
+//# sourceMappingURL=chunk-W6NQM4FQ.js.map
+//# sourceMappingURL=chunk-W6NQM4FQ.js.map

package/dist/{chunk-QQTY4PDC.js.map → chunk-W6NQM4FQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/notification.ts"],"names":[],"mappings":";;;AAcO,IAAM,YAAA,GAAe;AAAA,EAC1B,MAAM,YAAgD;AACpD,IAAA,MAAM,WAAW,MAAM,GAAA,CACpB,GAAA,CAAI,eAAe,EACnB,IAAA,EAAmF;AACtF,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA,CAAS,IAAA,IAAQ,EAAC;AAAA,MACxB,QAAQ,QAAA,CAAS;AAAA,KACnB;AAAA,EACF,CAAA;AAAA,EAEA,UAAA,EAAY,OAAO,EAAA,KAA8B;AAC/C,IAAA,MAAM,IAAI,GAAA,CAAI,CAAA,cAAA,EAAiB,EAAE,CAAA,KAAA,CAAO,EAAE,IAAA,EAAK;AAAA,EACjD,CAAA;AAAA,EAEA,eAAe,YAA2B;AACxC,IAAA,MAAM,GAAA,CAAI,GAAA,CAAI,wBAAwB,CAAA,CAAE,IAAA,EAAK;AAAA,EAC/C,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,eAAA,EAAiB,MAAM,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA;AAAK,KAClC;AAAA;AAEP","file":"chunk-QQTY4PDC.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Notification } from '../routes/account/notifications/types';\n\nexport interface NotificationsListResponse {\n  data: Notification[];\n  cursor: {\n    current: number;\n    previous: number | null;\n    next: number | null;\n    count: number;\n  };\n}\n\nexport const notification = {\n  list: async (): Promise<NotificationsListResponse> => {\n    const response = await api\n      .get('notifications')\n      .json<{ data: Notification[] | null; cursor: NotificationsListResponse['cursor'] }>();\n    return {\n      data: response.data ?? [],\n      cursor: response.cursor,\n    };\n  },\n\n  markAsRead: async (id: number): Promise<void> => {\n    await api.put(`notifications/${id}/read`).json();\n  },\n\n  markAllAsRead: async (): Promise<void> => {\n    await api.put('notifications/read-all').json();\n  },\n\n  queries: {\n    list: () =>\n      queryOptions({\n        queryKey: ['notifications', 'list'],\n        queryFn: () => notification.list(),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/notification.ts"],"names":[],"mappings":";;;AAcO,IAAM,YAAA,GAAe;AAAA,EAC1B,MAAM,YAAgD;AACpD,IAAA,MAAM,WAAW,MAAM,GAAA,CACpB,GAAA,CAAI,eAAe,EACnB,IAAA,EAAmF;AACtF,IAAA,OAAO;AAAA,MACL,IAAA,EAAM,QAAA,CAAS,IAAA,IAAQ,EAAC;AAAA,MACxB,QAAQ,QAAA,CAAS;AAAA,KACnB;AAAA,EACF,CAAA;AAAA,EAEA,UAAA,EAAY,OAAO,EAAA,KAA8B;AAC/C,IAAA,MAAM,IAAI,GAAA,CAAI,CAAA,cAAA,EAAiB,EAAE,CAAA,KAAA,CAAO,EAAE,IAAA,EAAK;AAAA,EACjD,CAAA;AAAA,EAEA,eAAe,YAA2B;AACxC,IAAA,MAAM,GAAA,CAAI,GAAA,CAAI,wBAAwB,CAAA,CAAE,IAAA,EAAK;AAAA,EAC/C,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,eAAA,EAAiB,MAAM,CAAA;AAAA,MAClC,OAAA,EAAS,MAAM,YAAA,CAAa,IAAA;AAAK,KAClC;AAAA;AAEP","file":"chunk-W6NQM4FQ.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Notification } from '../routes/account/notifications/types';\n\nexport interface NotificationsListResponse {\n  data: Notification[];\n  cursor: {\n    current: number;\n    previous: number | null;\n    next: number | null;\n    count: number;\n  };\n}\n\nexport const notification = {\n  list: async (): Promise<NotificationsListResponse> => {\n    const response = await api\n      .get('notifications')\n      .json<{ data: Notification[] | null; cursor: NotificationsListResponse['cursor'] }>();\n    return {\n      data: response.data ?? [],\n      cursor: response.cursor,\n    };\n  },\n\n  markAsRead: async (id: number): Promise<void> => {\n    await api.put(`notifications/${id}/read`).json();\n  },\n\n  markAllAsRead: async (): Promise<void> => {\n    await api.put('notifications/read-all').json();\n  },\n\n  queries: {\n    list: () =>\n      queryOptions({\n        queryKey: ['notifications', 'list'],\n        queryFn: () => notification.list(),\n      }),\n  },\n};\n"]}

package/dist/{chunk-HFGOFYQX.js → chunk-XM22O2B2.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-L34CKKVC.js';
+import { Image } from './chunk-AVW4CLTB.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { LazyImageModal } from './chunk-7V5HOZW4.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
@@ -281,5 +281,5 @@ function Footer({ inSheet = false } = {}) {
 }
 
 export { Footer };
-//# sourceMappingURL=chunk-HFGOFYQX.js.map
-//# sourceMappingURL=chunk-HFGOFYQX.js.map
+//# sourceMappingURL=chunk-XM22O2B2.js.map
+//# sourceMappingURL=chunk-XM22O2B2.js.map

package/dist/{chunk-HFGOFYQX.js.map → chunk-XM22O2B2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/Footer.tsx"],"names":[],"mappings":"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","file":"chunk-HFGOFYQX.js","sourcesContent":["import { useState } from 'react';\nimport { SallaAppsIcons } from '@salla.sa/twilight-components-react/apps-icons';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaSocial } from '@salla.sa/twilight-components-react/social';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaTrustBadges } from '@salla.sa/twilight-components-react/trust-badges';\nimport { SallaPayments } from '@salla.sa/twilight-components-react/payments';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { Link, Image } from '../common';\nimport { ImageModal } from '../modal';\nimport { MadeWithSalla } from './MadeWithSalla';\n\n/** Salla's value-added-tax badge icon (70×70, CDN-resized) — a platform\n *  asset shared by every store, not specific to any one theme. */\nconst TAX_ICON_URL =\n  'https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=70,height=70,onerror=redirect,format=auto/images/tax.png?v=2.0.5';\n\n/**\n * The store's value-added-tax registration: the tax number, plus the certificate as\n * the tax icon that opens the certificate image full size in a modal. Nothing shows\n * when the store has no tax number.\n */\nfunction FooterTax({ dark }: { dark: boolean }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const number = store.settings?.tax?.number;\n  const certificate = store.settings?.tax?.certificate;\n  if (!number) return null;\n\n  return (\n    <div\n      data-testid=\"store-footer-tax\"\n      className=\"store-footer__tax flex items-end gap-2 rtl:space-x-reverse\"\n    >\n      {certificate && (\n        <>\n          <button\n            type=\"button\"\n            data-testid=\"store-footer-tax-certificate\"\n            className=\"store-footer__tax-cert shrink-0\"\n            aria-label={t('common.elements.tax_certificate', 'Tax Certificate')}\n            aria-haspopup=\"dialog\"\n            onClick={() => setOpen(true)}\n          >\n            <img\n              src={TAX_ICON_URL}\n              alt={t('common.elements.tax_certificate', 'Tax Certificate')}\n              width={40}\n              height={50}\n              loading=\"lazy\"\n              decoding=\"async\"\n              className=\"w-10 rounded-sm transition-opacity hover:opacity-80\"\n            />\n          </button>\n          <ImageModal\n            isOpen={open}\n            onClose={() => setOpen(false)}\n            src={certificate}\n            alt={t('common.elements.tax_certificate', 'Tax Certificate')}\n            title={t('common.elements.tax_certificate', 'Tax Certificate')}\n          />\n        </>\n      )}\n      <div>\n        <p className={`mb-1 text-sm opacity-70 ${dark ? 'text-white' : ''}`}>\n          {t('common.elements.tax_number', 'Tax Number')}\n        </p>\n        <b className=\"text-sm\">{number}</b>\n      </div>\n    </div>\n  );\n}\n\n/** Saudi Business Center (SBC) logo, CDN-versioned like the tax icon -- also a\n *  platform asset, not theme-specific. */\nconst SBC_ICON_URL = 'https://cdn.salla.network/images/sbc.png?v=2.0.5';\n\n/**\n * The store's Saudi Business Center certificate: a \"Trusted by Business Platform\" badge that\n * opens the certificate's page on the SBC site so visitors can verify the merchant. Nothing\n * shows when the store has no certificate.\n */\nfunction FooterSbc({ dark }: { dark: boolean }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const id = store.settings?.certificate?.id;\n  if (!id) return null;\n\n  return (\n    <a\n      href={`https://eauthenticate.saudibusiness.gov.sa/certificate-details/${encodeURIComponent(id)}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      data-testid=\"store-footer-sbc\"\n      className=\"store-footer__sbc flex items-center gap-2.5 transition-opacity hover:opacity-75\"\n    >\n      <img\n        src={SBC_ICON_URL}\n        alt={`SBC ${id}`}\n        width={56}\n        height={40}\n        loading=\"lazy\"\n        decoding=\"async\"\n        className=\"h-10 w-14 rounded-sm\"\n      />\n      <div>\n        <p className={`text-xs opacity-70 ${dark ? 'text-white' : ''}`}>\n          {t('blocks.footer.sbc_trusted_by', 'Trusted by')}\n        </p>\n        <b className=\"text-sm\">{t('blocks.footer.sbc_platform', 'Business Platform')}</b>\n      </div>\n    </a>\n  );\n}\n\n/** Trust badges, the tax registration and the SBC badge, side by side (wrapping on narrow columns). */\nfunction FooterTrust({ dark, centered }: { dark: boolean; centered: boolean }) {\n  return (\n    <div\n      data-testid=\"store-footer-trust\"\n      className={`store-footer__trust flex flex-wrap items-end gap-x-6 gap-y-3${centered ? ' justify-center' : ''}`}\n    >\n      <FooterTax dark={dark} />\n      <FooterSbc dark={dark} />\n      <SallaTrustBadges {...(dark ? { dark: true } : {})} />\n    </div>\n  );\n}\n\n/**\n * The footer's own menu of (\"important\") links -- skipped entirely when\n * `inSheet`, for a theme that opens it from somewhere else of its own (a\n * mobile account sheet, a dedicated links screen, …) instead; showing it\n * again down here would just be a redundant second copy. `heading` wraps it\n * in the grid layout's own `.store-footer__links` column; the centered\n * layout's inline row has none.\n */\nfunction FooterLinksMenu({\n  inSheet,\n  className,\n  heading,\n  dark,\n}: {\n  inSheet: boolean;\n  className: string;\n  heading?: string;\n  dark: boolean;\n}) {\n  if (inSheet) return null;\n\n  const menu = <SallaMenu source=\"footer\" className={className} suppressHydrationWarning />;\n  if (!heading) return menu;\n\n  return (\n    <div className=\"store-footer__links\">\n      <h3 className={`mb-3 text-lg font-bold lg:mb-5 ${dark ? 'text-white' : 'text-gray-900'}`}>\n        {heading}\n      </h3>\n      {menu}\n    </div>\n  );\n}\n\n/** App-store / Google-Play buttons. Nothing shows -- not even the wrapping\n *  div -- when the store has neither link set. */\nfunction FooterApps({ className }: { className: string }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // The web component fills its light DOM before React hydrates the footer, a hydration error.\n  const isClient = useIsClient();\n  if (!store.apps?.appstore && !store.apps?.googleplay) return null;\n\n  return (\n    <div data-testid=\"store-footer-apps\" className={`store-footer__apps ${className}`}>\n      {isClient && (\n        <SallaAppsIcons\n          apps={store.apps}\n          appsTitle={t('blocks.footer.download_apps', 'Get our apps')}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The logo link, same shape in both layouts -- only its own spacing differs. */\nfunction FooterLogo({ className }: { className: string }) {\n  const { store } = useTwilight();\n  return (\n    <Link\n      to=\"/\"\n      className={`store-footer__logo inline-flex items-center m-0 transition-opacity hover:opacity-75 ${className}`}\n    >\n      <Image\n        src={store.logo}\n        alt={store.name || 'Store'}\n        width={150}\n        height={44}\n        objectFit=\"contain\"\n        className=\"h-11 w-auto max-w-[180px]\"\n      />\n    </Link>\n  );\n}\n\n/** Merchant-authored description HTML -- mirrors the Twig theme's\n *  `store.description|raw`. Renders nothing when the store has none set. */\nfunction FooterDescription({ className }: { className: string }) {\n  const { store } = useTwilight();\n  if (!store.description) return null;\n  return (\n    <div\n      className={`store-footer__desc opacity-80 ${className}`}\n      dangerouslySetInnerHTML={{ __html: store.description }}\n    />\n  );\n}\n\n/** The store's phone and email as one \"Contact us: …\" row under the description\n *  (`<salla-contacts>`'s compact `isHeader` layout, which shows only those two).\n *  Renders nothing when the store has neither. */\nfunction FooterContacts({ className }: { className: string }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // The web component fills its light DOM once the SDK is ready, which can come before\n  // React hydrates the footer's Suspense boundary: a hydration error (React #418).\n  const isClient = useIsClient();\n  if (!store.contacts?.phone && !store.contacts?.email) return null;\n  return (\n    <div className={`store-footer__contacts ${className}`}>\n      {isClient && (\n        <SallaContacts\n          contacts={store.contacts}\n          contactsTitle={t('blocks.footer.social', 'Contact us')}\n          isHeader\n        />\n      )}\n    </div>\n  );\n}\n\n/** Centered layout: logo, description, contacts, social, footer menu, trust\n *  badges and app buttons stacked as one centered column. */\nfunction FooterCenteredBody({ inSheet, isDark }: { inSheet: boolean; isDark: boolean }) {\n  return (\n    <div className=\"container mx-auto flex max-w-2xl flex-col items-center gap-6 text-center\">\n      <FooterLogo className=\"\" />\n      <FooterDescription className=\"\" />\n      <FooterContacts className=\"\" />\n      <SallaSocial />\n\n      <FooterLinksMenu\n        inSheet={inSheet}\n        className=\"store-footer__menu store-footer__menu--inline\"\n        dark={isDark}\n      />\n\n      <FooterTrust dark={isDark} centered />\n\n      <FooterApps className=\"flex flex-col items-center gap-3\" />\n    </div>\n  );\n}\n\n/** Columns layout: brand (logo / description / contacts / social / trust) and app\n *  buttons side by side, with the footer menu as its own labeled column. */\nfunction FooterColumnsBody({ inSheet, isDark }: { inSheet: boolean; isDark: boolean }) {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"container grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-4 lg:gap-16\">\n      <div className=\"store-footer__brand rtl:lg:pl-16 ltr:lg:pr-16 sm:col-span-2\">\n        <FooterLogo className=\"mb-5\" />\n        <FooterDescription className=\"max-w-sm leading-6 my-5\" />\n        <FooterContacts className=\"mb-6\" />\n        <SallaSocial className=\"block mb-6\" />\n        <FooterTrust dark={isDark} centered={false} />\n      </div>\n\n      <FooterLinksMenu\n        inSheet={inSheet}\n        className=\"store-footer__menu store-footer__menu--stacked\"\n        heading={t('blocks.footer.important_links', 'Important links')}\n        dark={isDark}\n      />\n\n      <FooterApps className=\"\" />\n    </div>\n  );\n}\n\nexport interface FooterProps {\n  /**\n   * Renders as a plain `<div>` (no second `<footer>` landmark) with the\n   * `footer:start` / `footer:end` hook slots skipped -- for a theme that\n   * repeats these widgets somewhere other than the page's own footer (a\n   * mobile sheet, for example) rather than rendering the real page footer a\n   * second time.\n   */\n  inSheet?: boolean;\n}\n\n/**\n * Storefront footer.\n *\n * Two layouts, chosen by the `footer_layout` theme setting:\n *  - **columns** (default): logo / description / social / trust badges, the\n *    footer menu (\"important links\"), and app-store buttons, side by side.\n *  - **centered**: the same pieces stacked as one centered column, with the\n *    footer menu laid out as an inline, pipe-separated row.\n *\n * Styling for the handful of pieces rendered by web components this owns no\n * markup for (`<salla-social>`'s `.social-link` icons, `<salla-menu>`'s\n * `.s-menu-footer-item` rows, `<salla-payments>`'s `.s-payments-list-item`\n * icons) is the consuming theme's own responsibility, the same way\n * `inSheet`'s own presentation is -- this component owns structure and data,\n * not every pixel.\n */\nexport function Footer({ inSheet = false }: FooterProps = {}) {\n  const { store, theme } = useTwilight();\n  const { t } = useTranslation();\n  const year = new Date().getFullYear();\n  const isCentered = theme.settings?.footer_layout === 'centered';\n  const isDark = !!theme.settings?.footer_is_dark;\n\n  const Root = inSheet ? 'div' : 'footer';\n\n  return (\n    <Root\n      className={`store-footer store-footer--${isCentered ? 'centered' : 'columns'}${\n        inSheet ? ' store-footer--sheet' : ''\n      } relative mt-8 sm:mt-16 ${isDark ? 'bg-[#0E0F0F] text-white' : 'bg-[#F4F7F2] text-gray-600'}`}\n      suppressHydrationWarning\n    >\n      {!inSheet && <HookSlot name=\"footer:start\" />}\n\n      <div\n        aria-label=\"footer\"\n        className={`store-footer__inner border-b py-8 lg:py-16 ${\n          isDark ? 'bg-[#1D1F1F] border-dashed border-white/10' : 'bg-transparent border-gray-200'\n        }`}\n      >\n        {isCentered ? (\n          <FooterCenteredBody inSheet={inSheet} isDark={isDark} />\n        ) : (\n          <FooterColumnsBody inSheet={inSheet} isDark={isDark} />\n        )}\n      </div>\n\n      <div className=\"store-footer__bottom container md:flex items-center justify-between gap-4 py-4 lg:py-7 text-center\">\n        <span className={`text-sm copyright-text ${isDark ? 'text-gray-400' : 'text-gray-700'}`}>\n          <HookSlot\n            name=\"copyright\"\n            context={{ storeName: store.name }}\n            fallback={\n              <>\n                {t('blocks.footer.copyright', 'All rights reserved')}{' '}\n                <Link to=\"/\" className=\"transition-opacity hover:opacity-75 hover:text-primary\">\n                  {store.name}\n                </Link>{' '}\n                © {year}\n                <MadeWithSalla className=\"ms-2\" />\n              </>\n            }\n          />\n        </span>\n\n        <SallaPayments />\n      </div>\n\n      {!inSheet && <HookSlot name=\"footer:end\" />}\n    </Root>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/layout/Footer.tsx"],"names":[],"mappings":"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","file":"chunk-XM22O2B2.js","sourcesContent":["import { useState } from 'react';\nimport { SallaAppsIcons } from '@salla.sa/twilight-components-react/apps-icons';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaSocial } from '@salla.sa/twilight-components-react/social';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaTrustBadges } from '@salla.sa/twilight-components-react/trust-badges';\nimport { SallaPayments } from '@salla.sa/twilight-components-react/payments';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { Link, Image } from '../common';\nimport { ImageModal } from '../modal';\nimport { MadeWithSalla } from './MadeWithSalla';\n\n/** Salla's value-added-tax badge icon (70×70, CDN-resized) — a platform\n *  asset shared by every store, not specific to any one theme. */\nconst TAX_ICON_URL =\n  'https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=70,height=70,onerror=redirect,format=auto/images/tax.png?v=2.0.5';\n\n/**\n * The store's value-added-tax registration: the tax number, plus the certificate as\n * the tax icon that opens the certificate image full size in a modal. Nothing shows\n * when the store has no tax number.\n */\nfunction FooterTax({ dark }: { dark: boolean }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const [open, setOpen] = useState(false);\n  const number = store.settings?.tax?.number;\n  const certificate = store.settings?.tax?.certificate;\n  if (!number) return null;\n\n  return (\n    <div\n      data-testid=\"store-footer-tax\"\n      className=\"store-footer__tax flex items-end gap-2 rtl:space-x-reverse\"\n    >\n      {certificate && (\n        <>\n          <button\n            type=\"button\"\n            data-testid=\"store-footer-tax-certificate\"\n            className=\"store-footer__tax-cert shrink-0\"\n            aria-label={t('common.elements.tax_certificate', 'Tax Certificate')}\n            aria-haspopup=\"dialog\"\n            onClick={() => setOpen(true)}\n          >\n            <img\n              src={TAX_ICON_URL}\n              alt={t('common.elements.tax_certificate', 'Tax Certificate')}\n              width={40}\n              height={50}\n              loading=\"lazy\"\n              decoding=\"async\"\n              className=\"w-10 rounded-sm transition-opacity hover:opacity-80\"\n            />\n          </button>\n          <ImageModal\n            isOpen={open}\n            onClose={() => setOpen(false)}\n            src={certificate}\n            alt={t('common.elements.tax_certificate', 'Tax Certificate')}\n            title={t('common.elements.tax_certificate', 'Tax Certificate')}\n          />\n        </>\n      )}\n      <div>\n        <p className={`mb-1 text-sm opacity-70 ${dark ? 'text-white' : ''}`}>\n          {t('common.elements.tax_number', 'Tax Number')}\n        </p>\n        <b className=\"text-sm\">{number}</b>\n      </div>\n    </div>\n  );\n}\n\n/** Saudi Business Center (SBC) logo, CDN-versioned like the tax icon -- also a\n *  platform asset, not theme-specific. */\nconst SBC_ICON_URL = 'https://cdn.salla.network/images/sbc.png?v=2.0.5';\n\n/**\n * The store's Saudi Business Center certificate: a \"Trusted by Business Platform\" badge that\n * opens the certificate's page on the SBC site so visitors can verify the merchant. Nothing\n * shows when the store has no certificate.\n */\nfunction FooterSbc({ dark }: { dark: boolean }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const id = store.settings?.certificate?.id;\n  if (!id) return null;\n\n  return (\n    <a\n      href={`https://eauthenticate.saudibusiness.gov.sa/certificate-details/${encodeURIComponent(id)}`}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      data-testid=\"store-footer-sbc\"\n      className=\"store-footer__sbc flex items-center gap-2.5 transition-opacity hover:opacity-75\"\n    >\n      <img\n        src={SBC_ICON_URL}\n        alt={`SBC ${id}`}\n        width={56}\n        height={40}\n        loading=\"lazy\"\n        decoding=\"async\"\n        className=\"h-10 w-14 rounded-sm\"\n      />\n      <div>\n        <p className={`text-xs opacity-70 ${dark ? 'text-white' : ''}`}>\n          {t('blocks.footer.sbc_trusted_by', 'Trusted by')}\n        </p>\n        <b className=\"text-sm\">{t('blocks.footer.sbc_platform', 'Business Platform')}</b>\n      </div>\n    </a>\n  );\n}\n\n/** Trust badges, the tax registration and the SBC badge, side by side (wrapping on narrow columns). */\nfunction FooterTrust({ dark, centered }: { dark: boolean; centered: boolean }) {\n  return (\n    <div\n      data-testid=\"store-footer-trust\"\n      className={`store-footer__trust flex flex-wrap items-end gap-x-6 gap-y-3${centered ? ' justify-center' : ''}`}\n    >\n      <FooterTax dark={dark} />\n      <FooterSbc dark={dark} />\n      <SallaTrustBadges {...(dark ? { dark: true } : {})} />\n    </div>\n  );\n}\n\n/**\n * The footer's own menu of (\"important\") links -- skipped entirely when\n * `inSheet`, for a theme that opens it from somewhere else of its own (a\n * mobile account sheet, a dedicated links screen, …) instead; showing it\n * again down here would just be a redundant second copy. `heading` wraps it\n * in the grid layout's own `.store-footer__links` column; the centered\n * layout's inline row has none.\n */\nfunction FooterLinksMenu({\n  inSheet,\n  className,\n  heading,\n  dark,\n}: {\n  inSheet: boolean;\n  className: string;\n  heading?: string;\n  dark: boolean;\n}) {\n  if (inSheet) return null;\n\n  const menu = <SallaMenu source=\"footer\" className={className} suppressHydrationWarning />;\n  if (!heading) return menu;\n\n  return (\n    <div className=\"store-footer__links\">\n      <h3 className={`mb-3 text-lg font-bold lg:mb-5 ${dark ? 'text-white' : 'text-gray-900'}`}>\n        {heading}\n      </h3>\n      {menu}\n    </div>\n  );\n}\n\n/** App-store / Google-Play buttons. Nothing shows -- not even the wrapping\n *  div -- when the store has neither link set. */\nfunction FooterApps({ className }: { className: string }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // The web component fills its light DOM before React hydrates the footer, a hydration error.\n  const isClient = useIsClient();\n  if (!store.apps?.appstore && !store.apps?.googleplay) return null;\n\n  return (\n    <div data-testid=\"store-footer-apps\" className={`store-footer__apps ${className}`}>\n      {isClient && (\n        <SallaAppsIcons\n          apps={store.apps}\n          appsTitle={t('blocks.footer.download_apps', 'Get our apps')}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The logo link, same shape in both layouts -- only its own spacing differs. */\nfunction FooterLogo({ className }: { className: string }) {\n  const { store } = useTwilight();\n  return (\n    <Link\n      to=\"/\"\n      className={`store-footer__logo inline-flex items-center m-0 transition-opacity hover:opacity-75 ${className}`}\n    >\n      <Image\n        src={store.logo}\n        alt={store.name || 'Store'}\n        width={150}\n        height={44}\n        objectFit=\"contain\"\n        className=\"h-11 w-auto max-w-[180px]\"\n      />\n    </Link>\n  );\n}\n\n/** Merchant-authored description HTML -- mirrors the Twig theme's\n *  `store.description|raw`. Renders nothing when the store has none set. */\nfunction FooterDescription({ className }: { className: string }) {\n  const { store } = useTwilight();\n  if (!store.description) return null;\n  return (\n    <div\n      className={`store-footer__desc opacity-80 ${className}`}\n      dangerouslySetInnerHTML={{ __html: store.description }}\n    />\n  );\n}\n\n/** The store's phone and email as one \"Contact us: …\" row under the description\n *  (`<salla-contacts>`'s compact `isHeader` layout, which shows only those two).\n *  Renders nothing when the store has neither. */\nfunction FooterContacts({ className }: { className: string }) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // The web component fills its light DOM once the SDK is ready, which can come before\n  // React hydrates the footer's Suspense boundary: a hydration error (React #418).\n  const isClient = useIsClient();\n  if (!store.contacts?.phone && !store.contacts?.email) return null;\n  return (\n    <div className={`store-footer__contacts ${className}`}>\n      {isClient && (\n        <SallaContacts\n          contacts={store.contacts}\n          contactsTitle={t('blocks.footer.social', 'Contact us')}\n          isHeader\n        />\n      )}\n    </div>\n  );\n}\n\n/** Centered layout: logo, description, contacts, social, footer menu, trust\n *  badges and app buttons stacked as one centered column. */\nfunction FooterCenteredBody({ inSheet, isDark }: { inSheet: boolean; isDark: boolean }) {\n  return (\n    <div className=\"container mx-auto flex max-w-2xl flex-col items-center gap-6 text-center\">\n      <FooterLogo className=\"\" />\n      <FooterDescription className=\"\" />\n      <FooterContacts className=\"\" />\n      <SallaSocial />\n\n      <FooterLinksMenu\n        inSheet={inSheet}\n        className=\"store-footer__menu store-footer__menu--inline\"\n        dark={isDark}\n      />\n\n      <FooterTrust dark={isDark} centered />\n\n      <FooterApps className=\"flex flex-col items-center gap-3\" />\n    </div>\n  );\n}\n\n/** Columns layout: brand (logo / description / contacts / social / trust) and app\n *  buttons side by side, with the footer menu as its own labeled column. */\nfunction FooterColumnsBody({ inSheet, isDark }: { inSheet: boolean; isDark: boolean }) {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"container grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-4 lg:gap-16\">\n      <div className=\"store-footer__brand rtl:lg:pl-16 ltr:lg:pr-16 sm:col-span-2\">\n        <FooterLogo className=\"mb-5\" />\n        <FooterDescription className=\"max-w-sm leading-6 my-5\" />\n        <FooterContacts className=\"mb-6\" />\n        <SallaSocial className=\"block mb-6\" />\n        <FooterTrust dark={isDark} centered={false} />\n      </div>\n\n      <FooterLinksMenu\n        inSheet={inSheet}\n        className=\"store-footer__menu store-footer__menu--stacked\"\n        heading={t('blocks.footer.important_links', 'Important links')}\n        dark={isDark}\n      />\n\n      <FooterApps className=\"\" />\n    </div>\n  );\n}\n\nexport interface FooterProps {\n  /**\n   * Renders as a plain `<div>` (no second `<footer>` landmark) with the\n   * `footer:start` / `footer:end` hook slots skipped -- for a theme that\n   * repeats these widgets somewhere other than the page's own footer (a\n   * mobile sheet, for example) rather than rendering the real page footer a\n   * second time.\n   */\n  inSheet?: boolean;\n}\n\n/**\n * Storefront footer.\n *\n * Two layouts, chosen by the `footer_layout` theme setting:\n *  - **columns** (default): logo / description / social / trust badges, the\n *    footer menu (\"important links\"), and app-store buttons, side by side.\n *  - **centered**: the same pieces stacked as one centered column, with the\n *    footer menu laid out as an inline, pipe-separated row.\n *\n * Styling for the handful of pieces rendered by web components this owns no\n * markup for (`<salla-social>`'s `.social-link` icons, `<salla-menu>`'s\n * `.s-menu-footer-item` rows, `<salla-payments>`'s `.s-payments-list-item`\n * icons) is the consuming theme's own responsibility, the same way\n * `inSheet`'s own presentation is -- this component owns structure and data,\n * not every pixel.\n */\nexport function Footer({ inSheet = false }: FooterProps = {}) {\n  const { store, theme } = useTwilight();\n  const { t } = useTranslation();\n  const year = new Date().getFullYear();\n  const isCentered = theme.settings?.footer_layout === 'centered';\n  const isDark = !!theme.settings?.footer_is_dark;\n\n  const Root = inSheet ? 'div' : 'footer';\n\n  return (\n    <Root\n      className={`store-footer store-footer--${isCentered ? 'centered' : 'columns'}${\n        inSheet ? ' store-footer--sheet' : ''\n      } relative mt-8 sm:mt-16 ${isDark ? 'bg-[#0E0F0F] text-white' : 'bg-[#F4F7F2] text-gray-600'}`}\n      suppressHydrationWarning\n    >\n      {!inSheet && <HookSlot name=\"footer:start\" />}\n\n      <div\n        aria-label=\"footer\"\n        className={`store-footer__inner border-b py-8 lg:py-16 ${\n          isDark ? 'bg-[#1D1F1F] border-dashed border-white/10' : 'bg-transparent border-gray-200'\n        }`}\n      >\n        {isCentered ? (\n          <FooterCenteredBody inSheet={inSheet} isDark={isDark} />\n        ) : (\n          <FooterColumnsBody inSheet={inSheet} isDark={isDark} />\n        )}\n      </div>\n\n      <div className=\"store-footer__bottom container md:flex items-center justify-between gap-4 py-4 lg:py-7 text-center\">\n        <span className={`text-sm copyright-text ${isDark ? 'text-gray-400' : 'text-gray-700'}`}>\n          <HookSlot\n            name=\"copyright\"\n            context={{ storeName: store.name }}\n            fallback={\n              <>\n                {t('blocks.footer.copyright', 'All rights reserved')}{' '}\n                <Link to=\"/\" className=\"transition-opacity hover:opacity-75 hover:text-primary\">\n                  {store.name}\n                </Link>{' '}\n                © {year}\n                <MadeWithSalla className=\"ms-2\" />\n              </>\n            }\n          />\n        </span>\n\n        <SallaPayments />\n      </div>\n\n      {!inSheet && <HookSlot name=\"footer:end\" />}\n    </Root>\n  );\n}\n"]}

package/dist/{chunk-74W2O47D.js → chunk-XMFVSBEO.js}

@@ -137,7 +137,7 @@ function listenForFrameMessages(s, signal) {
 async function answerLookup(message) {
   const { requestId, source, query } = message;
   try {
-    const { lookupInStore } = await import('./store-lookup-6QB4WMID.js');
+    const { lookupInStore } = await import('./store-lookup-YUA66JS6.js');
     sendToEditor({ kind: "lookup-result", requestId, items: await lookupInStore(source, query) });
   } catch (error) {
     sendToEditor({
@@ -457,5 +457,5 @@ function useDevLayoutBlocks(components) {
 var useDevHomeBlocks = import.meta.env.DEV ? useDevLayoutBlocks : (components) => components;
 
 export { blockPath, devSettingsStore, useDevEditorMeta, useDevHomeBlocks, useDevSettingsOverrides, useDevSettingsState };
-//# sourceMappingURL=chunk-74W2O47D.js.map
-//# sourceMappingURL=chunk-74W2O47D.js.map
+//# sourceMappingURL=chunk-XMFVSBEO.js.map
+//# sourceMappingURL=chunk-XMFVSBEO.js.map