@salla.sa/twilight-theme-engine 1.0.0-beta.4

package/dist/chunk-BVSJPBJ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useCoupon.ts"],"names":[],"mappings":";;;AAqEO,SAAS,SAAA,GAA6B;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,MAAM,CAAC,UAAA,EAAY,OAAO,CAAA,GAAI,UAAA,CAAW,OAAO,IAAA,KAAiB;AAC/D,IAAA,IAAI,CAAC,IAAA,CAAK,IAAA,IAAQ,MAAM,IAAI,MAAM,4BAA4B,CAAA;AAC9D,IAAA,MAAM,OAAO,KAAA,EAAO,IAAA,CAAK,SAAA,CAAU,IAAA,CAAK,MAAM,CAAA;AAC9C,IAAA,QAAA,CAAS,IAAA,CAAK,MAAM,CAAA;AAAA,EACtB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,CAAC,WAAA,EAAa,QAAQ,CAAA,GAAI,WAAW,YAAY;AACrD,IAAA,MAAM,MAAA,CAAO,KAAA,EAAO,IAAA,CAAK,YAAA,EAAa;AACtC,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,OAAA,EAAS,UAAA,CAAW,OAAA,IAAW,WAAA,CAAY,OAAA;AAAA,IAC3C,KAAA,EAAA,CAAQ,UAAA,CAAW,KAAA,IAAS,WAAA,CAAY,QAAQ,OAAA,IAAW,IAAA;AAAA,IAC3D,OAAO,OAAO,IAAA,KAAS,EAAI,MAAM,OAAA,CAAQ,IAAI,CAAA,YAA0B,KAAA,CAAA;AAAA,IACvE,MAAA,EAAQ,YAAY,EAAI,MAAM,UAAS,YAA0B,KAAA;AAAA,GACnE;AACF","file":"chunk-BVSJPBJ6.js","sourcesContent":["/**\n * useCoupon - Hook for managing coupon functionality in cart\n *\n * @example\n * ```tsx\n * function CouponInput() {\n *   const { value, apply, remove, error, loading } = useCoupon();\n *\n *   return (\n *     <div>\n *       <input placeholder=\"Enter coupon\" />\n *       <button onClick={() => apply(code)}>Apply</button>\n *       {error && <span>{error}</span>}\n *     </div>\n *   );\n * }\n * ```\n */\n\nimport { useState } from 'react';\nimport { useAsyncFn } from './useAsyncFn';\nimport type { UseApply } from './types';\n\n/**\n * UseCouponResult - Return type for useCoupon hook\n */\nexport type UseCouponResult = UseApply<string>;\n\n/**\n * useCoupon - Hook for managing cart coupons\n *\n * Handles applying and removing coupons from the cart using the\n * Salla SDK. Returns state for loading, errors, and the current\n * coupon value.\n *\n * @returns Coupon management object with apply and remove functions\n *\n * @example\n * ```tsx\n * function CouponInput() {\n *   const { value, apply, remove, error, loading } = useCoupon();\n *\n *   const [code, setCode] = useState('');\n *\n *   return (\n *     <div>\n *       {value ? (\n *         <>\n *           <span>Coupon applied: {value}</span>\n *           <button onClick={remove}>Remove</button>\n *         </>\n *       ) : (\n *         <div>\n *           <input\n *             placeholder=\"Enter coupon code\"\n *             value={code}\n *             onChange={(e) => setCode(e.target.value)}\n *           />\n *           <button onClick={() => apply(code)} disabled={loading}>\n *             Apply\n *           </button>\n *         </div>\n *       )}\n *       {error && <span className=\"error\">{error}</span>}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useCoupon(): UseCouponResult {\n  const [value, setValue] = useState<string | null>(null);\n\n  const [applyState, applyFn] = useAsyncFn(async (code: string) => {\n    if (!code.trim()) throw new Error('Please enter a coupon code');\n    await window.salla?.cart.addCoupon(code.trim());\n    setValue(code.trim());\n  }, []);\n\n  const [removeState, removeFn] = useAsyncFn(async () => {\n    await window.salla?.cart.deleteCoupon();\n    setValue(null);\n  }, []);\n\n  return {\n    value,\n    loading: applyState.loading || removeState.loading,\n    error: (applyState.error ?? removeState.error)?.message ?? null,\n    apply: async (code) => !(((await applyFn(code)) as unknown) instanceof Error),\n    remove: async () => !(((await removeFn()) as unknown) instanceof Error),\n  };\n}\n"]}

package/dist/chunk-BWFBVXT3.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+
+// src/providers/twilight-context.ts
+var TwilightContext = createContext(null);
+function useTwilight() {
+  const context = useContext(TwilightContext);
+  if (!context) throw new Error("useTwilight must be used within a TwilightProvider");
+  return context;
+}
+
+export { TwilightContext, useTwilight };
+//# sourceMappingURL=chunk-BWFBVXT3.js.map
+//# sourceMappingURL=chunk-BWFBVXT3.js.map

package/dist/chunk-BWFBVXT3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/twilight-context.ts"],"names":[],"mappings":";;;AAGO,IAAM,eAAA,GAAkB,cAA2C,IAAI;AAEvE,SAAS,WAAA,GAAoC;AAClD,EAAA,MAAM,OAAA,GAAU,WAAW,eAAe,CAAA;AAC1C,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,oDAAoD,CAAA;AAClF,EAAA,OAAO,OAAA;AACT","file":"chunk-BWFBVXT3.js","sourcesContent":["import { createContext, useContext } from 'react';\nimport type { TwilightContextValue } from './twilight.types';\n\nexport const TwilightContext = createContext<TwilightContextValue | null>(null);\n\nexport function useTwilight(): TwilightContextValue {\n  const context = useContext(TwilightContext);\n  if (!context) throw new Error('useTwilight must be used within a TwilightProvider');\n  return context;\n}\n"]}

package/dist/chunk-CW625T2E.js

@@ -0,0 +1,62 @@
+// src/utils/document-class.ts
+function normalizeClasses(input) {
+  if (!input) return [];
+  const arr = Array.isArray(input) ? input : [input];
+  return arr.flatMap((c) => c.split(/\s+/)).filter(Boolean);
+}
+function mergeElementAttrs(descriptors) {
+  const result = {};
+  const classSet = /* @__PURE__ */ new Set();
+  for (const d of descriptors) {
+    for (const [key, value] of Object.entries(d)) {
+      if (value === void 0) continue;
+      if (key === "class") {
+        for (const c of normalizeClasses(value)) classSet.add(c);
+      } else if (typeof value === "string" && value !== "") {
+        result[key] = value;
+      }
+    }
+  }
+  if (classSet.size > 0) result["class"] = [...classSet].join(" ");
+  return result;
+}
+function toReactProps(attrs) {
+  const out = {};
+  for (const [key, value] of Object.entries(attrs)) {
+    out[key === "class" ? "className" : key] = value;
+  }
+  return out;
+}
+function mergeDocumentDescriptors(...descriptors) {
+  return {
+    bodyAttrs: toReactProps(mergeElementAttrs(descriptors.map((d) => d.body ?? {}))),
+    htmlAttrs: toReactProps(mergeElementAttrs(descriptors.map((d) => d.html ?? {})))
+  };
+}
+function syncAttrsToElement(element, next) {
+  let prev = {};
+  try {
+    const raw = element.getAttribute("data-de-managed");
+    if (raw) prev = JSON.parse(raw);
+  } catch {
+  }
+  const prevClasses = (prev["class"] ?? "").split(" ").filter(Boolean);
+  for (const c of prevClasses) element.classList.remove(c);
+  for (const key of Object.keys(prev)) {
+    if (key !== "class") element.removeAttribute(key);
+  }
+  const nextClasses = (next["class"] ?? "").split(" ").filter(Boolean);
+  for (const c of nextClasses) element.classList.add(c);
+  for (const [key, value] of Object.entries(next)) {
+    if (key !== "class") element.setAttribute(key, value);
+  }
+  if (Object.keys(next).length > 0) {
+    element.setAttribute("data-de-managed", JSON.stringify(next));
+  } else {
+    element.removeAttribute("data-de-managed");
+  }
+}
+
+export { mergeDocumentDescriptors, mergeElementAttrs, normalizeClasses, syncAttrsToElement, toReactProps };
+//# sourceMappingURL=chunk-CW625T2E.js.map
+//# sourceMappingURL=chunk-CW625T2E.js.map

package/dist/chunk-CW625T2E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/document-class.ts"],"names":[],"mappings":"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","file":"chunk-CW625T2E.js","sourcesContent":["/**\n * Attributes to apply to a single HTML element (`<body>` or `<html>`).\n *\n * - `class` is **union-merged** across all active route registrations (deduplicated).\n * - Every other attribute follows **last-registration-wins** (deepest active\n *   route's value overrides parent routes).\n */\nexport interface DocumentElementAttrs {\n  /** CSS classes — merged (union) across all active route registrations */\n  class?: string | string[];\n  /** Any other valid HTML attribute — deepest active route wins */\n  [attr: string]: string | string[] | undefined;\n}\n\n/**\n * Descriptor that a route or component passes to `useDocumentClass`.\n * Each field maps to the corresponding HTML element.\n */\nexport interface DocumentElementDescriptor {\n  /** Attributes to apply to `<body>` */\n  body?: DocumentElementAttrs;\n  /** Attributes to apply to `<html>` */\n  html?: DocumentElementAttrs;\n}\n\n// ============================================================================\n// Utilities\n// ============================================================================\n\nexport function normalizeClasses(input: string | string[] | undefined): string[] {\n  if (!input) return [];\n  const arr = Array.isArray(input) ? input : [input];\n  return arr.flatMap((c) => c.split(/\\s+/)).filter(Boolean);\n}\n\n/**\n * Merge an ordered array of `DocumentElementAttrs` into a flat\n * `Record<string, string>`.\n *\n * - `class` → union of all values, deduplicated\n * - all other keys → last value in the array wins\n */\nexport function mergeElementAttrs(descriptors: DocumentElementAttrs[]): Record<string, string> {\n  const result: Record<string, string> = {};\n  const classSet = new Set<string>();\n\n  for (const d of descriptors) {\n    for (const [key, value] of Object.entries(d)) {\n      if (value === undefined) continue;\n      if (key === 'class') {\n        for (const c of normalizeClasses(value)) classSet.add(c);\n      } else if (typeof value === 'string' && value !== '') {\n        result[key] = value;\n      }\n    }\n  }\n\n  if (classSet.size > 0) result['class'] = [...classSet].join(' ');\n\n  return result;\n}\n\n/**\n * Convert a merged attrs record (using HTML attribute names like `class`) to\n * React JSX prop names (e.g. `class` → `className`).\n */\nexport function toReactProps(attrs: Record<string, string>): Record<string, string> {\n  const out: Record<string, string> = {};\n  for (const [key, value] of Object.entries(attrs)) {\n    out[key === 'class' ? 'className' : key] = value;\n  }\n  return out;\n}\n\n/**\n * Merge multiple `DocumentElementDescriptor`s into React-ready props.\n *\n * Useful for combining attrs from multiple sources (e.g., layout + page).\n *\n * Merge rules:\n * - `class` → union across all descriptors (deduplicated)\n * - all other attrs → last descriptor wins\n *\n * @example\n * ```typescript\n * const { bodyAttrs, htmlAttrs } = mergeDocumentDescriptors(\n *   { html: { class: 'antialiased' } },\n *   { html: { lang: 'ar', dir: 'rtl' }, body: { class: 'font-sans' } },\n * );\n * ```\n */\nexport function mergeDocumentDescriptors(...descriptors: DocumentElementDescriptor[]): {\n  bodyAttrs: Record<string, string>;\n  htmlAttrs: Record<string, string>;\n} {\n  return {\n    bodyAttrs: toReactProps(mergeElementAttrs(descriptors.map((d) => d.body ?? {}))),\n    htmlAttrs: toReactProps(mergeElementAttrs(descriptors.map((d) => d.html ?? {}))),\n  };\n}\n\n/**\n * Apply a merged attrs record to a real DOM element, tracking managed\n * attribute names so a subsequent call cleanly removes stale values without\n * touching attributes set by other systems.\n *\n * Managed state is serialised as JSON on `data-de-managed`.\n */\nexport function syncAttrsToElement(element: Element, next: Record<string, string>): void {\n  // Read previously managed state\n  let prev: Record<string, string> = {};\n  try {\n    const raw = element.getAttribute('data-de-managed');\n    if (raw) prev = JSON.parse(raw) as Record<string, string>;\n  } catch {\n    // ignore malformed data\n  }\n\n  // Remove stale managed attrs\n  const prevClasses = (prev['class'] ?? '').split(' ').filter(Boolean);\n  for (const c of prevClasses) element.classList.remove(c);\n  for (const key of Object.keys(prev)) {\n    if (key !== 'class') element.removeAttribute(key);\n  }\n\n  // Apply new attrs\n  const nextClasses = (next['class'] ?? '').split(' ').filter(Boolean);\n  for (const c of nextClasses) element.classList.add(c);\n  for (const [key, value] of Object.entries(next)) {\n    if (key !== 'class') element.setAttribute(key, value);\n  }\n\n  // Persist managed state\n  if (Object.keys(next).length > 0) {\n    element.setAttribute('data-de-managed', JSON.stringify(next));\n  } else {\n    element.removeAttribute('data-de-managed');\n  }\n}\n"]}

package/dist/chunk-DFMO5KBU.js

@@ -0,0 +1,67 @@
+import { orThrow } from './chunk-GO34DE35.js';
+import { api } from './chunk-2TB2LTL2.js';
+import { queryOptions } from '@tanstack/react-query';
+
+var blog = {
+  get: async (signal) => {
+    const options = {};
+    if (signal) options.signal = signal;
+    const response = await api.get("blog", options).json();
+    return {
+      categories: response.data.categories ?? [],
+      slides: response.data.slides ?? [],
+      articles: response.data.articles ?? [],
+      popular: response.data.popular ?? []
+    };
+  },
+  articles: {
+    list: async (params) => {
+      const { category, author, tag, page, cursor, signal } = params ?? {};
+      const searchParams = new URLSearchParams();
+      if (page !== void 0) searchParams.set("page", String(page));
+      if (cursor) searchParams.set("cursor", cursor);
+      if (category) searchParams.set("category", category);
+      if (author) searchParams.set("author", author);
+      if (tag) searchParams.set("tag", tag);
+      const options = {};
+      if (signal) options.signal = signal;
+      const response = await api.get(`blog/articles?${searchParams.toString()}`, options).json();
+      return {
+        data: response.data ?? [],
+        categories: response.categories ?? void 0,
+        category: response.category,
+        author: response.author,
+        tag: response.tag,
+        cursor: response.cursor
+      };
+    },
+    find: async (id, signal) => {
+      const options = {};
+      if (signal) options.signal = signal;
+      const response = await api.get(`blog/articles/${id}`, options).json();
+      if (!response.data) {
+        throw new Error(`Article ${id} not found`);
+      }
+      return response.data;
+    },
+    findOrThrow: (id, signal) => orThrow(blog.articles.find(id, signal))
+  },
+  queries: {
+    overview: () => queryOptions({
+      queryKey: ["blog", "overview"],
+      queryFn: ({ signal }) => blog.get(signal)
+    }),
+    articles: (params) => queryOptions({
+      queryKey: ["blog", "articles", params],
+      queryFn: ({ signal }) => blog.articles.list({ ...params, signal })
+    }),
+    article: (id) => queryOptions({
+      queryKey: ["blog", "article", id],
+      queryFn: ({ signal }) => blog.articles.find(id, signal)
+    })
+  }
+};
+
+export { blog };
+//# sourceMappingURL=chunk-DFMO5KBU.js.map
+//# sourceMappingURL=chunk-DFMO5KBU.js.map

package/dist/chunk-DFMO5KBU.js.map

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

package/dist/chunk-DGUM43GV.js

@@ -0,0 +1,10 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export { __require };
+//# sourceMappingURL=chunk-DGUM43GV.js.map
+//# sourceMappingURL=chunk-DGUM43GV.js.map

package/dist/chunk-DGUM43GV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-DGUM43GV.js"}

package/dist/chunk-EQ5ZGAVR.js

@@ -0,0 +1,89 @@
+import { configureNavigation, UnauthorizedError, NavigationProvider } from './chunk-GO34DE35.js';
+import { isLocale } from './chunk-T72DAX7R.js';
+import { LinkProvider } from './chunk-XUI3TRXF.js';
+import { useParams, Link, redirect, notFound, useNavigate } from '@tanstack/react-router';
+import { forwardRef, createElement, useCallback } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function localizeDestination(destination, locale) {
+  if (!locale || !destination.startsWith("/") || destination.startsWith("//")) return destination;
+  const firstSegment = destination.split("/")[1]?.split(/[?#]/)[0];
+  if (isLocale(firstSegment)) return destination;
+  return destination === "/" ? `/${locale}` : `/${locale}${destination}`;
+}
+var TanStackLinkAdapter = forwardRef(
+  ({
+    to,
+    href,
+    children,
+    className,
+    style,
+    title,
+    target,
+    rel,
+    onClick,
+    preload,
+    replace,
+    "aria-label": ariaLabel,
+    ...rest
+  }, ref) => {
+    const { locale } = useParams({ strict: false });
+    const destination = localizeDestination(to ?? href ?? "/", locale);
+    return createElement(
+      Link,
+      {
+        ref,
+        to: destination,
+        className,
+        style,
+        title,
+        target,
+        rel,
+        onClick,
+        preload: preload === "intent" ? "intent" : void 0,
+        replace,
+        "aria-label": ariaLabel,
+        ...rest
+      },
+      children
+    );
+  }
+);
+TanStackLinkAdapter.displayName = "TanStackLinkAdapter";
+function createTanStackLinkAdapter() {
+  return TanStackLinkAdapter;
+}
+configureNavigation({
+  notFound: (message) => {
+    throw notFound({ data: message });
+  },
+  redirect: (path, opts) => {
+    throw redirect({ to: path, replace: opts?.replace });
+  },
+  unauthorized: (message) => {
+    throw new UnauthorizedError(message);
+  }
+});
+function NavigationSetup({ children }) {
+  const navigate = useNavigate();
+  const { locale } = useParams({ strict: false });
+  const navigateFn = useCallback(
+    (to, opts) => navigate({ to: localizeDestination(to, locale), replace: opts?.replace }),
+    [navigate, locale]
+  );
+  return /* @__PURE__ */ jsx(NavigationProvider, { navigate: navigateFn, children: /* @__PURE__ */ jsx(LinkProvider, { adapter: TanStackLinkAdapter, children }) });
+}
+function TanStackNavigationProvider({ children }) {
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsx(
+    NavigationProvider,
+    {
+      navigate: (to, opts) => navigate({ to, replace: opts?.replace }),
+      children: /* @__PURE__ */ jsx(LinkProvider, { adapter: TanStackLinkAdapter, children })
+    }
+  );
+}
+
+export { NavigationSetup, TanStackLinkAdapter, TanStackNavigationProvider, createTanStackLinkAdapter };
+//# sourceMappingURL=chunk-EQ5ZGAVR.js.map
+//# sourceMappingURL=chunk-EQ5ZGAVR.js.map

package/dist/chunk-EQ5ZGAVR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tanstack/link.tsx","../src/tanstack/navigation.tsx"],"names":["TanStackLink","tanstackNotFound","tanstackRedirect","useParams"],"mappings":"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","file":"chunk-EQ5ZGAVR.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-FBFPH5BB.js

@@ -0,0 +1,34 @@
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ErrorPage({
+  code,
+  title,
+  message,
+  actionText,
+  actionHref = "/",
+  showAction = true,
+  LinkComponent,
+  children
+}) {
+  const { t } = useTranslation();
+  const resolvedTitle = title ?? t(`common.errors.${code}`) ?? "Error";
+  const resolvedMessage = message ?? t("common.errors.error_occurred") ?? "An unexpected error occurred.";
+  const resolvedActionText = actionText ?? t("common.elements.back_home") ?? "Back to Home";
+  const linkClassName = "inline-flex items-center px-6 py-3 rounded-lg transition-opacity hover:opacity-90";
+  const linkStyle = {
+    backgroundColor: "var(--color-primary)",
+    color: "var(--color-primary-reverse, #ffffff)"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "container py-16 text-center", children: [
+    code && /* @__PURE__ */ jsx("h1", { className: "text-6xl font-bold text-gray-300 mb-4", "data-testid": "error-code", children: code }),
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-gray-700 mb-4", children: resolvedTitle }),
+    /* @__PURE__ */ jsx("p", { className: "text-gray-500 mb-8", children: resolvedMessage }),
+    children,
+    showAction && (LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { to: actionHref, className: linkClassName, style: linkStyle, children: resolvedActionText }) : /* @__PURE__ */ jsx("a", { href: actionHref, className: linkClassName, style: linkStyle, children: resolvedActionText }))
+  ] });
+}
+
+export { ErrorPage };
+//# sourceMappingURL=chunk-FBFPH5BB.js.map
+//# sourceMappingURL=chunk-FBFPH5BB.js.map

package/dist/chunk-FBFPH5BB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/ErrorPage.tsx"],"names":[],"mappings":";;;AAmBO,SAAS,SAAA,CAAU;AAAA,EACxB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb,UAAA,GAAa,IAAA;AAAA,EACb,aAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,gBAAgB,KAAA,IAAS,CAAA,CAAE,CAAA,cAAA,EAAiB,IAAI,EAAE,CAAA,IAAK,OAAA;AAC7D,EAAA,MAAM,eAAA,GACJ,OAAA,IAAW,CAAA,CAAE,8BAA8B,CAAA,IAAK,+BAAA;AAClD,EAAA,MAAM,kBAAA,GAAqB,UAAA,IAAc,CAAA,CAAE,2BAA2B,CAAA,IAAK,cAAA;AAE3E,EAAA,MAAM,aAAA,GACJ,mFAAA;AACF,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,eAAA,EAAiB,sBAAA;AAAA,IACjB,KAAA,EAAO;AAAA,GACT;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACZ,QAAA,EAAA;AAAA,IAAA,IAAA,wBACE,IAAA,EAAA,EAAG,SAAA,EAAU,uCAAA,EAAwC,aAAA,EAAY,cAC/D,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,oBAEF,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,oBACzE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,IAElD,QAAA;AAAA,IAEA,UAAA,KACE,gCACC,GAAA,CAAC,aAAA,EAAA,EAAc,IAAI,UAAA,EAAY,SAAA,EAAW,eAAe,KAAA,EAAO,SAAA,EAC7D,8BACH,CAAA,mBAEA,GAAA,CAAC,OAAE,IAAA,EAAM,UAAA,EAAY,WAAW,aAAA,EAAe,KAAA,EAAO,WACnD,QAAA,EAAA,kBAAA,EACH,CAAA;AAAA,GAAA,EAEN,CAAA;AAEJ","file":"chunk-FBFPH5BB.js","sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport { useTranslation } from '../../providers/i18n';\n\nexport interface ErrorPageProps {\n  code?: string | number;\n  title?: string;\n  message?: string;\n  actionText?: string;\n  actionHref?: string;\n  showAction?: boolean;\n  LinkComponent?: ComponentType<{\n    to: string;\n    className?: string;\n    style?: React.CSSProperties;\n    children: ReactNode;\n  }>;\n  children?: ReactNode;\n}\n\nexport function ErrorPage({\n  code,\n  title,\n  message,\n  actionText,\n  actionHref = '/',\n  showAction = true,\n  LinkComponent,\n  children,\n}: ErrorPageProps) {\n  const { t } = useTranslation();\n\n  const resolvedTitle = title ?? t(`common.errors.${code}`) ?? 'Error';\n  const resolvedMessage =\n    message ?? t('common.errors.error_occurred') ?? 'An unexpected error occurred.';\n  const resolvedActionText = actionText ?? t('common.elements.back_home') ?? 'Back to Home';\n\n  const linkClassName =\n    'inline-flex items-center px-6 py-3 rounded-lg transition-opacity hover:opacity-90';\n  const linkStyle = {\n    backgroundColor: 'var(--color-primary)',\n    color: 'var(--color-primary-reverse, #ffffff)',\n  };\n\n  return (\n    <div className=\"container py-16 text-center\">\n      {code && (\n        <h1 className=\"text-6xl font-bold text-gray-300 mb-4\" data-testid=\"error-code\">\n          {code}\n        </h1>\n      )}\n      <h2 className=\"text-2xl font-semibold text-gray-700 mb-4\">{resolvedTitle}</h2>\n      <p className=\"text-gray-500 mb-8\">{resolvedMessage}</p>\n\n      {children}\n\n      {showAction &&\n        (LinkComponent ? (\n          <LinkComponent to={actionHref} className={linkClassName} style={linkStyle}>\n            {resolvedActionText}\n          </LinkComponent>\n        ) : (\n          <a href={actionHref} className={linkClassName} style={linkStyle}>\n            {resolvedActionText}\n          </a>\n        ))}\n    </div>\n  );\n}\n"]}

package/dist/chunk-G7ALL4BC.js

@@ -0,0 +1,52 @@
+// src/components/ComponentRegistry.ts
+var ComponentRegistry = class {
+  constructor() {
+    this.components = /* @__PURE__ */ new Map();
+  }
+  register(name, component) {
+    this.components.set(name, {
+      component,
+      displayName: name
+    });
+  }
+  override(name, component) {
+    const existing = this.components.get(name);
+    if (existing) {
+      this.components.set(name, {
+        component,
+        displayName: name,
+        original: existing
+      });
+    } else {
+      this.register(name, component);
+    }
+  }
+  resolve(name) {
+    const definition = this.components.get(name);
+    return definition?.component ?? null;
+  }
+  getOriginal(name) {
+    const definition = this.components.get(name);
+    return definition?.original?.component ?? null;
+  }
+  has(name) {
+    return this.components.has(name);
+  }
+  list() {
+    return Array.from(this.components.keys());
+  }
+  listByPrefix(prefix) {
+    return this.list().filter((name) => name.startsWith(prefix));
+  }
+  clear() {
+    this.components.clear();
+  }
+  remove(name) {
+    return this.components.delete(name);
+  }
+};
+var registry = new ComponentRegistry();
+
+export { ComponentRegistry, registry };
+//# sourceMappingURL=chunk-G7ALL4BC.js.map
+//# sourceMappingURL=chunk-G7ALL4BC.js.map

package/dist/chunk-G7ALL4BC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ComponentRegistry.ts"],"names":[],"mappings":";AAEA,IAAM,oBAAN,MAAwB;AAAA,EAAxB,WAAA,GAAA;AACE,IAAA,IAAA,CAAQ,UAAA,uBAAiB,GAAA,EAAiC;AAAA,EAAA;AAAA,EAE1D,QAAA,CAAsC,MAAc,SAAA,EAAmC;AACrF,IAAA,IAAA,CAAK,UAAA,CAAW,IAAI,IAAA,EAAM;AAAA,MACxB,SAAA;AAAA,MACA,WAAA,EAAa;AAAA,KACd,CAAA;AAAA,EACH;AAAA,EAEA,QAAA,CAAsC,MAAc,SAAA,EAAmC;AACrF,IAAA,MAAM,QAAA,GAAW,IAAA,CAAK,UAAA,CAAW,GAAA,CAAI,IAAI,CAAA;AACzC,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,IAAA,CAAK,UAAA,CAAW,IAAI,IAAA,EAAM;AAAA,QACxB,SAAA;AAAA,QACA,WAAA,EAAa,IAAA;AAAA,QACb,QAAA,EAAU;AAAA,OACX,CAAA;AAAA,IACH,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,QAAA,CAAS,MAAM,SAAS,CAAA;AAAA,IAC/B;AAAA,EACF;AAAA,EAEA,QAAqC,IAAA,EAAuC;AAC1E,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,UAAA,CAAW,GAAA,CAAI,IAAI,CAAA;AAC3C,IAAA,OAAQ,YAAY,SAAA,IAAkC,IAAA;AAAA,EACxD;AAAA,EAEA,YAAyC,IAAA,EAAuC;AAC9E,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,UAAA,CAAW,GAAA,CAAI,IAAI,CAAA;AAC3C,IAAA,OAAQ,UAAA,EAAY,UAAU,SAAA,IAAkC,IAAA;AAAA,EAClE;AAAA,EAEA,IAAI,IAAA,EAAuB;AACzB,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,GAAA,CAAI,IAAI,CAAA;AAAA,EACjC;AAAA,EAEA,IAAA,GAAiB;AACf,IAAA,OAAO,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,MAAM,CAAA;AAAA,EAC1C;AAAA,EAEA,aAAa,MAAA,EAA0B;AACrC,IAAA,OAAO,IAAA,CAAK,MAAK,CAAE,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAC7D;AAAA,EAEA,KAAA,GAAc;AACZ,IAAA,IAAA,CAAK,WAAW,KAAA,EAAM;AAAA,EACxB;AAAA,EAEA,OAAO,IAAA,EAAuB;AAC5B,IAAA,OAAO,IAAA,CAAK,UAAA,CAAW,MAAA,CAAO,IAAI,CAAA;AAAA,EACpC;AACF;AAEO,IAAM,QAAA,GAAW,IAAI,iBAAA","file":"chunk-G7ALL4BC.js","sourcesContent":["import type { ComponentType, ComponentDefinition } from '../types';\n\nclass ComponentRegistry {\n  private components = new Map<string, ComponentDefinition>();\n\n  register<P = Record<string, unknown>>(name: string, component: ComponentType<P>): void {\n    this.components.set(name, {\n      component: component as ComponentType,\n      displayName: name,\n    });\n  }\n\n  override<P = Record<string, unknown>>(name: string, component: ComponentType<P>): void {\n    const existing = this.components.get(name);\n    if (existing) {\n      this.components.set(name, {\n        component: component as ComponentType,\n        displayName: name,\n        original: existing,\n      });\n    } else {\n      this.register(name, component);\n    }\n  }\n\n  resolve<P = Record<string, unknown>>(name: string): ComponentType<P> | null {\n    const definition = this.components.get(name);\n    return (definition?.component as ComponentType<P>) ?? null;\n  }\n\n  getOriginal<P = Record<string, unknown>>(name: string): ComponentType<P> | null {\n    const definition = this.components.get(name);\n    return (definition?.original?.component as ComponentType<P>) ?? null;\n  }\n\n  has(name: string): boolean {\n    return this.components.has(name);\n  }\n\n  list(): string[] {\n    return Array.from(this.components.keys());\n  }\n\n  listByPrefix(prefix: string): string[] {\n    return this.list().filter((name) => name.startsWith(prefix));\n  }\n\n  clear(): void {\n    this.components.clear();\n  }\n\n  remove(name: string): boolean {\n    return this.components.delete(name);\n  }\n}\n\nexport const registry = new ComponentRegistry();\n\nexport { ComponentRegistry };\n\nexport const COMPONENT_KEYS = {\n  PRODUCT_CARD: 'product:card',\n} as const;\n"]}

package/dist/chunk-GBWCXUPD.js

@@ -0,0 +1,99 @@
+import { useAsyncFn } from './chunk-6BZ5TKEV.js';
+import { useSyncExternalStore, useCallback } from 'react';
+
+var WISHLIST_STORAGE_KEY = "salla::wishlist";
+var ids = [];
+var listeners = /* @__PURE__ */ new Set();
+var subscribed = false;
+function emitChange() {
+  for (const listener of listeners) listener();
+}
+function subscribe(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getSnapshot() {
+  return ids;
+}
+var getServerSnapshot = () => [];
+function persistIds() {
+  try {
+    localStorage.setItem(WISHLIST_STORAGE_KEY, JSON.stringify(ids));
+  } catch {
+  }
+}
+function initFromStorage() {
+  try {
+    const sdkWishlist = window.salla?.storage.get(WISHLIST_STORAGE_KEY, []);
+    const stored = localStorage.getItem(WISHLIST_STORAGE_KEY);
+    const parsed = stored ? JSON.parse(stored) : [];
+    ids = Array.isArray(sdkWishlist) && sdkWishlist.length > 0 ? sdkWishlist : parsed;
+  } catch {
+  }
+}
+function ensureSubscribed() {
+  if (subscribed || typeof window === "undefined") return;
+  subscribed = true;
+  initFromStorage();
+  const salla = window.salla;
+  if (!salla?.wishlist?.event) return;
+  salla.wishlist.event.onAdded((_event, id) => {
+    if (ids.includes(id)) return;
+    ids = [...ids, id];
+    persistIds();
+    emitChange();
+  });
+  salla.wishlist.event.onRemoved((_response, id) => {
+    ids = ids.filter((itemId) => itemId !== id);
+    persistIds();
+    emitChange();
+  });
+}
+function useWishlist() {
+  ensureSubscribed();
+  const storedIds = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  const [addState, addFn] = useAsyncFn(async (productId) => {
+    const salla = window.salla;
+    await salla?.wishlist.add(productId);
+    if (!ids.includes(productId)) {
+      ids = [...ids, productId];
+      persistIds();
+      emitChange();
+    }
+  }, []);
+  const [removeState, removeFn] = useAsyncFn(async (productId) => {
+    const salla = window.salla;
+    await salla?.wishlist.remove(productId);
+    ids = ids.filter((id) => id !== productId);
+    persistIds();
+    emitChange();
+  }, []);
+  const has = useCallback((productId) => storedIds.includes(productId), [storedIds]);
+  const add = async (productId) => !(await addFn(productId) instanceof Error);
+  const remove = async (productId) => !(await removeFn(productId) instanceof Error);
+  const toggle = useCallback(
+    (productId) => has(productId) ? remove(productId) : add(productId),
+    [has, addFn, removeFn]
+  );
+  return {
+    ids: storedIds,
+    count: storedIds.length,
+    has,
+    add,
+    remove,
+    toggle,
+    loading: addState.loading || removeState.loading,
+    error: (addState.error ?? removeState.error)?.message ?? null
+  };
+}
+function resetWishlistStore() {
+  ids = [];
+  listeners.clear();
+  subscribed = false;
+}
+
+export { resetWishlistStore, useWishlist };
+//# sourceMappingURL=chunk-GBWCXUPD.js.map
+//# sourceMappingURL=chunk-GBWCXUPD.js.map

package/dist/chunk-GBWCXUPD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useWishlist.ts"],"names":[],"mappings":"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","file":"chunk-GBWCXUPD.js","sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\nimport { useAsyncFn } from './useAsyncFn';\nimport type { UseToggleWithItems } from './types';\n\nexport type UseWishlistResult = UseToggleWithItems<number>;\n\n/**\n * useWishlist - Hook for managing wishlist functionality\n *\n * Provides wishlist product management with local storage persistence\n * and Salla SDK integration. Syncs with the SDK's wishlist state and\n * listens for events to maintain real-time consistency.\n *\n * Uses a module-level singleton store so SDK event listeners are\n * registered ONCE globally — not per-component. All hook instances\n * share the same state via `useSyncExternalStore`.\n *\n * @returns Wishlist state and management functions\n *\n * @example\n * ```tsx\n * function WishlistButton({ productId }) {\n *   const { has, toggle, loading } = useWishlist();\n *\n *   return (\n *     <button\n *       onClick={() => toggle(productId)}\n *       disabled={loading}\n *       className={has(productId) ? 'liked' : ''}\n *     >\n *       ❤️\n *     </button>\n *   );\n * }\n * ```\n */\n\nconst WISHLIST_STORAGE_KEY = 'salla::wishlist';\n\nlet ids: number[] = [];\nconst listeners = new Set<() => void>();\nlet subscribed = false;\n\nfunction emitChange() {\n  for (const listener of listeners) listener();\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nfunction getSnapshot(): number[] {\n  return ids;\n}\n\nconst getServerSnapshot = (): number[] => [];\n\nfunction persistIds() {\n  try {\n    localStorage.setItem(WISHLIST_STORAGE_KEY, JSON.stringify(ids));\n  } catch {\n    /* ignore storage errors */\n  }\n}\n\nfunction initFromStorage() {\n  try {\n    const sdkWishlist = window.salla?.storage.get(WISHLIST_STORAGE_KEY, []);\n    const stored = localStorage.getItem(WISHLIST_STORAGE_KEY);\n    const parsed = stored ? JSON.parse(stored) : [];\n    ids = Array.isArray(sdkWishlist) && sdkWishlist.length > 0 ? sdkWishlist : parsed;\n  } catch {\n    /* ignore storage errors */\n  }\n}\n\nfunction ensureSubscribed() {\n  if (subscribed || typeof window === 'undefined') return;\n  subscribed = true;\n  initFromStorage();\n\n  const salla = window.salla;\n  if (!salla?.wishlist?.event) return;\n\n  salla.wishlist.event.onAdded((_event: unknown, id: number) => {\n    if (ids.includes(id)) return;\n    ids = [...ids, id];\n    persistIds();\n    emitChange();\n  });\n\n  salla.wishlist.event.onRemoved((_response: unknown, id: number) => {\n    ids = ids.filter((itemId) => itemId !== id);\n    persistIds();\n    emitChange();\n  });\n}\n\nexport function useWishlist(): UseWishlistResult {\n  ensureSubscribed();\n  const storedIds = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n\n  const [addState, addFn] = useAsyncFn(async (productId: number) => {\n    const salla = window.salla;\n    await salla?.wishlist.add(productId);\n    if (!ids.includes(productId)) {\n      ids = [...ids, productId];\n      persistIds();\n      emitChange();\n    }\n  }, []);\n\n  const [removeState, removeFn] = useAsyncFn(async (productId: number) => {\n    const salla = window.salla;\n    await salla?.wishlist.remove(productId);\n    ids = ids.filter((id) => id !== productId);\n    persistIds();\n    emitChange();\n  }, []);\n\n  const has = useCallback((productId: number) => storedIds.includes(productId), [storedIds]);\n\n  const add = async (productId: number): Promise<boolean> =>\n    !(((await addFn(productId)) as unknown) instanceof Error);\n\n  const remove = async (productId: number): Promise<boolean> =>\n    !(((await removeFn(productId)) as unknown) instanceof Error);\n\n  const toggle = useCallback(\n    (productId: number) => (has(productId) ? remove(productId) : add(productId)),\n    [has, addFn, removeFn]\n  );\n\n  return {\n    ids: storedIds,\n    count: storedIds.length,\n    has,\n    add,\n    remove,\n    toggle,\n    loading: addState.loading || removeState.loading,\n    error: (addState.error ?? removeState.error)?.message ?? null,\n  };\n}\n\nexport function resetWishlistStore() {\n  ids = [];\n  listeners.clear();\n  subscribed = false;\n}\n"]}