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

package/dist/api/client.js

@@ -1,5 +1,5 @@
-export { STORE_IDENTIFIER_HEADER, api, cdn, filesCdn, getActiveCurrency, getActiveScope, getActiveScopeId, getAuthToken } from '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { STORE_IDENTIFIER_HEADER, api, cdn, filesCdn, getActiveCurrency, getActiveScope, getActiveScopeId, getAuthToken } from '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/home.js

@@ -1,6 +1,6 @@
-export { home } from '../chunk-V3NOBNNU.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { home } from '../chunk-5CKTQAFX.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/loyalty.js

@@ -1,9 +1,9 @@
-export { loyalty } from '../chunk-WBL7MSKQ.js';
-import '../chunk-KXD4WUYA.js';
+export { loyalty } from '../chunk-KPTVSC46.js';
+import '../chunk-L5BP6ARL.js';
 import '../chunk-OUW6WESU.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-7AIDISU2.js';
-import '../chunk-3GDJMMMS.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-2TLIULJZ.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/menu.js

@@ -1,6 +1,6 @@
-export { menu } from '../chunk-W6LB5TRO.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { menu } from '../chunk-VSK2WS4G.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/notification.js

@@ -1,6 +1,6 @@
-export { notification } from '../chunk-QQTY4PDC.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { notification } from '../chunk-W6NQM4FQ.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/order.js

@@ -1,9 +1,9 @@
-export { order } from '../chunk-4TM54PZO.js';
-import '../chunk-KXD4WUYA.js';
+export { order } from '../chunk-MTDXG2GS.js';
+import '../chunk-L5BP6ARL.js';
 import '../chunk-OUW6WESU.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-7AIDISU2.js';
-import '../chunk-3GDJMMMS.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-2TLIULJZ.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/page.js

@@ -1,9 +1,9 @@
-export { page } from '../chunk-ZMXHQKZS.js';
-import '../chunk-KXD4WUYA.js';
+export { page } from '../chunk-MJ6J3HUJ.js';
+import '../chunk-L5BP6ARL.js';
 import '../chunk-OUW6WESU.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-7AIDISU2.js';
-import '../chunk-3GDJMMMS.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-2TLIULJZ.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/product.js

@@ -1,9 +1,9 @@
-export { getProductPreview, isProductPreviewQuery, parseNextPageToken, product, productDetailQueryKey, productPreviewQueryKey, rememberProductPreview, shouldDehydrateQuery } from '../chunk-YWDMDW2K.js';
-import '../chunk-KXD4WUYA.js';
+export { getProductPreview, isProductPreviewQuery, parseNextPageToken, product, productDetailQueryKey, productPreviewQueryKey, rememberProductPreview, shouldDehydrateQuery } from '../chunk-SC2X42RE.js';
+import '../chunk-L5BP6ARL.js';
 import '../chunk-OUW6WESU.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-7AIDISU2.js';
-import '../chunk-3GDJMMMS.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-2TLIULJZ.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/profile.js

@@ -1,5 +1,5 @@
-import { api } from '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+import { api } from '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/store.js

@@ -1,6 +1,6 @@
-export { store } from '../chunk-6D3OWIEC.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { store } from '../chunk-LPCNDH4F.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 export { resolveStoreIdentifier } from '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/translations.js

@@ -1,6 +1,6 @@
-export { commonTranslationsPath, storeTranslationsPath, translations } from '../chunk-5G6PD6P2.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { commonTranslationsPath, storeTranslationsPath, translations } from '../chunk-E552K72T.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/user.js

@@ -1,6 +1,6 @@
-export { user } from '../chunk-OU2KIHZI.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { user } from '../chunk-RVPC4AYT.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/wallet.js

@@ -1,6 +1,6 @@
-export { wallet } from '../chunk-JVAFKLXJ.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-3GDJMMMS.js';
+export { wallet } from '../chunk-NEHOBD4K.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/api/wishlist.js

@@ -1,10 +1,10 @@
-export { wishlist } from '../chunk-UHXL4VZS.js';
-import '../chunk-YWDMDW2K.js';
-import '../chunk-KXD4WUYA.js';
+export { wishlist } from '../chunk-XKP5LIEJ.js';
+import '../chunk-SC2X42RE.js';
+import '../chunk-L5BP6ARL.js';
 import '../chunk-OUW6WESU.js';
-import '../chunk-M46EKE7R.js';
-import '../chunk-7AIDISU2.js';
-import '../chunk-3GDJMMMS.js';
+import '../chunk-PFAPRJVF.js';
+import '../chunk-2TLIULJZ.js';
+import '../chunk-GYXUYHKO.js';
 import '../chunk-FHU2MXZA.js';
 import '../chunk-7VNVCHID.js';
 import '../chunk-T72DAX7R.js';

package/dist/{chunk-7AIDISU2.js → chunk-2TLIULJZ.js}

@@ -1,4 +1,4 @@
-import { getSallaSDK, whenSallaReady } from './chunk-3GDJMMMS.js';
+import { getSallaSDK, whenSallaReady } from './chunk-GYXUYHKO.js';
 import { useState, useEffect } from 'react';
 
 function isNativeApp() {
@@ -54,5 +54,5 @@ function useNativeStatusBarColor() {
 }
 
 export { hapticImpact, isNativeApp, nativeAppVersion, openNativeBrowser, openNativeSheet, useIsNativeApp, useNativeAppVersion, useNativeStatusBarColor };
-//# sourceMappingURL=chunk-7AIDISU2.js.map
-//# sourceMappingURL=chunk-7AIDISU2.js.map
+//# sourceMappingURL=chunk-2TLIULJZ.js.map
+//# sourceMappingURL=chunk-2TLIULJZ.js.map

package/dist/{chunk-7AIDISU2.js.map → chunk-2TLIULJZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/native-app/index.ts"],"names":[],"mappings":"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","file":"chunk-7AIDISU2.js","sourcesContent":["import { useEffect, useState, type RefCallback } from 'react';\nimport { getSallaSDK, whenSallaReady } from '../utils/sdk-helpers';\n\n/**\n * True inside the Salla native app's webview, read at call time: the SDK's\n * `salla.mobile.isEnabled()`. False on the server and until the SDK has loaded, so call it\n * from an event handler or an effect, and use {@link useIsNativeApp} to decide what to render.\n */\nexport function isNativeApp(): boolean {\n  return Boolean(getSallaSDK()?.mobile?.isEnabled?.());\n}\n\n/**\n * {@link isNativeApp} as state, for a render decision. False on the server and on the first\n * client render, then true once the SDK is ready inside the app: an app that identifies\n * itself through its config has not said so before `init`.\n */\nexport function useIsNativeApp(): boolean {\n  const [inApp, setInApp] = useState(false);\n\n  useEffect(() => whenSallaReady(() => setInApp(isNativeApp())), []);\n\n  return inApp;\n}\n\n/**\n * The native app's release (`5.4.19`), the `s-app-version` it loaded the page with, or null\n * outside the app. The SDK keeps it in its analytics context, where it also learns that this\n * is the app. Read at call time like {@link isNativeApp}; render with {@link useNativeAppVersion}.\n */\nexport function nativeAppVersion(): string | null {\n  if (!isNativeApp()) return null;\n  const analytics = (getSallaSDK() as { analytics?: SdkAnalytics } | undefined)?.analytics;\n  return analytics?.jitsuAnalytics?.getContextProperty?.('app')?.app_release_tag || null;\n}\n\ntype SdkAnalytics = {\n  jitsuAnalytics?: {\n    getContextProperty?: (key: 'app') => { app_release_tag?: string } | undefined;\n  };\n};\n\n/** {@link nativeAppVersion} as state: null on the server and until the SDK is ready in the app. */\nexport function useNativeAppVersion(): string | null {\n  const [version, setVersion] = useState<string | null>(null);\n\n  useEffect(() => whenSallaReady(() => setVersion(nativeAppVersion())), []);\n\n  return version;\n}\n\n/** The native app's own pickers that replace the store's web modals. */\nexport type NativeSheet = 'language' | 'currency';\n\n/**\n * Inside the Salla app, opens the app's own language or currency sheet\n * (`mobile::language.open` / `mobile::currency.open`) and returns `true`; the app\n * applies the choice and reloads. Outside the app it does nothing and returns\n * `false`, so a caller opens the web modal instead:\n *\n * ```ts\n * if (!openNativeSheet('currency')) salla.event.dispatch('localization::open');\n * ```\n */\nexport function openNativeSheet(sheet: NativeSheet): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  const open = sheet === 'language' ? sdk?.mobile?.openLanguages : sdk?.mobile?.openCurrencies;\n  if (typeof open === 'function') open.call(sdk?.mobile);\n  // An SDK without the methods still forwards an emitted `mobile::*` event to the app.\n  else sdk?.event.dispatch(`mobile::${sheet}.open`, {});\n  return true;\n}\n\n/**\n * Inside the Salla app, hands `url` to the app to open in the device's browser\n * (`mobile::browser.open`) and returns `true`; a page off the store would\n * otherwise load inside the app with no way back. Outside the app it does nothing\n * and returns `false`. The engine's link interceptor calls it for every tap on a\n * link that leaves the store.\n */\nexport function openNativeBrowser(url: string): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  if (typeof sdk?.mobile?.openBrowser === 'function') sdk.mobile.openBrowser(url);\n  else sdk?.event.dispatch('mobile::browser.open', { url });\n  return true;\n}\n\nexport type HapticImpact = 'light' | 'medium' | 'heavy';\n\n/** Asks the native app for a tap vibration. The SDK ignores it outside the app. */\nexport function hapticImpact(impact: HapticImpact): void {\n  getSallaSDK()?.mobile?.action?.('haptic.impact', { impact_type: impact });\n}\n\n/**\n * `rgb(232, 245, 255)`, what `getComputedStyle` returns, as `#e8f5ff`. A partial alpha is\n * dropped. A fully transparent colour is no colour at all: an element with no background\n * of its own computes to `rgba(0, 0, 0, 0)`, which would otherwise read as black.\n */\nfunction rgbToHex(rgb: string): string | null {\n  const match = rgb.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*([\\d.]+))?\\)/);\n  if (!match || Number(match[4]) === 0) return null;\n  return `#${match\n    .slice(1, 4)\n    .map((channel) => Number(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\n/**\n * Tells the native app to paint its status bar with the rendered background of the element\n * the returned ref is attached to. The colour is read from the DOM, because a theme's tint\n * is often a relative CSS colour (`hsl(from …)`) with no hex to pass. Does nothing outside\n * the app, and for an element with no background of its own.\n *\n * The ref is a callback, kept in state, so an element that mounts after the app has been\n * recognised still reports its colour.\n */\nexport function useNativeStatusBarColor<T extends HTMLElement>(): RefCallback<T> {\n  const [element, setElement] = useState<T | null>(null);\n  const inApp = useIsNativeApp();\n\n  useEffect(() => {\n    if (!inApp || !element) return;\n    const color = rgbToHex(getComputedStyle(element).backgroundColor);\n    if (color) getSallaSDK()?.event.dispatch('mobile::statusbar.color', { color });\n  }, [inApp, element]);\n\n  return setElement;\n}\n"]}
+{"version":3,"sources":["../src/native-app/index.ts"],"names":[],"mappings":";;;AAQO,SAAS,WAAA,GAAuB;AACrC,EAAA,OAAO,OAAA,CAAQ,WAAA,EAAY,EAAG,MAAA,EAAQ,aAAa,CAAA;AACrD;AAOO,SAAS,cAAA,GAA0B;AACxC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AAExC,EAAA,SAAA,CAAU,MAAM,eAAe,MAAM,QAAA,CAAS,aAAa,CAAC,CAAA,EAAG,EAAE,CAAA;AAEjE,EAAA,OAAO,KAAA;AACT;AAOO,SAAS,gBAAA,GAAkC;AAChD,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,IAAA;AAC3B,EAAA,MAAM,SAAA,GAAa,aAAY,EAAgD,SAAA;AAC/E,EAAA,OAAO,SAAA,EAAW,cAAA,EAAgB,kBAAA,GAAqB,KAAK,GAAG,eAAA,IAAmB,IAAA;AACpF;AASO,SAAS,mBAAA,GAAqC;AACnD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAwB,IAAI,CAAA;AAE1D,EAAA,SAAA,CAAU,MAAM,eAAe,MAAM,UAAA,CAAW,kBAAkB,CAAC,CAAA,EAAG,EAAE,CAAA;AAExE,EAAA,OAAO,OAAA;AACT;AAeO,SAAS,gBAAgB,KAAA,EAA6B;AAC3D,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,KAAA;AAC3B,EAAA,MAAM,MAAM,WAAA,EAAY;AACxB,EAAA,MAAM,OAAO,KAAA,KAAU,UAAA,GAAa,KAAK,MAAA,EAAQ,aAAA,GAAgB,KAAK,MAAA,EAAQ,cAAA;AAC9E,EAAA,IAAI,OAAO,IAAA,KAAS,UAAA,EAAY,IAAA,CAAK,IAAA,CAAK,KAAK,MAAM,CAAA;AAAA,YAE3C,KAAA,CAAM,QAAA,CAAS,WAAW,KAAK,CAAA,KAAA,CAAA,EAAS,EAAE,CAAA;AACpD,EAAA,OAAO,IAAA;AACT;AASO,SAAS,kBAAkB,GAAA,EAAsB;AACtD,EAAA,IAAI,CAAC,WAAA,EAAY,EAAG,OAAO,KAAA;AAC3B,EAAA,MAAM,MAAM,WAAA,EAAY;AACxB,EAAA,IAAI,OAAO,KAAK,MAAA,EAAQ,WAAA,KAAgB,YAAY,GAAA,CAAI,MAAA,CAAO,YAAY,GAAG,CAAA;AAAA,YACpE,KAAA,CAAM,QAAA,CAAS,sBAAA,EAAwB,EAAE,KAAK,CAAA;AACxD,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,aAAa,MAAA,EAA4B;AACvD,EAAA,WAAA,IAAe,MAAA,EAAQ,MAAA,GAAS,iBAAiB,EAAE,WAAA,EAAa,QAAQ,CAAA;AAC1E;AAOA,SAAS,SAAS,GAAA,EAA4B;AAC5C,EAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,KAAA,CAAM,oDAAoD,CAAA;AAC5E,EAAA,IAAI,CAAC,SAAS,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,KAAM,GAAG,OAAO,IAAA;AAC7C,EAAA,OAAO,CAAA,CAAA,EAAI,MACR,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,CACV,GAAA,CAAI,CAAC,OAAA,KAAY,MAAA,CAAO,OAAO,EAAE,QAAA,CAAS,EAAE,EAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAC9D,IAAA,CAAK,EAAE,CAAC,CAAA,CAAA;AACb;AAWO,SAAS,uBAAA,GAAiE;AAC/E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAmB,IAAI,CAAA;AACrD,EAAA,MAAM,QAAQ,cAAA,EAAe;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,OAAA,EAAS;AACxB,IAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,gBAAA,CAAiB,OAAO,EAAE,eAAe,CAAA;AAChE,IAAA,IAAI,KAAA,eAAmB,EAAG,KAAA,CAAM,SAAS,yBAAA,EAA2B,EAAE,OAAO,CAAA;AAAA,EAC/E,CAAA,EAAG,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AAEnB,EAAA,OAAO,UAAA;AACT","file":"chunk-2TLIULJZ.js","sourcesContent":["import { useEffect, useState, type RefCallback } from 'react';\nimport { getSallaSDK, whenSallaReady } from '../utils/sdk-helpers';\n\n/**\n * True inside the Salla native app's webview, read at call time: the SDK's\n * `salla.mobile.isEnabled()`. False on the server and until the SDK has loaded, so call it\n * from an event handler or an effect, and use {@link useIsNativeApp} to decide what to render.\n */\nexport function isNativeApp(): boolean {\n  return Boolean(getSallaSDK()?.mobile?.isEnabled?.());\n}\n\n/**\n * {@link isNativeApp} as state, for a render decision. False on the server and on the first\n * client render, then true once the SDK is ready inside the app: an app that identifies\n * itself through its config has not said so before `init`.\n */\nexport function useIsNativeApp(): boolean {\n  const [inApp, setInApp] = useState(false);\n\n  useEffect(() => whenSallaReady(() => setInApp(isNativeApp())), []);\n\n  return inApp;\n}\n\n/**\n * The native app's release (`5.4.19`), the `s-app-version` it loaded the page with, or null\n * outside the app. The SDK keeps it in its analytics context, where it also learns that this\n * is the app. Read at call time like {@link isNativeApp}; render with {@link useNativeAppVersion}.\n */\nexport function nativeAppVersion(): string | null {\n  if (!isNativeApp()) return null;\n  const analytics = (getSallaSDK() as { analytics?: SdkAnalytics } | undefined)?.analytics;\n  return analytics?.jitsuAnalytics?.getContextProperty?.('app')?.app_release_tag || null;\n}\n\ntype SdkAnalytics = {\n  jitsuAnalytics?: {\n    getContextProperty?: (key: 'app') => { app_release_tag?: string } | undefined;\n  };\n};\n\n/** {@link nativeAppVersion} as state: null on the server and until the SDK is ready in the app. */\nexport function useNativeAppVersion(): string | null {\n  const [version, setVersion] = useState<string | null>(null);\n\n  useEffect(() => whenSallaReady(() => setVersion(nativeAppVersion())), []);\n\n  return version;\n}\n\n/** The native app's own pickers that replace the store's web modals. */\nexport type NativeSheet = 'language' | 'currency';\n\n/**\n * Inside the Salla app, opens the app's own language or currency sheet\n * (`mobile::language.open` / `mobile::currency.open`) and returns `true`; the app\n * applies the choice and reloads. Outside the app it does nothing and returns\n * `false`, so a caller opens the web modal instead:\n *\n * ```ts\n * if (!openNativeSheet('currency')) salla.event.dispatch('localization::open');\n * ```\n */\nexport function openNativeSheet(sheet: NativeSheet): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  const open = sheet === 'language' ? sdk?.mobile?.openLanguages : sdk?.mobile?.openCurrencies;\n  if (typeof open === 'function') open.call(sdk?.mobile);\n  // An SDK without the methods still forwards an emitted `mobile::*` event to the app.\n  else sdk?.event.dispatch(`mobile::${sheet}.open`, {});\n  return true;\n}\n\n/**\n * Inside the Salla app, hands `url` to the app to open in the device's browser\n * (`mobile::browser.open`) and returns `true`; a page off the store would\n * otherwise load inside the app with no way back. Outside the app it does nothing\n * and returns `false`. The engine's link interceptor calls it for every tap on a\n * link that leaves the store.\n */\nexport function openNativeBrowser(url: string): boolean {\n  if (!isNativeApp()) return false;\n  const sdk = getSallaSDK();\n  if (typeof sdk?.mobile?.openBrowser === 'function') sdk.mobile.openBrowser(url);\n  else sdk?.event.dispatch('mobile::browser.open', { url });\n  return true;\n}\n\nexport type HapticImpact = 'light' | 'medium' | 'heavy';\n\n/** Asks the native app for a tap vibration. The SDK ignores it outside the app. */\nexport function hapticImpact(impact: HapticImpact): void {\n  getSallaSDK()?.mobile?.action?.('haptic.impact', { impact_type: impact });\n}\n\n/**\n * `rgb(232, 245, 255)`, what `getComputedStyle` returns, as `#e8f5ff`. A partial alpha is\n * dropped. A fully transparent colour is no colour at all: an element with no background\n * of its own computes to `rgba(0, 0, 0, 0)`, which would otherwise read as black.\n */\nfunction rgbToHex(rgb: string): string | null {\n  const match = rgb.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*([\\d.]+))?\\)/);\n  if (!match || Number(match[4]) === 0) return null;\n  return `#${match\n    .slice(1, 4)\n    .map((channel) => Number(channel).toString(16).padStart(2, '0'))\n    .join('')}`;\n}\n\n/**\n * Tells the native app to paint its status bar with the rendered background of the element\n * the returned ref is attached to. The colour is read from the DOM, because a theme's tint\n * is often a relative CSS colour (`hsl(from …)`) with no hex to pass. Does nothing outside\n * the app, and for an element with no background of its own.\n *\n * The ref is a callback, kept in state, so an element that mounts after the app has been\n * recognised still reports its colour.\n */\nexport function useNativeStatusBarColor<T extends HTMLElement>(): RefCallback<T> {\n  const [element, setElement] = useState<T | null>(null);\n  const inApp = useIsNativeApp();\n\n  useEffect(() => {\n    if (!inApp || !element) return;\n    const color = rgbToHex(getComputedStyle(element).backgroundColor);\n    if (color) getSallaSDK()?.event.dispatch('mobile::statusbar.color', { color });\n  }, [inApp, element]);\n\n  return setElement;\n}\n"]}

package/dist/{chunk-7ANH3RD5.js → chunk-45YF2KXD.js}

@@ -1,5 +1,5 @@
-import { useOpeningHours } from './chunk-LQ4X4YQM.js';
-import { useIsProduct } from './chunk-KXD4WUYA.js';
+import { useOpeningHours } from './chunk-ZAPRXUPS.js';
+import { useIsProduct } from './chunk-L5BP6ARL.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { useState } from 'react';
@@ -54,5 +54,5 @@ function StoreClosedNotification(_props) {
 }
 
 export { StoreClosedNotification };
-//# sourceMappingURL=chunk-7ANH3RD5.js.map
-//# sourceMappingURL=chunk-7ANH3RD5.js.map
+//# sourceMappingURL=chunk-45YF2KXD.js.map
+//# sourceMappingURL=chunk-45YF2KXD.js.map

package/dist/{chunk-7ANH3RD5.js.map → chunk-45YF2KXD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/store/StoreClosedNotification.tsx"],"names":[],"mappings":";;;;;;;AAsBO,SAAS,wBAAwB,MAAA,EAAsC;AAC5E,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,QAAQ,SAAA,EAAW,iBAAA,KAAsB,eAAA,CAAgB,KAAA,CAAM,UAAU,aAAa,CAAA;AAC9F,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAGhD,EAAA,MAAM,gBAAgB,YAAA,EAAa;AAGnC,EAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,aAAa,MAAA,IAAU,SAAA,IAAa,CAAC,iBAAA,EAAmB;AAC7E,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwB;AAC3C,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,cAAA;AAAA,MACV,EAAA,EAAG,2BAAA;AAAA,MACH,aAAA,EAAY,2BAAA;AAAA,MACZ,KAAA,EAAO;AAAA,QACL,eAAA,EAAiB,SAAA;AAAA,QACjB,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,QAAA,EAAU;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,GAAA;AAAA,YACL,EAAA,EAAG,cAAA;AAAA,YACH,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,MAAM,EAAA,EAAI,KAAA,EAAO,MAAA,EAAQ,cAAA,EAAgB,MAAA,EAAO;AAAA,YAE/E,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA,SAC9B;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,CAAA,EAAE,EACjD,QAAA,EAAA,CAAA,CAAE,2BAAA,EAA6B;AAAA,UAC9B,YAAA,EAAc,qPAAkD,iBAAiB,CAAA,CAAA,CAAA;AAAA,UACjF,QAAA,EAAU;AAAA,SACX,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-7ANH3RD5.js","sourcesContent":["import { useState } from 'react';\nimport { useIsProduct } from '../../providers/NavigationProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useOpeningHours } from '../../hooks/useOpeningHours';\nimport { useTranslation } from '../../providers/I18nProvider';\n\nexport interface StoreClosedNotificationProps {\n  /** Whether to show the notification (defaults to true when store is closed on product page) */\n  show?: boolean;\n}\n\n/**\n * StoreClosedNotification - Shows a notification bar when the store is closed.\n *\n * Mirrors PHP ReceivingOrdersTimesWidget:\n * - Only shows on product pages\n * - Only shows when store is closed for receiving orders\n * - Displays when the store will open next\n * - Has a close button to dismiss\n *\n * Injected via hook registry at body:start.\n */\nexport function StoreClosedNotification(_props: StoreClosedNotificationProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const { isOpen, isEnabled, nextOpenFormatted } = useOpeningHours(store.settings?.opening_hours);\n  const [dismissed, setDismissed] = useState(false);\n\n  // Check if we're on a product page\n  const isProductPage = useIsProduct();\n\n  // Conditions: product page, opening hours enabled, store closed, not dismissed\n  if (!isProductPage || !isEnabled || isOpen || dismissed || !nextOpenFormatted) {\n    return null;\n  }\n\n  const handleClose = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setDismissed(true);\n  };\n\n  return (\n    <div\n      className=\"store-notify\"\n      id=\"store-closed-notification\"\n      data-testid=\"store-closed-notification\"\n      style={{\n        backgroundColor: '#d63031',\n        color: '#fff',\n        padding: '10px 15px',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n      }}\n    >\n      <a\n        href=\"#\"\n        id=\"notify-close\"\n        onClick={handleClose}\n        style={{ position: 'absolute', left: 15, color: '#fff', textDecoration: 'none' }}\n      >\n        <i className=\"sicon-cancel\" />\n      </a>\n      <p style={{ margin: 0, textAlign: 'center', flex: 1 }}>\n        {t('store.closed_notification', {\n          defaultValue: `المتجر حاليا مغلق لاستقبال الطلبات وسيتم فتحه (${nextOpenFormatted})`,\n          nextOpen: nextOpenFormatted,\n        })}\n      </p>\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/store/StoreClosedNotification.tsx"],"names":[],"mappings":";;;;;;;AAsBO,SAAS,wBAAwB,MAAA,EAAsC;AAC5E,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,EAAE,QAAQ,SAAA,EAAW,iBAAA,KAAsB,eAAA,CAAgB,KAAA,CAAM,UAAU,aAAa,CAAA;AAC9F,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAGhD,EAAA,MAAM,gBAAgB,YAAA,EAAa;AAGnC,EAAA,IAAI,CAAC,aAAA,IAAiB,CAAC,aAAa,MAAA,IAAU,SAAA,IAAa,CAAC,iBAAA,EAAmB;AAC7E,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwB;AAC3C,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,cAAA;AAAA,MACV,EAAA,EAAG,2BAAA;AAAA,MACH,aAAA,EAAY,2BAAA;AAAA,MACZ,KAAA,EAAO;AAAA,QACL,eAAA,EAAiB,SAAA;AAAA,QACjB,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,MAAA;AAAA,QACT,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB,QAAA;AAAA,QAChB,QAAA,EAAU;AAAA,OACZ;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,GAAA;AAAA,YACL,EAAA,EAAG,cAAA;AAAA,YACH,OAAA,EAAS,WAAA;AAAA,YACT,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,MAAM,EAAA,EAAI,KAAA,EAAO,MAAA,EAAQ,cAAA,EAAgB,MAAA,EAAO;AAAA,YAE/E,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA,SAC9B;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,SAAA,EAAW,QAAA,EAAU,IAAA,EAAM,CAAA,EAAE,EACjD,QAAA,EAAA,CAAA,CAAE,2BAAA,EAA6B;AAAA,UAC9B,YAAA,EAAc,qPAAkD,iBAAiB,CAAA,CAAA,CAAA;AAAA,UACjF,QAAA,EAAU;AAAA,SACX,CAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"chunk-45YF2KXD.js","sourcesContent":["import { useState } from 'react';\nimport { useIsProduct } from '../../providers/NavigationProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useOpeningHours } from '../../hooks/useOpeningHours';\nimport { useTranslation } from '../../providers/I18nProvider';\n\nexport interface StoreClosedNotificationProps {\n  /** Whether to show the notification (defaults to true when store is closed on product page) */\n  show?: boolean;\n}\n\n/**\n * StoreClosedNotification - Shows a notification bar when the store is closed.\n *\n * Mirrors PHP ReceivingOrdersTimesWidget:\n * - Only shows on product pages\n * - Only shows when store is closed for receiving orders\n * - Displays when the store will open next\n * - Has a close button to dismiss\n *\n * Injected via hook registry at body:start.\n */\nexport function StoreClosedNotification(_props: StoreClosedNotificationProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  const { isOpen, isEnabled, nextOpenFormatted } = useOpeningHours(store.settings?.opening_hours);\n  const [dismissed, setDismissed] = useState(false);\n\n  // Check if we're on a product page\n  const isProductPage = useIsProduct();\n\n  // Conditions: product page, opening hours enabled, store closed, not dismissed\n  if (!isProductPage || !isEnabled || isOpen || dismissed || !nextOpenFormatted) {\n    return null;\n  }\n\n  const handleClose = (e: React.MouseEvent) => {\n    e.preventDefault();\n    setDismissed(true);\n  };\n\n  return (\n    <div\n      className=\"store-notify\"\n      id=\"store-closed-notification\"\n      data-testid=\"store-closed-notification\"\n      style={{\n        backgroundColor: '#d63031',\n        color: '#fff',\n        padding: '10px 15px',\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        position: 'relative',\n      }}\n    >\n      <a\n        href=\"#\"\n        id=\"notify-close\"\n        onClick={handleClose}\n        style={{ position: 'absolute', left: 15, color: '#fff', textDecoration: 'none' }}\n      >\n        <i className=\"sicon-cancel\" />\n      </a>\n      <p style={{ margin: 0, textAlign: 'center', flex: 1 }}>\n        {t('store.closed_notification', {\n          defaultValue: `المتجر حاليا مغلق لاستقبال الطلبات وسيتم فتحه (${nextOpenFormatted})`,\n          nextOpen: nextOpenFormatted,\n        })}\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-V3NOBNNU.js → chunk-5CKTQAFX.js}

@@ -1,4 +1,4 @@
-import { getActiveScope, api } from './chunk-M46EKE7R.js';
+import { getActiveScope, api } from './chunk-PFAPRJVF.js';
 import { queryOptions } from '@tanstack/react-query';
 
 async function list(params) {
@@ -45,5 +45,5 @@ var home = {
 };
 
 export { home };
-//# sourceMappingURL=chunk-V3NOBNNU.js.map
-//# sourceMappingURL=chunk-V3NOBNNU.js.map
+//# sourceMappingURL=chunk-5CKTQAFX.js.map
+//# sourceMappingURL=chunk-5CKTQAFX.js.map

package/dist/{chunk-V3NOBNNU.js.map → chunk-5CKTQAFX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/home.ts"],"names":[],"mappings":";;;AAQA,eAAe,KAAK,MAAA,EAA+D;AACjF,EAAA,MAAM,KAAA,GAAQ,SAAS,CAAA,CAAA,EAAI,IAAI,gBAAgB,MAAM,CAAA,CAAE,QAAA,EAAU,CAAA,CAAA,GAAK,EAAA;AACtE,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,cAAA,EAAiB,KAAK,CAAA,CAAE,CAAA,CAAE,IAAA,EAAoC;AAC7F,EAAA,OAAO,QAAQ,EAAC;AAClB;AAGA,SAAS,OAAA,CAAQ,QAA6B,QAAA,EAAoD;AAChG,EAAA,IAAI,CAAC,QAAA,CAAS,MAAA,EAAQ,OAAO,MAAA;AAC7B,EAAA,MAAM,KAAA,GAAQ,IAAI,GAAA,CAAI,QAAA,CAAS,IAAI,CAAC,KAAA,KAAU,KAAA,CAAM,IAAI,CAAC,CAAA;AACzD,EAAA,MAAM,IAAA,GAAO,SAAS,GAAA,CAAI,CAAC,UAAU,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AAC1D,EAAA,OAAO,MAAA,CAAO,MAAA,CAAO,CAAC,KAAA,KAAU;AAC9B,IAAA,IAAI,CAAC,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,IAAI,GAAG,OAAO,IAAA;AACnC,IAAA,MAAM,QAAQ,IAAA,CAAK,OAAA,CAAQ,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AAChD,IAAA,IAAI,KAAA,KAAU,IAAI,OAAO,IAAA;AACzB,IAAA,IAAA,CAAK,MAAA,CAAO,OAAO,CAAC,CAAA;AACpB,IAAA,OAAO,KAAA;AAAA,EACT,CAAC,CAAA;AACH;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,YAAY,YAA0C;AAEpD,IAAA,MAAM,CAAC,MAAA,EAAQ,UAAU,CAAA,GAAI,MAAM,QAAQ,GAAA,CAAI,CAAC,IAAA,EAAK,EAAG,KAAK,EAAE,OAAA,EAAS,OAAA,EAAS,CAAC,CAAC,CAAA;AACnF,IAAA,OAAO,OAAA,CAAQ,QAAQ,UAAU,CAAA;AAAA,EACnC,CAAA;AAAA;AAAA,EAGA,MAAA,EAAQ,OAAO,IAAA,EAAc,KAAA,KAAoD;AAC/E,IAAA,MAAM,cAAc,MAAA,CAAO,WAAA;AAAA,MACzB,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,CAAE,IAAI,CAAC,CAAC,GAAA,EAAK,EAAE,MAAM,CAAC,GAAA,EAAK,MAAA,CAAO,EAAE,CAAC,CAAC;AAAA,KAC5D;AACA,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,CAAK,EAAE,OAAO,IAAA,EAAM,GAAG,aAAa,CAAA;AACzD,IAAA,OAAO,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAW,EAAE,GAAG,KAAA,EAAO,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,OAAA,EAAS,EAAE,GAAE,CAAE,CAAA;AAAA,EACpF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,UAAA,EAAY,MACV,YAAA,CAAa;AAAA;AAAA,MAEX,QAAA,EAAU,CAAC,MAAA,EAAQ,YAAA,EAAc,EAAE,KAAA,EAAO,cAAA,IAAkB,CAAA;AAAA,MAC5D,OAAA,EAAS,MAAM,IAAA,CAAK,UAAA;AAAW,KAChC,CAAA;AAAA,IAEH,MAAA,EAAQ,CAAC,IAAA,EAAc,KAAA,KACrB,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,QAAA,EAAU,MAAM,KAAK,CAAA;AAAA,MACxC,OAAA,EAAS,MAAM,IAAA,CAAK,MAAA,CAAO,MAAM,KAAK;AAAA,KACvC;AAAA;AAEP","file":"chunk-V3NOBNNU.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope } from './client';\nimport type { HomeComponentData } from '../types';\n\n/** The page a hook's blocks render on; blocks can target specific products, categories or pages. */\nexport type BlockScope =\n  { product_id: number | string } | { category_id: number | string } | { page_id: number | string };\n\nasync function list(params?: Record<string, string>): Promise<HomeComponentData[]> {\n  const query = params ? `?${new URLSearchParams(params).toString()}` : '';\n  const { data } = await api.get(`component/list${query}`).json<{ data: HomeComponentData[] }>();\n  return data ?? [];\n}\n\n/** `blocks` minus each of `excluded`, matched by content: the API sends no id or order to match on. */\nfunction without(blocks: HomeComponentData[], excluded: HomeComponentData[]): HomeComponentData[] {\n  if (!excluded.length) return blocks;\n  const paths = new Set(excluded.map((block) => block.path));\n  const left = excluded.map((block) => JSON.stringify(block));\n  return blocks.filter((block) => {\n    if (!paths.has(block.path)) return true;\n    const index = left.indexOf(JSON.stringify(block));\n    if (index === -1) return true;\n    left.splice(index, 1);\n    return false;\n  });\n}\n\nexport const home = {\n  components: async (): Promise<HomeComponentData[]> => {\n    // The unfiltered list also has the product, category and page blocks, which the home leaves out.\n    const [blocks, pageBlocks] = await Promise.all([list(), list({ show_in: 'pages' })]);\n    return without(blocks, pageBlocks);\n  },\n\n  /** The blocks the merchant placed at `hook` on a product, category or page. */\n  blocks: async (hook: string, scope: BlockScope): Promise<HomeComponentData[]> => {\n    const scopeParams = Object.fromEntries(\n      Object.entries(scope).map(([key, id]) => [key, String(id)])\n    );\n    const blocks = await list({ hooks: hook, ...scopeParams });\n    return blocks.map((block) => ({ ...block, path: block.path.replace('home.', '') }));\n  },\n\n  queries: {\n    components: () =>\n      queryOptions({\n        // Each market (scope) has its own theme version, and its own home page with it.\n        queryKey: ['home', 'components', { scope: getActiveScope() }],\n        queryFn: () => home.components(),\n      }),\n\n    blocks: (hook: string, scope: BlockScope) =>\n      queryOptions({\n        queryKey: ['home', 'blocks', hook, scope],\n        queryFn: () => home.blocks(hook, scope),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/home.ts"],"names":[],"mappings":";;;AAQA,eAAe,KAAK,MAAA,EAA+D;AACjF,EAAA,MAAM,KAAA,GAAQ,SAAS,CAAA,CAAA,EAAI,IAAI,gBAAgB,MAAM,CAAA,CAAE,QAAA,EAAU,CAAA,CAAA,GAAK,EAAA;AACtE,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,cAAA,EAAiB,KAAK,CAAA,CAAE,CAAA,CAAE,IAAA,EAAoC;AAC7F,EAAA,OAAO,QAAQ,EAAC;AAClB;AAGA,SAAS,OAAA,CAAQ,QAA6B,QAAA,EAAoD;AAChG,EAAA,IAAI,CAAC,QAAA,CAAS,MAAA,EAAQ,OAAO,MAAA;AAC7B,EAAA,MAAM,KAAA,GAAQ,IAAI,GAAA,CAAI,QAAA,CAAS,IAAI,CAAC,KAAA,KAAU,KAAA,CAAM,IAAI,CAAC,CAAA;AACzD,EAAA,MAAM,IAAA,GAAO,SAAS,GAAA,CAAI,CAAC,UAAU,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AAC1D,EAAA,OAAO,MAAA,CAAO,MAAA,CAAO,CAAC,KAAA,KAAU;AAC9B,IAAA,IAAI,CAAC,KAAA,CAAM,GAAA,CAAI,KAAA,CAAM,IAAI,GAAG,OAAO,IAAA;AACnC,IAAA,MAAM,QAAQ,IAAA,CAAK,OAAA,CAAQ,IAAA,CAAK,SAAA,CAAU,KAAK,CAAC,CAAA;AAChD,IAAA,IAAI,KAAA,KAAU,IAAI,OAAO,IAAA;AACzB,IAAA,IAAA,CAAK,MAAA,CAAO,OAAO,CAAC,CAAA;AACpB,IAAA,OAAO,KAAA;AAAA,EACT,CAAC,CAAA;AACH;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,YAAY,YAA0C;AAEpD,IAAA,MAAM,CAAC,MAAA,EAAQ,UAAU,CAAA,GAAI,MAAM,QAAQ,GAAA,CAAI,CAAC,IAAA,EAAK,EAAG,KAAK,EAAE,OAAA,EAAS,OAAA,EAAS,CAAC,CAAC,CAAA;AACnF,IAAA,OAAO,OAAA,CAAQ,QAAQ,UAAU,CAAA;AAAA,EACnC,CAAA;AAAA;AAAA,EAGA,MAAA,EAAQ,OAAO,IAAA,EAAc,KAAA,KAAoD;AAC/E,IAAA,MAAM,cAAc,MAAA,CAAO,WAAA;AAAA,MACzB,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,CAAE,IAAI,CAAC,CAAC,GAAA,EAAK,EAAE,MAAM,CAAC,GAAA,EAAK,MAAA,CAAO,EAAE,CAAC,CAAC;AAAA,KAC5D;AACA,IAAA,MAAM,MAAA,GAAS,MAAM,IAAA,CAAK,EAAE,OAAO,IAAA,EAAM,GAAG,aAAa,CAAA;AACzD,IAAA,OAAO,MAAA,CAAO,GAAA,CAAI,CAAC,KAAA,MAAW,EAAE,GAAG,KAAA,EAAO,IAAA,EAAM,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,OAAA,EAAS,EAAE,GAAE,CAAE,CAAA;AAAA,EACpF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,UAAA,EAAY,MACV,YAAA,CAAa;AAAA;AAAA,MAEX,QAAA,EAAU,CAAC,MAAA,EAAQ,YAAA,EAAc,EAAE,KAAA,EAAO,cAAA,IAAkB,CAAA;AAAA,MAC5D,OAAA,EAAS,MAAM,IAAA,CAAK,UAAA;AAAW,KAChC,CAAA;AAAA,IAEH,MAAA,EAAQ,CAAC,IAAA,EAAc,KAAA,KACrB,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,QAAA,EAAU,MAAM,KAAK,CAAA;AAAA,MACxC,OAAA,EAAS,MAAM,IAAA,CAAK,MAAA,CAAO,MAAM,KAAK;AAAA,KACvC;AAAA;AAEP","file":"chunk-5CKTQAFX.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope } from './client';\nimport type { HomeComponentData } from '../types';\n\n/** The page a hook's blocks render on; blocks can target specific products, categories or pages. */\nexport type BlockScope =\n  { product_id: number | string } | { category_id: number | string } | { page_id: number | string };\n\nasync function list(params?: Record<string, string>): Promise<HomeComponentData[]> {\n  const query = params ? `?${new URLSearchParams(params).toString()}` : '';\n  const { data } = await api.get(`component/list${query}`).json<{ data: HomeComponentData[] }>();\n  return data ?? [];\n}\n\n/** `blocks` minus each of `excluded`, matched by content: the API sends no id or order to match on. */\nfunction without(blocks: HomeComponentData[], excluded: HomeComponentData[]): HomeComponentData[] {\n  if (!excluded.length) return blocks;\n  const paths = new Set(excluded.map((block) => block.path));\n  const left = excluded.map((block) => JSON.stringify(block));\n  return blocks.filter((block) => {\n    if (!paths.has(block.path)) return true;\n    const index = left.indexOf(JSON.stringify(block));\n    if (index === -1) return true;\n    left.splice(index, 1);\n    return false;\n  });\n}\n\nexport const home = {\n  components: async (): Promise<HomeComponentData[]> => {\n    // The unfiltered list also has the product, category and page blocks, which the home leaves out.\n    const [blocks, pageBlocks] = await Promise.all([list(), list({ show_in: 'pages' })]);\n    return without(blocks, pageBlocks);\n  },\n\n  /** The blocks the merchant placed at `hook` on a product, category or page. */\n  blocks: async (hook: string, scope: BlockScope): Promise<HomeComponentData[]> => {\n    const scopeParams = Object.fromEntries(\n      Object.entries(scope).map(([key, id]) => [key, String(id)])\n    );\n    const blocks = await list({ hooks: hook, ...scopeParams });\n    return blocks.map((block) => ({ ...block, path: block.path.replace('home.', '') }));\n  },\n\n  queries: {\n    components: () =>\n      queryOptions({\n        // Each market (scope) has its own theme version, and its own home page with it.\n        queryKey: ['home', 'components', { scope: getActiveScope() }],\n        queryFn: () => home.components(),\n      }),\n\n    blocks: (hook: string, scope: BlockScope) =>\n      queryOptions({\n        queryKey: ['home', 'blocks', hook, scope],\n        queryFn: () => home.blocks(hook, scope),\n      }),\n  },\n};\n"]}

package/dist/{chunk-D3PO3ICA.js → chunk-BK5TBUGG.js}

@@ -1,4 +1,4 @@
-import { onSallaEvent } from './chunk-3GDJMMMS.js';
+import { onSallaEvent } from './chunk-GYXUYHKO.js';
 import { useState, useCallback, useEffect } from 'react';
 
 function useComments() {
@@ -16,5 +16,5 @@ function useComments() {
 }
 
 export { useComments };
-//# sourceMappingURL=chunk-D3PO3ICA.js.map
-//# sourceMappingURL=chunk-D3PO3ICA.js.map
+//# sourceMappingURL=chunk-BK5TBUGG.js.map
+//# sourceMappingURL=chunk-BK5TBUGG.js.map

package/dist/{chunk-D3PO3ICA.js.map → chunk-BK5TBUGG.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-D3PO3ICA.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-BK5TBUGG.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-4ODMWV34.js → chunk-CF2XUAAK.js}

@@ -1,6 +1,6 @@
-import { useDate } from './chunk-LQ4X4YQM.js';
+import { useDate } from './chunk-ZAPRXUPS.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-L34CKKVC.js';
+import { Image } from './chunk-O4UUZ254.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-4ODMWV34.js.map
-//# sourceMappingURL=chunk-4ODMWV34.js.map
+//# sourceMappingURL=chunk-CF2XUAAK.js.map
+//# sourceMappingURL=chunk-CF2XUAAK.js.map

package/dist/{chunk-4ODMWV34.js.map → chunk-CF2XUAAK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/blog/components.tsx"],"names":[],"mappings":";;;;;;AAMO,SAAS,qBAAA,CAAsB,EAAE,UAAA,EAAW,EAAmC;AACpF,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,IAAI,CAAC,UAAA,CAAW,MAAA,EAAQ,OAAO,IAAA;AAE/B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,YAAA,EAAW,SAAA,EAAU,WAAU,sDAAA,EAClC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,CAAA,CAAE,kCAAkC,CAAA,EAAE,CAAA;AAAA,oBACtE,GAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAC,QAAA,qBACf,GAAA,CAAC,IAAA,EAAA,EAAqB,SAAA,EAAW,QAAA,CAAS,UAAA,GAAa,cAAA,GAAiB,EAAA,EACtE,8BAAC,IAAA,EAAA,EAAK,SAAA,EAAU,uCAAA,EAAwC,EAAA,EAAI,QAAA,CAAS,GAAA,EAClE,QAAA,EAAA,QAAA,CAAS,IAAA,EACZ,CAAA,EAAA,EAHO,QAAA,CAAS,EAIlB,CACD,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,eAAA,CAAgB;AAAA,EAC9B,OAAA;AAAA,EACA,UAAA,GAAa;AACf,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAI,OAAA,EAAQ;AAEvC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4JAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,OAAA,CAAQ,GAAA;AAAA,QACZ,SAAA,EAAU,0HAAA;AAAA,QAET,kBAAQ,KAAA,oBACP,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,4BAAA;AAAA,YACV,KAAK,OAAA,CAAQ,KAAA;AAAA,YACb,KAAK,OAAA,CAAQ,IAAA;AAAA,YACb,WAAA,EAAY;AAAA;AAAA;AACd;AAAA,KAEJ;AAAA,oBACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mFAAA,EACb,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,uCAAA,EAAwC,CAAA;AAAA,0BACrD,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,UAAA,CAAW,OAAA,CAAQ,UAAU,CAAA,EAAE;AAAA,SAAA,EACxC,CAAA;AAAA,QACC,UAAA,IAAc,OAAA,CAAQ,MAAA,oBACrB,IAAA,CAAC,IAAA,EAAA,EAAK,IAAI,OAAA,CAAQ,MAAA,CAAO,GAAA,EAAK,SAAA,EAAU,mCAAA,EACtC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,8BAAA,EAA+B,CAAA;AAAA,0BAC5C,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,OAAA,CAAQ,MAAA,CAAO,IAAA,EAAK;AAAA,SAAA,EAC7B;AAAA,OAAA,EAEJ,CAAA;AAAA,sBACA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,oEAAA,EACZ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,OAAA,CAAQ,GAAA,EAAM,QAAA,EAAA,OAAA,CAAQ,IAAA,EAAK,CAAA,EACvC,CAAA;AAAA,sBACA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wCAAA,EAA0C,kBAAQ,WAAA,EAAY;AAAA,KAAA,EAC7E;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,cAAA,CAAe;AAAA,EAC7B,UAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uCAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,yBAAsB,UAAA,EAAwB,CAAA;AAAA,oBAC/C,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAS;AAAA,GAAA,EACxD,CAAA;AAEJ","file":"chunk-4ODMWV34.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-CF2XUAAK.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-JZ2SYFVR.js → chunk-DVOPY7MI.js}

@@ -1,6 +1,6 @@
-import { HomeComponentRenderer, ReorderProducts } from './chunk-BLIH42Y6.js';
-import { home } from './chunk-V3NOBNNU.js';
-import { useDevHomeBlocks } from './chunk-74W2O47D.js';
+import { HomeComponentRenderer, ReorderProducts } from './chunk-MMKLT4YU.js';
+import { home } from './chunk-5CKTQAFX.js';
+import { useDevHomeBlocks } from './chunk-FYJPK6XU.js';
 import { storePageUrl, buildHreflangAlternates } from './chunk-OM2GRPDH.js';
 import { RouteId } from './chunk-OUW6WESU.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
@@ -87,5 +87,5 @@ function head(ctx) {
 var Home = { id: RouteId.INDEX, loader, head, Component: HomePage };
 
 export { Home, HomeSkeleton, homeLoader };
-//# sourceMappingURL=chunk-JZ2SYFVR.js.map
-//# sourceMappingURL=chunk-JZ2SYFVR.js.map
+//# sourceMappingURL=chunk-DVOPY7MI.js.map
+//# sourceMappingURL=chunk-DVOPY7MI.js.map

package/dist/{chunk-JZ2SYFVR.js.map → chunk-DVOPY7MI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":"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","file":"chunk-JZ2SYFVR.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo } from 'react';\nimport { useDevHomeBlocks } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer, ReorderProducts } from '../../components/home';\nimport type { HomePageProps } from './types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: the dev editor's layout replaces the store's blocks while it\n  // is on. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeBlocks(components);\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {renderedComponents.map((data, index) => (\n        // `data.key` is the twilight.json catalog id, shared by every placement\n        // of that block. Platform blocks send null. Position is unique; a dev\n        // layout block keeps its own id so a reorder doesn't remount the rest.\n        <HomeComponentRenderer key={data.__dev_id ?? index} data={data} index={index} />\n      ))}\n      <HookSlot name=\"home:end\" />\n      <ReorderProducts />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates, storePageUrl } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n  // `/ar`, like Twig, where store.url reads `/ar/`.\n  const url = storePageUrl(ctx.settings, ctx.location.pathname) ?? store.url;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}
+{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":"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","file":"chunk-DVOPY7MI.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo } from 'react';\nimport { useDevHomeBlocks } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer, ReorderProducts } from '../../components/home';\nimport type { HomePageProps } from './types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: the dev editor's layout replaces the store's blocks while it\n  // is on. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeBlocks(components);\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {renderedComponents.map((data, index) => (\n        // `data.key` is the twilight.json catalog id, shared by every placement\n        // of that block. Platform blocks send null. Position is unique; a dev\n        // layout block keeps its own id so a reorder doesn't remount the rest.\n        <HomeComponentRenderer key={data.__dev_id ?? index} data={data} index={index} />\n      ))}\n      <HookSlot name=\"home:end\" />\n      <ReorderProducts />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates, storePageUrl } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n  // `/ar`, like Twig, where store.url reads `/ar/`.\n  const url = storePageUrl(ctx.settings, ctx.location.pathname) ?? store.url;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}

package/dist/{chunk-5G6PD6P2.js → chunk-E552K72T.js}

@@ -1,4 +1,4 @@
-import { filesCdn, cdn } from './chunk-M46EKE7R.js';
+import { filesCdn, cdn } from './chunk-PFAPRJVF.js';
 import { storeTranslationsQueryKey, translationsQueryKey, composeMessages, isPlainObject } from './chunk-7VNVCHID.js';
 import { queryOptions } from '@tanstack/react-query';
 
@@ -126,5 +126,5 @@ var translations = {
 };
 
 export { commonTranslationsPath, storeTranslationsPath, translations };
-//# sourceMappingURL=chunk-5G6PD6P2.js.map
-//# sourceMappingURL=chunk-5G6PD6P2.js.map
+//# sourceMappingURL=chunk-E552K72T.js.map
+//# sourceMappingURL=chunk-E552K72T.js.map

package/dist/{chunk-5G6PD6P2.js.map → chunk-E552K72T.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/translations.ts"],"names":[],"mappings":"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","file":"chunk-5G6PD6P2.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-E552K72T.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-HFGOFYQX.js → chunk-E7MENFQB.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-O4UUZ254.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-E7MENFQB.js.map
+//# sourceMappingURL=chunk-E7MENFQB.js.map