@salla.sa/twilight-theme-engine 1.0.132 → 1.0.134

package/dist/{chunk-5FJFN3IW.js.map → chunk-WQPG22DY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/app-scope.ts","../src/utils/theme-hook-slots.ts"],"names":[],"mappings":"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","file":"chunk-5FJFN3IW.js","sourcesContent":["import type { SallaSDK } from '../types/salla-sdk';\nimport { escapeForInlineScript } from './inline-script';\n\nconst isBrowser = typeof window !== 'undefined';\n\n/** One app's private `app.*` bag, keyed without the `app.` prefix (`app.color` → `color`). */\nexport type AppConfigBag = Record<string, unknown>;\n\n/** One public `app.*` bucket per app, keyed by appScopeId. Everything else is read from the\n *  real `salla.config` at runtime. */\nexport interface AppScopeContexts {\n  apps: Record<string, AppConfigBag>;\n}\n\n/** Builds the `scopeId → sandboxed SDK` factory over a live bucket bag. */\nexport type AppScopeFactoryBuilder = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  w: any,\n  appCtx: Record<string, AppConfigBag>\n) => (scopeId: string) => SallaSDK;\n\n/**\n * The sandbox itself: proxies that resolve `app.*` against the app's own bucket and pass\n * everything else through to the real SDK.\n *\n * MUST stay self-contained (only `Object`/`Proxy` and its two arguments): it is serialized via\n * `.toString()` next to {@link appScopeBootstrap} and handed in as an argument, so anything it\n * closed over at module scope would be undefined in the inline head copy. Split out from the\n * bootstrap purely to keep both halves reviewable.\n */\nexport const createAppScopeFactory: AppScopeFactoryBuilder = (w, appCtx) => {\n  const isAppKey = (key: unknown): key is string =>\n    typeof key === 'string' && key.indexOf('app.') === 0;\n  const bucketKey = (key: string): string => key.slice(4);\n  const realSalla = (): Record<string, unknown> => w.salla || w.Salla || {};\n  const realConfig = (): Record<string, unknown> =>\n    (realSalla().config as Record<string, unknown>) || {};\n  const passthrough = (obj: Record<string, unknown>, prop: string | symbol): unknown => {\n    const member = obj[prop as string];\n    return typeof member === 'function' ? member.bind(obj) : member;\n  };\n\n  const createAppScope = (scopeId: string): SallaSDK => {\n    const bucket = (): AppConfigBag => (appCtx[scopeId] = appCtx[scopeId] || {});\n\n    const getConfig = (key: string, fallback?: unknown): unknown => {\n      if (isAppKey(key)) {\n        const sub = bucketKey(key);\n        const b = bucket();\n        // `app.*` miss returns the caller default, never the real config — a missing app\n        // setting must not resolve to a same-named global.\n        return sub in b ? b[sub] : fallback;\n      }\n      const cfg = realConfig();\n      return typeof cfg.get === 'function'\n        ? (cfg.get as (k: string, d?: unknown) => unknown)(key, fallback)\n        : fallback;\n    };\n\n    const setConfig = (key: string, value: unknown): unknown => {\n      if (isAppKey(key)) {\n        bucket()[bucketKey(key)] = value;\n        return value;\n      }\n      const cfg = realConfig();\n      return typeof cfg.set === 'function'\n        ? (cfg.set as (k: string, v: unknown) => unknown)(key, value)\n        : value;\n    };\n\n    const hasConfig = (key: string): boolean =>\n      isAppKey(key) ? bucketKey(key) in bucket() : key in realConfig();\n\n    const configProxy = new Proxy({} as Record<string, unknown>, {\n      get(_t, prop) {\n        if (prop === 'get') return getConfig;\n        if (prop === 'set') return setConfig;\n        if (prop === 'has') return hasConfig;\n        if (isAppKey(prop)) return getConfig(prop);\n        return passthrough(realConfig(), prop);\n      },\n      set(_t, prop, value) {\n        setConfig(prop as string, value);\n        return true;\n      },\n      has(_t, prop) {\n        return hasConfig(prop as string);\n      },\n    });\n\n    return new Proxy({} as Record<string, unknown>, {\n      get(_t, prop) {\n        return prop === 'config' ? configProxy : passthrough(realSalla(), prop);\n      },\n      set(_t, prop, value) {\n        // Reassigning `salla.config` wholesale would escape the sandbox; swallow it.\n        if (prop === 'config') return true;\n        realSalla()[prop as string] = value;\n        return true;\n      },\n    }) as unknown as SallaSDK;\n  };\n\n  return createAppScope;\n};\n\n/**\n * Installs `window.Salla.appScope`, seeded with `contexts` and sandboxed by `makeFactory`.\n *\n * MUST stay self-contained (only `window`/`Object` and its arguments): it's serialized via\n * `.toString()` and inlined into the SSR head so the factory exists at parse time — before the\n * SDK init/hydration a CDN snippet's `onReady` races, else it throws `Salla.appScope is not a\n * function`. `makeFactory` is passed in rather than imported for exactly that reason. Also\n * called directly by `installAppScope` (tests/fallback).\n *\n * Idempotent: the factory is first-write-wins, while buckets are merged per scope (also\n * first-write-wins) so a later call can seed scopes the first one had no data for. `appCtx` is\n * closure-private (namespacing, not security: buckets are public-only and the boundary is\n * server-side).\n */\nexport function appScopeBootstrap(\n  contexts: AppScopeContexts,\n  makeFactory: AppScopeFactoryBuilder\n): void {\n  if (typeof window === 'undefined') return;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const w = window as any;\n  const Salla = (w.Salla = w.Salla || {});\n  if (Salla.appScope) {\n    // Already installed (normally by the inline head copy). The factory is first-write-wins,\n    // but buckets are not: the head may have installed with none of them — the settings\n    // endpoint can fail or lag behind the snippets one — so hand them to the existing install.\n    if (Salla.__appScopeSeed) Salla.__appScopeSeed(contexts);\n    return;\n  }\n\n  // Live bag + pristine snapshot (for mock overlays). Copy, don't alias: a snippet may\n  // `config.set('app.x')` and the payload can be a cached response.\n  const appCtx: Record<string, AppConfigBag> = {};\n  const base: Record<string, AppConfigBag> = {};\n  // Which scopes already got their real bucket, so a later seed can't overwrite one.\n  const seeded: Record<string, boolean> = {};\n  const seed = (next: AppScopeContexts): void => {\n    const bags = (next && next.apps) || {};\n    Object.keys(bags).forEach((scopeId) => {\n      if (seeded[scopeId]) return;\n      seeded[scopeId] = true;\n      appCtx[scopeId] = Object.assign({}, appCtx[scopeId] || {}, bags[scopeId] || {});\n      base[scopeId] = Object.assign({}, appCtx[scopeId]);\n    });\n  };\n  seed(contexts);\n\n  const createAppScope = makeFactory(w, appCtx);\n  Salla.appScope = (scopeId: string): SallaSDK => createAppScope(scopeId);\n\n  // Fill in buckets for scopes not seeded yet (first-write-wins per scope). Lets the head\n  // install the factory unconditionally — at parse time, before any snippet's onReady — and\n  // still pick up buckets that only the client managed to fetch.\n  Salla.__appScopeSeed = (next: AppScopeContexts): void => seed(next);\n\n  // Overlay preview mocks onto an app's pristine baseline, so fields the partner did not mock\n  // keep their real values. Returns false for an unknown scope or before install.\n  Salla.__appScopeMock = (scopeId: string, mocks: AppConfigBag): boolean => {\n    if (!(scopeId in base)) return false;\n    appCtx[scopeId] = Object.assign({}, base[scopeId], mocks);\n    return true;\n  };\n}\n\n/** Overlay preview mocks onto one app's bucket (over its pristine values). Delegates to the\n *  bootstrap's `__appScopeMock`, so it works for both install paths. False if unknown/uninstalled. */\nexport function applyAppScopeMocks(appScopeId: string, mocks: AppConfigBag): boolean {\n  if (!isBrowser) return false;\n  const mock = (window.Salla as unknown as { __appScopeMock?: MockApplier } | undefined)\n    ?.__appScopeMock;\n  return mock?.(appScopeId, mocks) ?? false;\n}\n\ntype MockApplier = (appScopeId: string, mocks: AppConfigBag) => boolean;\n\n/** Serialize the installer into an inline `<script>` body seeded with `contexts` — both halves\n *  via `.toString()`, hence their self-contained requirement. See `rootHead`. */\nexport function renderAppScopeInstallScript(contexts: AppScopeContexts): string {\n  // Bucket values are partner-set, so escape the JSON seed against a `</script>` breakout.\n  // The function sources have no `<`, so they need no escaping.\n  const json = escapeForInlineScript(JSON.stringify(contexts));\n  return `(${appScopeBootstrap.toString()})(${json},${createAppScopeFactory.toString()});`;\n}\n\n/** Install `Salla.appScope` on the client, or seed buckets into the inline SSR head copy that\n *  already installed it. No-op on the server. Fallback for unseeded loads + the unit-test entry\n *  point. */\nexport function installAppScope(contexts: AppScopeContexts): void {\n  if (!isBrowser) return;\n  appScopeBootstrap(contexts, createAppScopeFactory);\n}\n","import { escapeForInlineScript } from './inline-script';\n\nconst registered = new Set<string>();\n\nlet retryArmed = false;\n\n/**\n * Declare hook slots the theme renders itself so apps may mount into them.\n *\n * The SDK rejects `mount()` for any name absent from its `_themeSlots` whitelist, so a theme\n * rendering its own `<salla-hook>` must register the name. Call at module scope; the engine\n * applies the names via {@link applyThemeHookSlots}.\n */\nexport function registerThemeHookSlots(...names: string[]): void {\n  for (const name of names) registered.add(name);\n}\n\n/** Push the registered names in. Returns false if the SDK hasn't exposed the list yet. */\nfunction pushSlots(): boolean {\n  const slots = window.salla?.hooks?._themeSlots;\n  if (!Array.isArray(slots)) return false;\n  for (const name of registered) if (!slots.includes(name)) slots.push(name);\n  return true;\n}\n\n/**\n * Push every registered slot name into the SDK whitelist. Idempotent. Engine-only.\n *\n * The SDK's hooks module may attach after this runs, so a first no-op falls back to a\n * one-shot retry on `twilight::initiated` — still before apps mount from their own onReady.\n *\n * This is only the late backstop: the whitelist is primarily seeded at parse time by the\n * inline head script from {@link renderThemeHookSlotsScript}, because an app's snippet\n * registers its `onReady` callback before React ever hydrates.\n */\nexport function applyThemeHookSlots(): void {\n  if (typeof window === 'undefined' || registered.size === 0) return;\n  if (pushSlots() || retryArmed) return;\n\n  retryArmed = true;\n  window.addEventListener('twilight::initiated', () => void pushSlots(), { once: true });\n}\n\n/** The slot names registered so far. Read by `rootHead` when rendering the inline script. */\nexport function getRegisteredThemeHookSlots(): string[] {\n  return [...registered];\n}\n\n/**\n * Serialize the whitelist push into an inline head `<script>` body, so the slots are\n * registered at parse time.\n *\n * Ordering is the whole point: CDN snippets are parser-inserted `<script defer>` tags in the\n * body, so an app's `Salla.onReady` callback is registered long before React hydrates and runs\n * {@link applyThemeHookSlots}. Whichever `twilight::initiated` listener was added first runs\n * first, so the push must be armed from the head — otherwise the SDK rejects the app's\n * `hooks.mount()` with \"Hook <name> is not allowed\" and the app never renders.\n *\n * Returns null when the theme registered no slots. Kept self-contained (only `window`) since\n * it ships as raw source, not as a bundled module.\n */\nexport function renderThemeHookSlotsScript(names: string[] = getRegisteredThemeHookSlots()) {\n  if (!names.length) return null;\n  const json = escapeForInlineScript(JSON.stringify(names));\n  return (\n    `(function(names){` +\n    `var w=window;` +\n    `function push(){` +\n    `var h=w.salla&&w.salla.hooks;var slots=h&&h._themeSlots;` +\n    `if(!Array.isArray(slots))return false;` +\n    `for(var i=0;i<names.length;i++)if(slots.indexOf(names[i])<0)slots.push(names[i]);` +\n    `return true}` +\n    `if(push())return;` +\n    `w.addEventListener('twilight::initiated',function(){push()},{once:true})` +\n    `})(${json});`\n  );\n}\n"]}
+{"version":3,"sources":["../src/utils/app-scope.ts","../src/utils/theme-hook-slots.ts"],"names":[],"mappings":"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","file":"chunk-WQPG22DY.js","sourcesContent":["import type { SallaSDK } from '../types/salla-sdk';\nimport { escapeForInlineScript } from './inline-script';\n\nconst isBrowser = typeof window !== 'undefined';\n\n/** One app's private `app.*` bag, keyed without the `app.` prefix (`app.color` → `color`). */\nexport type AppConfigBag = Record<string, unknown>;\n\n/** One public `app.*` bucket per app, keyed by appScopeId. Everything else is read from the\n *  real `salla.config` at runtime. */\nexport interface AppScopeContexts {\n  apps: Record<string, AppConfigBag>;\n}\n\n/** Builds the `scopeId → sandboxed SDK` factory over a live bucket bag. */\nexport type AppScopeFactoryBuilder = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  w: any,\n  appCtx: Record<string, AppConfigBag>\n) => (scopeId: string) => SallaSDK;\n\n/**\n * The sandbox itself: proxies that resolve `app.*` against the app's own bucket and pass\n * everything else through to the real SDK.\n *\n * MUST stay self-contained (only `Object`/`Proxy` and its two arguments): it is serialized via\n * `.toString()` next to {@link appScopeBootstrap} and handed in as an argument, so anything it\n * closed over at module scope would be undefined in the inline head copy. Split out from the\n * bootstrap purely to keep both halves reviewable.\n */\nexport const createAppScopeFactory: AppScopeFactoryBuilder = (w, appCtx) => {\n  const isAppKey = (key: unknown): key is string =>\n    typeof key === 'string' && key.indexOf('app.') === 0;\n  const bucketKey = (key: string): string => key.slice(4);\n  const realSalla = (): Record<string, unknown> => w.salla || w.Salla || {};\n  const realConfig = (): Record<string, unknown> =>\n    (realSalla().config as Record<string, unknown>) || {};\n  const passthrough = (obj: Record<string, unknown>, prop: string | symbol): unknown => {\n    const member = obj[prop as string];\n    return typeof member === 'function' ? member.bind(obj) : member;\n  };\n\n  const createAppScope = (scopeId: string): SallaSDK => {\n    const bucket = (): AppConfigBag => (appCtx[scopeId] = appCtx[scopeId] || {});\n\n    const getConfig = (key: string, fallback?: unknown): unknown => {\n      if (isAppKey(key)) {\n        const sub = bucketKey(key);\n        const b = bucket();\n        // `app.*` miss returns the caller default, never the real config — a missing app\n        // setting must not resolve to a same-named global.\n        return sub in b ? b[sub] : fallback;\n      }\n      const cfg = realConfig();\n      return typeof cfg.get === 'function'\n        ? (cfg.get as (k: string, d?: unknown) => unknown)(key, fallback)\n        : fallback;\n    };\n\n    const setConfig = (key: string, value: unknown): unknown => {\n      if (isAppKey(key)) {\n        bucket()[bucketKey(key)] = value;\n        return value;\n      }\n      const cfg = realConfig();\n      return typeof cfg.set === 'function'\n        ? (cfg.set as (k: string, v: unknown) => unknown)(key, value)\n        : value;\n    };\n\n    const hasConfig = (key: string): boolean =>\n      isAppKey(key) ? bucketKey(key) in bucket() : key in realConfig();\n\n    const configProxy = new Proxy({} as Record<string, unknown>, {\n      get(_t, prop) {\n        if (prop === 'get') return getConfig;\n        if (prop === 'set') return setConfig;\n        if (prop === 'has') return hasConfig;\n        if (isAppKey(prop)) return getConfig(prop);\n        return passthrough(realConfig(), prop);\n      },\n      set(_t, prop, value) {\n        setConfig(prop as string, value);\n        return true;\n      },\n      has(_t, prop) {\n        return hasConfig(prop as string);\n      },\n    });\n\n    return new Proxy({} as Record<string, unknown>, {\n      get(_t, prop) {\n        return prop === 'config' ? configProxy : passthrough(realSalla(), prop);\n      },\n      set(_t, prop, value) {\n        // Reassigning `salla.config` wholesale would escape the sandbox; swallow it.\n        if (prop === 'config') return true;\n        realSalla()[prop as string] = value;\n        return true;\n      },\n    }) as unknown as SallaSDK;\n  };\n\n  return createAppScope;\n};\n\n/**\n * Installs `window.Salla.appScope`, seeded with `contexts` and sandboxed by `makeFactory`.\n *\n * MUST stay self-contained (only `window`/`Object` and its arguments): it's serialized via\n * `.toString()` and inlined into the SSR head so the factory exists at parse time — before the\n * SDK init/hydration a CDN snippet's `onReady` races, else it throws `Salla.appScope is not a\n * function`. `makeFactory` is passed in rather than imported for exactly that reason. Also\n * called directly by `installAppScope` (tests/fallback).\n *\n * Idempotent: the factory is first-write-wins, while buckets are merged per scope (also\n * first-write-wins) so a later call can seed scopes the first one had no data for. `appCtx` is\n * closure-private (namespacing, not security: buckets are public-only and the boundary is\n * server-side).\n */\nexport function appScopeBootstrap(\n  contexts: AppScopeContexts,\n  makeFactory: AppScopeFactoryBuilder\n): void {\n  if (typeof window === 'undefined') return;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const w = window as any;\n  const Salla = (w.Salla = w.Salla || {});\n  if (Salla.appScope) {\n    // Already installed (normally by the inline head copy). The factory is first-write-wins,\n    // but buckets are not: the head may have installed with none of them — the settings\n    // endpoint can fail or lag behind the snippets one — so hand them to the existing install.\n    if (Salla.__appScopeSeed) Salla.__appScopeSeed(contexts);\n    return;\n  }\n\n  // Live bag + pristine snapshot (for mock overlays). Copy, don't alias: a snippet may\n  // `config.set('app.x')` and the payload can be a cached response.\n  const appCtx: Record<string, AppConfigBag> = {};\n  const base: Record<string, AppConfigBag> = {};\n  // Which scopes already got their real bucket, so a later seed can't overwrite one.\n  const seeded: Record<string, boolean> = {};\n  const seed = (next: AppScopeContexts): void => {\n    const bags = (next && next.apps) || {};\n    Object.keys(bags).forEach((scopeId) => {\n      if (seeded[scopeId]) return;\n      seeded[scopeId] = true;\n      appCtx[scopeId] = Object.assign({}, appCtx[scopeId] || {}, bags[scopeId] || {});\n      base[scopeId] = Object.assign({}, appCtx[scopeId]);\n    });\n  };\n  seed(contexts);\n\n  const createAppScope = makeFactory(w, appCtx);\n  Salla.appScope = (scopeId: string): SallaSDK => createAppScope(scopeId);\n\n  // Fill in buckets for scopes not seeded yet (first-write-wins per scope). Lets the head\n  // install the factory unconditionally — at parse time, before any snippet's onReady — and\n  // still pick up buckets that only the client managed to fetch.\n  Salla.__appScopeSeed = (next: AppScopeContexts): void => seed(next);\n\n  // Overlay preview mocks onto an app's pristine baseline, so fields the partner did not mock\n  // keep their real values. Returns false for an unknown scope or before install.\n  Salla.__appScopeMock = (scopeId: string, mocks: AppConfigBag): boolean => {\n    if (!(scopeId in base)) return false;\n    appCtx[scopeId] = Object.assign({}, base[scopeId], mocks);\n    return true;\n  };\n}\n\n/** Overlay preview mocks onto one app's bucket (over its pristine values). Delegates to the\n *  bootstrap's `__appScopeMock`, so it works for both install paths. False if unknown/uninstalled. */\nexport function applyAppScopeMocks(appScopeId: string, mocks: AppConfigBag): boolean {\n  if (!isBrowser) return false;\n  const mock = (window.Salla as unknown as { __appScopeMock?: MockApplier } | undefined)\n    ?.__appScopeMock;\n  return mock?.(appScopeId, mocks) ?? false;\n}\n\ntype MockApplier = (appScopeId: string, mocks: AppConfigBag) => boolean;\n\n/** Serialize the installer into an inline `<script>` body seeded with `contexts` — both halves\n *  via `.toString()`, hence their self-contained requirement. See `rootHead`. */\nexport function renderAppScopeInstallScript(contexts: AppScopeContexts): string {\n  // Bucket values are partner-set, so escape the JSON seed against a `</script>` breakout.\n  // The function sources have no `<`, so they need no escaping.\n  const json = escapeForInlineScript(JSON.stringify(contexts));\n  return `(${appScopeBootstrap.toString()})(${json},${createAppScopeFactory.toString()});`;\n}\n\n/** Install `Salla.appScope` on the client, or seed buckets into the inline SSR head copy that\n *  already installed it. No-op on the server. Fallback for unseeded loads + the unit-test entry\n *  point. */\nexport function installAppScope(contexts: AppScopeContexts): void {\n  if (!isBrowser) return;\n  appScopeBootstrap(contexts, createAppScopeFactory);\n}\n","import { escapeForInlineScript } from './inline-script';\n\nconst registered = new Set<string>();\n\nlet retryArmed = false;\n\n/**\n * Declare hook slots the theme renders itself so apps may mount into them.\n *\n * The SDK rejects `mount()` for any name absent from its `_themeSlots` whitelist, so a theme\n * rendering its own `<salla-hook>` must register the name. Call at module scope; the engine\n * applies the names via {@link applyThemeHookSlots}.\n */\nexport function registerThemeHookSlots(...names: string[]): void {\n  for (const name of names) registered.add(name);\n}\n\n/** Push the registered names in. Returns false if the SDK hasn't exposed the list yet. */\nfunction pushSlots(): boolean {\n  const slots = window.salla?.hooks?._themeSlots;\n  if (!Array.isArray(slots)) return false;\n  for (const name of registered) if (!slots.includes(name)) slots.push(name);\n  return true;\n}\n\n/**\n * Push every registered slot name into the SDK whitelist. Idempotent. Engine-only.\n *\n * The SDK's hooks module may attach after this runs, so a first no-op falls back to a\n * one-shot retry on `twilight::initiated` — still before apps mount from their own onReady.\n *\n * This is only the late backstop: the whitelist is primarily seeded at parse time by the\n * inline head script from {@link renderThemeHookSlotsScript}, because an app's snippet\n * registers its `onReady` callback before React ever hydrates.\n */\nexport function applyThemeHookSlots(): void {\n  if (typeof window === 'undefined' || registered.size === 0) return;\n  if (pushSlots() || retryArmed) return;\n\n  retryArmed = true;\n  window.addEventListener('twilight::initiated', () => void pushSlots(), { once: true });\n}\n\n/** The slot names registered so far. Read by `rootHead` when rendering the inline script. */\nexport function getRegisteredThemeHookSlots(): string[] {\n  return [...registered];\n}\n\n/**\n * Serialize the whitelist push into an inline head `<script>` body, so the slots are\n * registered at parse time.\n *\n * Ordering is the whole point: CDN snippets are parser-inserted `<script defer>` tags in the\n * body, so an app's `Salla.onReady` callback is registered long before React hydrates and runs\n * {@link applyThemeHookSlots}. Whichever `twilight::initiated` listener was added first runs\n * first, so the push must be armed from the head — otherwise the SDK rejects the app's\n * `hooks.mount()` with \"Hook <name> is not allowed\" and the app never renders.\n *\n * Returns null when the theme registered no slots. Kept self-contained (only `window`) since\n * it ships as raw source, not as a bundled module.\n */\nexport function renderThemeHookSlotsScript(names: string[] = getRegisteredThemeHookSlots()) {\n  if (!names.length) return null;\n  const json = escapeForInlineScript(JSON.stringify(names));\n  return (\n    `(function(names){` +\n    `var w=window;` +\n    `function push(){` +\n    `var h=w.salla&&w.salla.hooks;var slots=h&&h._themeSlots;` +\n    `if(!Array.isArray(slots))return false;` +\n    `for(var i=0;i<names.length;i++)if(slots.indexOf(names[i])<0)slots.push(names[i]);` +\n    `return true}` +\n    `if(push())return;` +\n    `w.addEventListener('twilight::initiated',function(){push()},{once:true})` +\n    `})(${json});`\n  );\n}\n"]}

package/dist/{chunk-2MUBQOS5.js → chunk-WSPMY4BC.js}

@@ -1,11 +1,11 @@
 import { registry } from './chunk-Y32RHCOH.js';
-import { useMoney, useNumber } from './chunk-EJV3NYBP.js';
+import { useMoney, useNumber } from './chunk-WVQBEAYO.js';
 import { useAsset } from './chunk-Z653O7MX.js';
-import { useWishlist } from './chunk-JGVEGQHJ.js';
+import { useWishlist } from './chunk-LFHYQ6AN.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-PGXRNW3Y.js';
+import { Image } from './chunk-DRX6L472.js';
 import { LazyImageModal } from './chunk-7V5HOZW4.js';
-import { isNativeApp } from './chunk-2TLIULJZ.js';
+import { isNativeApp } from './chunk-3E3ABCPC.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { lazy, memo, useCallback, useMemo, useState, useEffect, Suspense } from 'react';
 import { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';
@@ -15,10 +15,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SallaSlider } from '@salla.sa/twilight-components-react/slider';
 
 var LazyProductDetails = lazy(
-  () => import('./ProductDetails-DHY35UDT.js').then((m) => ({ default: m.ProductDetails }))
+  () => import('./ProductDetails-6LWZSW7R.js').then((m) => ({ default: m.ProductDetails }))
 );
 var LazyAddToCartForm = lazy(
-  () => import('./AddToCartForm-LUVIZGH5.js').then((m) => ({ default: m.AddToCartForm }))
+  () => import('./AddToCartForm-D7AQIX7K.js').then((m) => ({ default: m.AddToCartForm }))
 );
 var PRODUCT_CARD_KEY = "product:card";
 var PRODUCT_IMAGE_SRCSET_WIDTHS = [150, 300, 450, 600];
@@ -421,5 +421,5 @@ function ThumbSlide({ image, index }) {
 }
 
 export { LazyAddToCartForm, LazyProductDetails, ProductCard, ProductGallery };
-//# sourceMappingURL=chunk-2MUBQOS5.js.map
-//# sourceMappingURL=chunk-2MUBQOS5.js.map
+//# sourceMappingURL=chunk-WSPMY4BC.js.map
+//# sourceMappingURL=chunk-WSPMY4BC.js.map

package/dist/{chunk-2MUBQOS5.js.map → chunk-WSPMY4BC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/product/lazy.ts","../src/components/product/ProductCard.tsx","../src/components/product/ProductGallery.tsx"],"names":["ProductCardContent","ProductCard","jsxs","jsx","useMemo"],"mappings":"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","file":"chunk-2MUBQOS5.js","sourcesContent":["import { lazy } from 'react';\n\nexport const LazyProductDetails = lazy(() =>\n  import('./ProductDetails').then((m) => ({ default: m.ProductDetails }))\n);\n\nexport const LazyAddToCartForm = lazy(() =>\n  import('./AddToCartForm').then((m) => ({ default: m.AddToCartForm }))\n);\n","import { memo, useCallback, useMemo } from 'react';\nimport { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { useHostAttributes } from '@salla.sa/twilight-theme-engine/hooks/useHostAttributes';\nimport { useMoney } from '../../hooks/useMoney';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useWishlist } from '../../hooks/useWishlist';\nimport { useAsset } from '../../hooks/useAsset';\nimport { useNumber } from '../../hooks/useNumber';\nimport { registry } from '../ComponentRegistry';\nimport { Image } from '../common';\nimport type { Product } from '../../types';\n\nconst PRODUCT_CARD_KEY = 'product:card';\n\nconst PRODUCT_IMAGE_SRCSET_WIDTHS = [150, 300, 450, 600] as const;\n/** Matches `.s-products-list-vertical-cards`: 2-col below 768px, 4-col above. */\nconst PRODUCT_IMAGE_SIZES = '(min-width: 768px) 25vw, 50vw';\n/** fullImage / minimal slots in FeaturedProductsStyle3 (`lg:grid-cols-2`). */\nconst PRODUCT_WIDE_IMAGE_SIZES = '(min-width: 1024px) 50vw, 100vw';\n\n/** Product card layout variants - mutually exclusive */\nexport type ProductCardLayout = 'vertical' | 'horizontal' | 'fullImage' | 'minimal' | 'special';\n\nexport interface ProductCardProps {\n  product: Product;\n  layout?: ProductCardLayout;\n  className?: string;\n  withShadow?: boolean;\n  withQuantity?: boolean;\n  withoutAddButton?: boolean;\n  index?: number;\n  imagePriority?: boolean;\n  /** Overrides the layout-based image `sizes` hint. */\n  sizes?: string;\n}\n\n/**\n * ProductCard - Displays a product in various layouts\n *\n * Layouts:\n * - vertical: Default card with image top, content bottom\n * - horizontal: Side-by-side image and content\n * - fullImage: Full bleed image with overlay content\n * - minimal: Compact version with reduced info\n * - special: Featured card with quantity pie chart\n *\n * Features:\n * - Native lazy loading for images\n * - Product badges (promotion, preorder, quantity, out of stock)\n * - Wishlist toggle button\n * - Price display (sale, starting, regular)\n * - Rating display\n * - Add to cart button via SallaAddProductButton (handles labels internally)\n */\nconst ProductCardContent = memo(function ProductCardContent({\n  product,\n  layout = 'vertical',\n  className = '',\n  withShadow = false,\n  withQuantity = false,\n  withoutAddButton = false,\n  index = 0,\n  imagePriority = false,\n  sizes,\n}: ProductCardProps) {\n  const { format } = useMoney();\n  const { t } = useTranslation();\n  const { store, theme } = useTwilight();\n  const wishlist = useWishlist();\n  const { isPlaceholder } = useAsset();\n  const { format: formatNumber } = useNumber();\n\n  // Out-of-stock cards offer \"notify me when available\" instead of a dead button, unless\n  // the merchant switched `notify_when_available_in_card` off (Twig theme-raed parity).\n  const notifyInCard = theme?.settings?.notify_when_available_in_card !== false;\n  const addButtonStatus =\n    notifyInCard &&\n    product.is_out_of_stock &&\n    product.type !== 'donating' &&\n    product.type !== 'financial_support'\n      ? 'out-and-notify'\n      : product.status;\n\n  const addButtonRef = useHostAttributes({ fill: 'outline', width: 'wide' });\n\n  // Layout flags\n  const isVertical = layout === 'vertical';\n  const isHorizontal = layout === 'horizontal';\n  const isFullImage = layout === 'fullImage';\n  const isMinimal = layout === 'minimal';\n  const isSpecial = layout === 'special';\n\n  // Wishlist status\n  const productInWishlist = wishlist.has(Number(product.id));\n  const handleWishlistToggle = useCallback(() => {\n    wishlist.toggle(Number(product.id));\n  }, [wishlist, product.id]);\n\n  // Get image fit type from store settings\n  const fitImageHeight = store?.settings?.product?.fit_type;\n\n  // Product badge component\n  const getProductBadge = () => {\n    if (product?.preorder?.label && typeof product.preorder.label === 'string') {\n      return <div className=\"s-product-card-promotion-title\">{product.preorder.label}</div>;\n    }\n    if (product.promotion_title) {\n      return <div className=\"s-product-card-promotion-title\">{product.promotion_title}</div>;\n    }\n    if (withQuantity && product?.quantity) {\n      const formattedQty = formatNumber(product.quantity);\n      return (\n        <div className=\"s-product-card-quantity\">\n          {t('pages.products.remained', 'Remained')} {formattedQty}\n        </div>\n      );\n    }\n    if (withQuantity && product?.is_out_of_stock) {\n      return (\n        <div className=\"s-product-card-out-badge\">\n          {t('pages.products.out_of_stock', 'Out of Stock')}\n        </div>\n      );\n    }\n    return null;\n  };\n\n  // Price display component\n  const getProductPrice = () => {\n    if (product.is_on_sale && product.sale_price) {\n      return (\n        <div className=\"s-product-card-sale-price\">\n          <h4>{format(product.sale_price)}</h4>\n          {product.regular_price && <span>{format(product.regular_price)}</span>}\n        </div>\n      );\n    }\n    if (product.starting_price) {\n      return (\n        <div className=\"s-product-card-starting-price\">\n          <p>{t('pages.products.starting_price', 'Starting from')}</p>\n          <h4>{format(product.starting_price)}</h4>\n        </div>\n      );\n    }\n    return <h4 className=\"s-product-card-price\">{format(product.price)}</h4>;\n  };\n\n  // Build card class names\n  const cardClassName = [\n    's-product-card',\n    's-product-card-entry',\n    isVertical ? 's-product-card-vertical' : '',\n    isHorizontal ? 's-product-card-horizontal' : '',\n    fitImageHeight && isVertical ? `s-product-card-fit-height` : '',\n    isSpecial ? 's-product-card-special' : '',\n    isFullImage ? 's-product-card-full-image' : '',\n    isMinimal ? 's-product-card-minimal' : '',\n    product?.donation ? 's-product-card-donation' : '',\n    withShadow ? 's-product-card-shadow' : '',\n    product?.is_out_of_stock ? 's-product-card-out-of-stock' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Image fit class\n  const isProductPlaceholder = isPlaceholder(product.image?.url);\n  const imageFitClass = isProductPlaceholder ? 'contain' : fitImageHeight || 'cover';\n\n  return (\n    <div\n      id={`product-card-${product.id}`}\n      className={cardClassName}\n      data-product-id={product.id}\n      style={{\n        animationDelay: `${index * 100}ms`,\n      }}\n    >\n      <div className={isFullImage ? 's-product-card-image-full' : 's-product-card-image'}>\n        <a href={product.url} aria-label={product.image?.alt || product.name}>\n          <Image\n            className={`s-product-card-image-${imageFitClass}`}\n            src={product.image?.url}\n            alt={product.image?.alt ?? product.name}\n            width={300}\n            height={300}\n            sizes={\n              sizes ?? (isFullImage || isMinimal ? PRODUCT_WIDE_IMAGE_SIZES : PRODUCT_IMAGE_SIZES)\n            }\n            srcSetWidths={PRODUCT_IMAGE_SRCSET_WIDTHS}\n            aspectRatio=\"1/1\"\n            priority={imagePriority}\n          />\n          {!isFullImage && !isMinimal && getProductBadge()}\n        </a>\n        {isFullImage && (\n          <a href={product.url} aria-label={product.name} className=\"s-product-card-overlay\" />\n        )}\n        {!isHorizontal && !isFullImage && (\n          <SallaButton\n            shape=\"icon\"\n            fill=\"outline\"\n            color=\"light\"\n            ariaLabel={t('pages.wishlist.toggle', 'Add or remove to wishlist')}\n            className={`s-product-card-wishlist-btn animated ${productInWishlist ? 's-product-card-wishlist-added pulse-anime' : 'not-added un-favorited'}`}\n            onClick={handleWishlistToggle}\n            data-id={product.id}\n          >\n            <i className=\"sicon-heart\" />\n          </SallaButton>\n        )}\n      </div>\n      <div className=\"s-product-card-content\">\n        {/* Special card: quantity pie */}\n        {isSpecial && product?.quantity && (\n          <div className=\"s-product-card-content-pie\">\n            <span>\n              <b>{formatNumber(product.quantity)}</b>\n              {t('pages.products.remained', 'Remained')}\n            </span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"-2 -1 36 34\"\n              className=\"s-product-card-content-pie-svg\"\n            >\n              <circle cx=\"16\" cy=\"16\" r=\"15.9155\" className=\"s-product-card-content-pie-svg-base\" />\n              <circle cx=\"16\" cy=\"16\" r=\"15.9155\" className=\"s-product-card-content-pie-svg-bar\" />\n            </svg>\n          </div>\n        )}\n\n        <div\n          className={`s-product-card-content-main ${isSpecial ? 's-product-card-content-extra-padding' : ''}`}\n        >\n          <h3 className=\"s-product-card-content-title\">\n            <a href={product.url}>{product.name}</a>\n          </h3>\n          {product.subtitle && !isMinimal && (\n            <p className=\"s-product-card-content-subtitle opacity-80\">{product.subtitle}</p>\n          )}\n        </div>\n\n        <div\n          className={`s-product-card-content-sub ${isSpecial ? 's-product-card-content-extra-padding' : ''}`}\n        >\n          {!product?.donation?.can_donate && getProductPrice()}\n          {product.rating?.stars && (\n            <div className=\"s-product-card-rating\">\n              <i className=\"sicon-star2 text-orange-300\" />\n              <span>{product.rating.stars}</span>\n            </div>\n          )}\n        </div>\n\n        {!withoutAddButton && (\n          <div className=\"s-product-card-content-footer gap-2\">\n            <SallaAddProductButton\n              ref={addButtonRef}\n              fill=\"outline\"\n              width=\"wide\"\n              productId={product.id}\n              productStatus={addButtonStatus}\n              productType={product.type}\n              hasPreOrder={product.has_preorder_campaign}\n            />\n            {(isHorizontal || isFullImage) && (\n              <SallaButton\n                shape=\"icon\"\n                fill=\"outline\"\n                color=\"light\"\n                ariaLabel={t('pages.wishlist.toggle', 'Add or remove to wishlist')}\n                className={`s-product-card-wishlist-btn animated ${productInWishlist ? 's-product-card-wishlist-added pulse-anime' : 'not-added un-favorited'}`}\n                onClick={handleWishlistToggle}\n                data-id={product.id}\n              >\n                <i className=\"sicon-heart\" />\n              </SallaButton>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport const ProductCard = memo(function ProductCard(props: ProductCardProps) {\n  const Component = useMemo(() => {\n    const hasOverride = registry.getOriginal<ProductCardProps>(PRODUCT_CARD_KEY) !== null;\n    if (hasOverride) {\n      return registry.resolve<ProductCardProps>(PRODUCT_CARD_KEY);\n    }\n    return null;\n  }, []);\n\n  if (Component) {\n    return <Component {...props} />;\n  }\n\n  return <ProductCardContent {...props} />;\n});\n\nexport default ProductCard;\n","import { SallaSlider } from '@salla.sa/twilight-components-react/slider';\nimport { Suspense, useEffect, useMemo, useState } from 'react';\nimport { registry } from '../ComponentRegistry';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Product, ProductImage } from '../../types';\nimport { Image } from '../common/Image';\nimport { ImageModal } from '../modal';\nimport { isNativeApp } from '../../native-app';\n\nconst PRODUCT_GALLERY_KEY = 'product:gallery';\n\nexport interface ProductGalleryProps {\n  product: Product;\n}\n\ntype ImagePreview = { src: string; alt: string };\ntype GalleryMedia = { url: string; type: 'image' | 'video' | '3d-image' };\n\n/**\n * The engine's own `mobile::gallery.open` payload from before `salla.mobile.openGallery`: a video's\n * link and a 3D model's file go in `url`, with no ids. Sent when the SDK has no `openGallery`\n * (Twilight before 2.14.569) or declines inside the app, so those stores keep the gallery they had.\n */\nfunction legacyGalleryMedia(images: ProductImage[]): GalleryMedia[] {\n  return images.flatMap<GalleryMedia>((image) => {\n    if (image.three_d_image_url) return [{ url: image.three_d_image_url, type: '3d-image' }];\n    if (image.video_url) return [{ url: image.video_url, type: 'video' }];\n    return image.url ? [{ url: image.url, type: 'image' }] : [];\n  });\n}\n\nfunction ProductGalleryContent({ product }: ProductGalleryProps) {\n  const { t } = useTranslation();\n  const { theme } = useTwilight();\n  const sliderId = `details-slider-${product.id}`;\n  const objectFit = theme.settings.slider_background_size ?? 'cover';\n\n  // Clicking an image opens an in-app lightbox instead of navigating to the CDN URL.\n  const [preview, setPreview] = useState<ImagePreview | null>(null);\n\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => {\n      const el = document.getElementById(sliderId);\n      if (!el?.parentElement) return;\n      const { parentElement, nextSibling } = el;\n      parentElement.removeChild(el);\n      parentElement.insertBefore(el, nextSibling);\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [sliderId]);\n\n  // The product-details API only returns `image` (singular).\n  // Fall back so the main image always renders even without the full gallery array.\n  const images: ProductImage[] =\n    product.images && product.images.length > 0\n      ? product.images\n      : product.image?.url\n        ? [product.image]\n        : [];\n\n  const hasManyImages = images.length > 1;\n  const openNativeGallery = (selected: ProductImage) => {\n    if (!isNativeApp()) return false;\n    if (window.salla?.mobile?.openGallery?.(images, selected)) return true;\n    window.salla?.event.dispatch('mobile::gallery.open', { images: legacyGalleryMedia(images) });\n    return true;\n  };\n\n  return (\n    <div className=\"sidebar md:sticky top-24 w-full md:!w-2/4 rtl:ml-8 ltr:mr-8 pb-8 md:pb-16 overflow-hidden shrink-0\">\n      <SallaSlider\n        id={sliderId}\n        className=\"details-slider rounded-md image-slider\"\n        type=\"thumbs\"\n        loop={false}\n        autoHeight\n        listenToThumbnailsOption\n        showThumbsControls={false}\n        sliderConfig={{ watchOverflow: true, autoHeight: true }}\n      >\n        {product.promotion_title && (\n          <div className=\"promotion-title\">{product.promotion_title}</div>\n        )}\n\n        {product.calories && (\n          <div className=\"absolute z-[2] top-4 rtl:left-4 ltr:right-4 bg-white shadow-sm flex flex-col justify-center items-center rounded-full w-20 h-20 md:w-24 md:h-24\">\n            <span className=\"text-red-500 text-xl leading-none font-bold\">{product.calories}</span>\n            <span className=\"text-xs text-gray-500\">\n              {t('pages.products.calories', 'Calories')}\n            </span>\n          </div>\n        )}\n\n        <div slot=\"items\">\n          {images.map((image, index) => (\n            <ImageSlide\n              key={image.id ?? image.three_d_image_url ?? image.video_url ?? image.url}\n              image={image}\n              product={product}\n              index={index}\n              objectFit={objectFit}\n              onPreview={setPreview}\n              onNativeOpen={openNativeGallery}\n            />\n          ))}\n        </div>\n\n        {hasManyImages && (\n          <div slot=\"thumbs\">\n            {images.map((image, index) => (\n              <ThumbSlide\n                key={image.id ?? image.three_d_image_url ?? image.video_url ?? image.url}\n                image={image}\n                index={index}\n              />\n            ))}\n          </div>\n        )}\n      </SallaSlider>\n\n      <Suspense fallback={null}>\n        <ImageModal\n          isOpen={!!preview}\n          onClose={() => setPreview(null)}\n          src={preview?.src ?? ''}\n          alt={preview?.alt}\n        />\n      </Suspense>\n    </div>\n  );\n}\n\nexport function ProductGallery(props: ProductGalleryProps) {\n  const Component = useMemo(() => {\n    const resolved = registry.resolve<ProductGalleryProps>(PRODUCT_GALLERY_KEY);\n    // A theme that seeds the key with this component (register + override) would\n    // otherwise recurse into itself when it has not actually overridden anything.\n    return resolved === ProductGallery ? null : resolved;\n  }, []);\n\n  if (Component) {\n    return <Component {...props} />;\n  }\n\n  return <ProductGalleryContent {...props} />;\n}\n\nfunction ImageSlide({\n  image,\n  product,\n  index,\n  objectFit,\n  onPreview,\n  onNativeOpen,\n}: {\n  image: ProductImage;\n  product: Product;\n  index: number;\n  objectFit: 'cover' | 'contain';\n  onPreview: (preview: ImagePreview) => void;\n  onNativeOpen: (image: ProductImage) => boolean;\n}) {\n  const [loaded, setLoaded] = useState(false);\n  const isVideo = Boolean(image.video_url);\n\n  if (image.three_d_image_url) {\n    return (\n      // biome-ignore lint/a11y/noStaticElementInteractions: model-viewer is an interactive web component.\n      <model-viewer\n        style={{ minHeight: '500px' }}\n        className=\"swiper-slide model-entry w-full h-full\"\n        loading=\"lazy\"\n        camera-controls\n        touch-action=\"pan-y\"\n        auto-rotate\n        poster={image.url || undefined}\n        src={image.three_d_image_url}\n        shadow-intensity=\"1\"\n        alt={image.alt}\n        onClick={() => onNativeOpen(image)}\n      ></model-viewer>\n    );\n  }\n\n  return (\n    <a\n      data-fslightbox={`product_${product.id}`}\n      data-img-id={image.id}\n      data-slid-index={index}\n      {...(image.video_url ? { 'data-video-src': image.video_url } : {})}\n      data-caption={image.alt}\n      data-infinite=\"false\"\n      data-type={image.video_url ? 'youtube' : 'image'}\n      href={image.video_url || image.url}\n      // FsLightbox isn't loaded in this React theme, so the bare href would leave the SPA.\n      // Open images in an in-app lightbox; let videos open in a new tab.\n      {...(isVideo ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n      onClick={(event) => {\n        if (onNativeOpen(image)) {\n          event.preventDefault();\n          return;\n        }\n        if (isVideo || !image.url) return;\n        event.preventDefault();\n        onPreview({ src: image.url, alt: image.alt || product.name });\n      }}\n      aria-label={product.name}\n      className={`swiper-slide magnify-wrapper homeslider__slide ${image.video_url ? 'video-entry' : ''}`}\n    >\n      <div className={`w-full ${loaded ? '' : 'aspect-square bg-gray-100 animate-pulse'}`}>\n        <Image\n          id={String(image.id)}\n          src={image.url}\n          alt={image.alt || product.name}\n          className={`h-full w-full object-${objectFit}`}\n          aspectRatio=\"1/1\"\n          priority={index === 0}\n          noWrapper\n          onLoad={() => setLoaded(true)}\n        />\n      </div>\n    </a>\n  );\n}\n\nfunction ThumbSlide({ image, index }: { image: ProductImage; index: number }) {\n  return (\n    <div\n      className={`slide--one-fourth ${image.video_url ? 'video-entry' : ''} ${image.three_d_image_url ? 'model-entry' : ''}`}\n      data-caption={image.alt}\n    >\n      <Image\n        src={image.url}\n        alt={image.alt || ''}\n        className=\"object-cover w-full h-full bg-gray-100 rounded-md overflow-hidden\"\n        title={image.alt}\n        priority={index < 5}\n        noWrapper\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/product/lazy.ts","../src/components/product/ProductCard.tsx","../src/components/product/ProductGallery.tsx"],"names":["ProductCardContent","ProductCard","jsxs","jsx","useMemo"],"mappings":"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","file":"chunk-WSPMY4BC.js","sourcesContent":["import { lazy } from 'react';\n\nexport const LazyProductDetails = lazy(() =>\n  import('./ProductDetails').then((m) => ({ default: m.ProductDetails }))\n);\n\nexport const LazyAddToCartForm = lazy(() =>\n  import('./AddToCartForm').then((m) => ({ default: m.AddToCartForm }))\n);\n","import { memo, useCallback, useMemo } from 'react';\nimport { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { useHostAttributes } from '@salla.sa/twilight-theme-engine/hooks/useHostAttributes';\nimport { useMoney } from '../../hooks/useMoney';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useWishlist } from '../../hooks/useWishlist';\nimport { useAsset } from '../../hooks/useAsset';\nimport { useNumber } from '../../hooks/useNumber';\nimport { registry } from '../ComponentRegistry';\nimport { Image } from '../common';\nimport type { Product } from '../../types';\n\nconst PRODUCT_CARD_KEY = 'product:card';\n\nconst PRODUCT_IMAGE_SRCSET_WIDTHS = [150, 300, 450, 600] as const;\n/** Matches `.s-products-list-vertical-cards`: 2-col below 768px, 4-col above. */\nconst PRODUCT_IMAGE_SIZES = '(min-width: 768px) 25vw, 50vw';\n/** fullImage / minimal slots in FeaturedProductsStyle3 (`lg:grid-cols-2`). */\nconst PRODUCT_WIDE_IMAGE_SIZES = '(min-width: 1024px) 50vw, 100vw';\n\n/** Product card layout variants - mutually exclusive */\nexport type ProductCardLayout = 'vertical' | 'horizontal' | 'fullImage' | 'minimal' | 'special';\n\nexport interface ProductCardProps {\n  product: Product;\n  layout?: ProductCardLayout;\n  className?: string;\n  withShadow?: boolean;\n  withQuantity?: boolean;\n  withoutAddButton?: boolean;\n  index?: number;\n  imagePriority?: boolean;\n  /** Overrides the layout-based image `sizes` hint. */\n  sizes?: string;\n}\n\n/**\n * ProductCard - Displays a product in various layouts\n *\n * Layouts:\n * - vertical: Default card with image top, content bottom\n * - horizontal: Side-by-side image and content\n * - fullImage: Full bleed image with overlay content\n * - minimal: Compact version with reduced info\n * - special: Featured card with quantity pie chart\n *\n * Features:\n * - Native lazy loading for images\n * - Product badges (promotion, preorder, quantity, out of stock)\n * - Wishlist toggle button\n * - Price display (sale, starting, regular)\n * - Rating display\n * - Add to cart button via SallaAddProductButton (handles labels internally)\n */\nconst ProductCardContent = memo(function ProductCardContent({\n  product,\n  layout = 'vertical',\n  className = '',\n  withShadow = false,\n  withQuantity = false,\n  withoutAddButton = false,\n  index = 0,\n  imagePriority = false,\n  sizes,\n}: ProductCardProps) {\n  const { format } = useMoney();\n  const { t } = useTranslation();\n  const { store, theme } = useTwilight();\n  const wishlist = useWishlist();\n  const { isPlaceholder } = useAsset();\n  const { format: formatNumber } = useNumber();\n\n  // Out-of-stock cards offer \"notify me when available\" instead of a dead button, unless\n  // the merchant switched `notify_when_available_in_card` off (Twig theme-raed parity).\n  const notifyInCard = theme?.settings?.notify_when_available_in_card !== false;\n  const addButtonStatus =\n    notifyInCard &&\n    product.is_out_of_stock &&\n    product.type !== 'donating' &&\n    product.type !== 'financial_support'\n      ? 'out-and-notify'\n      : product.status;\n\n  const addButtonRef = useHostAttributes({ fill: 'outline', width: 'wide' });\n\n  // Layout flags\n  const isVertical = layout === 'vertical';\n  const isHorizontal = layout === 'horizontal';\n  const isFullImage = layout === 'fullImage';\n  const isMinimal = layout === 'minimal';\n  const isSpecial = layout === 'special';\n\n  // Wishlist status\n  const productInWishlist = wishlist.has(Number(product.id));\n  const handleWishlistToggle = useCallback(() => {\n    wishlist.toggle(Number(product.id));\n  }, [wishlist, product.id]);\n\n  // Get image fit type from store settings\n  const fitImageHeight = store?.settings?.product?.fit_type;\n\n  // Product badge component\n  const getProductBadge = () => {\n    if (product?.preorder?.label && typeof product.preorder.label === 'string') {\n      return <div className=\"s-product-card-promotion-title\">{product.preorder.label}</div>;\n    }\n    if (product.promotion_title) {\n      return <div className=\"s-product-card-promotion-title\">{product.promotion_title}</div>;\n    }\n    if (withQuantity && product?.quantity) {\n      const formattedQty = formatNumber(product.quantity);\n      return (\n        <div className=\"s-product-card-quantity\">\n          {t('pages.products.remained', 'Remained')} {formattedQty}\n        </div>\n      );\n    }\n    if (withQuantity && product?.is_out_of_stock) {\n      return (\n        <div className=\"s-product-card-out-badge\">\n          {t('pages.products.out_of_stock', 'Out of Stock')}\n        </div>\n      );\n    }\n    return null;\n  };\n\n  // Price display component\n  const getProductPrice = () => {\n    if (product.is_on_sale && product.sale_price) {\n      return (\n        <div className=\"s-product-card-sale-price\">\n          <h4>{format(product.sale_price)}</h4>\n          {product.regular_price && <span>{format(product.regular_price)}</span>}\n        </div>\n      );\n    }\n    if (product.starting_price) {\n      return (\n        <div className=\"s-product-card-starting-price\">\n          <p>{t('pages.products.starting_price', 'Starting from')}</p>\n          <h4>{format(product.starting_price)}</h4>\n        </div>\n      );\n    }\n    return <h4 className=\"s-product-card-price\">{format(product.price)}</h4>;\n  };\n\n  // Build card class names\n  const cardClassName = [\n    's-product-card',\n    's-product-card-entry',\n    isVertical ? 's-product-card-vertical' : '',\n    isHorizontal ? 's-product-card-horizontal' : '',\n    fitImageHeight && isVertical ? `s-product-card-fit-height` : '',\n    isSpecial ? 's-product-card-special' : '',\n    isFullImage ? 's-product-card-full-image' : '',\n    isMinimal ? 's-product-card-minimal' : '',\n    product?.donation ? 's-product-card-donation' : '',\n    withShadow ? 's-product-card-shadow' : '',\n    product?.is_out_of_stock ? 's-product-card-out-of-stock' : '',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Image fit class\n  const isProductPlaceholder = isPlaceholder(product.image?.url);\n  const imageFitClass = isProductPlaceholder ? 'contain' : fitImageHeight || 'cover';\n\n  return (\n    <div\n      id={`product-card-${product.id}`}\n      className={cardClassName}\n      data-product-id={product.id}\n      style={{\n        animationDelay: `${index * 100}ms`,\n      }}\n    >\n      <div className={isFullImage ? 's-product-card-image-full' : 's-product-card-image'}>\n        <a href={product.url} aria-label={product.image?.alt || product.name}>\n          <Image\n            className={`s-product-card-image-${imageFitClass}`}\n            src={product.image?.url}\n            alt={product.image?.alt ?? product.name}\n            width={300}\n            height={300}\n            sizes={\n              sizes ?? (isFullImage || isMinimal ? PRODUCT_WIDE_IMAGE_SIZES : PRODUCT_IMAGE_SIZES)\n            }\n            srcSetWidths={PRODUCT_IMAGE_SRCSET_WIDTHS}\n            aspectRatio=\"1/1\"\n            priority={imagePriority}\n          />\n          {!isFullImage && !isMinimal && getProductBadge()}\n        </a>\n        {isFullImage && (\n          <a href={product.url} aria-label={product.name} className=\"s-product-card-overlay\" />\n        )}\n        {!isHorizontal && !isFullImage && (\n          <SallaButton\n            shape=\"icon\"\n            fill=\"outline\"\n            color=\"light\"\n            ariaLabel={t('pages.wishlist.toggle', 'Add or remove to wishlist')}\n            className={`s-product-card-wishlist-btn animated ${productInWishlist ? 's-product-card-wishlist-added pulse-anime' : 'not-added un-favorited'}`}\n            onClick={handleWishlistToggle}\n            data-id={product.id}\n          >\n            <i className=\"sicon-heart\" />\n          </SallaButton>\n        )}\n      </div>\n      <div className=\"s-product-card-content\">\n        {/* Special card: quantity pie */}\n        {isSpecial && product?.quantity && (\n          <div className=\"s-product-card-content-pie\">\n            <span>\n              <b>{formatNumber(product.quantity)}</b>\n              {t('pages.products.remained', 'Remained')}\n            </span>\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"-2 -1 36 34\"\n              className=\"s-product-card-content-pie-svg\"\n            >\n              <circle cx=\"16\" cy=\"16\" r=\"15.9155\" className=\"s-product-card-content-pie-svg-base\" />\n              <circle cx=\"16\" cy=\"16\" r=\"15.9155\" className=\"s-product-card-content-pie-svg-bar\" />\n            </svg>\n          </div>\n        )}\n\n        <div\n          className={`s-product-card-content-main ${isSpecial ? 's-product-card-content-extra-padding' : ''}`}\n        >\n          <h3 className=\"s-product-card-content-title\">\n            <a href={product.url}>{product.name}</a>\n          </h3>\n          {product.subtitle && !isMinimal && (\n            <p className=\"s-product-card-content-subtitle opacity-80\">{product.subtitle}</p>\n          )}\n        </div>\n\n        <div\n          className={`s-product-card-content-sub ${isSpecial ? 's-product-card-content-extra-padding' : ''}`}\n        >\n          {!product?.donation?.can_donate && getProductPrice()}\n          {product.rating?.stars && (\n            <div className=\"s-product-card-rating\">\n              <i className=\"sicon-star2 text-orange-300\" />\n              <span>{product.rating.stars}</span>\n            </div>\n          )}\n        </div>\n\n        {!withoutAddButton && (\n          <div className=\"s-product-card-content-footer gap-2\">\n            <SallaAddProductButton\n              ref={addButtonRef}\n              fill=\"outline\"\n              width=\"wide\"\n              productId={product.id}\n              productStatus={addButtonStatus}\n              productType={product.type}\n              hasPreOrder={product.has_preorder_campaign}\n            />\n            {(isHorizontal || isFullImage) && (\n              <SallaButton\n                shape=\"icon\"\n                fill=\"outline\"\n                color=\"light\"\n                ariaLabel={t('pages.wishlist.toggle', 'Add or remove to wishlist')}\n                className={`s-product-card-wishlist-btn animated ${productInWishlist ? 's-product-card-wishlist-added pulse-anime' : 'not-added un-favorited'}`}\n                onClick={handleWishlistToggle}\n                data-id={product.id}\n              >\n                <i className=\"sicon-heart\" />\n              </SallaButton>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport const ProductCard = memo(function ProductCard(props: ProductCardProps) {\n  const Component = useMemo(() => {\n    const hasOverride = registry.getOriginal<ProductCardProps>(PRODUCT_CARD_KEY) !== null;\n    if (hasOverride) {\n      return registry.resolve<ProductCardProps>(PRODUCT_CARD_KEY);\n    }\n    return null;\n  }, []);\n\n  if (Component) {\n    return <Component {...props} />;\n  }\n\n  return <ProductCardContent {...props} />;\n});\n\nexport default ProductCard;\n","import { SallaSlider } from '@salla.sa/twilight-components-react/slider';\nimport { Suspense, useEffect, useMemo, useState } from 'react';\nimport { registry } from '../ComponentRegistry';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Product, ProductImage } from '../../types';\nimport { Image } from '../common/Image';\nimport { ImageModal } from '../modal';\nimport { isNativeApp } from '../../native-app';\n\nconst PRODUCT_GALLERY_KEY = 'product:gallery';\n\nexport interface ProductGalleryProps {\n  product: Product;\n}\n\ntype ImagePreview = { src: string; alt: string };\ntype GalleryMedia = { url: string; type: 'image' | 'video' | '3d-image' };\n\n/**\n * The engine's own `mobile::gallery.open` payload from before `salla.mobile.openGallery`: a video's\n * link and a 3D model's file go in `url`, with no ids. Sent when the SDK has no `openGallery`\n * (Twilight before 2.14.569) or declines inside the app, so those stores keep the gallery they had.\n */\nfunction legacyGalleryMedia(images: ProductImage[]): GalleryMedia[] {\n  return images.flatMap<GalleryMedia>((image) => {\n    if (image.three_d_image_url) return [{ url: image.three_d_image_url, type: '3d-image' }];\n    if (image.video_url) return [{ url: image.video_url, type: 'video' }];\n    return image.url ? [{ url: image.url, type: 'image' }] : [];\n  });\n}\n\nfunction ProductGalleryContent({ product }: ProductGalleryProps) {\n  const { t } = useTranslation();\n  const { theme } = useTwilight();\n  const sliderId = `details-slider-${product.id}`;\n  const objectFit = theme.settings.slider_background_size ?? 'cover';\n\n  // Clicking an image opens an in-app lightbox instead of navigating to the CDN URL.\n  const [preview, setPreview] = useState<ImagePreview | null>(null);\n\n  useEffect(() => {\n    const raf = requestAnimationFrame(() => {\n      const el = document.getElementById(sliderId);\n      if (!el?.parentElement) return;\n      const { parentElement, nextSibling } = el;\n      parentElement.removeChild(el);\n      parentElement.insertBefore(el, nextSibling);\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [sliderId]);\n\n  // The product-details API only returns `image` (singular).\n  // Fall back so the main image always renders even without the full gallery array.\n  const images: ProductImage[] =\n    product.images && product.images.length > 0\n      ? product.images\n      : product.image?.url\n        ? [product.image]\n        : [];\n\n  const hasManyImages = images.length > 1;\n  const openNativeGallery = (selected: ProductImage) => {\n    if (!isNativeApp()) return false;\n    if (window.salla?.mobile?.openGallery?.(images, selected)) return true;\n    window.salla?.event.dispatch('mobile::gallery.open', { images: legacyGalleryMedia(images) });\n    return true;\n  };\n\n  return (\n    <div className=\"sidebar md:sticky top-24 w-full md:!w-2/4 rtl:ml-8 ltr:mr-8 pb-8 md:pb-16 overflow-hidden shrink-0\">\n      <SallaSlider\n        id={sliderId}\n        className=\"details-slider rounded-md image-slider\"\n        type=\"thumbs\"\n        loop={false}\n        autoHeight\n        listenToThumbnailsOption\n        showThumbsControls={false}\n        sliderConfig={{ watchOverflow: true, autoHeight: true }}\n      >\n        {product.promotion_title && (\n          <div className=\"promotion-title\">{product.promotion_title}</div>\n        )}\n\n        {product.calories && (\n          <div className=\"absolute z-[2] top-4 rtl:left-4 ltr:right-4 bg-white shadow-sm flex flex-col justify-center items-center rounded-full w-20 h-20 md:w-24 md:h-24\">\n            <span className=\"text-red-500 text-xl leading-none font-bold\">{product.calories}</span>\n            <span className=\"text-xs text-gray-500\">\n              {t('pages.products.calories', 'Calories')}\n            </span>\n          </div>\n        )}\n\n        <div slot=\"items\">\n          {images.map((image, index) => (\n            <ImageSlide\n              key={image.id ?? image.three_d_image_url ?? image.video_url ?? image.url}\n              image={image}\n              product={product}\n              index={index}\n              objectFit={objectFit}\n              onPreview={setPreview}\n              onNativeOpen={openNativeGallery}\n            />\n          ))}\n        </div>\n\n        {hasManyImages && (\n          <div slot=\"thumbs\">\n            {images.map((image, index) => (\n              <ThumbSlide\n                key={image.id ?? image.three_d_image_url ?? image.video_url ?? image.url}\n                image={image}\n                index={index}\n              />\n            ))}\n          </div>\n        )}\n      </SallaSlider>\n\n      <Suspense fallback={null}>\n        <ImageModal\n          isOpen={!!preview}\n          onClose={() => setPreview(null)}\n          src={preview?.src ?? ''}\n          alt={preview?.alt}\n        />\n      </Suspense>\n    </div>\n  );\n}\n\nexport function ProductGallery(props: ProductGalleryProps) {\n  const Component = useMemo(() => {\n    const resolved = registry.resolve<ProductGalleryProps>(PRODUCT_GALLERY_KEY);\n    // A theme that seeds the key with this component (register + override) would\n    // otherwise recurse into itself when it has not actually overridden anything.\n    return resolved === ProductGallery ? null : resolved;\n  }, []);\n\n  if (Component) {\n    return <Component {...props} />;\n  }\n\n  return <ProductGalleryContent {...props} />;\n}\n\nfunction ImageSlide({\n  image,\n  product,\n  index,\n  objectFit,\n  onPreview,\n  onNativeOpen,\n}: {\n  image: ProductImage;\n  product: Product;\n  index: number;\n  objectFit: 'cover' | 'contain';\n  onPreview: (preview: ImagePreview) => void;\n  onNativeOpen: (image: ProductImage) => boolean;\n}) {\n  const [loaded, setLoaded] = useState(false);\n  const isVideo = Boolean(image.video_url);\n\n  if (image.three_d_image_url) {\n    return (\n      // biome-ignore lint/a11y/noStaticElementInteractions: model-viewer is an interactive web component.\n      <model-viewer\n        style={{ minHeight: '500px' }}\n        className=\"swiper-slide model-entry w-full h-full\"\n        loading=\"lazy\"\n        camera-controls\n        touch-action=\"pan-y\"\n        auto-rotate\n        poster={image.url || undefined}\n        src={image.three_d_image_url}\n        shadow-intensity=\"1\"\n        alt={image.alt}\n        onClick={() => onNativeOpen(image)}\n      ></model-viewer>\n    );\n  }\n\n  return (\n    <a\n      data-fslightbox={`product_${product.id}`}\n      data-img-id={image.id}\n      data-slid-index={index}\n      {...(image.video_url ? { 'data-video-src': image.video_url } : {})}\n      data-caption={image.alt}\n      data-infinite=\"false\"\n      data-type={image.video_url ? 'youtube' : 'image'}\n      href={image.video_url || image.url}\n      // FsLightbox isn't loaded in this React theme, so the bare href would leave the SPA.\n      // Open images in an in-app lightbox; let videos open in a new tab.\n      {...(isVideo ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n      onClick={(event) => {\n        if (onNativeOpen(image)) {\n          event.preventDefault();\n          return;\n        }\n        if (isVideo || !image.url) return;\n        event.preventDefault();\n        onPreview({ src: image.url, alt: image.alt || product.name });\n      }}\n      aria-label={product.name}\n      className={`swiper-slide magnify-wrapper homeslider__slide ${image.video_url ? 'video-entry' : ''}`}\n    >\n      <div className={`w-full ${loaded ? '' : 'aspect-square bg-gray-100 animate-pulse'}`}>\n        <Image\n          id={String(image.id)}\n          src={image.url}\n          alt={image.alt || product.name}\n          className={`h-full w-full object-${objectFit}`}\n          aspectRatio=\"1/1\"\n          priority={index === 0}\n          noWrapper\n          onLoad={() => setLoaded(true)}\n        />\n      </div>\n    </a>\n  );\n}\n\nfunction ThumbSlide({ image, index }: { image: ProductImage; index: number }) {\n  return (\n    <div\n      className={`slide--one-fourth ${image.video_url ? 'video-entry' : ''} ${image.three_d_image_url ? 'model-entry' : ''}`}\n      data-caption={image.alt}\n    >\n      <Image\n        src={image.url}\n        alt={image.alt || ''}\n        className=\"object-cover w-full h-full bg-gray-100 rounded-md overflow-hidden\"\n        title={image.alt}\n        priority={index < 5}\n        noWrapper\n      />\n    </div>\n  );\n}\n"]}

package/dist/{chunk-NXJ4KAJQ.js → chunk-WUDGMLUX.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-GLDGDTVU.js';
-import { api } from './chunk-F5NB3H5P.js';
+import { orThrow } from './chunk-DGK2HVSR.js';
+import { api } from './chunk-5RWIVHYS.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var blog = {
@@ -63,5 +63,5 @@ var blog = {
 };
 
 export { blog };
-//# sourceMappingURL=chunk-NXJ4KAJQ.js.map
-//# sourceMappingURL=chunk-NXJ4KAJQ.js.map
+//# sourceMappingURL=chunk-WUDGMLUX.js.map
+//# sourceMappingURL=chunk-WUDGMLUX.js.map

package/dist/{chunk-NXJ4KAJQ.js.map → chunk-WUDGMLUX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/blog.ts"],"names":[],"mappings":"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","file":"chunk-NXJ4KAJQ.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport type { Options as KyOptions } from 'ky';\nimport { api } from './client';\nimport type { Pagination } from './types';\nimport type {\n  ArticleSummary,\n  ArticleDetail,\n  BlogAuthor,\n  BlogCategory,\n  BlogTag,\n  BlogOverview,\n} from '../routes/blog/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport interface BlogArticlesListParams {\n  category?: string;\n  author?: string;\n  tag?: string;\n  page?: number;\n  cursor?: string | null;\n  signal?: AbortSignal;\n}\n\nexport interface BlogArticlesListResponse {\n  data: ArticleSummary[];\n  categories?: BlogCategory[];\n  category: BlogCategory;\n  author: BlogAuthor;\n  tag: BlogTag;\n  cursor: Pagination;\n}\n\nexport interface BlogGetResponse {\n  data: {\n    categories: BlogCategory[] | null;\n    slides: ArticleSummary[] | null;\n    articles: ArticleSummary[] | null;\n    popular: ArticleSummary[] | null;\n  };\n}\n\nexport const blog = {\n  get: async (signal?: AbortSignal): Promise<BlogOverview> => {\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api.get('blog', options as KyOptions).json<BlogGetResponse>();\n\n    return {\n      categories: response.data.categories ?? [],\n      slides: response.data.slides ?? [],\n      articles: response.data.articles ?? [],\n      popular: response.data.popular ?? [],\n    };\n  },\n\n  articles: {\n    list: async (params?: BlogArticlesListParams): Promise<BlogArticlesListResponse> => {\n      const { category, author, tag, page, cursor, signal } = params ?? {};\n\n      const searchParams = new URLSearchParams();\n      if (page !== undefined) searchParams.set('page', String(page));\n      if (cursor) searchParams.set('cursor', cursor);\n      if (category) searchParams.set('category', category);\n      if (author) searchParams.set('author', author);\n      if (tag) searchParams.set('tag', tag);\n\n      const options: Record<string, unknown> = {};\n      if (signal) options.signal = signal;\n\n      const response = await api\n        .get(`blog/articles?${searchParams.toString()}`, options as KyOptions)\n        .json<{\n          data: ArticleSummary[] | null;\n          categories?: BlogCategory[] | null;\n          category: BlogCategory;\n          author: BlogAuthor;\n          tag: BlogTag;\n          cursor: Pagination;\n        }>();\n\n      return {\n        data: response.data ?? [],\n        categories: response.categories ?? undefined,\n        category: response.category,\n        author: response.author,\n        tag: response.tag,\n        cursor: response.cursor,\n      };\n    },\n\n    find: async (id: string, signal?: AbortSignal): Promise<ArticleDetail> => {\n      const options: Record<string, unknown> = {};\n      if (signal) options.signal = signal;\n\n      const response = await api\n        .get(`blog/articles/${id}`, options as KyOptions)\n        .json<{ data: ArticleDetail | null }>();\n\n      if (!response.data) {\n        throw new Error(`Article ${id} not found`);\n      }\n\n      return response.data;\n    },\n\n    findOrThrow: (id: string, signal?: AbortSignal): Promise<ArticleDetail> =>\n      orThrow(blog.articles.find(id, signal)),\n  },\n\n  queries: {\n    overview: () =>\n      queryOptions({\n        queryKey: ['blog', 'overview'],\n        queryFn: ({ signal }) => blog.get(signal),\n      }),\n    articles: (params?: Omit<BlogArticlesListParams, 'signal'>) =>\n      queryOptions({\n        queryKey: ['blog', 'articles', params],\n        queryFn: ({ signal }) => blog.articles.list({ ...params, signal }),\n      }),\n    article: (id: string) =>\n      queryOptions({\n        queryKey: ['blog', 'article', id],\n        queryFn: ({ signal }) => blog.articles.find(id, signal),\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/blog.ts"],"names":[],"mappings":"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","file":"chunk-WUDGMLUX.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport type { Options as KyOptions } from 'ky';\nimport { api } from './client';\nimport type { Pagination } from './types';\nimport type {\n  ArticleSummary,\n  ArticleDetail,\n  BlogAuthor,\n  BlogCategory,\n  BlogTag,\n  BlogOverview,\n} from '../routes/blog/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport interface BlogArticlesListParams {\n  category?: string;\n  author?: string;\n  tag?: string;\n  page?: number;\n  cursor?: string | null;\n  signal?: AbortSignal;\n}\n\nexport interface BlogArticlesListResponse {\n  data: ArticleSummary[];\n  categories?: BlogCategory[];\n  category: BlogCategory;\n  author: BlogAuthor;\n  tag: BlogTag;\n  cursor: Pagination;\n}\n\nexport interface BlogGetResponse {\n  data: {\n    categories: BlogCategory[] | null;\n    slides: ArticleSummary[] | null;\n    articles: ArticleSummary[] | null;\n    popular: ArticleSummary[] | null;\n  };\n}\n\nexport const blog = {\n  get: async (signal?: AbortSignal): Promise<BlogOverview> => {\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api.get('blog', options as KyOptions).json<BlogGetResponse>();\n\n    return {\n      categories: response.data.categories ?? [],\n      slides: response.data.slides ?? [],\n      articles: response.data.articles ?? [],\n      popular: response.data.popular ?? [],\n    };\n  },\n\n  articles: {\n    list: async (params?: BlogArticlesListParams): Promise<BlogArticlesListResponse> => {\n      const { category, author, tag, page, cursor, signal } = params ?? {};\n\n      const searchParams = new URLSearchParams();\n      if (page !== undefined) searchParams.set('page', String(page));\n      if (cursor) searchParams.set('cursor', cursor);\n      if (category) searchParams.set('category', category);\n      if (author) searchParams.set('author', author);\n      if (tag) searchParams.set('tag', tag);\n\n      const options: Record<string, unknown> = {};\n      if (signal) options.signal = signal;\n\n      const response = await api\n        .get(`blog/articles?${searchParams.toString()}`, options as KyOptions)\n        .json<{\n          data: ArticleSummary[] | null;\n          categories?: BlogCategory[] | null;\n          category: BlogCategory;\n          author: BlogAuthor;\n          tag: BlogTag;\n          cursor: Pagination;\n        }>();\n\n      return {\n        data: response.data ?? [],\n        categories: response.categories ?? undefined,\n        category: response.category,\n        author: response.author,\n        tag: response.tag,\n        cursor: response.cursor,\n      };\n    },\n\n    find: async (id: string, signal?: AbortSignal): Promise<ArticleDetail> => {\n      const options: Record<string, unknown> = {};\n      if (signal) options.signal = signal;\n\n      const response = await api\n        .get(`blog/articles/${id}`, options as KyOptions)\n        .json<{ data: ArticleDetail | null }>();\n\n      if (!response.data) {\n        throw new Error(`Article ${id} not found`);\n      }\n\n      return response.data;\n    },\n\n    findOrThrow: (id: string, signal?: AbortSignal): Promise<ArticleDetail> =>\n      orThrow(blog.articles.find(id, signal)),\n  },\n\n  queries: {\n    overview: () =>\n      queryOptions({\n        queryKey: ['blog', 'overview'],\n        queryFn: ({ signal }) => blog.get(signal),\n      }),\n    articles: (params?: Omit<BlogArticlesListParams, 'signal'>) =>\n      queryOptions({\n        queryKey: ['blog', 'articles', params],\n        queryFn: ({ signal }) => blog.articles.list({ ...params, signal }),\n      }),\n    article: (id: string) =>\n      queryOptions({\n        queryKey: ['blog', 'article', id],\n        queryFn: ({ signal }) => blog.articles.find(id, signal),\n      }),\n  },\n};\n"]}

package/dist/{chunk-EJV3NYBP.js → chunk-WVQBEAYO.js}

@@ -1,25 +1,25 @@
 import { editorFrame, previewTheme, postToEditor, FRAME_LOADED_ACTION } from './chunk-H2QBHOF2.js';
-import { Header } from './chunk-EJIMEI36.js';
-import { Footer } from './chunk-BAS4BPSB.js';
-import { resolveTwilightSdkUrl, TICKETING_SCRIPT_URL } from './chunk-PCEKL6S3.js';
-import { useDevSettingsOverrides, useDevReportSettingsFetchedAt } from './chunk-ZVZPCDEU.js';
-import { apps } from './chunk-5NN4OICC.js';
+import { Header } from './chunk-RFDP66ID.js';
+import { Footer } from './chunk-FOBC4W73.js';
+import { resolveTwilightSdkUrl, TICKETING_SCRIPT_URL } from './chunk-SXI2XBCC.js';
+import { useDevSettingsOverrides, useDevReportSettingsFetchedAt } from './chunk-OO2JMMCL.js';
+import { apps } from './chunk-2EF2HHHL.js';
 import { color } from './chunk-VVZNW5CB.js';
-import { applyThemeHookSlots, installAppScope } from './chunk-5FJFN3IW.js';
-import { withOwnerMaintenanceButton } from './chunk-FID76MUV.js';
-import { useLocation, useIsHome, NavigationInterceptor } from './chunk-GLDGDTVU.js';
-import { useUser } from './chunk-YZDL2P6T.js';
+import { applyThemeHookSlots, installAppScope } from './chunk-WQPG22DY.js';
+import { withOwnerMaintenanceButton, withoutMaintenanceOnPreviewHost } from './chunk-Q7E4TNN7.js';
+import { useLocation, useIsHome, NavigationInterceptor } from './chunk-DGK2HVSR.js';
+import { useUser } from './chunk-EISZVMJY.js';
 import { DocumentClassProvider, useDocumentClass } from './chunk-JWXJPJBO.js';
 import { WidgetHead } from './chunk-V2ZDTY6H.js';
 import { HookSlot } from './chunk-5XDPAKF5.js';
 import { hookRegistry } from './chunk-GCPEMNSU.js';
-import { getActiveCurrency, ENGINE_VERSION } from './chunk-F5NB3H5P.js';
+import { getActiveCurrency, ENGINE_VERSION } from './chunk-5RWIVHYS.js';
 import { useTranslation, I18nProvider } from './chunk-TYNZ5B2B.js';
-import { Toaster } from './chunk-V2M5YNZQ.js';
-import { isNativeApp } from './chunk-2TLIULJZ.js';
-import { whenSallaLoaded, whenSallaReady, onSallaEvent, getSallaSDK, syncSdkLocale, withSdkThemeVersion } from './chunk-GYXUYHKO.js';
-import { AUTH_TOKEN_COOKIE_NAME, rememberDevStoreId, clearAuthTokenCookie, syncScopeCookie, escapeForInlineScript } from './chunk-FHU2MXZA.js';
-import { getTwilightContext, subscribeTwilight, updateTwilightContext, hasTwilightSettings } from './chunk-7VNVCHID.js';
+import { Toaster } from './chunk-MWYKP7CI.js';
+import { isNativeApp } from './chunk-3E3ABCPC.js';
+import { whenSallaLoaded, whenSallaReady, onSallaEvent, getSallaSDK, syncSdkLocale, withSdkThemeVersion } from './chunk-NHA4SBKG.js';
+import { AUTH_TOKEN_COOKIE_NAME, rememberDevStoreId, clearAuthTokenCookie, currentHost, syncScopeCookie, escapeForInlineScript } from './chunk-FXVII733.js';
+import { getTwilightContext, subscribeTwilight, updateTwilightContext, hasTwilightSettings } from './chunk-6K34BCUP.js';
 import { FALLBACK_LOCALE, getLanguageInfo } from './chunk-T72DAX7R.js';
 import { useTwilight, TwilightContext } from './chunk-DF6FBKDN.js';
 import React2, { lazy, Suspense, useEffect, useCallback, useMemo, useRef, useState, useSyncExternalStore, createElement } from 'react';
@@ -264,7 +264,7 @@ function useTwilightInit({
       const userData = withSettingsUser(sdk, settingsData, initialLocale);
       const baseData = userData && withSdkThemeVersion(
         withOwnerMaintenanceButton(
-          withPlaceholder(userData),
+          withoutMaintenanceOnPreviewHost(withPlaceholder(userData), currentHost()),
           disableMaintenanceLabel(ctx, initialLocale)
         )
       );
@@ -343,13 +343,13 @@ function useNativeSpaWebview() {
 }
 var navigationSetups = {
   tanstack: lazy(
-    () => import('./navigation-S6ZL2WSI.js').then((m) => ({ default: m.NavigationSetup }))
+    () => import('./navigation-5ZAI4SPZ.js').then((m) => ({ default: m.NavigationSetup }))
   ),
-  nextjs: lazy(() => import('./navigation-ZPJHUO4Z.js').then((m) => ({ default: m.NavigationSetup })))
+  nextjs: lazy(() => import('./navigation-2UNFQOOQ.js').then((m) => ({ default: m.NavigationSetup })))
 };
 var routeDocumentSyncs = {
   tanstack: lazy(
-    () => import('./document-class-G5XELNQN.js').then((m) => ({
+    () => import('./document-class-R26LC5C2.js').then((m) => ({
       default: m.TanStackDocumentSync
     }))
   )
@@ -871,7 +871,7 @@ var LazySiftSnippet = lazy(
   () => import('./SiftSnippet-5FCU6TR6.js').then((m) => ({ default: m.SiftSnippet }))
 );
 var LazyStoreClosedNotification = lazy(
-  () => import('./StoreClosedNotification-IYVXVJJO.js').then((m) => ({
+  () => import('./StoreClosedNotification-COURDUGE.js').then((m) => ({
     default: m.StoreClosedNotification
   }))
 );
@@ -1115,12 +1115,12 @@ function SallaSdkScripts({ settings }) {
   ] });
 }
 var LazyStoreClosedNotification2 = lazy(
-  () => import('./StoreClosedNotification-IYVXVJJO.js').then((m) => ({
+  () => import('./StoreClosedNotification-COURDUGE.js').then((m) => ({
     default: m.StoreClosedNotification
   }))
 );
 var LazyMaintenancePage = lazy(
-  () => import('./MaintenancePage-A7CNHM7B.js').then((m) => ({ default: m.MaintenancePage }))
+  () => import('./MaintenancePage-U5P43D52.js').then((m) => ({ default: m.MaintenancePage }))
 );
 var BAR = {
   position: "fixed",
@@ -1467,5 +1467,5 @@ function useStore() {
 }
 
 export { LazyMaintenancePage, LazyStoreClosedNotification2 as LazyStoreClosedNotification, MasterLayout, TwilightProvider, fastCheckoutScript, registerDefaultHooks, registerDocumentSync, routeDocumentSyncs, useBreadcrumbs, useDate, useGtm, useMoney, useNumber, useOpeningHours, usePageConfig, useStore };
-//# sourceMappingURL=chunk-EJV3NYBP.js.map
-//# sourceMappingURL=chunk-EJV3NYBP.js.map
+//# sourceMappingURL=chunk-WVQBEAYO.js.map
+//# sourceMappingURL=chunk-WVQBEAYO.js.map