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

package/dist/tanstack.js

@@ -1,32 +1,32 @@
-export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-QBIPTWOR.js';
-import { requestHostOf } from './chunk-LUFLN7WL.js';
-export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-LUFLN7WL.js';
+export { tanstackDocumentAdapter as attrs, createRouter, createTwilightRootRoute, useTanstackDocumentAttrs as useAttrs } from './chunk-NEKHAKA7.js';
+import { requestHostOf } from './chunk-UEOXX7N2.js';
+export { TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter } from './chunk-UEOXX7N2.js';
 import './chunk-Z4Y55HWX.js';
-export { tanstackHeadAdapter as head, withHead } from './chunk-2IW3JRWL.js';
+export { tanstackHeadAdapter as head, withHead } from './chunk-UCJNWQF2.js';
 import { CRITICAL_STYLE_HREF } from './chunk-4FJGZQD3.js';
-import './chunk-Y464WYUT.js';
-import { readNativeAppHeaders } from './chunk-D42M66E4.js';
-import './chunk-D7XWUD6T.js';
-import './chunk-SQXUWX4B.js';
-import { rootHead } from './chunk-W354TTIE.js';
-import './chunk-EHX45KZG.js';
-import './chunk-UZGP2KFA.js';
-import './chunk-U6KJ7XBO.js';
+import './chunk-RJ5HY6PN.js';
+import { readNativeAppHeaders } from './chunk-VM5Y62RM.js';
+import './chunk-PFMTPKZO.js';
+import './chunk-SGZ6TCHB.js';
+import { rootHead } from './chunk-TOVC6CV7.js';
+import './chunk-LZZ6EESI.js';
+import './chunk-GIAXPCHD.js';
+import './chunk-GGATZRAY.js';
 import './chunk-GD26FI4J.js';
 import './chunk-4SZZPXM2.js';
-import './chunk-UWDUMPL7.js';
+import './chunk-3QJCZSLR.js';
 import './chunk-OUW6WESU.js';
 import './chunk-JWXJPJBO.js';
 export { mergeDocumentDescriptors as mergeAttrs } from './chunk-CW625T2E.js';
-import './chunk-4PT5MXGR.js';
-import './chunk-YDSWLCOY.js';
+import './chunk-NEPWW7KM.js';
+import './chunk-TTTI4W5F.js';
 import './chunk-TYNZ5B2B.js';
 import './chunk-BYMOPN2S.js';
-import './chunk-A4NN6C5B.js';
-import './chunk-3NFVZJNI.js';
-import { AUTH_TOKEN_COOKIE_NAME, extractTokenFromCookies, resolveRequestScope, resolveAddressedStore, STORE_BASE_HEADER, resolveRequestVersionId } from './chunk-GXZW6BJY.js';
-import { runWithTwilightContext, getTwilightContext } from './chunk-JNAJTCJD.js';
-export { getTwilightContext, runWithTwilightContext, updateTwilightContext } from './chunk-JNAJTCJD.js';
+import './chunk-YZDHDHSN.js';
+import './chunk-L6TSHT52.js';
+import { AUTH_TOKEN_COOKIE_NAME, extractTokenFromCookies, resolveRequestScope, resolveAddressedStore, STORE_BASE_HEADER, resolveRequestVersionId } from './chunk-YUI6R2PA.js';
+import { runWithTwilightContext, getTwilightContext } from './chunk-QRHXAKJ3.js';
+export { getTwilightContext, runWithTwilightContext, updateTwilightContext } from './chunk-QRHXAKJ3.js';
 import './chunk-T72DAX7R.js';
 import './chunk-DF6FBKDN.js';
 import './chunk-DGUM43GV.js';

package/dist/utils/errors.d.ts

@@ -1,4 +1,21 @@
+/**
+ * Why a store's settings did not load:
+ * - `no-store`: nothing named a store for this request;
+ * - `timeout`: the Salla API did not answer in time;
+ * - `http`: it answered with an error status;
+ * - `network`: no answer arrived at all;
+ * - `empty`: it answered without settings.
+ */
+export type SettingsErrorReason = 'no-store' | 'timeout' | 'http' | 'network' | 'empty';
+export interface SettingsErrorDetails {
+    reason?: SettingsErrorReason;
+    /** The API's status, when `reason` is `'http'`. */
+    status?: number;
+}
 export declare class SettingsError extends Error {
-    constructor(message?: string);
+    /** Absent when nothing said why, e.g. `getTwilightContext().settings` read before they loaded. */
+    readonly reason?: SettingsErrorReason;
+    readonly status?: number;
+    constructor(message?: string, details?: SettingsErrorDetails);
 }
 //# sourceMappingURL=errors.d.ts.map

package/dist/utils/errors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/utils/errors.ts"],"names":[],"mappings":"AAAA,qBAAa,aAAc,SAAQ,KAAK;gBAC1B,OAAO,CAAC,EAAE,MAAM;CAI7B"}
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/utils/errors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAExF,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,aAAc,SAAQ,KAAK;IACtC,kGAAkG;IAClG,QAAQ,CAAC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;gBAEb,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,oBAAoB;CAM7D"}

package/dist/utils/index.js

@@ -1,17 +1,17 @@
 export { stripUnsafeHtml } from '../chunk-RUHSV4Z6.js';
 export { formatSallaPlural } from '../chunk-BT6HEEAP.js';
-export { dispatchRouteChanged } from '../chunk-Y464WYUT.js';
+export { dispatchRouteChanged } from '../chunk-RJ5HY6PN.js';
 export { sortOptions } from '../chunk-3LZJXKVO.js';
 export { color } from '../chunk-VVZNW5CB.js';
-export { applyAppScopeMocks, registerThemeHookSlots } from '../chunk-U6KJ7XBO.js';
+export { applyAppScopeMocks, registerThemeHookSlots } from '../chunk-GGATZRAY.js';
 export { mergeHead, resolveHead, setHeadAdapter } from '../chunk-GD26FI4J.js';
 export { buildBaseHead, buildHreflangAlternates, localeToOgLocale } from '../chunk-4SZZPXM2.js';
 export { asset, cdn, isPlaceholder } from '../chunk-ZCH7W7DZ.js';
 export { mergeDocumentDescriptors, mergeElementAttrs, normalizeClasses, syncAttrsToElement, toReactProps } from '../chunk-CW625T2E.js';
-import '../chunk-YDSWLCOY.js';
-export { getSallaSDK, getStoreIdentifier, onSallaEvent, whenSallaLoaded, whenSallaReady } from '../chunk-3NFVZJNI.js';
-export { AUTH_TOKEN_COOKIE_NAME, clearAuthTokenCookie, extractTokenFromCookies } from '../chunk-GXZW6BJY.js';
-import '../chunk-JNAJTCJD.js';
+import '../chunk-TTTI4W5F.js';
+export { getSallaSDK, getStoreIdentifier, onSallaEvent, whenSallaLoaded, whenSallaReady } from '../chunk-L6TSHT52.js';
+export { AUTH_TOKEN_COOKIE_NAME, clearAuthTokenCookie, extractTokenFromCookies } from '../chunk-YUI6R2PA.js';
+import '../chunk-QRHXAKJ3.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DGUM43GV.js';
 

package/dist/vite/index.js

@@ -1,13 +1,13 @@
 import { validateTwilightManifest } from '../chunk-X5NK4TZH.js';
 export { REACT_THEME_TYPE, describeThemeTypeIssue, getThemeType, isReactThemeManifest, validateTwilightManifest } from '../chunk-X5NK4TZH.js';
-import { tanstackHeadAdapter } from '../chunk-2IW3JRWL.js';
+import { tanstackHeadAdapter } from '../chunk-UCJNWQF2.js';
 import { nextjsHeadAdapter } from '../chunk-HOSHJBPS.js';
-import '../chunk-EHX45KZG.js';
+import '../chunk-LZZ6EESI.js';
 import { EMPTY_DEV_SCHEMA, DEV_PREVIEW_GLOBAL, DEV_PREVIEW_ENDPOINT, normalizePreviewState, DEV_PREVIEW_EVENT, DEV_EDITOR_PATH, DEV_PREVIEW_IMAGE_ENDPOINT, DEV_PREVIEW_IMAGE_MAX_BYTES } from '../chunk-OXMUPNMH.js';
 import { setHeadAdapter } from '../chunk-GD26FI4J.js';
 import '../chunk-4SZZPXM2.js';
 import { RouteId } from '../chunk-OUW6WESU.js';
-import '../chunk-JNAJTCJD.js';
+import '../chunk-QRHXAKJ3.js';
 import '../chunk-T72DAX7R.js';
 import '../chunk-DGUM43GV.js';
 import { readFile, readdir, writeFile, mkdir } from 'fs/promises';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.107",
+  "version": "1.0.109",
   "publishConfig": {
     "access": "public"
   },

package/tailwind/components/home/FeaturedProductsStyle2.tsx.txt

@@ -4,6 +4,7 @@ import { SallaProductsList } from '@salla.sa/twilight-components-react';
 import { SallaProductsSlider } from '@salla.sa/twilight-components-react';
 import { product, ProductsListSource } from '../../api/product';
 import { ProductCard } from '../../components/product';
+import { useTwilight } from '../../providers/TwilightProvider';
 
 interface ProductSource {
   source: ProductsListSource;
@@ -29,11 +30,14 @@ export interface FeaturedProductsStyle2Props {
   };
 }
 
+// Like Twig Raed, the grid honors `vertical_fixed_products`; the slider never does.
 export const FeaturedProductsStyle2 = memo(function FeaturedProductsStyle2({
   data,
 }: FeaturedProductsStyle2Props) {
+  const { theme } = useTwilight();
   const items = data.items || [];
   const isSlider = data.is_slider ?? true;
+  const cardLayout = (theme.settings.vertical_fixed_products ?? true) ? 'vertical' : 'horizontal';
 
   const [activeTab, setActiveTab] = useState<string>(items[0]?.id || '');
   const [isAnimating, setIsAnimating] = useState(false);
@@ -110,10 +114,12 @@ export const FeaturedProductsStyle2 = memo(function FeaturedProductsStyle2({
                       section.products?.source_value,
                       section.products?.limit
                     )}
-                    itemsClassName="s-products-list-horizontal-cards"
+                    itemsClassName={`s-products-list-${cardLayout}-cards`}
                   >
                     {(products) =>
-                      products.map((product) => <ProductCard key={product.id} product={product} />)
+                      products.map((product) => (
+                        <ProductCard key={product.id} product={product} layout={cardLayout} />
+                      ))
                     }
                   </SallaProductsList>
                 )}

package/tailwind/components/home/FixedProducts.tsx.txt

@@ -5,6 +5,7 @@ import { Link } from '../common';
 import { product, ProductsListSource } from '../../api/product';
 import { ProductCard } from '../../components/product';
 import { useTranslation } from '../../providers/I18nProvider';
+import { useTwilight } from '../../providers/TwilightProvider';
 
 export interface FixedProductsProps {
   data: {
@@ -21,13 +22,15 @@ export interface FixedProductsProps {
 
 export function FixedProducts({ data }: FixedProductsProps) {
   const { t } = useTranslation();
+  const { theme } = useTwilight();
 
   const title = data.title;
   // The merchant's product count: a number, or the same as a string. Anything that
   // isn't a positive whole number falls back to what the API returns.
   const parsedLimit = Number(data.limit);
   const limit = Number.isInteger(parsedLimit) && parsedLimit > 0 ? parsedLimit : undefined;
-  const isVertical = data.isVertical ?? true;
+  // Matches Twig Raed: `theme.settings.get('vertical_fixed_products', true)`.
+  const isVertical = data.isVertical ?? theme.settings.vertical_fixed_products ?? true;
 
   const { data: result, isLoading } = useQuery(
     product.queries.list({
@@ -67,7 +70,11 @@ export function FixedProducts({ data }: FixedProductsProps) {
         }
       >
         {products.slice(0, limit).map((product) => (
-          <ProductCard key={product.id} product={product} />
+          <ProductCard
+            key={product.id}
+            product={product}
+            layout={isVertical ? 'vertical' : 'horizontal'}
+          />
         ))}
       </div>
     </Suspense>

package/tailwind/routes/root/beforeLoad.ts.txt

@@ -277,9 +277,15 @@ export async function rootBeforeLoad(ctx: {
   // client. No-op on the server and while the SDK storage API is still hydrating.
   syncScopeCookie();
 
+  // Kept until the rest have settled, as a missing answer always was, then thrown:
+  // it says why the store did not load.
+  let settingsFailure: unknown;
   const [settingsResult, translationsResult, snippetsResult, appSettingsResult] = await Promise.all(
     [
-      ctx.context.queryClient.ensureQueryData(storeApi.queries.settings()),
+      ctx.context.queryClient.ensureQueryData(storeApi.queries.settings()).catch((error): null => {
+        settingsFailure = error;
+        return null;
+      }),
       ctx.context.queryClient.ensureQueryData(translations.queries.byLocale(locale)),
       // Snippets → SSR CDN <script> tags (AppsSnippets.ssrCdnScripts). Non-fatal + logged:
       // on failure AppsSnippets falls back to its own client-side query for the same data,
@@ -310,7 +316,7 @@ export async function rootBeforeLoad(ctx: {
   );
 
   if (!settingsResult) {
-    throw new SettingsError('Failed to load store settings. Make sure VITE_STORE_DOMAIN is set.');
+    throw settingsFailure instanceof SettingsError ? settingsFailure : new SettingsError();
   }
 
   // Settings answered for another market name another theme version; the SDK only

package/dist/Header-W6XMMZIA.js

@@ -1,22 +0,0 @@
-export { Header } from './chunk-SZ65XCSZ.js';
-import './chunk-UWDUMPL7.js';
-import './chunk-OUW6WESU.js';
-import './chunk-ZVYJK6XQ.js';
-import './chunk-4PT5MXGR.js';
-import './chunk-5XDPAKF5.js';
-import './chunk-GCPEMNSU.js';
-import './chunk-YDSWLCOY.js';
-import './chunk-TYNZ5B2B.js';
-import './chunk-L26XGP65.js';
-import './chunk-AXW67SY7.js';
-import './chunk-BYMOPN2S.js';
-import './chunk-SKLEJJ6M.js';
-import './chunk-A4NN6C5B.js';
-import './chunk-3NFVZJNI.js';
-import './chunk-GXZW6BJY.js';
-import './chunk-JNAJTCJD.js';
-import './chunk-T72DAX7R.js';
-import './chunk-DF6FBKDN.js';
-import './chunk-DGUM43GV.js';
-//# sourceMappingURL=Header-W6XMMZIA.js.map
-//# sourceMappingURL=Header-W6XMMZIA.js.map

package/dist/MaintenancePage-Z34IQCUV.js

@@ -1,7 +0,0 @@
-export { MaintenancePage } from './chunk-XL42DUCQ.js';
-import './chunk-TYNZ5B2B.js';
-import './chunk-JNAJTCJD.js';
-import './chunk-T72DAX7R.js';
-import './chunk-DGUM43GV.js';
-//# sourceMappingURL=MaintenancePage-Z34IQCUV.js.map
-//# sourceMappingURL=MaintenancePage-Z34IQCUV.js.map

package/dist/StoreClosedNotification-LLXVKVC7.js

@@ -1,54 +0,0 @@
-export { StoreClosedNotification } from './chunk-2B74CKXM.js';
-import './chunk-6YI5J5ZN.js';
-import './chunk-SZ65XCSZ.js';
-import './chunk-ZI5XWXWG.js';
-import './chunk-W354TTIE.js';
-import './chunk-EHX45KZG.js';
-import './chunk-BR56OEPZ.js';
-import './chunk-OXMUPNMH.js';
-import './chunk-UZGP2KFA.js';
-import './chunk-VVZNW5CB.js';
-import './chunk-U6KJ7XBO.js';
-import './chunk-GD26FI4J.js';
-import './chunk-4SZZPXM2.js';
-import './chunk-UWDUMPL7.js';
-import './chunk-OUW6WESU.js';
-import './chunk-KSS7OA3Q.js';
-import './chunk-HI5V5X3S.js';
-import './chunk-RBFLDI2Z.js';
-import './chunk-24UCMWQB.js';
-import './chunk-MVT5AF2A.js';
-import './chunk-Z653O7MX.js';
-import './chunk-ZCH7W7DZ.js';
-import './chunk-BEMWHR4T.js';
-import './chunk-JWXJPJBO.js';
-import './chunk-CW625T2E.js';
-import './chunk-7V36I5GT.js';
-import './chunk-6WI7R2BD.js';
-import './chunk-HNSR4KLL.js';
-import './chunk-OAMIDZKW.js';
-import './chunk-ZVYJK6XQ.js';
-import './chunk-V2ZDTY6H.js';
-import './chunk-4PT5MXGR.js';
-import './chunk-5XDPAKF5.js';
-import './chunk-GCPEMNSU.js';
-import './chunk-YDSWLCOY.js';
-import './chunk-TYNZ5B2B.js';
-import './chunk-L26XGP65.js';
-import './chunk-AXW67SY7.js';
-import './chunk-BYMOPN2S.js';
-import './chunk-SKLEJJ6M.js';
-import './chunk-6BZ5TKEV.js';
-import './chunk-FZKRSGLP.js';
-import './chunk-7V5HOZW4.js';
-import './chunk-YA6ABQB7.js';
-import './chunk-OSSOU36J.js';
-import './chunk-A4NN6C5B.js';
-import './chunk-3NFVZJNI.js';
-import './chunk-GXZW6BJY.js';
-import './chunk-JNAJTCJD.js';
-import './chunk-T72DAX7R.js';
-import './chunk-DF6FBKDN.js';
-import './chunk-DGUM43GV.js';
-//# sourceMappingURL=StoreClosedNotification-LLXVKVC7.js.map
-//# sourceMappingURL=StoreClosedNotification-LLXVKVC7.js.map

package/dist/chunk-BHGZ622P.js

@@ -1,14 +0,0 @@
-import { lazy } from 'react';
-
-// src/components/cart/lazy.ts
-var LazyCartItem = lazy(() => import('./CartItem-TYWGDMRV.js').then((m) => ({ default: m.CartItem })));
-var LazyCartSummary = lazy(
-  () => import('./CartSummary-AKDPJ4OY.js').then((m) => ({ default: m.CartSummary }))
-);
-var LazySeoCartWidget = lazy(
-  () => import('./SeoCartWidget-NJK3YIPC.js').then((m) => ({ default: m.SeoCartWidget }))
-);
-
-export { LazyCartItem, LazyCartSummary, LazySeoCartWidget };
-//# sourceMappingURL=chunk-BHGZ622P.js.map
-//# sourceMappingURL=chunk-BHGZ622P.js.map

package/dist/chunk-D42M66E4.js

@@ -1,127 +0,0 @@
-import { getActiveScope, requestedThemeVersionId, api, STORE_IDENTIFIER_HEADER } from './chunk-YDSWLCOY.js';
-import { resolveStoreIdentifier } from './chunk-GXZW6BJY.js';
-import { getTwilightContext } from './chunk-JNAJTCJD.js';
-import { queryOptions } from '@tanstack/react-query';
-
-// 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 store = {
-  settings: async (storeIdentifier) => {
-    const identifier = storeIdentifier ?? resolveStoreIdentifier();
-    if (!identifier) {
-      console.warn("[store.settings] No store identifier available");
-      return null;
-    }
-    const includeParams = DEFAULT_INCLUDE_ITEMS.map((i) => `include[]=${i}`).join("&");
-    const scope = getActiveScope();
-    const params = scope != null ? `${includeParams}&scope=${scope.id}` : includeParams;
-    try {
-      const json = await api.get(`store/settings?${params}`, {
-        timeout: 5e3,
-        headers: { [STORE_IDENTIFIER_HEADER]: identifier }
-      }).json();
-      const data = json?.data;
-      if (!data) return null;
-      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 }
-      };
-    } catch (error) {
-      console.error("[store.settings] Failed:", error);
-      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()
-      ],
-      queryFn: () => store.settings(storeIdentifier)
-    })
-  }
-};
-
-export { readNativeAppHeaders, store };
-//# sourceMappingURL=chunk-D42M66E4.js.map
-//# sourceMappingURL=chunk-D42M66E4.js.map

package/dist/chunk-D42M66E4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/native-app-headers.ts","../src/api/store.ts"],"names":[],"mappings":"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","file":"chunk-D42M66E4.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 { api, getActiveScope, STORE_IDENTIFIER_HEADER } from './client';\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\nexport const store = {\n  settings: async (storeIdentifier?: string): Promise<StoreContext | null> => {\n    const identifier = storeIdentifier ?? resolveStoreIdentifier();\n\n    if (!identifier) {\n      console.warn('[store.settings] No store identifier available');\n      return null;\n    }\n\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    try {\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: 5000,\n          headers: { [STORE_IDENTIFIER_HEADER]: identifier },\n        })\n        .json<{ data?: SettingsApiResponse }>();\n\n      const data = json?.data;\n      if (!data) return null;\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    } catch (error) {\n      console.error('[store.settings] Failed:', error);\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        queryFn: () => store.settings(storeIdentifier),\n      }),\n  },\n};\n"]}