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

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-3WGZZD2Y.js';
+import '../chunk-T23HXVW5.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-VXSBJZ3E.js';
+import '../chunk-T23HXVW5.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-PRA6E6SQ.js';
+import '../chunk-T23HXVW5.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-MQALPNFL.js';
+import '../chunk-T23HXVW5.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-JHTTTXTI.js';
+import '../chunk-MQALPNFL.js';
+import '../chunk-T23HXVW5.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":"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","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-WBL7MSKQ.js → chunk-3WGZZD2Y.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-KXD4WUYA.js';
-import { getAuthToken, api } from './chunk-M46EKE7R.js';
+import { orThrow } from './chunk-T23HXVW5.js';
+import { getAuthToken, api } from './chunk-PFAPRJVF.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var loyalty = {
@@ -29,5 +29,5 @@ var loyalty = {
 };
 
 export { loyalty };
-//# sourceMappingURL=chunk-WBL7MSKQ.js.map
-//# sourceMappingURL=chunk-WBL7MSKQ.js.map
+//# sourceMappingURL=chunk-3WGZZD2Y.js.map
+//# sourceMappingURL=chunk-3WGZZD2Y.js.map

package/dist/{chunk-WBL7MSKQ.js.map → chunk-3WGZZD2Y.js.map}

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

package/dist/{chunk-CGHCXWV2.js → chunk-4EATTQQA.js}

@@ -1,4 +1,4 @@
-import { redirect } from './chunk-KXD4WUYA.js';
+import { redirect } from './chunk-T23HXVW5.js';
 import { clearAuthTokenCookie } from './chunk-FHU2MXZA.js';
 import { FALLBACK_LOCALE } from './chunk-T72DAX7R.js';
 import { useEffect } from 'react';
@@ -37,5 +37,5 @@ function LogoutRedirect() {
 }
 
 export { LogoutRedirect, accountRedirectLoader, pendingOrdersRedirectLoader, productsSourceRedirectLoader, ratingRedirectLoader, slugBrandRedirectLoader };
-//# sourceMappingURL=chunk-CGHCXWV2.js.map
-//# sourceMappingURL=chunk-CGHCXWV2.js.map
+//# sourceMappingURL=chunk-4EATTQQA.js.map
+//# sourceMappingURL=chunk-4EATTQQA.js.map

package/dist/{chunk-CGHCXWV2.js.map → chunk-4EATTQQA.js.map}

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

package/dist/{chunk-HFGOFYQX.js → chunk-4FUSNRFO.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-CVBRA2LE.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-4FUSNRFO.js.map
+//# sourceMappingURL=chunk-4FUSNRFO.js.map

package/dist/{chunk-HFGOFYQX.js.map → chunk-4FUSNRFO.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-4FUSNRFO.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-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-BLIH42Y6.js → chunk-6KCK7SG7.js}

@@ -1,11 +1,11 @@
-import { home } from './chunk-V3NOBNNU.js';
-import { product } from './chunk-YWDMDW2K.js';
-import { ProductCard } from './chunk-DGCHTKPZ.js';
+import { home } from './chunk-5CKTQAFX.js';
+import { product } from './chunk-MQALPNFL.js';
+import { ProductCard } from './chunk-MKDS22Q3.js';
 import { registry } from './chunk-Y32RHCOH.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image, LazyRenderWhenVisible } from './chunk-L34CKKVC.js';
+import { Image, LazyRenderWhenVisible } from './chunk-CVBRA2LE.js';
 import { Link } from './chunk-AXW67SY7.js';
-import { whenSallaLoaded } from './chunk-3GDJMMMS.js';
+import { whenSallaLoaded } from './chunk-GYXUYHKO.js';
 import { getTwilightContext } from './chunk-7VNVCHID.js';
 import { useTwilight, TwilightContext } from './chunk-DF6FBKDN.js';
 import { memo, useState, useCallback, createElement, useEffect, lazy, Component, useRef, useMemo, Suspense } from 'react';
@@ -783,5 +783,5 @@ var ReorderProducts = memo(function ReorderProducts2() {
 });
 
 export { BundleComponent, ComponentErrorBoundary, DefaultHomeComponents, FeaturedProductsStyle1, FeaturedProductsStyle2, FeaturedProductsStyle3, FixedBanner, FixedProducts, HomeComponentRenderer, LazyTestimonials, PageBlocks, ParallaxBackground, PhotosSlider, ProductsSlider, ReorderProducts, SquarePhotos, StoreFeatures, Youtube, registerHomeComponentConfig, registerHomeComponents, useReorderButtons };
-//# sourceMappingURL=chunk-BLIH42Y6.js.map
-//# sourceMappingURL=chunk-BLIH42Y6.js.map
+//# sourceMappingURL=chunk-6KCK7SG7.js.map
+//# sourceMappingURL=chunk-6KCK7SG7.js.map