@salla.sa/twilight-theme-engine 1.0.57 → 1.0.58

package/dist/{chunk-NCGZMLBS.js.map → chunk-BZ7ZIO33.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tanstack/link.tsx","../src/tanstack/navigation.tsx"],"names":["TanStackLink","tanstackNotFound","tanstackRedirect","useParams"],"mappings":"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","file":"chunk-NCGZMLBS.js","sourcesContent":["import { forwardRef, createElement } from 'react';\nimport { Link as TanStackLink, useParams } from '@tanstack/react-router';\nimport { isLocale } from '../providers/locale-constants';\nimport type { BaseLinkProps } from '../components/common/Link.types';\n\n/**\n * Routes live under an optional `/{-$locale}` param, so a bare `to=\"/brands\"`\n * resolves with the locale omitted and the $locale loader bounces the user to\n * the fallback locale. Prefix the current locale onto internal paths that\n * don't already carry one.\n */\nexport function localizeDestination(destination: string, locale?: string) {\n  if (!locale || !destination.startsWith('/') || destination.startsWith('//')) return destination;\n  const firstSegment = destination.split('/')[1]?.split(/[?#]/)[0];\n  if (isLocale(firstSegment)) return destination;\n  return destination === '/' ? `/${locale}` : `/${locale}${destination}`;\n}\n\n/**\n * TanStack Router Link adapter.\n * Translates framework-agnostic props to TanStack Router Link props.\n */\nexport const TanStackLinkAdapter = forwardRef<HTMLAnchorElement, BaseLinkProps>(\n  (\n    {\n      to,\n      href,\n      children,\n      className,\n      style,\n      title,\n      target,\n      rel,\n      onClick,\n      preload,\n      replace,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const { locale } = useParams({ strict: false }) as { locale?: string };\n    const destination = localizeDestination(to ?? href ?? '/', locale);\n\n    return createElement(\n      TanStackLink,\n      {\n        ref,\n        to: destination,\n        className,\n        style,\n        title,\n        target,\n        rel,\n        onClick,\n        preload: preload === 'intent' ? 'intent' : undefined,\n        replace,\n        'aria-label': ariaLabel,\n        ...(rest as Record<string, unknown>),\n      },\n      children\n    );\n  }\n);\n\nTanStackLinkAdapter.displayName = 'TanStackLinkAdapter';\n\n/**\n * Create a TanStack Router Link adapter component.\n */\nexport function createTanStackLinkAdapter() {\n  return TanStackLinkAdapter;\n}\n","import {\n  useNavigate,\n  useParams,\n  redirect as tanstackRedirect,\n  notFound as tanstackNotFound,\n} from '@tanstack/react-router';\nimport {\n  NavigationProvider,\n  configureNavigation,\n  type NavigateOptions,\n} from '../providers/NavigationProvider';\nimport { LinkProvider } from '../providers/LinkProvider';\nimport { TanStackLinkAdapter, localizeDestination } from './link';\nimport { useCallback, type ReactNode } from 'react';\nimport { UnauthorizedError } from '../providers/NavigationProvider';\n\nconfigureNavigation({\n  notFound: (message?: string) => {\n    throw tanstackNotFound({ data: message });\n  },\n  redirect: (path: string, opts?: { replace?: boolean }) => {\n    throw tanstackRedirect({ to: path, replace: opts?.replace });\n  },\n  unauthorized: (message?: string) => {\n    throw new UnauthorizedError(message);\n  },\n});\n\n/**\n * TanStack navigation setup - wraps children with NavigationProvider and LinkProvider.\n * Called by TwilightProvider when client.framework === 'tanstack'.\n */\nexport function NavigationSetup({ children }: { children: ReactNode }) {\n  const navigate = useNavigate();\n  const { locale } = useParams({ strict: false }) as { locale?: string };\n  const navigateFn = useCallback(\n    (to: string, opts?: NavigateOptions) =>\n      navigate({ to: localizeDestination(to, locale), replace: opts?.replace }),\n    [navigate, locale]\n  );\n\n  return (\n    <NavigationProvider navigate={navigateFn}>\n      <LinkProvider adapter={TanStackLinkAdapter}>{children}</LinkProvider>\n    </NavigationProvider>\n  );\n}\n\n/** @deprecated Use NavigationSetup instead */\nexport function TanStackNavigationProvider({ children }: { children: ReactNode }) {\n  const navigate = useNavigate();\n  return (\n    <NavigationProvider\n      navigate={(to: string, opts?: NavigateOptions) => navigate({ to, replace: opts?.replace })}\n    >\n      <LinkProvider adapter={TanStackLinkAdapter}>{children}</LinkProvider>\n    </NavigationProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../src/tanstack/link.tsx","../src/tanstack/navigation.tsx"],"names":["TanStackLink","tanstackNotFound","tanstackRedirect","useParams"],"mappings":"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","file":"chunk-BZ7ZIO33.js","sourcesContent":["import { forwardRef, createElement } from 'react';\nimport { Link as TanStackLink, useParams } from '@tanstack/react-router';\nimport { isLocale } from '../providers/locale-constants';\nimport type { BaseLinkProps } from '../components/common/Link.types';\n\n/**\n * Routes live under an optional `/{-$locale}` param, so a bare `to=\"/brands\"`\n * resolves with the locale omitted and the $locale loader bounces the user to\n * the fallback locale. Prefix the current locale onto internal paths that\n * don't already carry one.\n */\nexport function localizeDestination(destination: string, locale?: string) {\n  if (!locale || !destination.startsWith('/') || destination.startsWith('//')) return destination;\n  const firstSegment = destination.split('/')[1]?.split(/[?#]/)[0];\n  if (isLocale(firstSegment)) return destination;\n  return destination === '/' ? `/${locale}` : `/${locale}${destination}`;\n}\n\n/**\n * TanStack Router Link adapter.\n * Translates framework-agnostic props to TanStack Router Link props.\n */\nexport const TanStackLinkAdapter = forwardRef<HTMLAnchorElement, BaseLinkProps>(\n  (\n    {\n      to,\n      href,\n      children,\n      className,\n      style,\n      title,\n      target,\n      rel,\n      onClick,\n      preload,\n      replace,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const { locale } = useParams({ strict: false }) as { locale?: string };\n    const destination = localizeDestination(to ?? href ?? '/', locale);\n\n    return createElement(\n      TanStackLink,\n      {\n        ref,\n        to: destination,\n        className,\n        style,\n        title,\n        target,\n        rel,\n        onClick,\n        preload: preload === 'intent' ? 'intent' : undefined,\n        replace,\n        'aria-label': ariaLabel,\n        ...(rest as Record<string, unknown>),\n      },\n      children\n    );\n  }\n);\n\nTanStackLinkAdapter.displayName = 'TanStackLinkAdapter';\n\n/**\n * Create a TanStack Router Link adapter component.\n */\nexport function createTanStackLinkAdapter() {\n  return TanStackLinkAdapter;\n}\n","import {\n  useNavigate,\n  useParams,\n  redirect as tanstackRedirect,\n  notFound as tanstackNotFound,\n} from '@tanstack/react-router';\nimport {\n  NavigationProvider,\n  configureNavigation,\n  type NavigateOptions,\n} from '../providers/NavigationProvider';\nimport { LinkProvider } from '../providers/LinkProvider';\nimport { TanStackLinkAdapter, localizeDestination } from './link';\nimport { useCallback, type ReactNode } from 'react';\nimport { UnauthorizedError } from '../providers/NavigationProvider';\n\nconfigureNavigation({\n  notFound: (message?: string) => {\n    throw tanstackNotFound({ data: message });\n  },\n  redirect: (path: string, opts?: { replace?: boolean }) => {\n    throw tanstackRedirect({ to: path, replace: opts?.replace });\n  },\n  unauthorized: (message?: string) => {\n    throw new UnauthorizedError(message);\n  },\n});\n\n/**\n * TanStack navigation setup - wraps children with NavigationProvider and LinkProvider.\n * Called by TwilightProvider when client.framework === 'tanstack'.\n */\nexport function NavigationSetup({ children }: { children: ReactNode }) {\n  const navigate = useNavigate();\n  const { locale } = useParams({ strict: false }) as { locale?: string };\n  const navigateFn = useCallback(\n    (to: string, opts?: NavigateOptions) =>\n      navigate({ to: localizeDestination(to, locale), replace: opts?.replace }),\n    [navigate, locale]\n  );\n\n  return (\n    <NavigationProvider navigate={navigateFn}>\n      <LinkProvider adapter={TanStackLinkAdapter}>{children}</LinkProvider>\n    </NavigationProvider>\n  );\n}\n\n/** @deprecated Use NavigationSetup instead */\nexport function TanStackNavigationProvider({ children }: { children: ReactNode }) {\n  const navigate = useNavigate();\n  return (\n    <NavigationProvider\n      navigate={(to: string, opts?: NavigateOptions) => navigate({ to, replace: opts?.replace })}\n    >\n      <LinkProvider adapter={TanStackLinkAdapter}>{children}</LinkProvider>\n    </NavigationProvider>\n  );\n}\n"]}

package/dist/{chunk-O6XXHXC4.js → chunk-F4MMWEII.js}

@@ -1,6 +1,6 @@
-import { getStoreIdentifier, getInjectedRuntimeEnv } from './chunk-3FIWHGCZ.js';
+import { getStoreIdentifier, getInjectedRuntimeEnv } from './chunk-TX6ZP4FF.js';
 import { AUTH_TOKEN_COOKIE_NAME, extractTokenFromCookies, readSdkScope, extractScopeFromCookies } from './chunk-XTMHHLNK.js';
-import { getTwilightContext, getRequestStore } from './chunk-PJWFEMBX.js';
+import { getTwilightContext, getRequestStore } from './chunk-SOPK72TP.js';
 import ky from 'ky';
 import { createIsomorphicFn } from '@tanstack/react-start';
 import { getCookie } from '@tanstack/react-start/server';
@@ -125,7 +125,11 @@ var cdn = ky.extend({
   prefix: "https://cdn.salla.network",
   timeout: 5e3
 });
+var filesCdn = ky.extend({
+  prefix: "https://cdn.files.salla.network",
+  timeout: 5e3
+});
 
-export { STORE_IDENTIFIER_HEADER, api, cdn, getActiveScope, getActiveScopeId, getAuthToken, requestedThemeVersionId };
-//# sourceMappingURL=chunk-O6XXHXC4.js.map
-//# sourceMappingURL=chunk-O6XXHXC4.js.map
+export { STORE_IDENTIFIER_HEADER, api, cdn, filesCdn, getActiveScope, getActiveScopeId, getAuthToken, requestedThemeVersionId };
+//# sourceMappingURL=chunk-F4MMWEII.js.map
+//# sourceMappingURL=chunk-F4MMWEII.js.map

package/dist/chunk-F4MMWEII.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/theme-version.ts","../src/api/client.ts"],"names":[],"mappings":";;;;;;;;AAoCO,SAAS,uBAAA,GAAyC;AACvD,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,eAAA,EAAgB;AACtC,EAAA,IAAI,WAAW,OAAO,SAAA;AAEtB,EAAA,OAAO,qBAAA,GAAwB,SAAA,IAAa,IAAA;AAC9C;AAkBO,SAAS,qBAAA,GAAuC;AACrD,EAAA,MAAM,YAAY,uBAAA,EAAwB;AAC1C,EAAA,IAAI,WAAW,OAAO,SAAA;AAEtB,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,GAAY,kBAAA,EAAmB,CAAE,QAAA,EAAU,OAAO,OAAA,EAAS,EAAA;AACjE,IAAA,OAAO,SAAA,IAAa,IAAA,GAAO,MAAA,CAAO,SAAS,CAAA,GAAI,IAAA;AAAA,EACjD,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;;;AC9CA,IAAM,iBAAA,GAAoB,kBAAA,EAAmB,CAC1C,MAAA,CAAO,MAAqB;AAC3B,EAAA,IAAI;AACF,IAAA,OAAO,SAAA,CAAU,sBAAsB,CAAA,IAAK,IAAA;AAAA,EAC9C,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF,CAAC,CAAA,CACA,OAAO,MAAqB;AAC3B,EAAA,MAAM,UAAA,GACJ,OAAO,QAAA,KAAa,WAAA,GAChB,wBAAwB,QAAA,CAAS,MAAA,EAAQ,sBAAsB,CAAA,GAC/D,IAAA;AACN,EAAA,IAAI,YAAY,OAAO,UAAA;AACvB,EAAA,MAAM,UAAU,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,CAAO,OAAO,OAAA,GAAU,MAAA;AACxE,EAAA,MAAM,WAAA,GACJ,OAAO,OAAA,EAAS,GAAA,KAAQ,aAAa,OAAA,CAAQ,GAAA,CAAI,sBAAsB,CAAA,GAAI,IAAA;AAC7E,EAAA,IAAI,OAAO,WAAA,KAAgB,QAAA,IAAY,WAAA,EAAa,OAAO,WAAA;AAE3D,EAAA,MAAM,aAAa,OAAO,MAAA,KAAW,cAAc,MAAA,CAAO,KAAA,EAAO,KAAK,KAAA,GAAQ,MAAA;AAC9E,EAAA,OAAO,OAAO,UAAA,KAAe,QAAA,IAAY,UAAA,GAAa,UAAA,GAAa,IAAA;AACrE,CAAC,CAAA;AAOI,IAAM,YAAA,GAAe,MAC1B,kBAAA,EAAmB,CAAE,aAAa,iBAAA;AAEpC,IAAM,WAAA,GAAc;AAAA,EAClB,MAAA,EAAQ,QAAA;AAAA,EACR,eAAA,EAAiB,iBAAA;AAAA,EACjB,MAAA,EAAQ,UAAA;AAAA,EACR,WAAA,EAAa,eAAA;AAAA,EACb,GAAA,EAAK,OAAA;AAAA,EACL,MAAA,EAAQ,UAAA;AAAA,EACR,UAAA,EAAY,cAAA;AAAA,EACZ,iBAAA,EAAmB,qBAAA;AAAA,EACnB,cAAA,EAAgB,kBAAA;AAAA,EAChB,kBAAA,EAAoB,yBAAA;AAAA,EACpB,gBAAA,EAAkB,kBAAA;AAAA,EAClB,aAAA,EAAe,eAAA;AAAA,EACf,UAAA,EAAY,cAAA;AAAA,EACZ,QAAA,EAAU,YAAA;AAAA,EACV,UAAA,EAAY,cAAA;AAAA,EACZ,qBAAA,EAAuB,yBAAA;AAAA,EACvB,mBAAA,EAAqB;AACvB,CAAA;AAUO,IAAM,0BAA0B,WAAA,CAAY;AAc5C,IAAM,iBAAiB,MAA0B;AAItD,EAAA,MAAM,cAAc,YAAA,EAAa;AACjC,EAAA,IAAI,WAAA,KAAgB,QAAW,OAAO,WAAA;AAEtC,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,IAAA,MAAM,UAAA,GAAa,uBAAA,CAAwB,QAAA,CAAS,MAAM,CAAA;AAC1D,IAAA,IAAI,UAAA,IAAc,MAAM,OAAO,UAAA;AAAA,EACjC;AAEA,EAAA,IAAI;AACF,IAAA,OAAO,oBAAmB,CAAE,KAAA;AAAA,EAC9B,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAGO,IAAM,gBAAA,GAAmB,MAAqB,cAAA,EAAe,EAAG,EAAA,IAAM;AAE7E,IAAM,aAAA,GAAgB,CAAC,MAAA,MAAoB;AAAA,EACzC,CAAC,WAAA,CAAY,MAAM,GAAG,kBAAA;AAAA,EACtB,CAAC,WAAA,CAAY,eAAe,GAAG,MAAA;AAAA,EAC/B,CAAC,WAAA,CAAY,MAAM,GAAG,SAAA;AAAA,EACtB,CAAC,WAAA,CAAY,WAAW,GAAG,UAAA;AAAA,EAC3B,CAAC,WAAA,CAAY,GAAG,GAAG,IAAA;AAAA,EACnB,CAAC,WAAA,CAAY,MAAM,GAAG,UAAA;AAAA,EACtB,CAAC,WAAA,CAAY,UAAU,GAAG,OAAA;AAAA,EAC1B,CAAC,WAAA,CAAY,iBAAiB,GAAG,QAAA;AAAA,EACjC,CAAC,WAAA,CAAY,cAAc,GAAG,gBAAA;AAAA,EAC9B,CAAC,WAAA,CAAY,kBAAkB,GAAG;AACpC,CAAA,CAAA;AAWO,IAAM,GAAA,GAAM,GAAG,MAAA,CAAO;AAAA,EAC3B,MAAA,EAAQ,gCAAA;AAAA;AAAA,EACR,OAAA,EAAS,GAAA;AAAA,EACT,KAAA,EAAO;AAAA,IACL,aAAA,EAAe;AAAA,MACb,CAAC,EAAE,OAAA,EAAQ,KAAM;AACf,QAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAU,GAAI,kBAAA,EAAmB;AACjD,QAAA,MAAM,OAAA,GAAU,cAAc,MAAM,CAAA;AACpC,QAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,OAAO,CAAA,EAAG;AAClD,UAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,GAAA,EAAK,KAAK,CAAA;AAAA,QAChC;AAIA,QAAA,IAAI,CAAC,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,WAAA,CAAY,gBAAgB,CAAA,EAAG;AACtD,UAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,WAAA,CAAY,gBAAA,EAAkB,oBAAoB,CAAA;AAAA,QACxE;AAKA,QAAA,MAAM,YAAY,qBAAA,EAAsB;AACxC,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,WAAA,CAAY,UAAA,EAAY,SAAS,CAAA;AAAA,QACvD;AAEA,QAAA,MAAM,KAAA,GAAQ,aAAa,iBAAA,EAAkB;AAC7C,QAAA,IAAI,KAAA,EAAO;AACT,UAAA,OAAA,CAAQ,QAAQ,GAAA,CAAI,WAAA,CAAY,aAAA,EAAe,CAAA,OAAA,EAAU,KAAK,CAAA,CAAE,CAAA;AAAA,QAClE;AAIA,QAAA,MAAM,QAAQ,cAAA,EAAe;AAC7B,QAAA,IAAI,KAAA,EAAO;AACT,UAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,WAAA,CAAY,QAAA,EAAU,MAAM,EAAE,CAAA;AAClD,UAAA,IAAI,KAAA,CAAM,MAAM,OAAA,CAAQ,OAAA,CAAQ,IAAI,WAAA,CAAY,UAAA,EAAY,MAAM,IAAI,CAAA;AACtE,UAAA,IAAI,KAAA,CAAM,eAAA;AACR,YAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,WAAA,CAAY,qBAAA,EAAuB,MAAM,eAAe,CAAA;AAC9E,UAAA,IAAI,KAAA,CAAM,aAAA;AACR,YAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,WAAA,CAAY,mBAAA,EAAqB,MAAM,aAAa,CAAA;AAAA,QAC5E;AAAA,MACF;AAAA;AACF;AAEJ,CAAC;AAEM,IAAM,GAAA,GAAM,GAAG,MAAA,CAAO;AAAA,EAC3B,MAAA,EAAQ,2BAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAC;AAUM,IAAM,QAAA,GAAW,GAAG,MAAA,CAAO;AAAA,EAChC,MAAA,EAAQ,iCAAA;AAAA,EACR,OAAA,EAAS;AACX,CAAC","file":"chunk-F4MMWEII.js","sourcesContent":["/**\n * @fileoverview Which version of the theme's settings to render — the one answer,\n * in one place.\n *\n * A merchant's theme settings are versioned. An ordinary storefront visit names\n * no version and gets the live one; the API decides, and reports it back as\n * `theme.profile.id`. Two surfaces need a different one, and both address it in\n * the URL of an iframe:\n *\n * - the merchant's theme editor at `s.salla.sa/themes/editor/…`, which shows a\n *   draft version beside the controls that are editing it;\n * - a partner running the theme locally, whose dev server is the iframe.\n *\n * Written as a module of its own rather than inline at the one call site,\n * because `store-identity.ts` exists for exactly this reason: the identifier a\n * request resolved and the identifier it sent were two different values for\n * days, in two files, and every test passed. A second implementation of this is\n * the bug, not a refactor away from one.\n */\nimport { getRequestStore, getTwilightContext } from '../twilight/context';\nimport { getInjectedRuntimeEnv } from './runtime-env';\n\n/**\n * The version this request asked for, or null when it asked for none.\n *\n * Deliberately excludes the version the *settings* name. This is the answer to\n * \"what did the caller address?\", and it has to be available before any settings\n * exist — React Query keys are built from it, and a key that means one thing\n * during SSR and another after hydration is how a page refetches everything it\n * was just handed.\n *\n * 1. what the request named, seeded by `twilightMiddleware` on a host permitted\n *    to name one;\n * 2. what SSR resolved and published into the head, which is all the browser has\n *    once the dispatcher has stripped `?versionId=` from the URL.\n */\nexport function requestedThemeVersionId(): string | null {\n  const { versionId } = getRequestStore();\n  if (versionId) return versionId;\n\n  return getInjectedRuntimeEnv().versionId || null;\n}\n\n/**\n * The version every Salla API call is answered with — what goes in `s-version-id`.\n *\n * The requested version outranks the settings, because a request that named one\n * is the only reason this is ever anything but the live version: falling back to\n * the settings there would let the first answer overwrite the question.\n *\n * The settings' own `theme.profile.id` stays as the fallback, unchanged. It is\n * what this header has always carried, and on an ordinary storefront it still\n * is — it keeps the rest of a page's calls pinned to the version the settings\n * call resolved, rather than letting a version go live mid-render.\n *\n * Reading the settings is guarded because `getTwilightContext().settings` throws\n * a `SettingsError` when they have not loaded — which is the normal state on the\n * very first call, the settings call itself.\n */\nexport function resolveThemeVersionId(): string | null {\n  const requested = requestedThemeVersionId();\n  if (requested) return requested;\n\n  try {\n    const profileId = getTwilightContext().settings?.theme?.profile?.id;\n    return profileId != null ? String(profileId) : null;\n  } catch {\n    return null;\n  }\n}\n","import ky from 'ky';\nimport { createIsomorphicFn } from '@tanstack/react-start';\nimport { getCookie } from '@tanstack/react-start/server';\nimport { getStoreIdentifier } from '../utils/sdk-helpers';\nimport { resolveThemeVersionId } from '../utils/theme-version';\n// import { getInjectedRuntimeEnv, readEnv } from '../utils/runtime-env';\nimport { getTwilightContext } from '../twilight/context';\nimport {\n  AUTH_TOKEN_COOKIE_NAME,\n  extractScopeFromCookies,\n  extractTokenFromCookies,\n  readSdkScope,\n  type ActiveScope,\n} from '../utils/cookies';\n\n// The twilight module store doesn't reliably carry authToken into every scope: on the\n// SERVER workerd has no AsyncLocalStorage, and on BOTH sides this api client can live in a\n// different module instance than the one rootBeforeLoad populates (engine subpath import vs\n// engine-internal relative import). So `getTwilightContext().authToken` is often null even\n// for logged-in users → API calls (orders/customer/…) return `token_not_provided` (400).\n// Read the token directly from the request cookie (server) or document.cookie / salla.storage\n// (client) as a fallback. The server-only import is stripped from the client bundle by\n// createIsomorphicFn.\nconst readFallbackToken = createIsomorphicFn()\n  .server((): string | null => {\n    try {\n      return getCookie(AUTH_TOKEN_COOKIE_NAME) ?? null;\n    } catch {\n      return null;\n    }\n  })\n  .client((): string | null => {\n    const fromCookie =\n      typeof document !== 'undefined'\n        ? extractTokenFromCookies(document.cookie, AUTH_TOKEN_COOKIE_NAME)\n        : null;\n    if (fromCookie) return fromCookie;\n    const storage = typeof window !== 'undefined' ? window.salla?.storage : undefined;\n    const fromStorage =\n      typeof storage?.get === 'function' ? storage.get(AUTH_TOKEN_COOKIE_NAME) : null;\n    if (typeof fromStorage === 'string' && fromStorage) return fromStorage;\n    // `?token=` webview injection lands only on the SDK's axios instance\n    const fromSdkApi = typeof window !== 'undefined' ? window.salla?.api?.token : undefined;\n    return typeof fromSdkApi === 'string' && fromSdkApi ? fromSdkApi : null;\n  });\n\n/**\n * The auth token as the api client sees it: twilight context first, cookie/storage fallback.\n * Use this (not `getTwilightContext().authToken`, which is often null for logged-in users —\n * see the note above) to decide whether an authenticated-only query should run.\n */\nexport const getAuthToken = (): string | null =>\n  getTwilightContext().authToken ?? readFallbackToken();\n\nconst API_HEADERS = {\n  ACCEPT: 'accept',\n  ACCEPT_LANGUAGE: 'accept-language',\n  APP_OS: 's-app-os',\n  APP_VERSION: 's-app-version',\n  RAY: 's-ray',\n  SOURCE: 's-source',\n  THEME_TYPE: 's-theme-type',\n  STORE_API_VERSION: 's-store-api-version',\n  REQUESTED_WITH: 'x-requested-with',\n  CF_PROXY_WHITELIST: 's-cf-proxy-whitelist-id',\n  STORE_IDENTIFIER: 'store-identifier',\n  AUTHORIZATION: 'Authorization',\n  VERSION_ID: 's-version-id',\n  SCOPE_ID: 's-scope-id',\n  SCOPE_TYPE: 's-scope-type',\n  SCOPE_ALLOCATION_TYPE: 's-scope-allocation-type',\n  SCOPE_ALLOCATION_ID: 's-scope-allocation-id',\n} as const;\n\n/**\n * The header every Salla API call is answered by store.\n *\n * Exported because a caller that already knows which store it is asking about\n * must be able to say so on the request itself — see `store.settings`. Without\n * it the only way to name a store is the ambient resolver, and \"the identifier\n * I checked\" and \"the identifier that was sent\" become two different things.\n */\nexport const STORE_IDENTIFIER_HEADER = API_HEADERS.STORE_IDENTIFIER;\n\n/**\n * Active scope: the market plus its branch allocation, as the SDK stores it. On the\n * client it comes from `salla.storage.get('scope')`; before the SDK hydrates storage\n * it falls back to the `scope` cookie the theme mirrors that selection into (see\n * writeScopeCookie), then to the scope twilightMiddleware seeded from the same\n * cookie on the server. Requests vary by the `s-scope-*` headers, so React Query\n * keys must include this to avoid serving another branch's cached categories/products.\n *\n * The cookie step matters for hydration: the SDK is not guaranteed to have\n * populated `salla.storage` by the time the client rebuilds a dehydrated query\n * key, and without it the client would compute null against a scoped SSR key.\n */\nexport const getActiveScope = (): ActiveScope | null => {\n  // `!== undefined`, not `!= null`: a null here is the SDK authoritatively saying \"no branch\n  // selected\", which must beat a cookie left over from the previous selection. Only a\n  // not-yet-ready storage API (undefined) falls through to the cookie.\n  const fromStorage = readSdkScope();\n  if (fromStorage !== undefined) return fromStorage;\n\n  if (typeof document !== 'undefined') {\n    const fromCookie = extractScopeFromCookies(document.cookie);\n    if (fromCookie != null) return fromCookie;\n  }\n\n  try {\n    return getTwilightContext().scope;\n  } catch {\n    return null;\n  }\n};\n\n/** {@link getActiveScope} reduced to the market id. */\nexport const getActiveScopeId = (): string | null => getActiveScope()?.id ?? null;\n\nconst sharedHeaders = (locale: string) => ({\n  [API_HEADERS.ACCEPT]: 'application/json' as const,\n  [API_HEADERS.ACCEPT_LANGUAGE]: locale,\n  [API_HEADERS.APP_OS]: 'browser',\n  [API_HEADERS.APP_VERSION]: '2.14.363',\n  [API_HEADERS.RAY]: '50',\n  [API_HEADERS.SOURCE]: 'twilight',\n  [API_HEADERS.THEME_TYPE]: 'react',\n  [API_HEADERS.STORE_API_VERSION]: 'swoole',\n  [API_HEADERS.REQUESTED_WITH]: 'XMLHttpRequest',\n  [API_HEADERS.CF_PROXY_WHITELIST]: '019a2f78-a64c-7edb-proxy-whitelist-id-9a3a-17afda90f03a',\n});\n\n/**\n * Store API base. `VITE_API_URL` override points a preview at a branch backend; unset → prod\n * `api.salla.dev`. Resolution order matters: the value the SSR worker resolved (published into\n * the head, since worker `vars` are server-only `process.env` and never reach the browser\n * bundle) wins, so the hydrated client keeps talking to the backend that rendered the page.\n */\n\n// const STORE_API_BASE = getInjectedRuntimeEnv().apiBase || readEnv('VITE_API_URL') || 'https://api.salla.dev/store/v1';\n\nexport const api = ky.extend({\n  prefix: 'https://api.salla.dev/store/v1', // TODO: check env\n  timeout: 8000,\n  hooks: {\n    beforeRequest: [\n      ({ request }) => {\n        const { locale, authToken } = getTwilightContext();\n        const headers = sharedHeaders(locale);\n        for (const [key, value] of Object.entries(headers)) {\n          request.headers.set(key, value);\n        }\n        // Only when the caller did not say. `headers.set` here would otherwise\n        // overwrite a per-request identifier with the ambient one, which is a\n        // silent way to answer a question about one store with another's data.\n        if (!request.headers.get(API_HEADERS.STORE_IDENTIFIER)) {\n          request.headers.set(API_HEADERS.STORE_IDENTIFIER, getStoreIdentifier());\n        }\n\n        // The version the request asked for, else the one the settings named.\n        // Absent means \"whatever is live\", which is what an ordinary storefront\n        // visit wants — so a null is left off rather than sent empty.\n        const versionId = resolveThemeVersionId();\n        if (versionId) {\n          request.headers.set(API_HEADERS.VERSION_ID, versionId);\n        }\n\n        const token = authToken ?? readFallbackToken();\n        if (token) {\n          request.headers.set(API_HEADERS.AUTHORIZATION, `Bearer ${token}`);\n        }\n\n        // The same four the SDK's own client sends. The API resolves stock per\n        // allocation: id alone asks about the market, not the branch the shopper chose.\n        const scope = getActiveScope();\n        if (scope) {\n          request.headers.set(API_HEADERS.SCOPE_ID, scope.id);\n          if (scope.type) request.headers.set(API_HEADERS.SCOPE_TYPE, scope.type);\n          if (scope.allocation_type)\n            request.headers.set(API_HEADERS.SCOPE_ALLOCATION_TYPE, scope.allocation_type);\n          if (scope.allocation_id)\n            request.headers.set(API_HEADERS.SCOPE_ALLOCATION_ID, scope.allocation_id);\n        }\n      },\n    ],\n  },\n});\n\nexport const cdn = ky.extend({\n  prefix: 'https://cdn.salla.network',\n  timeout: 5000,\n});\n\n/**\n * The merchant uploader's public bucket, `admin-uploader-prod`.\n *\n * A different host from {@link cdn} and a different thing behind it: this one\n * is an R2 custom domain, so a read never passes through a worker. Storefront\n * translations live here, per language, under `translations/` — see\n * `api/translations.ts`.\n */\nexport const filesCdn = ky.extend({\n  prefix: 'https://cdn.files.salla.network',\n  timeout: 5000,\n});\n"]}

package/dist/{chunk-R6M6RM6U.js → chunk-GLRXYGYI.js}

@@ -1,4 +1,4 @@
-import { getTwilightContext } from './chunk-PJWFEMBX.js';
+import { getTwilightContext } from './chunk-SOPK72TP.js';
 
 // src/utils/sdk-events.ts
 function dispatchRouteChanged() {
@@ -10,5 +10,5 @@ function dispatchRouteChanged() {
 }
 
 export { dispatchRouteChanged };
-//# sourceMappingURL=chunk-R6M6RM6U.js.map
-//# sourceMappingURL=chunk-R6M6RM6U.js.map
+//# sourceMappingURL=chunk-GLRXYGYI.js.map
+//# sourceMappingURL=chunk-GLRXYGYI.js.map

package/dist/{chunk-R6M6RM6U.js.map → chunk-GLRXYGYI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/sdk-events.ts"],"names":[],"mappings":";;;AA0BO,SAAS,oBAAA,GAA6B;AAC3C,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,EAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,EAAA,IAAI,CAAC,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU;AAE7B,EAAA,MAAM,MAAM,kBAAA,EAAmB;AAC/B,EAAA,KAAA,CAAM,MAAM,QAAA,CAAS,gBAAA,EAAkB,GAAA,CAAI,IAAA,IAAQ,EAAE,CAAA;AACvD","file":"chunk-R6M6RM6U.js","sourcesContent":["import { getTwilightContext } from '../twilight/context';\nimport type { PageContext } from '../twilight/context';\n\n/**\n * Payload dispatched via `salla.event.dispatch('route::changed', payload)`\n * after each client-side navigation completes.\n *\n * The page config fields are spread at root level. When the matched route\n * has no page data (e.g., 404, error boundary), an empty object is dispatched.\n *\n * @example\n * ```ts\n * salla.event.on('route::changed', (page: RouteChangedEvent) => {\n *   console.log(page.slug, page.title, page.id);\n * });\n * ```\n */\nexport type RouteChangedEvent = PageContext;\n\n/**\n * Dispatch the `route::changed` Salla SDK event with the current page config.\n *\n * Framework-agnostic — reads from the twilight context store which is\n * populated by whichever framework adapter is active (TanStack, Next.js, etc.).\n * Each adapter should call this after navigation resolves.\n */\nexport function dispatchRouteChanged(): void {\n  if (typeof window === 'undefined') return;\n\n  const salla = window.salla;\n  if (!salla?.event?.dispatch) return;\n\n  const ctx = getTwilightContext();\n  salla.event.dispatch('route::changed', ctx.page ?? {});\n}\n"]}
+{"version":3,"sources":["../src/utils/sdk-events.ts"],"names":[],"mappings":";;;AA0BO,SAAS,oBAAA,GAA6B;AAC3C,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,EAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,EAAA,IAAI,CAAC,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU;AAE7B,EAAA,MAAM,MAAM,kBAAA,EAAmB;AAC/B,EAAA,KAAA,CAAM,MAAM,QAAA,CAAS,gBAAA,EAAkB,GAAA,CAAI,IAAA,IAAQ,EAAE,CAAA;AACvD","file":"chunk-GLRXYGYI.js","sourcesContent":["import { getTwilightContext } from '../twilight/context';\nimport type { PageContext } from '../twilight/context';\n\n/**\n * Payload dispatched via `salla.event.dispatch('route::changed', payload)`\n * after each client-side navigation completes.\n *\n * The page config fields are spread at root level. When the matched route\n * has no page data (e.g., 404, error boundary), an empty object is dispatched.\n *\n * @example\n * ```ts\n * salla.event.on('route::changed', (page: RouteChangedEvent) => {\n *   console.log(page.slug, page.title, page.id);\n * });\n * ```\n */\nexport type RouteChangedEvent = PageContext;\n\n/**\n * Dispatch the `route::changed` Salla SDK event with the current page config.\n *\n * Framework-agnostic — reads from the twilight context store which is\n * populated by whichever framework adapter is active (TanStack, Next.js, etc.).\n * Each adapter should call this after navigation resolves.\n */\nexport function dispatchRouteChanged(): void {\n  if (typeof window === 'undefined') return;\n\n  const salla = window.salla;\n  if (!salla?.event?.dispatch) return;\n\n  const ctx = getTwilightContext();\n  salla.event.dispatch('route::changed', ctx.page ?? {});\n}\n"]}

package/dist/{chunk-MENDTTOA.js → chunk-HOE2P2HU.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-O6XXHXC4.js';
+import { api } from './chunk-F4MMWEII.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var notification = {
@@ -24,5 +24,5 @@ var notification = {
 };
 
 export { notification };
-//# sourceMappingURL=chunk-MENDTTOA.js.map
-//# sourceMappingURL=chunk-MENDTTOA.js.map
+//# sourceMappingURL=chunk-HOE2P2HU.js.map
+//# sourceMappingURL=chunk-HOE2P2HU.js.map

package/dist/{chunk-MENDTTOA.js.map → chunk-HOE2P2HU.js.map}

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

package/dist/{chunk-62SHHET3.js → chunk-HVHFTVZT.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-63GHZIAG.js';
-import { getAuthToken, api } from './chunk-O6XXHXC4.js';
+import { orThrow } from './chunk-JDROOL5C.js';
+import { getAuthToken, api } from './chunk-F4MMWEII.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var loyalty = {
@@ -29,5 +29,5 @@ var loyalty = {
 };
 
 export { loyalty };
-//# sourceMappingURL=chunk-62SHHET3.js.map
-//# sourceMappingURL=chunk-62SHHET3.js.map
+//# sourceMappingURL=chunk-HVHFTVZT.js.map
+//# sourceMappingURL=chunk-HVHFTVZT.js.map

package/dist/{chunk-62SHHET3.js.map → chunk-HVHFTVZT.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-62SHHET3.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-HVHFTVZT.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-IE2FU6BR.js

@@ -0,0 +1,83 @@
+import { filesCdn, cdn } from './chunk-F4MMWEII.js';
+import { translationsQueryKey } from './chunk-SOPK72TP.js';
+import { queryOptions } from '@tanstack/react-query';
+
+var LEGACY_GLOBAL_FILE = "js/translations.json";
+function commonTranslationsPath(locale) {
+  return `translations/common/${locale}.json`;
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+async function readLocaleFile(path) {
+  try {
+    const response = await filesCdn.get(path, { throwHttpErrors: false, timeout: 5e3 });
+    if (response.status === 404) return null;
+    if (!response.ok) {
+      console.warn(
+        "[translations] a language file answered an error status",
+        path,
+        response.status
+      );
+      return null;
+    }
+    const data = await response.json();
+    if (!isPlainObject(data)) {
+      console.warn("[translations] a language file is not a JSON object", path);
+      return null;
+    }
+    return data;
+  } catch (error) {
+    console.warn("[translations] a language file could not be read", path, error);
+    return null;
+  }
+}
+async function readLegacyGlobal(locale) {
+  try {
+    const data = await cdn.get(LEGACY_GLOBAL_FILE, { timeout: 5e3 }).json();
+    const forLocale = data?.[`${locale}.trans`];
+    return isPlainObject(forLocale) ? forLocale : null;
+  } catch {
+    console.warn("[translations] the legacy global file could not be read either");
+    return null;
+  }
+}
+var translations = {
+  /**
+   * The platform's copy for `locale`.
+   *
+   * One file, so one request. See the file comment for why the merchant's own
+   * wording is not merged in here yet and what it is waiting on.
+   */
+  get: async (locale) => {
+    const common = await readLocaleFile(commonTranslationsPath(locale));
+    const base = common ?? await readLegacyGlobal(locale);
+    if (!base) return null;
+    return { [`${locale}.trans`]: base };
+  },
+  queries: {
+    /**
+     * @param locale taken as an argument rather than read from the twilight
+     * context, and that is load-bearing. This key is built on the server, on
+     * hydration, and again lazily from the context accessor; if any of the
+     * three read a locale the others had not been given yet, the hydrated page
+     * would miss the dehydrated entry and refetch both files it was just
+     * handed. Every caller already has the locale in hand.
+     *
+     * The store is deliberately **not** in the key. One document serves one
+     * store — a request that names a different one is redirected with
+     * `reloadDocument`, so the client never changes store under a live cache —
+     * and adding a value that resolves from the request on the server and from
+     * the injected env on the client is how a key stops matching across
+     * hydration.
+     */
+    byLocale: (locale) => queryOptions({
+      queryKey: translationsQueryKey(locale),
+      queryFn: () => translations.get(locale)
+    })
+  }
+};
+
+export { commonTranslationsPath, translations };
+//# sourceMappingURL=chunk-IE2FU6BR.js.map
+//# sourceMappingURL=chunk-IE2FU6BR.js.map

package/dist/chunk-IE2FU6BR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/translations.ts"],"names":[],"mappings":";;;;AA0DA,IAAM,kBAAA,GAAqB,sBAAA;AAGpB,SAAS,uBAAuB,MAAA,EAAwB;AAC7D,EAAA,OAAO,uBAAuB,MAAM,CAAA,KAAA,CAAA;AACtC;AAIA,SAAS,cAAc,KAAA,EAAmC;AACxD,EAAA,OAAO,OAAO,UAAU,QAAA,IAAY,KAAA,KAAU,QAAQ,CAAC,KAAA,CAAM,QAAQ,KAAK,CAAA;AAC5E;AAUA,eAAe,eAAe,IAAA,EAAwC;AACpE,EAAA,IAAI;AACF,IAAA,MAAM,QAAA,GAAW,MAAM,QAAA,CAAS,GAAA,CAAI,IAAA,EAAM,EAAE,eAAA,EAAiB,KAAA,EAAO,OAAA,EAAS,GAAA,EAAM,CAAA;AACnF,IAAA,IAAI,QAAA,CAAS,MAAA,KAAW,GAAA,EAAK,OAAO,IAAA;AAEpC,IAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN,yDAAA;AAAA,QACA,IAAA;AAAA,QACA,QAAA,CAAS;AAAA,OACX;AACA,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,IAAA,GAAgB,MAAM,QAAA,CAAS,IAAA,EAAK;AAC1C,IAAA,IAAI,CAAC,aAAA,CAAc,IAAI,CAAA,EAAG;AACxB,MAAA,OAAA,CAAQ,IAAA,CAAK,uDAAuD,IAAI,CAAA;AACxE,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,OAAO,IAAA;AAAA,EACT,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,IAAA,CAAK,kDAAA,EAAoD,IAAA,EAAM,KAAK,CAAA;AAC5E,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAQA,eAAe,iBAAiB,MAAA,EAA0C;AACxE,EAAA,IAAI;AACF,IAAA,MAAM,IAAA,GAAO,MAAM,GAAA,CAAI,GAAA,CAAI,kBAAA,EAAoB,EAAE,OAAA,EAAS,GAAA,EAAM,CAAA,CAAE,IAAA,EAA0B;AAC5F,IAAA,MAAM,SAAA,GAAY,IAAA,GAAO,CAAA,EAAG,MAAM,CAAA,MAAA,CAAQ,CAAA;AAC1C,IAAA,OAAO,aAAA,CAAc,SAAS,CAAA,GAAI,SAAA,GAAY,IAAA;AAAA,EAChD,CAAA,CAAA,MAAQ;AACN,IAAA,OAAA,CAAQ,KAAK,gEAAgE,CAAA;AAC7E,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAEO,IAAM,YAAA,GAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO1B,GAAA,EAAK,OAAO,MAAA,KAAwD;AAClE,IAAA,MAAM,MAAA,GAAS,MAAM,cAAA,CAAe,sBAAA,CAAuB,MAAM,CAAC,CAAA;AAClE,IAAA,MAAM,IAAA,GAAO,MAAA,IAAW,MAAM,gBAAA,CAAiB,MAAM,CAAA;AACrD,IAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAMlB,IAAA,OAAO,EAAE,CAAC,CAAA,EAAG,MAAM,CAAA,MAAA,CAAQ,GAAG,IAAA,EAA+B;AAAA,EAC/D,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBP,QAAA,EAAU,CAAC,MAAA,KACT,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,qBAAqB,MAAM,CAAA;AAAA,MACrC,OAAA,EAAS,MAAM,YAAA,CAAa,GAAA,CAAI,MAAM;AAAA,KACvC;AAAA;AAEP","file":"chunk-IE2FU6BR.js","sourcesContent":["/**\n * @fileoverview Where a storefront's words come from.\n *\n * Two files, merged: the platform's copy for this language, and the merchant's\n * own edits for this language and this store. Both are plain JSON objects on\n * the uploader's CDN, one per language.\n *\n * ```\n * https://cdn.files.salla.network/translations/common/<locale>.json      the platform's\n * https://cdn.files.salla.network/translations/<storeId>/<locale>.json   the merchant's\n * ```\n *\n * **What this replaces, and why.** Until now the engine read a single global\n * file, `cdn.salla.network/js/translations.json`, holding every language keyed\n * `\"<locale>.trans\"`. Nothing publishes that file: it is an object last written\n * on 2026-03-26, carrying only `ar` and `en` where the platform has 39 locales,\n * 405 keys behind `Languages-Module` and 959 English strings textually\n * different from it. So every React storefront has been serving copy from\n * March, and a key added since has never reached one. It also carried no\n * merchant overrides at all — a merchant editing their theme's wording in the\n * Dashboard changed nothing on a React theme.\n *\n * **Merchant overrides are deliberately not read here yet**, and the reason is\n * worth writing down because the first version of this file got it wrong.\n *\n * A merchant's own wording lives at `translations/<storeId>/<locale>.json`, keyed\n * by `store()->getRouteKey()` — the Optimus-encoded numeric id. This module used\n * to address it with `resolveStoreIdentifier()`, on the claim that the two are\n * the same string. That is true of the `store-identifier` *header* (the API\n * accepts a host, a username or an id) and false of the R2 key: on a custom\n * domain the resolver returns `reefperfumes.com`, and on a shared host it returns\n * a username like `mtgr-alaatr-2`. Both 404, both are then treated as \"this store\n * has no overrides\", and the merchant's wording silently never appears — so the\n * feature would have worked only under `?storeId=`, which is preview and\n * localhost. Greptile caught it on #360.\n *\n * The correct id is `settings.store.id`, which is only known *after* the settings\n * query — and that query runs in the same `Promise.all` as this one. Fetching the\n * override afterwards would put an uncached round trip on the critical path of\n * every SSR render of every store (a 404 there is `cf-cache-status: DYNAMIC`), to\n * serve a feature almost no store uses. So it waits for the\n * `has_custom_translations` flag on the settings payload, which makes the fetch\n * both correctly addressed and conditional. Nothing regresses meanwhile: React\n * themes do not read merchant overrides today either.\n *\n * **Rollout is by fallback, not by flag.** `translations/common/` is written by\n * a sync in the theme build service that may not have run yet, and a hard switch\n * would leave every storefront with no platform strings at all. A missing common\n * file therefore falls back to the old global one, which is exactly today's\n * behaviour — so this is safe to ship before the bucket is populated, and stops\n * using the fallback on its own once it is.\n */\nimport { queryOptions } from '@tanstack/react-query';\nimport { cdn, filesCdn } from './client';\nimport { translationsQueryKey } from './translations-key';\nimport type { TranslationMessages } from '../providers/I18nProvider';\n\n/** The global file this used to be the only reader of. See the file comment. */\nconst LEGACY_GLOBAL_FILE = 'js/translations.json';\n\n/** One language of platform copy, shared by every store. */\nexport function commonTranslationsPath(locale: string): string {\n  return `translations/common/${locale}.json`;\n}\n\ntype Messages = Record<string, unknown>;\n\nfunction isPlainObject(value: unknown): value is Messages {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * Reads one language file, or `null` when there is nothing to read.\n *\n * A 404 is the ordinary answer, not a failure: most stores have never had a\n * word customised, so their file does not exist. Distinguishing it from a real\n * error matters only for the log — both end in `null` — but a warning on every\n * page load of every uncustomised store is a warning nobody will read.\n */\nasync function readLocaleFile(path: string): Promise<Messages | null> {\n  try {\n    const response = await filesCdn.get(path, { throwHttpErrors: false, timeout: 5000 });\n    if (response.status === 404) return null;\n\n    if (!response.ok) {\n      console.warn(\n        '[translations] a language file answered an error status',\n        path,\n        response.status\n      );\n      return null;\n    }\n\n    const data: unknown = await response.json();\n    if (!isPlainObject(data)) {\n      console.warn('[translations] a language file is not a JSON object', path);\n      return null;\n    }\n\n    return data;\n  } catch (error) {\n    console.warn('[translations] a language file could not be read', path, error);\n    return null;\n  }\n}\n\n/**\n * The pre-CDN global file, sliced to one language.\n *\n * Only reached when `translations/common/<locale>.json` is missing, which is\n * the state of the bucket until the sync has run once.\n */\nasync function readLegacyGlobal(locale: string): Promise<Messages | null> {\n  try {\n    const data = await cdn.get(LEGACY_GLOBAL_FILE, { timeout: 5000 }).json<TranslationMessages>();\n    const forLocale = data?.[`${locale}.trans`];\n    return isPlainObject(forLocale) ? forLocale : null;\n  } catch {\n    console.warn('[translations] the legacy global file could not be read either');\n    return null;\n  }\n}\n\nexport const translations = {\n  /**\n   * The platform's copy for `locale`.\n   *\n   * One file, so one request. See the file comment for why the merchant's own\n   * wording is not merged in here yet and what it is waiting on.\n   */\n  get: async (locale: string): Promise<TranslationMessages | null> => {\n    const common = await readLocaleFile(commonTranslationsPath(locale));\n    const base = common ?? (await readLegacyGlobal(locale));\n    if (!base) return null;\n\n    // Still wrapped in the `<locale>.trans` shape the rest of the engine reads.\n    // `createI18nInstance` slices by that key and so does the SDK bridge in\n    // `I18nProvider`; changing the envelope here would be a second change for\n    // no gain, since one language is all any of them ever take out of it.\n    return { [`${locale}.trans`]: base as Record<string, string> };\n  },\n\n  queries: {\n    /**\n     * @param locale taken as an argument rather than read from the twilight\n     * context, and that is load-bearing. This key is built on the server, on\n     * hydration, and again lazily from the context accessor; if any of the\n     * three read a locale the others had not been given yet, the hydrated page\n     * would miss the dehydrated entry and refetch both files it was just\n     * handed. Every caller already has the locale in hand.\n     *\n     * The store is deliberately **not** in the key. One document serves one\n     * store — a request that names a different one is redirected with\n     * `reloadDocument`, so the client never changes store under a live cache —\n     * and adding a value that resolves from the request on the server and from\n     * the injected env on the client is how a key stops matching across\n     * hydration.\n     */\n    byLocale: (locale: string) =>\n      queryOptions({\n        queryKey: translationsQueryKey(locale),\n        queryFn: () => translations.get(locale),\n      }),\n  },\n};\n"]}

package/dist/{chunk-TDNFNYT5.js → chunk-J2GGMK3X.js}

@@ -1,7 +1,7 @@
-import { useIsHome } from './chunk-63GHZIAG.js';
+import { useIsHome } from './chunk-JDROOL5C.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
 import { HookSlot } from './chunk-Q7VWURUR.js';
-import { Image } from './chunk-URLGDAVJ.js';
+import { Image } from './chunk-JBNI5ZVG.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { lazy, useState } from 'react';
 import { SallaAdvertisement } from '@salla.sa/twilight-components-react/advertisement';
@@ -13,9 +13,9 @@ import { SallaSearch } from '@salla.sa/twilight-components-react/search';
 import { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-var LazyMainMenu = lazy(() => import('./MainMenu-5TUQ7MMR.js').then((m) => ({ default: m.MainMenu })));
+var LazyMainMenu = lazy(() => import('./MainMenu-SACYMDKQ.js').then((m) => ({ default: m.MainMenu })));
 var LazyMobileMenu = lazy(
-  () => import('./MobileMenu-ZWHB356Z.js').then((m) => ({ default: m.MobileMenu }))
+  () => import('./MobileMenu-DBIJRXTA.js').then((m) => ({ default: m.MobileMenu }))
 );
 function Header(_props) {
   const { currency, theme, store } = useTwilight();
@@ -120,5 +120,5 @@ function Header(_props) {
 }
 
 export { Header };
-//# sourceMappingURL=chunk-TDNFNYT5.js.map
-//# sourceMappingURL=chunk-TDNFNYT5.js.map
+//# sourceMappingURL=chunk-J2GGMK3X.js.map
+//# sourceMappingURL=chunk-J2GGMK3X.js.map

package/dist/{chunk-TDNFNYT5.js.map → chunk-J2GGMK3X.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/navigation/lazy.ts","../src/components/layout/Header.tsx"],"names":[],"mappings":"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","file":"chunk-TDNFNYT5.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded navigation components\n * Use these for code-splitting navigation sections\n */\nexport const LazyMainMenu = lazy(() => import('./MainMenu').then((m) => ({ default: m.MainMenu })));\n\nexport const LazyMobileMenu = lazy(() =>\n  import('./MobileMenu').then((m) => ({ default: m.MobileMenu }))\n);\n","import { useState } from 'react';\nimport { useIsHome } from '../../providers/NavigationProvider';\nimport { SallaAdvertisement } from '@salla.sa/twilight-components-react/advertisement';\nimport { SallaCartSummary } from '@salla.sa/twilight-components-react/cart-summary';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaLocalizationModal } from '@salla.sa/twilight-components-react/localization-modal';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaSearch } from '@salla.sa/twilight-components-react/search';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { MainMenu, MobileMenu } from '../navigation';\nimport { Image } from '../common';\nimport type { Cart } from '../../types';\n\ninterface HeaderProps {\n  cart?: Cart;\n}\n\nexport function Header(_props: HeaderProps) {\n  const { currency, theme, store } = useTwilight();\n  const { locale, languageName } = useTranslation();\n  const settings = theme?.settings || {};\n  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n  // Check if we're on homepage\n  const isHomepage = useIsHome();\n\n  const StoreTitle = isHomepage ? 'h1' : 'span';\n\n  return (\n    <header className=\"store-header\" suppressHydrationWarning>\n      <HookSlot name=\"header:start\" />\n      <div className=\"advertisement-slot\">\n        <SallaAdvertisement />\n      </div>\n      {/* Top Nav */}\n      <div className={`top-navbar${settings.topnav_is_dark ? ' top-navbar--dark' : ''}`}>\n        <div className=\"container flex justify-between\">\n          <div className=\"flex-1 flex items-center gap-2\">\n            {/* Footer Menu */}\n            {settings.important_links && <SallaMenu source=\"footer\" topnav />}\n\n            {/* Language & Currency */}\n            <div className=\"header-buttons\">\n              {(store?.settings?.is_multilingual || store?.settings?.currencies_enabled) && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => window.salla?.event.dispatch('localization::open')}\n                    className=\"btn--rounded-gray basis-0\"\n                  >\n                    <span>{languageName}</span>\n                    <span className=\"mx-1.5\">|</span>\n                    <span className={`flag iti__flag  iti__${store?.country.toLowerCase()}`}></span>\n\n                    <span>\n                      {store?.settings?.use_sar_symbol && currency?.code === 'SAR' ? (\n                        <i className=\"sicon-sar\"></i>\n                      ) : (\n                        <>{currency?.symbol}</>\n                      )}\n                    </span>\n                  </button>\n                  {/* TODO:: support switch the lang without hit the web API, by set it in the sdk and local storage */}\n                  {/* TODO:: Support switch the curency without hit the web API, by set it in the sdk and local storage */}\n                  <SallaLocalizationModal\n                    language={locale}\n                    currency={currency?.code || 'SAR'}\n                    suppressHydrationWarning\n                  />\n                </>\n              )}\n            </div>\n\n            {/* Scopes / Branches */}\n            {store?.scope && (\n              <button\n                type=\"button\"\n                className=\"btn--rounded-gray\"\n                onClick={() =>\n                  window.salla?.event.dispatch('scopes::open', {\n                    mode: 'default',\n                  })\n                }\n              >\n                <i className=\"sicon-location rtl:ml-1 ltr:mr-1\"></i>\n                {store.scope.name}\n              </button>\n            )}\n\n            {/* Search bar */}\n            <div className=\"header-search flex-1\">\n              {/* todo:: use a search icon insted with open the search popup */}\n              <SallaSearch inline oval height={36} />\n            </div>\n          </div>\n\n          <SallaContacts contacts={store?.contacts} contactsTitle=\"N/A\" isHeader />\n        </div>\n      </div>\n\n      {/* Main Nav */}\n      <div\n        id=\"mainnav\"\n        className={`main-nav-container shadow-default bg-white flex items-center relative z-50${settings.header_is_sticky ? ' sticky top-0' : ''}`}\n      >\n        <div className=\"inner bg-inherit w-full\">\n          <div className=\"container\">\n            <div className=\"flex items-stretch justify-between relative\">\n              <div className=\"flex items-center\">\n                <a\n                  className=\"lg:hidden mburger mburger--collapse leading-none rtl:ml-4 ltr:mr-4\"\n                  href=\"#mobile-menu\"\n                  aria-label=\"Open-menu\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setIsMobileMenuOpen(true);\n                  }}\n                >\n                  <i className=\"sicon-menu text-primary text-2xl\"></i>\n                </a>\n                <a className=\"navbar-brand\" href={store?.url || '/'}>\n                  <div className=\"logo-wrapper\">\n                    <Image\n                      src={store?.logo}\n                      alt={`${store?.name || 'Store'} logo`}\n                      priority\n                      width={120}\n                      height={48}\n                    />\n                  </div>\n                  <StoreTitle className=\"sr-only\">{store?.name || 'Store'}</StoreTitle>\n                </a>\n                <MainMenu />\n              </div>\n              <div className=\"flex items-center justify-end my-2.5\">\n                <SallaUserMenu avatarOnly showHeader className=\"header-btn\" />\n                <SallaCartSummary className=\"ml-4 rtl:ml-[unset] rtl:mr-4\">\n                  <i slot=\"icon\" className=\"header-btn__icon icon sicon-shopping-bag\"></i>\n                </SallaCartSummary>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Mobile Menu */}\n      <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setIsMobileMenuOpen(false)} />\n      <HookSlot name=\"header:end\" />\n    </header>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/navigation/lazy.ts","../src/components/layout/Header.tsx"],"names":[],"mappings":"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","file":"chunk-J2GGMK3X.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded navigation components\n * Use these for code-splitting navigation sections\n */\nexport const LazyMainMenu = lazy(() => import('./MainMenu').then((m) => ({ default: m.MainMenu })));\n\nexport const LazyMobileMenu = lazy(() =>\n  import('./MobileMenu').then((m) => ({ default: m.MobileMenu }))\n);\n","import { useState } from 'react';\nimport { useIsHome } from '../../providers/NavigationProvider';\nimport { SallaAdvertisement } from '@salla.sa/twilight-components-react/advertisement';\nimport { SallaCartSummary } from '@salla.sa/twilight-components-react/cart-summary';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaLocalizationModal } from '@salla.sa/twilight-components-react/localization-modal';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaSearch } from '@salla.sa/twilight-components-react/search';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { MainMenu, MobileMenu } from '../navigation';\nimport { Image } from '../common';\nimport type { Cart } from '../../types';\n\ninterface HeaderProps {\n  cart?: Cart;\n}\n\nexport function Header(_props: HeaderProps) {\n  const { currency, theme, store } = useTwilight();\n  const { locale, languageName } = useTranslation();\n  const settings = theme?.settings || {};\n  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n  // Check if we're on homepage\n  const isHomepage = useIsHome();\n\n  const StoreTitle = isHomepage ? 'h1' : 'span';\n\n  return (\n    <header className=\"store-header\" suppressHydrationWarning>\n      <HookSlot name=\"header:start\" />\n      <div className=\"advertisement-slot\">\n        <SallaAdvertisement />\n      </div>\n      {/* Top Nav */}\n      <div className={`top-navbar${settings.topnav_is_dark ? ' top-navbar--dark' : ''}`}>\n        <div className=\"container flex justify-between\">\n          <div className=\"flex-1 flex items-center gap-2\">\n            {/* Footer Menu */}\n            {settings.important_links && <SallaMenu source=\"footer\" topnav />}\n\n            {/* Language & Currency */}\n            <div className=\"header-buttons\">\n              {(store?.settings?.is_multilingual || store?.settings?.currencies_enabled) && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => window.salla?.event.dispatch('localization::open')}\n                    className=\"btn--rounded-gray basis-0\"\n                  >\n                    <span>{languageName}</span>\n                    <span className=\"mx-1.5\">|</span>\n                    <span className={`flag iti__flag  iti__${store?.country.toLowerCase()}`}></span>\n\n                    <span>\n                      {store?.settings?.use_sar_symbol && currency?.code === 'SAR' ? (\n                        <i className=\"sicon-sar\"></i>\n                      ) : (\n                        <>{currency?.symbol}</>\n                      )}\n                    </span>\n                  </button>\n                  {/* TODO:: support switch the lang without hit the web API, by set it in the sdk and local storage */}\n                  {/* TODO:: Support switch the curency without hit the web API, by set it in the sdk and local storage */}\n                  <SallaLocalizationModal\n                    language={locale}\n                    currency={currency?.code || 'SAR'}\n                    suppressHydrationWarning\n                  />\n                </>\n              )}\n            </div>\n\n            {/* Scopes / Branches */}\n            {store?.scope && (\n              <button\n                type=\"button\"\n                className=\"btn--rounded-gray\"\n                onClick={() =>\n                  window.salla?.event.dispatch('scopes::open', {\n                    mode: 'default',\n                  })\n                }\n              >\n                <i className=\"sicon-location rtl:ml-1 ltr:mr-1\"></i>\n                {store.scope.name}\n              </button>\n            )}\n\n            {/* Search bar */}\n            <div className=\"header-search flex-1\">\n              {/* todo:: use a search icon insted with open the search popup */}\n              <SallaSearch inline oval height={36} />\n            </div>\n          </div>\n\n          <SallaContacts contacts={store?.contacts} contactsTitle=\"N/A\" isHeader />\n        </div>\n      </div>\n\n      {/* Main Nav */}\n      <div\n        id=\"mainnav\"\n        className={`main-nav-container shadow-default bg-white flex items-center relative z-50${settings.header_is_sticky ? ' sticky top-0' : ''}`}\n      >\n        <div className=\"inner bg-inherit w-full\">\n          <div className=\"container\">\n            <div className=\"flex items-stretch justify-between relative\">\n              <div className=\"flex items-center\">\n                <a\n                  className=\"lg:hidden mburger mburger--collapse leading-none rtl:ml-4 ltr:mr-4\"\n                  href=\"#mobile-menu\"\n                  aria-label=\"Open-menu\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setIsMobileMenuOpen(true);\n                  }}\n                >\n                  <i className=\"sicon-menu text-primary text-2xl\"></i>\n                </a>\n                <a className=\"navbar-brand\" href={store?.url || '/'}>\n                  <div className=\"logo-wrapper\">\n                    <Image\n                      src={store?.logo}\n                      alt={`${store?.name || 'Store'} logo`}\n                      priority\n                      width={120}\n                      height={48}\n                    />\n                  </div>\n                  <StoreTitle className=\"sr-only\">{store?.name || 'Store'}</StoreTitle>\n                </a>\n                <MainMenu />\n              </div>\n              <div className=\"flex items-center justify-end my-2.5\">\n                <SallaUserMenu avatarOnly showHeader className=\"header-btn\" />\n                <SallaCartSummary className=\"ml-4 rtl:ml-[unset] rtl:mr-4\">\n                  <i slot=\"icon\" className=\"header-btn__icon icon sicon-shopping-bag\"></i>\n                </SallaCartSummary>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Mobile Menu */}\n      <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setIsMobileMenuOpen(false)} />\n      <HookSlot name=\"header:end\" />\n    </header>\n  );\n}\n"]}

package/dist/{chunk-URLGDAVJ.js → chunk-JBNI5ZVG.js}

@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 export { BlogSkeleton, BreadcrumbSkeleton, CustomerLayoutSkeleton, CustomerPageSkeleton, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, SkeletonPulse } from '@salla.sa/twilight-components-react';
 
 var LazyBreadcrumb = lazy(
-  () => import('./Breadcrumb-PEW6KRBX.js').then((m) => ({ default: m.Breadcrumb }))
+  () => import('./Breadcrumb-Q3P72LPT.js').then((m) => ({ default: m.Breadcrumb }))
 );
 var LazyNoContent = lazy(
   () => import('./NoContent-63TMCPGY.js').then((m) => ({ default: m.NoContent }))
@@ -151,5 +151,5 @@ function DeferredData({ promise, fallback, children }) {
 }
 
 export { DeferredData, Image, LazyBreadcrumb, LazyCurrencySymbol, LazyErrorPage, LazyNoContent, LazyRenderWhenVisible, resolveDeferred };
-//# sourceMappingURL=chunk-URLGDAVJ.js.map
-//# sourceMappingURL=chunk-URLGDAVJ.js.map
+//# sourceMappingURL=chunk-JBNI5ZVG.js.map
+//# sourceMappingURL=chunk-JBNI5ZVG.js.map

package/dist/{chunk-URLGDAVJ.js.map → chunk-JBNI5ZVG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/common/lazy.ts","../src/components/common/Image.tsx","../src/components/common/DeferredData.tsx"],"names":["Image","memo","DeferredRenderer","jsx"],"mappings":"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","file":"chunk-URLGDAVJ.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded common components\n * Use these for code-splitting non-critical components\n *\n * NOTE: Skeleton components are sourced from @salla.sa/twilight-components-react\n * because they must render instantly during route transitions.\n */\nexport const LazyBreadcrumb = lazy(() =>\n  import('./Breadcrumb').then((m) => ({ default: m.Breadcrumb }))\n);\n\nexport const LazyNoContent = lazy(() =>\n  import('./NoContent').then((m) => ({ default: m.NoContent }))\n);\n\nexport const LazyRenderWhenVisible = lazy(() =>\n  import('./RenderWhenVisible').then((m) => ({ default: m.RenderWhenVisible }))\n);\n\nexport const LazyCurrencySymbol = lazy(() =>\n  import('./CurrencySymbol').then((m) => ({ default: m.CurrencySymbol }))\n);\n\nexport const LazyErrorPage = lazy(() =>\n  import('./ErrorPage').then((m) => ({ default: m.ErrorPage }))\n);\n","import { memo } from 'react';\nimport { getCdnImageSrcSet, getCdnImageUrl } from '../../utils/cdn-image';\n\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Image source URL */\n  src?: string;\n  /** Alt text for accessibility */\n  alt: string;\n  /** Whether this image is above the fold / LCP candidate */\n  priority?: boolean;\n  /** Aspect ratio for CLS prevention (e.g. \"16/9\", \"1/1\", \"4/3\") */\n  aspectRatio?: string;\n  /** Object fit mode */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n  /** Mobile image source for <picture> element */\n  mobileSrc?: string;\n  /** Mobile breakpoint for <source> media query (default: 768px) */\n  mobileBreakpoint?: number;\n  /** Skip the wrapper div */\n  noWrapper?: boolean;\n  /**\n   * CDN widths for a density `srcset`. Pass `sizes` so the browser picks a\n   * candidate close to the displayed CSS size.\n   */\n  srcSetWidths?: readonly number[];\n}\n\n/**\n * Optimized Image component with native browser lazy loading.\n *\n * - Uses `loading=\"lazy\"` + `decoding=\"async\"` by default for below-the-fold images.\n * - Uses `loading=\"eager\"` + `fetchPriority=\"high\"` for priority (above-the-fold / LCP) images.\n * - Supports responsive `<picture>` with mobile source.\n * - Provides `aspectRatio` for CLS prevention.\n * - When `srcSetWidths` + `sizes` are set, emits a sized CDN `srcset`.\n */\nexport const Image = memo(function Image({\n  src,\n  alt,\n  priority = false,\n  aspectRatio,\n  objectFit = 'cover',\n  mobileSrc,\n  mobileBreakpoint = 768,\n  noWrapper = false,\n  className = '',\n  style,\n  width,\n  height,\n  sizes,\n  srcSet: srcSetProp,\n  srcSetWidths,\n  ...rest\n}: ImageProps) {\n  if (!src) return null;\n\n  const generatedSrcSet =\n    srcSetProp || (srcSetWidths?.length ? getCdnImageSrcSet(src, srcSetWidths) : undefined);\n  const generatedMobileSrcSet =\n    srcSetWidths?.length && mobileSrc ? getCdnImageSrcSet(mobileSrc, srcSetWidths) : undefined;\n  const cdnWidth = srcSetWidths?.length\n    ? width != null && srcSetWidths.includes(Number(width))\n      ? Number(width)\n      : srcSetWidths[0]\n    : width;\n  // Width-only CDN URLs so `src` matches a srcset candidate for preload.\n  const cdnOptions = generatedSrcSet ? { width: cdnWidth } : { width: cdnWidth, height };\n\n  const optimizedSrc = getCdnImageUrl(src, cdnOptions);\n  const optimizedMobileSrc = getCdnImageUrl(mobileSrc, cdnOptions);\n\n  const objectFitClass = `object-${objectFit}`;\n  const imgClasses = [className, objectFitClass].filter(Boolean).join(' ');\n\n  const loadingProps: React.ImgHTMLAttributes<HTMLImageElement> = priority\n    ? { loading: 'eager' as const, fetchPriority: 'high' as const, decoding: 'sync' as const }\n    : { loading: 'lazy' as const, decoding: 'async' as const };\n\n  const img = (\n    <img\n      src={optimizedSrc}\n      alt={alt}\n      className={imgClasses}\n      width={width}\n      height={height}\n      sizes={sizes}\n      srcSet={generatedSrcSet}\n      {...loadingProps}\n      {...rest}\n    />\n  );\n\n  const imgElement = optimizedMobileSrc ? (\n    <picture>\n      <source\n        media={`(max-width: ${mobileBreakpoint}px)`}\n        srcSet={generatedMobileSrcSet || optimizedMobileSrc}\n        sizes={generatedMobileSrcSet ? sizes : undefined}\n      />\n      {img}\n    </picture>\n  ) : (\n    img\n  );\n\n  if (noWrapper || !aspectRatio) {\n    return imgElement;\n  }\n\n  return (\n    <div className=\"relative overflow-hidden\" style={{ aspectRatio, ...style }}>\n      {imgElement}\n    </div>\n  );\n});\n","import { Suspense, memo, use, type ReactNode } from 'react';\n\nexport interface DeferredDataProps<T> {\n  promise: Promise<T> | T;\n  fallback: ReactNode;\n  children: (data: T) => ReactNode;\n}\n\nconst DEFERRED_KEY = Symbol.for('twilight.deferred');\n\ninterface DeferredState<T> {\n  status: 'pending' | 'success' | 'error';\n  value?: T;\n  error?: unknown;\n}\n\nexport interface DeferredPromise<T> extends Promise<T> {\n  [DEFERRED_KEY]?: DeferredState<T>;\n}\n\nconst seenPromises = typeof WeakSet !== 'undefined' ? new WeakSet() : null;\n\nfunction defer<T>(promise: Promise<T>): DeferredPromise<T> {\n  const existing = (promise as DeferredPromise<T>)[DEFERRED_KEY];\n  if (existing) return promise as DeferredPromise<T>;\n\n  const state: DeferredState<T> = { status: 'pending' };\n\n  const deferred = promise as DeferredPromise<T>;\n  deferred[DEFERRED_KEY] = state;\n\n  promise.then(\n    (value) => {\n      state.status = 'success';\n      state.value = value;\n    },\n    (error) => {\n      state.status = 'error';\n      state.error = error;\n    }\n  );\n\n  return deferred;\n}\n\nconst DeferredRenderer = memo(function DeferredRenderer<T>({\n  promise,\n  children,\n}: {\n  promise: DeferredPromise<T>;\n  children: (data: T) => ReactNode;\n}) {\n  const state = promise[DEFERRED_KEY];\n\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n\n  if (state?.status === 'error') {\n    throw state.error;\n  }\n\n  const data = use(promise);\n  return children(data);\n}) as <T>(props: { promise: DeferredPromise<T>; children: (data: T) => ReactNode }) => ReactNode;\n\nfunction DeferredFallback<T>({\n  promise,\n  fallback,\n  children,\n}: {\n  promise: DeferredPromise<T>;\n  fallback: ReactNode;\n  children: (data: T) => ReactNode;\n}) {\n  const state = promise[DEFERRED_KEY];\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n  return <>{fallback}</>;\n}\n\nexport function resolveDeferred<T>(\n  promiseOrValue: Promise<T> | T | undefined\n): T | Promise<T> | undefined {\n  if (promiseOrValue == null || !(promiseOrValue instanceof Promise)) return promiseOrValue;\n  const deferred = defer(promiseOrValue);\n  const state = deferred[DEFERRED_KEY];\n  if (state?.status === 'success') return state.value as T;\n  return promiseOrValue;\n}\n\nexport function DeferredData<T>({ promise, fallback, children }: DeferredDataProps<T>) {\n  if (!(promise instanceof Promise)) {\n    return children(promise);\n  }\n\n  if (seenPromises && promise instanceof Promise) seenPromises.add(promise);\n\n  const deferred = defer(promise);\n  const state = deferred[DEFERRED_KEY];\n\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n\n  if (state?.status === 'error') {\n    throw state.error;\n  }\n\n  return (\n    <Suspense\n      fallback={\n        <DeferredFallback promise={deferred} fallback={fallback}>\n          {children}\n        </DeferredFallback>\n      }\n    >\n      <DeferredRenderer promise={deferred}>{children}</DeferredRenderer>\n    </Suspense>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/common/lazy.ts","../src/components/common/Image.tsx","../src/components/common/DeferredData.tsx"],"names":["Image","memo","DeferredRenderer","jsx"],"mappings":"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","file":"chunk-JBNI5ZVG.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded common components\n * Use these for code-splitting non-critical components\n *\n * NOTE: Skeleton components are sourced from @salla.sa/twilight-components-react\n * because they must render instantly during route transitions.\n */\nexport const LazyBreadcrumb = lazy(() =>\n  import('./Breadcrumb').then((m) => ({ default: m.Breadcrumb }))\n);\n\nexport const LazyNoContent = lazy(() =>\n  import('./NoContent').then((m) => ({ default: m.NoContent }))\n);\n\nexport const LazyRenderWhenVisible = lazy(() =>\n  import('./RenderWhenVisible').then((m) => ({ default: m.RenderWhenVisible }))\n);\n\nexport const LazyCurrencySymbol = lazy(() =>\n  import('./CurrencySymbol').then((m) => ({ default: m.CurrencySymbol }))\n);\n\nexport const LazyErrorPage = lazy(() =>\n  import('./ErrorPage').then((m) => ({ default: m.ErrorPage }))\n);\n","import { memo } from 'react';\nimport { getCdnImageSrcSet, getCdnImageUrl } from '../../utils/cdn-image';\n\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  /** Image source URL */\n  src?: string;\n  /** Alt text for accessibility */\n  alt: string;\n  /** Whether this image is above the fold / LCP candidate */\n  priority?: boolean;\n  /** Aspect ratio for CLS prevention (e.g. \"16/9\", \"1/1\", \"4/3\") */\n  aspectRatio?: string;\n  /** Object fit mode */\n  objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n  /** Mobile image source for <picture> element */\n  mobileSrc?: string;\n  /** Mobile breakpoint for <source> media query (default: 768px) */\n  mobileBreakpoint?: number;\n  /** Skip the wrapper div */\n  noWrapper?: boolean;\n  /**\n   * CDN widths for a density `srcset`. Pass `sizes` so the browser picks a\n   * candidate close to the displayed CSS size.\n   */\n  srcSetWidths?: readonly number[];\n}\n\n/**\n * Optimized Image component with native browser lazy loading.\n *\n * - Uses `loading=\"lazy\"` + `decoding=\"async\"` by default for below-the-fold images.\n * - Uses `loading=\"eager\"` + `fetchPriority=\"high\"` for priority (above-the-fold / LCP) images.\n * - Supports responsive `<picture>` with mobile source.\n * - Provides `aspectRatio` for CLS prevention.\n * - When `srcSetWidths` + `sizes` are set, emits a sized CDN `srcset`.\n */\nexport const Image = memo(function Image({\n  src,\n  alt,\n  priority = false,\n  aspectRatio,\n  objectFit = 'cover',\n  mobileSrc,\n  mobileBreakpoint = 768,\n  noWrapper = false,\n  className = '',\n  style,\n  width,\n  height,\n  sizes,\n  srcSet: srcSetProp,\n  srcSetWidths,\n  ...rest\n}: ImageProps) {\n  if (!src) return null;\n\n  const generatedSrcSet =\n    srcSetProp || (srcSetWidths?.length ? getCdnImageSrcSet(src, srcSetWidths) : undefined);\n  const generatedMobileSrcSet =\n    srcSetWidths?.length && mobileSrc ? getCdnImageSrcSet(mobileSrc, srcSetWidths) : undefined;\n  const cdnWidth = srcSetWidths?.length\n    ? width != null && srcSetWidths.includes(Number(width))\n      ? Number(width)\n      : srcSetWidths[0]\n    : width;\n  // Width-only CDN URLs so `src` matches a srcset candidate for preload.\n  const cdnOptions = generatedSrcSet ? { width: cdnWidth } : { width: cdnWidth, height };\n\n  const optimizedSrc = getCdnImageUrl(src, cdnOptions);\n  const optimizedMobileSrc = getCdnImageUrl(mobileSrc, cdnOptions);\n\n  const objectFitClass = `object-${objectFit}`;\n  const imgClasses = [className, objectFitClass].filter(Boolean).join(' ');\n\n  const loadingProps: React.ImgHTMLAttributes<HTMLImageElement> = priority\n    ? { loading: 'eager' as const, fetchPriority: 'high' as const, decoding: 'sync' as const }\n    : { loading: 'lazy' as const, decoding: 'async' as const };\n\n  const img = (\n    <img\n      src={optimizedSrc}\n      alt={alt}\n      className={imgClasses}\n      width={width}\n      height={height}\n      sizes={sizes}\n      srcSet={generatedSrcSet}\n      {...loadingProps}\n      {...rest}\n    />\n  );\n\n  const imgElement = optimizedMobileSrc ? (\n    <picture>\n      <source\n        media={`(max-width: ${mobileBreakpoint}px)`}\n        srcSet={generatedMobileSrcSet || optimizedMobileSrc}\n        sizes={generatedMobileSrcSet ? sizes : undefined}\n      />\n      {img}\n    </picture>\n  ) : (\n    img\n  );\n\n  if (noWrapper || !aspectRatio) {\n    return imgElement;\n  }\n\n  return (\n    <div className=\"relative overflow-hidden\" style={{ aspectRatio, ...style }}>\n      {imgElement}\n    </div>\n  );\n});\n","import { Suspense, memo, use, type ReactNode } from 'react';\n\nexport interface DeferredDataProps<T> {\n  promise: Promise<T> | T;\n  fallback: ReactNode;\n  children: (data: T) => ReactNode;\n}\n\nconst DEFERRED_KEY = Symbol.for('twilight.deferred');\n\ninterface DeferredState<T> {\n  status: 'pending' | 'success' | 'error';\n  value?: T;\n  error?: unknown;\n}\n\nexport interface DeferredPromise<T> extends Promise<T> {\n  [DEFERRED_KEY]?: DeferredState<T>;\n}\n\nconst seenPromises = typeof WeakSet !== 'undefined' ? new WeakSet() : null;\n\nfunction defer<T>(promise: Promise<T>): DeferredPromise<T> {\n  const existing = (promise as DeferredPromise<T>)[DEFERRED_KEY];\n  if (existing) return promise as DeferredPromise<T>;\n\n  const state: DeferredState<T> = { status: 'pending' };\n\n  const deferred = promise as DeferredPromise<T>;\n  deferred[DEFERRED_KEY] = state;\n\n  promise.then(\n    (value) => {\n      state.status = 'success';\n      state.value = value;\n    },\n    (error) => {\n      state.status = 'error';\n      state.error = error;\n    }\n  );\n\n  return deferred;\n}\n\nconst DeferredRenderer = memo(function DeferredRenderer<T>({\n  promise,\n  children,\n}: {\n  promise: DeferredPromise<T>;\n  children: (data: T) => ReactNode;\n}) {\n  const state = promise[DEFERRED_KEY];\n\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n\n  if (state?.status === 'error') {\n    throw state.error;\n  }\n\n  const data = use(promise);\n  return children(data);\n}) as <T>(props: { promise: DeferredPromise<T>; children: (data: T) => ReactNode }) => ReactNode;\n\nfunction DeferredFallback<T>({\n  promise,\n  fallback,\n  children,\n}: {\n  promise: DeferredPromise<T>;\n  fallback: ReactNode;\n  children: (data: T) => ReactNode;\n}) {\n  const state = promise[DEFERRED_KEY];\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n  return <>{fallback}</>;\n}\n\nexport function resolveDeferred<T>(\n  promiseOrValue: Promise<T> | T | undefined\n): T | Promise<T> | undefined {\n  if (promiseOrValue == null || !(promiseOrValue instanceof Promise)) return promiseOrValue;\n  const deferred = defer(promiseOrValue);\n  const state = deferred[DEFERRED_KEY];\n  if (state?.status === 'success') return state.value as T;\n  return promiseOrValue;\n}\n\nexport function DeferredData<T>({ promise, fallback, children }: DeferredDataProps<T>) {\n  if (!(promise instanceof Promise)) {\n    return children(promise);\n  }\n\n  if (seenPromises && promise instanceof Promise) seenPromises.add(promise);\n\n  const deferred = defer(promise);\n  const state = deferred[DEFERRED_KEY];\n\n  if (state?.status === 'success') {\n    return children(state.value!);\n  }\n\n  if (state?.status === 'error') {\n    throw state.error;\n  }\n\n  return (\n    <Suspense\n      fallback={\n        <DeferredFallback promise={deferred} fallback={fallback}>\n          {children}\n        </DeferredFallback>\n      }\n    >\n      <DeferredRenderer promise={deferred}>{children}</DeferredRenderer>\n    </Suspense>\n  );\n}\n"]}

package/dist/{chunk-63GHZIAG.js → chunk-JDROOL5C.js}

@@ -1,6 +1,6 @@
 import { RouteId } from './chunk-TFB3QXYH.js';
 import { withoutStoreUrlBase } from './chunk-XTMHHLNK.js';
-import { subscribeTwilight, getTwilightContext } from './chunk-PJWFEMBX.js';
+import { subscribeTwilight, getTwilightContext } from './chunk-SOPK72TP.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { createContext, createElement, useContext, useSyncExternalStore, useRef, useEffect, useCallback } from 'react';
 
@@ -241,5 +241,5 @@ function useNavigationInterceptor(navigate, storeUrl, username) {
 }
 
 export { NavigationInterceptor, NavigationProvider, NotFoundError, RedirectError, UnauthorizedError, configureNavigation, defaultNavigate, notFound, orThrow, orUnauthorized, redirect, unauthorized, useIsBlog, useIsBrands, useIsCart, useIsCustomer, useIsHome, useIsProduct, useIsSearch, useLocation, useNavigate, useRouteId };
-//# sourceMappingURL=chunk-63GHZIAG.js.map
-//# sourceMappingURL=chunk-63GHZIAG.js.map
+//# sourceMappingURL=chunk-JDROOL5C.js.map
+//# sourceMappingURL=chunk-JDROOL5C.js.map