@salla.sa/twilight-theme-engine 1.0.52 → 1.0.54

package/dist/WishlistPage-KEWT7Y5L.js

@@ -0,0 +1,375 @@
+import { wishlist } from './chunk-7XBSSGRK.js';
+import './chunk-BVB75J3R.js';
+import { useMoney } from './chunk-GLKBT6N6.js';
+import './chunk-7ANJ7LGZ.js';
+import './chunk-JKIRRMBU.js';
+import './chunk-2JV6WZ6O.js';
+import './chunk-6IATCGID.js';
+import './chunk-3MHDV5JS.js';
+import './chunk-VVZNW5CB.js';
+import './chunk-JD4J2ZB6.js';
+import { useLocation } from './chunk-63GHZIAG.js';
+import './chunk-TFB3QXYH.js';
+import './chunk-C5X6CVXC.js';
+import './chunk-QKIQ3K24.js';
+import './chunk-Z74NUTEI.js';
+import './chunk-O6XXHXC4.js';
+import './chunk-3FIWHGCZ.js';
+import './chunk-XTMHHLNK.js';
+import './chunk-PJWFEMBX.js';
+import './chunk-TP3LCGE7.js';
+import './chunk-Z653O7MX.js';
+import './chunk-ZCH7W7DZ.js';
+import './chunk-3U26OMNO.js';
+import './chunk-JWXJPJBO.js';
+import './chunk-CW625T2E.js';
+import './chunk-BVSJPBJ6.js';
+import { useWishlist } from './chunk-GBWCXUPD.js';
+import './chunk-OAMIDZKW.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
+import './chunk-T72DAX7R.js';
+import './chunk-YMVLYYLU.js';
+import './chunk-RJPPO3ET.js';
+import { HookSlot } from './chunk-Q7VWURUR.js';
+import './chunk-GU2KUQVD.js';
+import { LazyNoContent, Image } from './chunk-6DH255C3.js';
+import './chunk-AXW67SY7.js';
+import './chunk-BYMOPN2S.js';
+import './chunk-SKLEJJ6M.js';
+import './chunk-6BZ5TKEV.js';
+import './chunk-FZKRSGLP.js';
+import './chunk-CUG6VOLM.js';
+import './chunk-HX3YKS5W.js';
+import './chunk-OBSAH7K6.js';
+import './chunk-DF6FBKDN.js';
+import './chunk-DGUM43GV.js';
+import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
+import { ItemsList } from '@salla.sa/twilight-components-react';
+import { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';
+import { SallaButton } from '@salla.sa/twilight-components-react/button';
+import { SallaSocialShareCore } from '@salla.sa/twilight-components-react/social-share';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function useWishlistShare() {
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [selecting, setSelecting] = useState(false);
+  const [selectedIds, setSelectedIds] = useState([]);
+  const [sharing, setSharing] = useState(false);
+  const [shareUrl, setShareUrl] = useState("");
+  const loadedIdsRef = useRef([]);
+  const socialShareRef = useRef(null);
+  const share = useCallback(async (ids, selectAll) => {
+    if (!window.salla?.wishlist?.share) return;
+    setSharing(true);
+    try {
+      const response = await window.salla.wishlist.share(ids, selectAll);
+      const url = response?.data?.url || response?.url || "";
+      if (!url) return;
+      setShareUrl(url);
+      const element = socialShareRef.current;
+      if (element) {
+        element.url = url;
+        await element.refresh?.();
+        await element.open?.();
+      }
+    } catch {
+    } finally {
+      setSharing(false);
+    }
+  }, []);
+  const shareAll = useCallback(() => {
+    setMenuOpen(false);
+    void share([], true);
+  }, [share]);
+  const shareSelected = useCallback(() => {
+    if (selectedIds.length) void share(selectedIds, false);
+  }, [share, selectedIds]);
+  const startSelecting = useCallback(() => {
+    setMenuOpen(false);
+    setSelecting(true);
+  }, []);
+  const cancelSelecting = useCallback(() => {
+    setSelecting(false);
+    setSelectedIds([]);
+    setShareUrl("");
+    void socialShareRef.current?.close?.();
+  }, []);
+  const toggleSelected = useCallback((id) => {
+    setShareUrl("");
+    setSelectedIds(
+      (current) => current.includes(id) ? current.filter((existing) => existing !== id) : [...current, id]
+    );
+  }, []);
+  const toggleAll = useCallback(() => {
+    setShareUrl("");
+    setSelectedIds(
+      (current) => current.length && current.length === loadedIdsRef.current.length ? [] : [...loadedIdsRef.current]
+    );
+  }, []);
+  return {
+    menuOpen,
+    setMenuOpen,
+    selecting,
+    selectedIds,
+    sharing,
+    shareUrl,
+    loadedIdsRef,
+    socialShareRef,
+    shareAll,
+    shareSelected,
+    startSelecting,
+    cancelSelecting,
+    toggleSelected,
+    toggleAll
+  };
+}
+function WishlistShareBar({
+  state,
+  hasProducts
+}) {
+  const { t } = useTranslation();
+  const rootRef = useRef(null);
+  const { menuOpen, setMenuOpen } = state;
+  useEffect(() => {
+    if (!menuOpen) return;
+    const onPointerDown = (event) => {
+      if (!rootRef.current?.contains(event.target)) setMenuOpen(false);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setMenuOpen(false);
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [menuOpen, setMenuOpen]);
+  const selectedCount = state.selectedIds.length;
+  const allSelected = selectedCount > 0 && selectedCount === state.loadedIdsRef.current.length;
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "s-wishlist-actions", children: [
+    /* @__PURE__ */ jsx("div", { className: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3", children: state.selecting ? /* @__PURE__ */ jsxs("div", { className: "s-wishlist-actions-selection flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("label", { className: "s-wishlist-actions-select-all inline-flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: allSelected,
+            ref: (input) => {
+              if (input) input.indeterminate = selectedCount > 0 && !allSelected;
+            },
+            onChange: state.toggleAll
+          }
+        ),
+        t("pages.wishlist.select_all", "Select all")
+      ] }),
+      /* @__PURE__ */ jsxs(
+        SallaButton,
+        {
+          color: "primary",
+          disabled: selectedCount === 0 || state.sharing,
+          onClick: state.shareSelected,
+          children: [
+            t("pages.wishlist.share", "Share"),
+            selectedCount > 0 ? ` (${selectedCount})` : ""
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(SallaButton, { fill: "outline", color: "light", onClick: state.cancelSelecting, children: t("common.elements.cancel", "Cancel") })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "s-wishlist-actions-dropdown relative", children: [
+      /* @__PURE__ */ jsx(
+        SallaButton,
+        {
+          color: "primary",
+          fill: "outline",
+          disabled: !hasProducts || state.sharing,
+          "aria-haspopup": "true",
+          "aria-expanded": menuOpen,
+          onClick: () => setMenuOpen(!menuOpen),
+          children: /* @__PURE__ */ jsxs("span", { className: "flex items-center justify-center gap-2", children: [
+            /* @__PURE__ */ jsx("i", { className: "sicon-share-alt", "aria-hidden": "true" }),
+            t("pages.wishlist.share", "Share"),
+            /* @__PURE__ */ jsx("i", { className: "sicon-keyboard_arrow_down", "aria-hidden": "true" })
+          ] })
+        }
+      ),
+      menuOpen && /* @__PURE__ */ jsxs(
+        "ul",
+        {
+          role: "menu",
+          className: "s-wishlist-actions-menu absolute z-10 mt-2 min-w-48 rounded-md bg-white py-2 shadow-default rtl:right-0 ltr:left-0",
+          children: [
+            /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "s-wishlist-actions-item block w-full px-4 py-2 text-start text-sm text-gray-700 hover:bg-gray-50",
+                onClick: state.shareAll,
+                children: t("pages.wishlist.share_all", "Share the list")
+              }
+            ) }),
+            /* @__PURE__ */ jsx("li", { role: "none", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "s-wishlist-actions-item block w-full px-4 py-2 text-start text-sm text-gray-700 hover:bg-gray-50",
+                onClick: state.startSelecting,
+                children: t("pages.wishlist.share_specific", "Share specific items")
+              }
+            ) })
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      SallaSocialShareCore,
+      {
+        ref: state.socialShareRef,
+        url: state.shareUrl || void 0,
+        mode: "modal",
+        modalTitle: t("pages.wishlist.share_list_title", "Share wishlist"),
+        className: "s-wishlist-actions-social",
+        children: /* @__PURE__ */ jsx("span", { slot: "widget", className: "s-wishlist-actions-social-anchor", "aria-hidden": "true" })
+      }
+    )
+  ] });
+}
+function WishlistCard({
+  product: prod,
+  selection
+}) {
+  const { remove } = useWishlist();
+  const { format } = useMoney();
+  const handleRemove = () => {
+    if (prod.id) {
+      remove(Number(prod.id));
+    }
+  };
+  const displayPrice = prod.sale_price ?? prod.price;
+  const regularPrice = prod.regular_price;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: `wishlist-product-${prod.id}`,
+      className: `product-entry product-entry--wishlist${selection?.selected ? " is-selected" : ""}`,
+      children: [
+        selection?.selecting && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "s-wishlist-select shrink-0 rtl:ml-4 ltr:mr-4",
+            "aria-label": prod.name,
+            checked: selection.selected,
+            onChange: () => selection.onToggle(Number(prod.id))
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center mb-4 sm:mb-0", children: [
+          /* @__PURE__ */ jsx("a", { href: prod.url, className: "product-entry__image", children: /* @__PURE__ */ jsx(
+            Image,
+            {
+              className: "object-cover w-full h-full",
+              src: prod.image?.url,
+              alt: prod.image?.alt ?? prod.name,
+              aspectRatio: "1/1"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 rtl:pr-5 ltr:pl-5", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm text-gray-800 leading-6 mb-1.5 rtl:pl-5 ltr:pr-5 rtl:md:pl-8 ltr:md:pr-8 line-clamp-1", children: /* @__PURE__ */ jsx("a", { href: prod.url, children: prod.name }) }),
+            /* @__PURE__ */ jsx("div", { className: "w-full center-between", children: prod.is_on_sale && regularPrice ? /* @__PURE__ */ jsxs("div", { className: "space-x-1 rtl:space-x-reverse", children: [
+              /* @__PURE__ */ jsx("h4", { className: "inline-block text-sm font-bold text-red-400", children: format(displayPrice) }),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500 line-through", children: format(regularPrice) })
+            ] }) : /* @__PURE__ */ jsx("h4", { className: "text-sm font-bold", children: format(displayPrice) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4 rtl:space-x-reverse", children: [
+          /* @__PURE__ */ jsx(
+            SallaAddProductButton,
+            {
+              productStatus: prod.status,
+              productId: prod.id,
+              productType: prod.type,
+              loaderPosition: "center",
+              fill: "outline",
+              className: "flex-grow w-full sm:grow-0 md:w-40"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SallaButton,
+            {
+              loaderPosition: "center",
+              shape: "icon",
+              size: "small",
+              color: "danger",
+              className: "btn--delete",
+              onClick: handleRemove,
+              children: /* @__PURE__ */ jsx("i", { className: "sicon-cancel" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function WishlistPage({ query, products, pagination }) {
+  const { t } = useTranslation();
+  const { pathname, searchStr } = useLocation();
+  const nextPageRef = useRef(query.page + 1);
+  const shareState = useWishlistShare();
+  const selectedIdSet = useMemo(() => new Set(shareState.selectedIds), [shareState.selectedIds]);
+  const loader = async () => {
+    const pageToLoad = nextPageRef.current;
+    const result = await wishlist.list({ page: pageToLoad });
+    nextPageRef.current = pageToLoad + 1;
+    return {
+      items: result.items,
+      next: result.next
+    };
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", id: "wishlist", children: [
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:wishlist.items.start" }),
+    /* @__PURE__ */ jsx(WishlistShareBar, { state: shareState, hasProducts: products.length > 0 }),
+    /* @__PURE__ */ jsx(
+      ItemsList,
+      {
+        items: products,
+        loader,
+        mode: pagination?.next ? "infinite" : "static",
+        pageUrl: pathname + searchStr,
+        className: "s-products-list",
+        itemsClassName: "s-products-list-wrapper s-products-list-row-cards",
+        empty: /* @__PURE__ */ jsx("div", { className: "text-center py-16", children: /* @__PURE__ */ jsx(
+          LazyNoContent,
+          {
+            icon: "sicon-heart",
+            message: t("common.errors.no_wishlist", "You don't have any wishes"),
+            actionLabel: t("pages.offer.continue_shopping", "Continue shopping"),
+            actionUrl: "/"
+          }
+        ) }),
+        t: (key, fallback) => t(key, fallback || key),
+        children: (items) => {
+          shareState.loadedIdsRef.current = items.map((item) => Number(item.id));
+          return items.map((prod) => /* @__PURE__ */ jsx(
+            WishlistCard,
+            {
+              product: prod,
+              selection: {
+                selecting: shareState.selecting,
+                selected: selectedIdSet.has(Number(prod.id)),
+                onToggle: shareState.toggleSelected
+              }
+            },
+            prod.id
+          ));
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(HookSlot, { name: "customer:wishlist.items.end" })
+  ] });
+}
+
+export { WishlistPage };
+//# sourceMappingURL=WishlistPage-KEWT7Y5L.js.map
+//# sourceMappingURL=WishlistPage-KEWT7Y5L.js.map

package/dist/WishlistPage-KEWT7Y5L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/account/wishlist/WishlistShare.tsx","../src/routes/account/wishlist/WishlistPage.tsx"],"names":["SallaSocialShare","jsxs","jsx","SallaButton","useRef"],"mappings":"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","file":"WishlistPage-KEWT7Y5L.js","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\n// The eager (non-deferred) export: the share dialog is opened imperatively through a ref, and the\n// deferred wrapper doesn't attach it until it has hydrated — a click before that would do nothing.\nimport { SallaSocialShareCore as SallaSocialShare } from '@salla.sa/twilight-components-react/social-share';\nimport { useTranslation } from '../../../providers/I18nProvider';\n\ntype ShareResponse = { data?: { url?: string }; url?: string } | undefined;\ntype SocialShareElement = HTMLElement & {\n  url?: string;\n  refresh?: () => Promise<void>;\n  open?: () => Promise<void>;\n  close?: () => Promise<void>;\n};\n\n/**\n * Share state for the wishlist page: the \"Share\" dropdown (share the whole list / share\n * specific items), the selection used by \"specific items\", and the share request itself.\n * Mirrors what the SDK's `<salla-wishlist-actions>` does, but drives the page's own React\n * list — that component needs a sibling `<salla-products-list>`, which this page doesn't render.\n */\nexport function useWishlistShare() {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [selecting, setSelecting] = useState(false);\n  const [selectedIds, setSelectedIds] = useState<number[]>([]);\n  const [sharing, setSharing] = useState(false);\n  const [shareUrl, setShareUrl] = useState('');\n  /** Ids of every product currently rendered (later cursor pages included), for \"select all\". */\n  const loadedIdsRef = useRef<number[]>([]);\n  const socialShareRef = useRef<SocialShareElement | null>(null);\n\n  const share = useCallback(async (ids: number[], selectAll: boolean) => {\n    if (!window.salla?.wishlist?.share) return;\n    setSharing(true);\n    try {\n      const response = (await window.salla.wishlist.share(ids, selectAll)) as ShareResponse;\n      const url = response?.data?.url || response?.url || '';\n      if (!url) return;\n      setShareUrl(url);\n      const element = socialShareRef.current;\n      if (element) {\n        element.url = url;\n        await element.refresh?.();\n        await element.open?.();\n      }\n    } catch {\n      // The SDK reports a failed share itself (notification); nothing to recover here.\n    } finally {\n      setSharing(false);\n    }\n  }, []);\n\n  const shareAll = useCallback(() => {\n    setMenuOpen(false);\n    void share([], true);\n  }, [share]);\n\n  const shareSelected = useCallback(() => {\n    if (selectedIds.length) void share(selectedIds, false);\n  }, [share, selectedIds]);\n\n  const startSelecting = useCallback(() => {\n    setMenuOpen(false);\n    setSelecting(true);\n  }, []);\n\n  const cancelSelecting = useCallback(() => {\n    setSelecting(false);\n    setSelectedIds([]);\n    setShareUrl('');\n    void socialShareRef.current?.close?.();\n  }, []);\n\n  const toggleSelected = useCallback((id: number) => {\n    setShareUrl('');\n    setSelectedIds((current) =>\n      current.includes(id) ? current.filter((existing) => existing !== id) : [...current, id]\n    );\n  }, []);\n\n  const toggleAll = useCallback(() => {\n    setShareUrl('');\n    setSelectedIds((current) =>\n      current.length && current.length === loadedIdsRef.current.length\n        ? []\n        : [...loadedIdsRef.current]\n    );\n  }, []);\n\n  return {\n    menuOpen,\n    setMenuOpen,\n    selecting,\n    selectedIds,\n    sharing,\n    shareUrl,\n    loadedIdsRef,\n    socialShareRef,\n    shareAll,\n    shareSelected,\n    startSelecting,\n    cancelSelecting,\n    toggleSelected,\n    toggleAll,\n  };\n}\n\nexport type WishlistShareState = ReturnType<typeof useWishlistShare>;\n\n/** The bar above the wishlist: the \"Share\" dropdown, or — while picking products — the selection controls. */\nexport function WishlistShareBar({\n  state,\n  hasProducts,\n}: {\n  state: WishlistShareState;\n  hasProducts: boolean;\n}) {\n  const { t } = useTranslation();\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { menuOpen, setMenuOpen } = state;\n\n  // Close the dropdown on an outside click or Escape.\n  useEffect(() => {\n    if (!menuOpen) return;\n    const onPointerDown = (event: MouseEvent) => {\n      if (!rootRef.current?.contains(event.target as Node)) setMenuOpen(false);\n    };\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') setMenuOpen(false);\n    };\n    document.addEventListener('mousedown', onPointerDown);\n    document.addEventListener('keydown', onKeyDown);\n    return () => {\n      document.removeEventListener('mousedown', onPointerDown);\n      document.removeEventListener('keydown', onKeyDown);\n    };\n  }, [menuOpen, setMenuOpen]);\n\n  const selectedCount = state.selectedIds.length;\n  const allSelected = selectedCount > 0 && selectedCount === state.loadedIdsRef.current.length;\n\n  return (\n    <div ref={rootRef} className=\"s-wishlist-actions\">\n      <div className=\"s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3\">\n        {state.selecting ? (\n          <div className=\"s-wishlist-actions-selection flex items-center gap-3\">\n            <label className=\"s-wishlist-actions-select-all inline-flex items-center gap-2 text-sm\">\n              <input\n                type=\"checkbox\"\n                checked={allSelected}\n                ref={(input) => {\n                  if (input) input.indeterminate = selectedCount > 0 && !allSelected;\n                }}\n                onChange={state.toggleAll}\n              />\n              {t('pages.wishlist.select_all', 'Select all')}\n            </label>\n            <SallaButton\n              color=\"primary\"\n              disabled={selectedCount === 0 || state.sharing}\n              onClick={state.shareSelected}\n            >\n              {t('pages.wishlist.share', 'Share')}\n              {selectedCount > 0 ? ` (${selectedCount})` : ''}\n            </SallaButton>\n            <SallaButton fill=\"outline\" color=\"light\" onClick={state.cancelSelecting}>\n              {t('common.elements.cancel', 'Cancel')}\n            </SallaButton>\n          </div>\n        ) : (\n          <div className=\"s-wishlist-actions-dropdown relative\">\n            <SallaButton\n              color=\"primary\"\n              fill=\"outline\"\n              disabled={!hasProducts || state.sharing}\n              aria-haspopup=\"true\"\n              aria-expanded={menuOpen}\n              onClick={() => setMenuOpen(!menuOpen)}\n            >\n              <span className=\"flex items-center justify-center gap-2\">\n                <i className=\"sicon-share-alt\" aria-hidden=\"true\" />\n                {t('pages.wishlist.share', 'Share')}\n                <i className=\"sicon-keyboard_arrow_down\" aria-hidden=\"true\" />\n              </span>\n            </SallaButton>\n            {menuOpen && (\n              <ul\n                role=\"menu\"\n                className=\"s-wishlist-actions-menu absolute z-10 mt-2 min-w-48 rounded-md bg-white py-2 shadow-default rtl:right-0 ltr:left-0\"\n              >\n                <li role=\"none\">\n                  <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    className=\"s-wishlist-actions-item block w-full px-4 py-2 text-start text-sm text-gray-700 hover:bg-gray-50\"\n                    onClick={state.shareAll}\n                  >\n                    {t('pages.wishlist.share_all', 'Share the list')}\n                  </button>\n                </li>\n                <li role=\"none\">\n                  <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    className=\"s-wishlist-actions-item block w-full px-4 py-2 text-start text-sm text-gray-700 hover:bg-gray-50\"\n                    onClick={state.startSelecting}\n                  >\n                    {t('pages.wishlist.share_specific', 'Share specific items')}\n                  </button>\n                </li>\n              </ul>\n            )}\n          </div>\n        )}\n      </div>\n      {/* Same setup as the SDK's <salla-wishlist-actions>: the centered modal variant, opened by the\n          dropdown rather than by the component's own round share button, so the default\n          `widget` slot (that button) is replaced by an empty anchor. */}\n      <SallaSocialShare\n        ref={state.socialShareRef as never}\n        url={state.shareUrl || undefined}\n        mode=\"modal\"\n        modalTitle={t('pages.wishlist.share_list_title', 'Share wishlist')}\n        className=\"s-wishlist-actions-social\"\n      >\n        <span slot=\"widget\" className=\"s-wishlist-actions-social-anchor\" aria-hidden=\"true\" />\n      </SallaSocialShare>\n    </div>\n  );\n}\n","import { useMemo, useRef } from 'react';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaAddProductButton } from '@salla.sa/twilight-components-react/add-product-button';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { wishlist } from '../../../api/wishlist';\nimport type { Product } from '../../../types';\nimport { HookSlot, useWishlist, useMoney } from '../../../hooks';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport type { WishlistPageProps } from './types';\nimport { WishlistShareBar, useWishlistShare } from './WishlistShare';\nimport { NoContent, Image } from '../../../components/common';\nimport { useLocation } from '../../../providers/NavigationProvider';\n\ninterface WishlistCardSelection {\n  /** \"Share specific items\" mode: the card shows a checkbox and toggles on click. */\n  selecting: boolean;\n  selected: boolean;\n  onToggle: (id: number) => void;\n}\n\nfunction WishlistCard({\n  product: prod,\n  selection,\n}: {\n  product: Product;\n  selection?: WishlistCardSelection;\n}) {\n  const { remove } = useWishlist();\n  const { format } = useMoney();\n\n  const handleRemove = () => {\n    if (prod.id) {\n      remove(Number(prod.id));\n    }\n  };\n\n  const displayPrice = prod.sale_price ?? prod.price;\n  const regularPrice = prod.regular_price;\n\n  return (\n    <div\n      id={`wishlist-product-${prod.id}`}\n      className={`product-entry product-entry--wishlist${selection?.selected ? ' is-selected' : ''}`}\n    >\n      {selection?.selecting && (\n        <input\n          type=\"checkbox\"\n          className=\"s-wishlist-select shrink-0 rtl:ml-4 ltr:mr-4\"\n          aria-label={prod.name}\n          checked={selection.selected}\n          onChange={() => selection.onToggle(Number(prod.id))}\n        />\n      )}\n      <div className=\"flex items-center mb-4 sm:mb-0\">\n        <a href={prod.url} className=\"product-entry__image\">\n          <Image\n            className=\"object-cover w-full h-full\"\n            src={prod.image?.url}\n            alt={prod.image?.alt ?? prod.name}\n            aspectRatio=\"1/1\"\n          />\n        </a>\n        <div className=\"flex-1 rtl:pr-5 ltr:pl-5\">\n          <h3 className=\"text-sm text-gray-800 leading-6 mb-1.5 rtl:pl-5 ltr:pr-5 rtl:md:pl-8 ltr:md:pr-8 line-clamp-1\">\n            <a href={prod.url}>{prod.name}</a>\n          </h3>\n          <div className=\"w-full center-between\">\n            {prod.is_on_sale && regularPrice ? (\n              <div className=\"space-x-1 rtl:space-x-reverse\">\n                <h4 className=\"inline-block text-sm font-bold text-red-400\">\n                  {format(displayPrice)}\n                </h4>\n                <span className=\"text-sm text-gray-500 line-through\">{format(regularPrice)}</span>\n              </div>\n            ) : (\n              <h4 className=\"text-sm font-bold\">{format(displayPrice)}</h4>\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"flex items-center space-x-4 rtl:space-x-reverse\">\n        <SallaAddProductButton\n          productStatus={prod.status}\n          productId={prod.id}\n          productType={prod.type}\n          loaderPosition=\"center\"\n          fill=\"outline\"\n          className=\"flex-grow w-full sm:grow-0 md:w-40\"\n        />\n        <SallaButton\n          loaderPosition=\"center\"\n          shape=\"icon\"\n          size=\"small\"\n          color=\"danger\"\n          className=\"btn--delete\"\n          onClick={handleRemove}\n        >\n          <i className=\"sicon-cancel\" />\n        </SallaButton>\n      </div>\n    </div>\n  );\n}\n\nexport function WishlistPage({ query, products, pagination }: WishlistPageProps) {\n  const { t } = useTranslation();\n  const { pathname, searchStr } = useLocation();\n\n  // Track the next page to load (starts at page 2 since page 1 is SSR)\n  const nextPageRef = useRef(query.page + 1);\n  const shareState = useWishlistShare();\n  const selectedIdSet = useMemo(() => new Set(shareState.selectedIds), [shareState.selectedIds]);\n\n  const loader = async () => {\n    const pageToLoad = nextPageRef.current;\n    const result = await wishlist.list({ page: pageToLoad });\n\n    nextPageRef.current = pageToLoad + 1;\n\n    return {\n      items: result.items,\n      next: result.next,\n    };\n  };\n\n  return (\n    <div className=\"space-y-5\" id=\"wishlist\">\n      <HookSlot name=\"customer:wishlist.items.start\" />\n      <WishlistShareBar state={shareState} hasProducts={products.length > 0} />\n      <ItemsList<Product>\n        items={products}\n        loader={loader}\n        mode={pagination?.next ? 'infinite' : 'static'}\n        pageUrl={pathname + searchStr}\n        className=\"s-products-list\"\n        itemsClassName=\"s-products-list-wrapper s-products-list-row-cards\"\n        empty={\n          <div className=\"text-center py-16\">\n            <NoContent\n              icon=\"sicon-heart\"\n              message={t('common.errors.no_wishlist', \"You don't have any wishes\")}\n              actionLabel={t('pages.offer.continue_shopping', 'Continue shopping')}\n              actionUrl=\"/\"\n            />\n          </div>\n        }\n        t={(key, fallback) => t(key, fallback || key)}\n      >\n        {(items) => {\n          shareState.loadedIdsRef.current = items.map((item) => Number(item.id));\n          return items.map((prod) => (\n            <WishlistCard\n              key={prod.id}\n              product={prod}\n              selection={{\n                selecting: shareState.selecting,\n                selected: selectedIdSet.has(Number(prod.id)),\n                onToggle: shareState.toggleSelected,\n              }}\n            />\n          ));\n        }}\n      </ItemsList>\n      <HookSlot name=\"customer:wishlist.items.end\" />\n    </div>\n  );\n}\n"]}

package/dist/api/brands.js

@@ -1,6 +1,6 @@
-export { brand } from '../chunk-IH3TQ3LD.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { brand } from '../chunk-XEQ6ILIP.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/cart.js

@@ -1,6 +1,6 @@
-export { cart } from '../chunk-GXNQX4Z2.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { cart } from '../chunk-QBIW266S.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/category.js

@@ -1,6 +1,6 @@
-export { category } from '../chunk-WHOWSSX4.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { category } from '../chunk-A2ZO3IR7.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/loyalty.js

@@ -1,6 +1,6 @@
-export { loyalty } from '../chunk-EMKO3C2V.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { loyalty } from '../chunk-62SHHET3.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/order.js

@@ -1,6 +1,6 @@
-export { order } from '../chunk-OKP6LUT7.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { order } from '../chunk-QM75GGXX.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/page.js

@@ -1,6 +1,6 @@
-export { page } from '../chunk-ICNOLZNT.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { page } from '../chunk-TIDHWQIS.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/product.js

@@ -1,6 +1,6 @@
-export { getProductPreview, isProductPreviewQuery, product, productDetailQueryKey, productPreviewQueryKey, rememberProductPreview, shouldDehydrateQuery } from '../chunk-UYK4CSL3.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { getProductPreview, isProductPreviewQuery, product, productDetailQueryKey, productPreviewQueryKey, rememberProductPreview, shouldDehydrateQuery } from '../chunk-BVB75J3R.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/api/wishlist.js

@@ -1,7 +1,7 @@
-export { wishlist } from '../chunk-TEOX2GUU.js';
-import '../chunk-UYK4CSL3.js';
-import '../chunk-JK77XRXR.js';
-import '../chunk-MTONGOJD.js';
+export { wishlist } from '../chunk-7XBSSGRK.js';
+import '../chunk-BVB75J3R.js';
+import '../chunk-63GHZIAG.js';
+import '../chunk-TFB3QXYH.js';
 import '../chunk-O6XXHXC4.js';
 import '../chunk-3FIWHGCZ.js';
 import '../chunk-XTMHHLNK.js';

package/dist/{chunk-5NHSIK3V.js → chunk-3NSG3KI6.js}

@@ -1,9 +1,9 @@
 import { registry } from './chunk-342EPVXN.js';
-import { useMoney, useNumber } from './chunk-GWKCKU4G.js';
+import { useMoney, useNumber } from './chunk-GLKBT6N6.js';
 import { useAsset } from './chunk-Z653O7MX.js';
 import { useWishlist } from './chunk-GBWCXUPD.js';
 import { useTranslation } from './chunk-TYNZ5B2B.js';
-import { Image } from './chunk-MQGAYYYV.js';
+import { Image } from './chunk-6DH255C3.js';
 import { LazyImageModal } from './chunk-CUG6VOLM.js';
 import { useTwilight } from './chunk-DF6FBKDN.js';
 import { lazy, memo, useCallback, useMemo, useState, useEffect, Suspense } from 'react';
@@ -13,10 +13,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SallaSlider } from '@salla.sa/twilight-components-react/slider';
 
 var LazyProductDetails = lazy(
-  () => import('./ProductDetails-2L34UXT3.js').then((m) => ({ default: m.ProductDetails }))
+  () => import('./ProductDetails-5P26PWUH.js').then((m) => ({ default: m.ProductDetails }))
 );
 var LazyAddToCartForm = lazy(
-  () => import('./AddToCartForm-CO5QIWTJ.js').then((m) => ({ default: m.AddToCartForm }))
+  () => import('./AddToCartForm-ZMGIDWJ2.js').then((m) => ({ default: m.AddToCartForm }))
 );
 var PRODUCT_CARD_KEY = "product:card";
 var PRODUCT_IMAGE_SRCSET_WIDTHS = [150, 300, 450, 600];
@@ -414,5 +414,5 @@ function ThumbSlide({ image, index }) {
 }
 
 export { LazyAddToCartForm, LazyProductDetails, ProductCard, ProductGallery };
-//# sourceMappingURL=chunk-5NHSIK3V.js.map
-//# sourceMappingURL=chunk-5NHSIK3V.js.map
+//# sourceMappingURL=chunk-3NSG3KI6.js.map
+//# sourceMappingURL=chunk-3NSG3KI6.js.map