@salla.sa/twilight-theme-engine 1.0.108 → 1.0.109

package/dist/chunk-VM5Y62RM.js

@@ -0,0 +1,182 @@
+import { getActiveScope, requestedThemeVersionId, api, STORE_IDENTIFIER_HEADER } from './chunk-TTTI4W5F.js';
+import { resolveStoreIdentifier } from './chunk-YUI6R2PA.js';
+import { getTwilightContext, SettingsError } from './chunk-QRHXAKJ3.js';
+import { queryOptions } from '@tanstack/react-query';
+import { isTimeoutError, isHTTPError, isNetworkError } from 'ky';
+
+// src/utils/native-app-headers.ts
+var NATIVE_APP_HEADERS = [
+  "s-app-os",
+  "s-app-version",
+  "s-app-full-version",
+  "s-app-os-version"
+];
+function readNativeAppHeaders(headers) {
+  const os = headers.get("s-app-os")?.toLowerCase();
+  if (os !== "ios" && os !== "android") return null;
+  const found = {};
+  for (const name of NATIVE_APP_HEADERS) {
+    const value = headers.get(name);
+    if (value) found[name] = value;
+  }
+  return found;
+}
+
+// src/api/store.ts
+var DEFAULT_INCLUDE_ITEMS = [
+  "store",
+  "settings",
+  "theme",
+  "theme_settings",
+  "external_services",
+  "currencies",
+  "languages",
+  "payments",
+  "product_widgets",
+  "rating",
+  "ratings",
+  "user"
+];
+function languagesToArray(languages) {
+  if (!languages) return void 0;
+  return Object.values(languages).map((lang) => ({ iso_code: lang.code, ...lang }));
+}
+function withNativeAppHeaders(jitsu) {
+  if (!jitsu || typeof window !== "undefined") return jitsu;
+  let appHeaders = null;
+  try {
+    appHeaders = getTwilightContext().nativeAppHeaders;
+  } catch {
+    return jitsu;
+  }
+  if (!appHeaders) return jitsu;
+  const extra = jitsu.context?.extra;
+  const headers = { ...extra?.headers };
+  for (const name of NATIVE_APP_HEADERS) delete headers[name];
+  return {
+    ...jitsu,
+    context: {
+      ...jitsu.context,
+      extra: { ...extra, headers: { ...headers, ...appHeaders } }
+    }
+  };
+}
+var SETTINGS_TIMEOUT_MS = 5e3;
+async function requestSettings(identifier) {
+  const includeParams = DEFAULT_INCLUDE_ITEMS.map((i) => `include[]=${i}`).join("&");
+  const scope = getActiveScope();
+  const params = scope != null ? `${includeParams}&scope=${scope.id}` : includeParams;
+  const json = await api.get(`store/settings?${params}`, {
+    timeout: SETTINGS_TIMEOUT_MS,
+    headers: { [STORE_IDENTIFIER_HEADER]: identifier }
+  }).json();
+  const data = json?.data;
+  if (!data) {
+    throw new SettingsError(
+      `The Salla API answered the settings request for store "${identifier}" without settings.`,
+      { reason: "empty" }
+    );
+  }
+  const languages = languagesToArray(data.languages);
+  return {
+    store: data.store,
+    theme: data.theme,
+    languages,
+    currencies: data.currencies,
+    external_services: data.external_services,
+    headers: data.headers,
+    login: data.login,
+    affiliate: data.affiliate,
+    policy_url: data.policy_url,
+    user: data.user,
+    swoole: data.swoole,
+    jitsu: withNativeAppHeaders(data.jitsu),
+    maintenance: data.maintenance,
+    maintenance_details: data.maintenance_details,
+    ...scope && { requestedScopeId: scope.id }
+  };
+}
+function apiErrorMessage(data) {
+  const message = data?.error?.message;
+  return typeof message === "string" && message.length > 0 && message.length <= 200 ? message : void 0;
+}
+function describeSettingsFailure(identifier, error) {
+  if (error instanceof SettingsError) return error;
+  const request = `the settings request for store "${identifier}"`;
+  if (isTimeoutError(error)) {
+    return new SettingsError(
+      `The Salla API did not answer ${request} within ${SETTINGS_TIMEOUT_MS} ms.`,
+      { reason: "timeout" }
+    );
+  }
+  if (isHTTPError(error)) {
+    const { status } = error.response;
+    const said = apiErrorMessage(error.data);
+    return new SettingsError(
+      `The Salla API answered ${request} with HTTP ${status}${said ? `: ${said}` : ""}.`,
+      { reason: "http", status }
+    );
+  }
+  if (isNetworkError(error)) {
+    return new SettingsError(`The Salla API could not be reached for ${request}.`, {
+      reason: "network"
+    });
+  }
+  const detail = error instanceof Error ? `: ${error.message}` : "";
+  return new SettingsError(`The settings request for store "${identifier}" failed${detail}.`);
+}
+async function fetchSettings(storeIdentifier) {
+  const identifier = storeIdentifier ?? resolveStoreIdentifier();
+  if (!identifier) {
+    const error = new SettingsError(
+      "No store is named for this request: add `?storeId=` on the preview host, or set VITE_STORE_DOMAIN in local development.",
+      { reason: "no-store" }
+    );
+    console.warn("[store.settings]", error.message);
+    throw error;
+  }
+  try {
+    return await requestSettings(identifier);
+  } catch (cause) {
+    const error = describeSettingsFailure(identifier, cause);
+    console.error("[store.settings]", error.message, ...cause === error ? [] : [cause]);
+    throw error;
+  }
+}
+var store = {
+  settings: async (storeIdentifier) => {
+    try {
+      return await fetchSettings(storeIdentifier);
+    } catch {
+      return null;
+    }
+  },
+  queries: {
+    settings: (storeIdentifier) => queryOptions({
+      queryKey: [
+        "store",
+        "settings",
+        storeIdentifier,
+        getTwilightContext().locale,
+        getActiveScope(),
+        // Two versions of one store's settings are two different answers, and
+        // this is the query whose answer decides what every other call is
+        // pinned to. `requestedThemeVersionId` rather than the resolved one:
+        // the resolved value falls back to what these settings report, so it
+        // is not knowable until after this query has run — the key would be
+        // one thing on the server and another on the client, and the hydrated
+        // page would refetch the settings it was just handed.
+        requestedThemeVersionId()
+      ],
+      // Throws rather than resolving `null`, so the failure keeps its reason.
+      queryFn: () => fetchSettings(storeIdentifier),
+      // A null never retried, and the root route waits on this: the router's
+      // default `retry: 1` would sit through the timeout twice.
+      retry: 0
+    })
+  }
+};
+
+export { readNativeAppHeaders, store };
+//# sourceMappingURL=chunk-VM5Y62RM.js.map
+//# sourceMappingURL=chunk-VM5Y62RM.js.map

package/dist/chunk-VM5Y62RM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/native-app-headers.ts","../src/api/store.ts"],"names":[],"mappings":"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","file":"chunk-VM5Y62RM.js","sourcesContent":["/** The headers the Salla native app sends with every page it loads in its webview. */\nexport const NATIVE_APP_HEADERS = [\n  's-app-os',\n  's-app-version',\n  's-app-full-version',\n  's-app-os-version',\n];\n\n/**\n * The native app's own headers on this request, or null when it is not the app.\n *\n * On a Twig theme Laravel copies them into the settings' `jitsu.context.extra.headers`,\n * where the SDK reads the app's platform and version from (`salla.config.isMobileApp()`).\n * A React theme asks for its settings from the server, through the API, so the app's\n * headers never reach that call: the request is the only place they are.\n */\nexport function readNativeAppHeaders(headers: Headers): Record<string, string> | null {\n  const os = headers.get('s-app-os')?.toLowerCase();\n  if (os !== 'ios' && os !== 'android') return null;\n  const found: Record<string, string> = {};\n  for (const name of NATIVE_APP_HEADERS) {\n    const value = headers.get(name);\n    if (value) found[name] = value;\n  }\n  return found;\n}\n","import { queryOptions } from '@tanstack/react-query';\nimport { isHTTPError, isNetworkError, isTimeoutError } from 'ky';\nimport { api, getActiveScope, STORE_IDENTIFIER_HEADER } from './client';\nimport { SettingsError } from '../utils/errors';\nimport type { Store, Theme, Language, JitsuConfig, MaintenanceDetails } from '../types';\nimport { getTwilightContext } from '../twilight/context';\nimport { resolveStoreIdentifier } from '../utils/store-identity';\nimport { requestedThemeVersionId } from '../utils/theme-version';\nimport { NATIVE_APP_HEADERS } from '../utils/native-app-headers';\n\nexport { resolveStoreIdentifier };\n\nconst DEFAULT_INCLUDE_ITEMS = [\n  'store',\n  'settings',\n  'theme',\n  'theme_settings',\n  'external_services',\n  'currencies',\n  'languages',\n  'payments',\n  'product_widgets',\n  'rating',\n  'ratings',\n  'user',\n];\n\n/** Twig's `salla.init({ user })` object; the endpoint ignores the token, so always the guest. */\nexport interface SettingsUser {\n  type: 'guest' | 'user';\n  id?: number | string | null;\n  language_code?: string;\n  currency_code?: string;\n  country_code?: string;\n  [key: string]: unknown;\n}\n\n/**\n * Raw API response for settings endpoint.\n * Languages come as object: { \"AR\": { code, name, ... }, \"EN\": {...} }\n */\ninterface SettingsApiResponse {\n  store?: Store;\n  theme?: Theme;\n  languages?: Record<string, Language>;\n  currencies?: Record<\n    string,\n    { code: string; name: string; symbol: string; amount: number; country_code: string }\n  >;\n  external_services?: Record<string, unknown>;\n  headers?: Record<string, unknown>;\n  login?: { url: string; turnstile_site_key: string };\n  affiliate?: { utm_url: string; cta_enabled: boolean };\n  debug?: boolean;\n  trace_console?: boolean;\n  policy_url?: string;\n  user?: SettingsUser;\n  swoole?: string[];\n  jitsu?: JitsuConfig;\n  maintenance?: boolean;\n  maintenance_details?: MaintenanceDetails;\n}\n\n/**\n * Central settings context - single source of truth for all API data.\n * Contains everything from the settings endpoint response after processing.\n */\nexport interface StoreContext {\n  store?: Store;\n  theme?: Theme;\n  /** Languages as array after conversion from API object format */\n  languages?: Language[];\n  currencies?: Record<\n    string,\n    { code: string; name: string; symbol: string; amount: number; country_code: string }\n  >;\n  external_services?: Record<string, unknown>;\n  headers?: Record<string, unknown>;\n  login?: { url: string; turnstile_site_key: string };\n  affiliate?: { utm_url: string; cta_enabled: boolean };\n  debug?: boolean;\n  trace_console?: boolean; // todo:: remove it\n  policy_url?: string;\n  user?: SettingsUser;\n  /** API paths the SDK sends with `s-store-api-version: swoole` */\n  swoole?: string[];\n  /** Where the SDK's analytics send events, and which ones; without it the SDK tracks nothing. */\n  jitsu?: JitsuConfig;\n  /**\n   * The store is closed: by the merchant from the dashboard, by the platform, or\n   * for the selected market only. The engine then renders the maintenance page\n   * to everyone but the merchant; see `rootBeforeLoad`.\n   */\n  maintenance?: boolean;\n  /** What the maintenance page says; sent beside `maintenance`. */\n  maintenance_details?: MaintenanceDetails;\n  /**\n   * The scope these settings were requested with; absent when none was. Not from\n   * the API: stamped by `store.settings`, so `resolveThemeVersionId` can tell\n   * whether the version they name still answers the scope that is active now.\n   */\n  requestedScopeId?: string;\n}\n\n/**\n * Converts languages object from API to array format.\n * API returns: { \"AR\": { code, name, ... }, \"EN\": { ... } }\n * We need: [{ code, name, ... }, { code, name, ... }]\n * todo:: return the languages as object from the APIs to avoid this\n */\nfunction languagesToArray(languages?: Record<string, Language>): Language[] | undefined {\n  if (!languages) return undefined;\n  // The SDK's localization modal reads `lang.iso_code` (not `code`) when a language is\n  // selected — without it the switch navigates to `/undefined/...`.\n  return Object.values(languages).map((lang) => ({ iso_code: lang.code, ...lang }));\n}\n\n/**\n * The settings' analytics context with the native app's headers in it, as Laravel\n * writes it for a Twig theme: the SDK reads the app's platform and version from there.\n * The API answers a server-side call with the engine's own headers, never the app's.\n */\nfunction withNativeAppHeaders(jitsu?: JitsuConfig): JitsuConfig | undefined {\n  if (!jitsu || typeof window !== 'undefined') return jitsu;\n  let appHeaders: Record<string, string> | null = null;\n  try {\n    appHeaders = getTwilightContext().nativeAppHeaders;\n  } catch {\n    return jitsu;\n  }\n  if (!appHeaders) return jitsu;\n  const extra = jitsu.context?.extra;\n  // The engine's own app headers go, so an app that sends no version doesn't get the engine's.\n  const headers = { ...extra?.headers };\n  for (const name of NATIVE_APP_HEADERS) delete headers[name];\n  return {\n    ...jitsu,\n    context: {\n      ...jitsu.context,\n      extra: { ...extra, headers: { ...headers, ...appHeaders } },\n    },\n  };\n}\n\nconst SETTINGS_TIMEOUT_MS = 5000;\n\nasync function requestSettings(identifier: string): Promise<StoreContext> {\n  const includeParams = DEFAULT_INCLUDE_ITEMS.map((i) => `include[]=${i}`).join('&');\n  const scope = getActiveScope();\n  const params = scope != null ? `${includeParams}&scope=${scope.id}` : includeParams;\n\n  const json = await api\n    // Sent explicitly rather than left to the client's own resolution, so\n    // the identifier this function checked is the identifier that travels.\n    // They agree today; a caller passing one and being answered about\n    // another is the failure this makes impossible rather than unlikely.\n    .get(`store/settings?${params}`, {\n      timeout: SETTINGS_TIMEOUT_MS,\n      headers: { [STORE_IDENTIFIER_HEADER]: identifier },\n    })\n    .json<{ data?: SettingsApiResponse }>();\n\n  const data = json?.data;\n  if (!data) {\n    throw new SettingsError(\n      `The Salla API answered the settings request for store \"${identifier}\" without settings.`,\n      { reason: 'empty' }\n    );\n  }\n\n  // Convert languages from object to array\n  const languages = languagesToArray(data.languages);\n\n  return {\n    store: data.store,\n    theme: data.theme,\n    languages,\n    currencies: data.currencies,\n    external_services: data.external_services,\n    headers: data.headers,\n    login: data.login,\n    affiliate: data.affiliate,\n    policy_url: data.policy_url,\n    user: data.user,\n    swoole: data.swoole,\n    jitsu: withNativeAppHeaders(data.jitsu),\n    maintenance: data.maintenance,\n    maintenance_details: data.maintenance_details,\n    ...(scope && { requestedScopeId: scope.id }),\n  };\n}\n\n/** The message the API put in an error body, `{ error: { message } }`, when it sent one. */\nfunction apiErrorMessage(data: unknown): string | undefined {\n  const message = (data as { error?: { message?: unknown } } | undefined)?.error?.message;\n  return typeof message === 'string' && message.length > 0 && message.length <= 200\n    ? message\n    : undefined;\n}\n\n/**\n * Names what went wrong, because the page, the server log and Sentry all carry\n * this message. Every failure used to read \"Make sure VITE_STORE_DOMAIN is set\",\n * a local-development variable no deployed theme has, so a slow API looked like\n * a misconfigured theme.\n */\nfunction describeSettingsFailure(identifier: string, error: unknown): SettingsError {\n  if (error instanceof SettingsError) return error;\n  const request = `the settings request for store \"${identifier}\"`;\n  if (isTimeoutError(error)) {\n    return new SettingsError(\n      `The Salla API did not answer ${request} within ${SETTINGS_TIMEOUT_MS} ms.`,\n      { reason: 'timeout' }\n    );\n  }\n  if (isHTTPError(error)) {\n    const { status } = error.response;\n    const said = apiErrorMessage(error.data);\n    return new SettingsError(\n      `The Salla API answered ${request} with HTTP ${status}${said ? `: ${said}` : ''}.`,\n      { reason: 'http', status }\n    );\n  }\n  if (isNetworkError(error)) {\n    return new SettingsError(`The Salla API could not be reached for ${request}.`, {\n      reason: 'network',\n    });\n  }\n  const detail = error instanceof Error ? `: ${error.message}` : '';\n  return new SettingsError(`The settings request for store \"${identifier}\" failed${detail}.`);\n}\n\n/**\n * The settings, or a {@link SettingsError} that says why there are none. The\n * query throws it so the root route can say why the store did not load;\n * `store.settings` keeps answering `null` for its own callers.\n */\nasync function fetchSettings(storeIdentifier?: string): Promise<StoreContext> {\n  const identifier = storeIdentifier ?? resolveStoreIdentifier();\n\n  if (!identifier) {\n    const error = new SettingsError(\n      'No store is named for this request: add `?storeId=` on the preview host, or set VITE_STORE_DOMAIN in local development.',\n      { reason: 'no-store' }\n    );\n    console.warn('[store.settings]', error.message);\n    throw error;\n  }\n\n  try {\n    return await requestSettings(identifier);\n  } catch (cause) {\n    const error = describeSettingsFailure(identifier, cause);\n    console.error('[store.settings]', error.message, ...(cause === error ? [] : [cause]));\n    throw error;\n  }\n}\n\nexport const store = {\n  settings: async (storeIdentifier?: string): Promise<StoreContext | null> => {\n    try {\n      return await fetchSettings(storeIdentifier);\n    } catch {\n      // Already logged, with the reason.\n      return null;\n    }\n  },\n\n  queries: {\n    settings: (storeIdentifier?: string) =>\n      queryOptions<StoreContext | null>({\n        queryKey: [\n          'store',\n          'settings',\n          storeIdentifier,\n          getTwilightContext().locale,\n          getActiveScope(),\n          // Two versions of one store's settings are two different answers, and\n          // this is the query whose answer decides what every other call is\n          // pinned to. `requestedThemeVersionId` rather than the resolved one:\n          // the resolved value falls back to what these settings report, so it\n          // is not knowable until after this query has run — the key would be\n          // one thing on the server and another on the client, and the hydrated\n          // page would refetch the settings it was just handed.\n          requestedThemeVersionId(),\n        ],\n        // Throws rather than resolving `null`, so the failure keeps its reason.\n        queryFn: () => fetchSettings(storeIdentifier),\n        // A null never retried, and the root route waits on this: the router's\n        // default `retry: 1` would sit through the timeout twice.\n        retry: 0,\n      }),\n  },\n};\n"]}

package/dist/{chunk-ZVYJK6XQ.js → chunk-WAYZZVNX.js}

@@ -1,7 +1,7 @@
-import { advertisement, advertisementsFor } from './chunk-4PT5MXGR.js';
+import { advertisement, advertisementsFor } from './chunk-NEPWW7KM.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { whenSallaReady } from './chunk-3NFVZJNI.js';
-import { subscribeTwilight, getTwilightContext } from './chunk-JNAJTCJD.js';
+import { whenSallaReady } from './chunk-L6TSHT52.js';
+import { subscribeTwilight, getTwilightContext } from './chunk-QRHXAKJ3.js';
 import { useSyncExternalStore, useState, useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -99,5 +99,5 @@ function PageAdvertisements() {
 }
 
 export { PageAdvertisements };
-//# sourceMappingURL=chunk-ZVYJK6XQ.js.map
-//# sourceMappingURL=chunk-ZVYJK6XQ.js.map
+//# sourceMappingURL=chunk-WAYZZVNX.js.map
+//# sourceMappingURL=chunk-WAYZZVNX.js.map

package/dist/{chunk-ZVYJK6XQ.js.map → chunk-WAYZZVNX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/PageAdvertisements.tsx"],"names":[],"mappings":"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","file":"chunk-ZVYJK6XQ.js","sourcesContent":["import { useEffect, useState, useSyncExternalStore } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { advertisement, advertisementsFor, type Advertisement } from '../../api/advertisement';\nimport { whenSallaReady } from '../../utils/sdk-helpers';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { getTwilightContext, subscribeTwilight } from '../../twilight/context';\n\nconst currentPageSlug = () => getTwilightContext().page?.slug;\n\n/** The key `<salla-advertisement>` marks a closed ad with, through `salla.storage` (store.js, JSON). */\nconst dismissedKey = (id: number) => `statusAd-${id}`;\n\n/** Stable while the query has no data, so the effect below doesn't rerun on every render. */\nconst NO_ADS: Advertisement[] = [];\n\n/** Hides the ads this visitor closed before the first paint; the effect then drops them. */\nconst HIDE_DISMISSED_SCRIPT =\n  \"(function(){try{if(window.self!==window.top)return;document.currentScript.parentNode.querySelectorAll('.s-advertisement[data-id]').forEach(function(e){if(localStorage.getItem('statusAd-'+e.getAttribute('data-id')))e.hidden=true})}catch(e){}})();\";\n\nfunction isDismissed(id: number): boolean {\n  try {\n    return Boolean(window.localStorage.getItem(dismissedKey(id)));\n  } catch {\n    return false;\n  }\n}\n\nfunction dismiss(id: number): void {\n  const storage = window.salla?.storage;\n  if (typeof storage?.set === 'function') storage.set(dismissedKey(id), 'dismissed');\n  else {\n    try {\n      window.localStorage.setItem(dismissedKey(id), JSON.stringify('dismissed'));\n    } catch {\n      // Storage disabled: the ad hides for this page view only.\n    }\n  }\n}\n\ninterface ClientView {\n  /** The theme editor's iframe, or the SDK's debug flag: every ad shows, closed or not. */\n  preview: boolean;\n  /** Inside the Salla mobile app, which shows no ads. */\n  inApp: boolean;\n  dismissed: Set<number>;\n}\n\n/**\n * The merchant's announcement bars, in place of `<salla-advertisement>`. Same data, rules and\n * markup, but rendered on the server (the ads are prefetched in the root `beforeLoad`), so the\n * bar is in the first paint instead of pushing the page down when the web component fetches it.\n */\nexport function PageAdvertisements() {\n  const { t } = useTranslation();\n  // The deepest route loader's `page`, the page `salla.config` reports.\n  const pageSlug = useSyncExternalStore(subscribeTwilight, currentPageSlug, currentPageSlug);\n  // The query's `retry: 0` only bounds the server wait; the browser may retry.\n  const { data: ads = NO_ADS } = useQuery({ ...advertisement.queries.list(), retry: 2 });\n  const [view, setView] = useState<ClientView | null>(null);\n\n  useEffect(() => {\n    const dismissed = new Set(ads.filter((ad) => isDismissed(ad.id)).map((ad) => ad.id));\n    setView({ preview: window.self !== window.top, inApp: false, dismissed });\n    return whenSallaReady((sdk) => {\n      const config = sdk.config as { isMobileApp?: () => boolean; isDebug?: () => boolean };\n      const inApp = Boolean(config?.isMobileApp?.());\n      const debug = Boolean(config?.isDebug?.());\n      if (inApp || debug) {\n        setView((current) =>\n          current ? { ...current, inApp, preview: current.preview || debug } : current\n        );\n      }\n    });\n  }, [ads]);\n\n  if (view?.inApp) return null;\n  const shown = view?.preview\n    ? ads\n    : advertisementsFor(ads, pageSlug).filter((ad) => !view?.dismissed.has(ad.id));\n  if (!shown.length) return null;\n\n  const close = (id: number) => {\n    dismiss(id);\n    setView((current) =>\n      current ? { ...current, dismissed: new Set(current.dismissed).add(id) } : current\n    );\n  };\n\n  return (\n    <>\n      {shown.map((ad) => (\n        <div\n          key={ad.id}\n          className=\"s-advertisement\"\n          data-id={ad.id}\n          style={{ backgroundColor: ad.colors?.bg, color: ad.colors?.text }}\n        >\n          <div className=\"s-advertisement-content container flex justify-between items-center py-2.5\">\n            <span className=\"s-advertisement-content-main flex-1 font-bold text-center text-sm\">\n              {/* Rendered without an icon too, as the SDK does: its margin is part of the layout. */}\n              <i\n                className={`s-advertisement-content-icon inline-block align-middle me-2 text-base ${ad.icon ?? ''}`}\n              />\n              {ad.url ? (\n                <a\n                  href={ad.url}\n                  target={ad.target ?? undefined}\n                  rel={ad.target === '_blank' ? 'noopener' : undefined}\n                >\n                  {ad.description}\n                </a>\n              ) : (\n                ad.description\n              )}\n            </span>\n            <button\n              type=\"button\"\n              className=\"s-advertisement-action px-1\"\n              aria-label={t('common.buttons.close', 'Close')}\n              onClick={() => close(ad.id)}\n            >\n              {/* `inline-block`: before the icon CSS loads, an empty inline `<i>` leaves the button 0px tall. */}\n              <i className=\"sicon-cancel inline-block\" />\n            </button>\n          </div>\n        </div>\n      ))}\n      <script suppressHydrationWarning>{HIDE_DISMISSED_SCRIPT}</script>\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/layout/PageAdvertisements.tsx"],"names":[],"mappings":";;;;;;;;AAOA,IAAM,eAAA,GAAkB,MAAM,kBAAA,EAAmB,CAAE,IAAA,EAAM,IAAA;AAGzD,IAAM,YAAA,GAAe,CAAC,EAAA,KAAe,CAAA,SAAA,EAAY,EAAE,CAAA,CAAA;AAGnD,IAAM,SAA0B,EAAC;AAGjC,IAAM,qBAAA,GACJ,uPAAA;AAEF,SAAS,YAAY,EAAA,EAAqB;AACxC,EAAA,IAAI;AACF,IAAA,OAAO,QAAQ,MAAA,CAAO,YAAA,CAAa,QAAQ,YAAA,CAAa,EAAE,CAAC,CAAC,CAAA;AAAA,EAC9D,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAEA,SAAS,QAAQ,EAAA,EAAkB;AACjC,EAAA,MAAM,OAAA,GAAU,OAAO,KAAA,EAAO,OAAA;AAC9B,EAAA,IAAI,OAAO,SAAS,GAAA,KAAQ,UAAA,UAAoB,GAAA,CAAI,YAAA,CAAa,EAAE,CAAA,EAAG,WAAW,CAAA;AAAA,OAC5E;AACH,IAAA,IAAI;AACF,MAAA,MAAA,CAAO,YAAA,CAAa,QAAQ,YAAA,CAAa,EAAE,GAAG,IAAA,CAAK,SAAA,CAAU,WAAW,CAAC,CAAA;AAAA,IAC3E,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF;AACF;AAeO,SAAS,kBAAA,GAAqB;AACnC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,QAAA,GAAW,oBAAA,CAAqB,iBAAA,EAAmB,eAAA,EAAiB,eAAe,CAAA;AAEzF,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,GAAM,MAAA,KAAW,QAAA,CAAS,EAAE,GAAG,aAAA,CAAc,OAAA,CAAQ,IAAA,EAAK,EAAG,KAAA,EAAO,GAAG,CAAA;AACrF,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA4B,IAAI,CAAA;AAExD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAY,IAAI,GAAA,CAAI,GAAA,CAAI,MAAA,CAAO,CAAC,EAAA,KAAO,WAAA,CAAY,EAAA,CAAG,EAAE,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,EAAA,KAAO,EAAA,CAAG,EAAE,CAAC,CAAA;AACnF,IAAA,OAAA,CAAQ,EAAE,SAAS,MAAA,CAAO,IAAA,KAAS,OAAO,GAAA,EAAK,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,CAAA;AACxE,IAAA,OAAO,cAAA,CAAe,CAAC,GAAA,KAAQ;AAC7B,MAAA,MAAM,SAAS,GAAA,CAAI,MAAA;AACnB,MAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,MAAA,EAAQ,WAAA,IAAe,CAAA;AAC7C,MAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,MAAA,EAAQ,OAAA,IAAW,CAAA;AACzC,MAAA,IAAI,SAAS,KAAA,EAAO;AAClB,QAAA,OAAA;AAAA,UAAQ,CAAC,OAAA,KACP,OAAA,GAAU,EAAE,GAAG,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,OAAA,CAAQ,OAAA,IAAW,KAAA,EAAM,GAAI;AAAA,SACvE;AAAA,MACF;AAAA,IACF,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAA,IAAI,IAAA,EAAM,OAAO,OAAO,IAAA;AACxB,EAAA,MAAM,QAAQ,IAAA,EAAM,OAAA,GAChB,GAAA,GACA,iBAAA,CAAkB,KAAK,QAAQ,CAAA,CAAE,MAAA,CAAO,CAAC,OAAO,CAAC,IAAA,EAAM,UAAU,GAAA,CAAI,EAAA,CAAG,EAAE,CAAC,CAAA;AAC/E,EAAA,IAAI,CAAC,KAAA,CAAM,MAAA,EAAQ,OAAO,IAAA;AAE1B,EAAA,MAAM,KAAA,GAAQ,CAAC,EAAA,KAAe;AAC5B,IAAA,OAAA,CAAQ,EAAE,CAAA;AACV,IAAA,OAAA;AAAA,MAAQ,CAAC,OAAA,KACP,OAAA,GAAU,EAAE,GAAG,OAAA,EAAS,SAAA,EAAW,IAAI,GAAA,CAAI,QAAQ,SAAS,CAAA,CAAE,GAAA,CAAI,EAAE,GAAE,GAAI;AAAA,KAC5E;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,GAAA,CAAI,CAAC,EAAA,qBACV,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAU,iBAAA;AAAA,QACV,WAAS,EAAA,CAAG,EAAA;AAAA,QACZ,KAAA,EAAO,EAAE,eAAA,EAAiB,EAAA,CAAG,QAAQ,EAAA,EAAI,KAAA,EAAO,EAAA,CAAG,MAAA,EAAQ,IAAA,EAAK;AAAA,QAEhE,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,mEAAA,EAEd,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,CAAA,sEAAA,EAAyE,EAAA,CAAG,IAAA,IAAQ,EAAE,CAAA;AAAA;AAAA,aACnG;AAAA,YACC,GAAG,GAAA,mBACF,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,MAAM,EAAA,CAAG,GAAA;AAAA,gBACT,MAAA,EAAQ,GAAG,MAAA,IAAU,MAAA;AAAA,gBACrB,GAAA,EAAK,EAAA,CAAG,MAAA,KAAW,QAAA,GAAW,UAAA,GAAa,MAAA;AAAA,gBAE1C,QAAA,EAAA,EAAA,CAAG;AAAA;AAAA,gBAGN,EAAA,CAAG;AAAA,WAAA,EAEP,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAA,EAAU,6BAAA;AAAA,cACV,YAAA,EAAY,CAAA,CAAE,sBAAA,EAAwB,OAAO,CAAA;AAAA,cAC7C,OAAA,EAAS,MAAM,KAAA,CAAM,EAAA,CAAG,EAAE,CAAA;AAAA,cAG1B,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,2BAAA,EAA4B;AAAA;AAAA;AAC3C,SAAA,EACF;AAAA,OAAA;AAAA,MAhCK,EAAA,CAAG;AAAA,KAkCX,CAAA;AAAA,oBACD,GAAA,CAAC,QAAA,EAAA,EAAO,wBAAA,EAAwB,IAAA,EAAE,QAAA,EAAA,qBAAA,EAAsB;AAAA,GAAA,EAC1D,CAAA;AAEJ","file":"chunk-WAYZZVNX.js","sourcesContent":["import { useEffect, useState, useSyncExternalStore } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { advertisement, advertisementsFor, type Advertisement } from '../../api/advertisement';\nimport { whenSallaReady } from '../../utils/sdk-helpers';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { getTwilightContext, subscribeTwilight } from '../../twilight/context';\n\nconst currentPageSlug = () => getTwilightContext().page?.slug;\n\n/** The key `<salla-advertisement>` marks a closed ad with, through `salla.storage` (store.js, JSON). */\nconst dismissedKey = (id: number) => `statusAd-${id}`;\n\n/** Stable while the query has no data, so the effect below doesn't rerun on every render. */\nconst NO_ADS: Advertisement[] = [];\n\n/** Hides the ads this visitor closed before the first paint; the effect then drops them. */\nconst HIDE_DISMISSED_SCRIPT =\n  \"(function(){try{if(window.self!==window.top)return;document.currentScript.parentNode.querySelectorAll('.s-advertisement[data-id]').forEach(function(e){if(localStorage.getItem('statusAd-'+e.getAttribute('data-id')))e.hidden=true})}catch(e){}})();\";\n\nfunction isDismissed(id: number): boolean {\n  try {\n    return Boolean(window.localStorage.getItem(dismissedKey(id)));\n  } catch {\n    return false;\n  }\n}\n\nfunction dismiss(id: number): void {\n  const storage = window.salla?.storage;\n  if (typeof storage?.set === 'function') storage.set(dismissedKey(id), 'dismissed');\n  else {\n    try {\n      window.localStorage.setItem(dismissedKey(id), JSON.stringify('dismissed'));\n    } catch {\n      // Storage disabled: the ad hides for this page view only.\n    }\n  }\n}\n\ninterface ClientView {\n  /** The theme editor's iframe, or the SDK's debug flag: every ad shows, closed or not. */\n  preview: boolean;\n  /** Inside the Salla mobile app, which shows no ads. */\n  inApp: boolean;\n  dismissed: Set<number>;\n}\n\n/**\n * The merchant's announcement bars, in place of `<salla-advertisement>`. Same data, rules and\n * markup, but rendered on the server (the ads are prefetched in the root `beforeLoad`), so the\n * bar is in the first paint instead of pushing the page down when the web component fetches it.\n */\nexport function PageAdvertisements() {\n  const { t } = useTranslation();\n  // The deepest route loader's `page`, the page `salla.config` reports.\n  const pageSlug = useSyncExternalStore(subscribeTwilight, currentPageSlug, currentPageSlug);\n  // The query's `retry: 0` only bounds the server wait; the browser may retry.\n  const { data: ads = NO_ADS } = useQuery({ ...advertisement.queries.list(), retry: 2 });\n  const [view, setView] = useState<ClientView | null>(null);\n\n  useEffect(() => {\n    const dismissed = new Set(ads.filter((ad) => isDismissed(ad.id)).map((ad) => ad.id));\n    setView({ preview: window.self !== window.top, inApp: false, dismissed });\n    return whenSallaReady((sdk) => {\n      const config = sdk.config as { isMobileApp?: () => boolean; isDebug?: () => boolean };\n      const inApp = Boolean(config?.isMobileApp?.());\n      const debug = Boolean(config?.isDebug?.());\n      if (inApp || debug) {\n        setView((current) =>\n          current ? { ...current, inApp, preview: current.preview || debug } : current\n        );\n      }\n    });\n  }, [ads]);\n\n  if (view?.inApp) return null;\n  const shown = view?.preview\n    ? ads\n    : advertisementsFor(ads, pageSlug).filter((ad) => !view?.dismissed.has(ad.id));\n  if (!shown.length) return null;\n\n  const close = (id: number) => {\n    dismiss(id);\n    setView((current) =>\n      current ? { ...current, dismissed: new Set(current.dismissed).add(id) } : current\n    );\n  };\n\n  return (\n    <>\n      {shown.map((ad) => (\n        <div\n          key={ad.id}\n          className=\"s-advertisement\"\n          data-id={ad.id}\n          style={{ backgroundColor: ad.colors?.bg, color: ad.colors?.text }}\n        >\n          <div className=\"s-advertisement-content container flex justify-between items-center py-2.5\">\n            <span className=\"s-advertisement-content-main flex-1 font-bold text-center text-sm\">\n              {/* Rendered without an icon too, as the SDK does: its margin is part of the layout. */}\n              <i\n                className={`s-advertisement-content-icon inline-block align-middle me-2 text-base ${ad.icon ?? ''}`}\n              />\n              {ad.url ? (\n                <a\n                  href={ad.url}\n                  target={ad.target ?? undefined}\n                  rel={ad.target === '_blank' ? 'noopener' : undefined}\n                >\n                  {ad.description}\n                </a>\n              ) : (\n                ad.description\n              )}\n            </span>\n            <button\n              type=\"button\"\n              className=\"s-advertisement-action px-1\"\n              aria-label={t('common.buttons.close', 'Close')}\n              onClick={() => close(ad.id)}\n            >\n              {/* `inline-block`: before the icon CSS loads, an empty inline `<i>` leaves the button 0px tall. */}\n              <i className=\"sicon-cancel inline-block\" />\n            </button>\n          </div>\n        </div>\n      ))}\n      <script suppressHydrationWarning>{HIDE_DISMISSED_SCRIPT}</script>\n    </>\n  );\n}\n"]}

package/dist/{chunk-BQ2MNEN7.js → chunk-WEN6FKY6.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-YDSWLCOY.js';
+import { api } from './chunk-TTTI4W5F.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var notification = {
@@ -24,5 +24,5 @@ var notification = {
 };
 
 export { notification };
-//# sourceMappingURL=chunk-BQ2MNEN7.js.map
-//# sourceMappingURL=chunk-BQ2MNEN7.js.map
+//# sourceMappingURL=chunk-WEN6FKY6.js.map
+//# sourceMappingURL=chunk-WEN6FKY6.js.map

package/dist/{chunk-BQ2MNEN7.js.map → chunk-WEN6FKY6.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-BQ2MNEN7.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-WEN6FKY6.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-24UCMWQB.js → chunk-WX2UWLMW.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-YDSWLCOY.js';
+import { api } from './chunk-TTTI4W5F.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var user = {
@@ -19,5 +19,5 @@ var user = {
 };
 
 export { user };
-//# sourceMappingURL=chunk-24UCMWQB.js.map
-//# sourceMappingURL=chunk-24UCMWQB.js.map
+//# sourceMappingURL=chunk-WX2UWLMW.js.map
+//# sourceMappingURL=chunk-WX2UWLMW.js.map

package/dist/{chunk-24UCMWQB.js.map → chunk-WX2UWLMW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/user.ts"],"names":[],"mappings":";;;AAIO,IAAM,IAAA,GAAO;AAAA,EAClB,KAAK,YAAkC;AACrC,IAAA,IAAI;AACF,MAAA,OAAO,MAAM,GAAA,CACV,GAAA,CAAI,WAAW,CAAA,CACf,MAAmC,CACnC,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,GAAG,CAAA,CAAE,IAAA,EAAM,IAAA,EAAM,QAAgB,CAAE,CAAA;AAAA,IACvD,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,sBAAsB,KAAK,CAAA;AACzC,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MACP,YAAA,CAA0B;AAAA,MACxB,QAAA,EAAU,CAAC,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC5B,SAAS,IAAA,CAAK;AAAA,KACf;AAAA;AAEP","file":"chunk-24UCMWQB.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { User } from '../types';\n\nexport const user = {\n  get: async (): Promise<User | null> => {\n    try {\n      return await api\n        .get('auth/user')\n        .json<{ data: Omit<User, 'type'> }>()\n        .then((r) => ({ ...r.data, type: 'user' as const }));\n    } catch (error) {\n      console.debug('[user.get] Failed:', error);\n      return null;\n    }\n  },\n\n  queries: {\n    current: () =>\n      queryOptions<User | null>({\n        queryKey: ['user', 'current'],\n        queryFn: user.get,\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/user.ts"],"names":[],"mappings":";;;AAIO,IAAM,IAAA,GAAO;AAAA,EAClB,KAAK,YAAkC;AACrC,IAAA,IAAI;AACF,MAAA,OAAO,MAAM,GAAA,CACV,GAAA,CAAI,WAAW,CAAA,CACf,MAAmC,CACnC,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,GAAG,CAAA,CAAE,IAAA,EAAM,IAAA,EAAM,QAAgB,CAAE,CAAA;AAAA,IACvD,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,sBAAsB,KAAK,CAAA;AACzC,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MACP,YAAA,CAA0B;AAAA,MACxB,QAAA,EAAU,CAAC,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC5B,SAAS,IAAA,CAAK;AAAA,KACf;AAAA;AAEP","file":"chunk-WX2UWLMW.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { User } from '../types';\n\nexport const user = {\n  get: async (): Promise<User | null> => {\n    try {\n      return await api\n        .get('auth/user')\n        .json<{ data: Omit<User, 'type'> }>()\n        .then((r) => ({ ...r.data, type: 'user' as const }));\n    } catch (error) {\n      console.debug('[user.get] Failed:', error);\n      return null;\n    }\n  },\n\n  queries: {\n    current: () =>\n      queryOptions<User | null>({\n        queryKey: ['user', 'current'],\n        queryFn: user.get,\n      }),\n  },\n};\n"]}

package/dist/{chunk-S5EVFWAL.js → chunk-YDKPG3AP.js}

@@ -1,12 +1,12 @@
-import { home } from './chunk-TWUOIBO7.js';
-import { product } from './chunk-SQXUWX4B.js';
-import { ProductCard } from './chunk-B2OJZKU4.js';
+import { home } from './chunk-U46RGTYO.js';
+import { product } from './chunk-SGZ6TCHB.js';
+import { ProductCard } from './chunk-TUVDPELG.js';
 import { registry } from './chunk-Y32RHCOH.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image, LazyRenderWhenVisible } from './chunk-GFUXGVER.js';
+import { Image, LazyRenderWhenVisible } from './chunk-QZM4ZACO.js';
 import { Link } from './chunk-AXW67SY7.js';
-import { whenSallaLoaded } from './chunk-3NFVZJNI.js';
-import { getTwilightContext } from './chunk-JNAJTCJD.js';
+import { whenSallaLoaded } from './chunk-L6TSHT52.js';
+import { getTwilightContext } from './chunk-QRHXAKJ3.js';
 import { useTwilight, TwilightContext } from './chunk-DF6FBKDN.js';
 import { memo, useState, useCallback, createElement, useEffect, lazy, Component, useRef, useMemo, Suspense } from 'react';
 import { SallaProductsSlider, SallaProductsList, ProductsSliderSkeleton, ListSkeleton, SliderSkeleton, BackgroundSliderSkeleton, BulletDeliverySkeleton, ReviewItemSkeleton, FixedProductsSkeleton, Pulse } from '@salla.sa/twilight-components-react';
@@ -783,5 +783,5 @@ var ReorderProducts = memo(function ReorderProducts2() {
 });
 
 export { BundleComponent, ComponentErrorBoundary, DefaultHomeComponents, FeaturedProductsStyle1, FeaturedProductsStyle2, FeaturedProductsStyle3, FixedBanner, FixedProducts, HomeComponentRenderer, LazyTestimonials, PageBlocks, ParallaxBackground, PhotosSlider, ProductsSlider, ReorderProducts, SquarePhotos, StoreFeatures, Youtube, registerHomeComponentConfig, registerHomeComponents, useReorderButtons };
-//# sourceMappingURL=chunk-S5EVFWAL.js.map
-//# sourceMappingURL=chunk-S5EVFWAL.js.map
+//# sourceMappingURL=chunk-YDKPG3AP.js.map
+//# sourceMappingURL=chunk-YDKPG3AP.js.map