@salla.sa/twilight-theme-engine 1.0.62 → 1.0.64

package/dist/OrdersPage-YB7WU5QV.js

@@ -1,252 +0,0 @@
-import { order } from './chunk-VJHDE6UT.js';
-import { useDate, useMoney } from './chunk-OIH4XW47.js';
-import './chunk-6HJLG7KF.js';
-import './chunk-JKIRRMBU.js';
-import './chunk-2JV6WZ6O.js';
-import './chunk-UIOLSYKV.js';
-import './chunk-VVZNW5CB.js';
-import './chunk-2XGQSJKH.js';
-import { useNavigate, useLocation } from './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
-import './chunk-YMVLYYLU.js';
-import './chunk-C5X6CVXC.js';
-import './chunk-UZKTK6YV.js';
-import './chunk-5X2UFNKY.js';
-import './chunk-P3OPJL6I.js';
-import './chunk-WY4IYO3G.js';
-import './chunk-TYLKNVQA.js';
-import './chunk-SR4OTLTJ.js';
-import './chunk-N2S25NXP.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-7V36I5GT.js';
-import './chunk-BVSJPBJ6.js';
-import './chunk-GBWCXUPD.js';
-import './chunk-OAMIDZKW.js';
-import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-T72DAX7R.js';
-import './chunk-RJPPO3ET.js';
-import { HookSlot } from './chunk-Q7VWURUR.js';
-import './chunk-GU2KUQVD.js';
-import { LazyNoContent } from './chunk-Y7EOX2OE.js';
-import { Link } from './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, useState, useCallback } from 'react';
-import { useCopyToClipboard } from '@uidotdev/usehooks';
-import { ItemsList } from '@salla.sa/twilight-components-react';
-import { SallaButton } from '@salla.sa/twilight-components-react/button';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function statusLabel(slug, t) {
-  if (slug === "pending") return t("common.titles.pending_orders", "Pending payments");
-  const words = slug.replace(/[_-]+/g, " ").trim();
-  return t(`pages.orders.status_${slug}`, words.charAt(0).toUpperCase() + words.slice(1));
-}
-function mergeStatuses(known, orders) {
-  const seen = new Map(known.map((status) => [status.slug, status]));
-  for (const item of orders) {
-    const slug = item.status?.slug;
-    if (slug && !seen.has(slug)) seen.set(slug, { slug, name: item.status.name });
-  }
-  return seen.size === known.length ? known : Array.from(seen.values());
-}
-function OrdersFilters({
-  statuses,
-  selectedStatus
-}) {
-  const { t } = useTranslation();
-  const navigate = useNavigate();
-  const location = useLocation();
-  const options = selectedStatus && !statuses.some((status) => status.slug === selectedStatus) ? [...statuses, { slug: selectedStatus, name: statusLabel(selectedStatus, t) }] : statuses;
-  if (options.length === 0) return null;
-  const setStatus = (slug) => {
-    const params = new URLSearchParams(location.searchStr);
-    if (slug) params.set("status", slug);
-    else params.delete("status");
-    const search = params.toString();
-    navigate(location.pathname + (search ? `?${search}` : ""));
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "s-orders-filters", role: "group", "aria-label": t("pages.orders.status"), children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-pressed": !selectedStatus,
-        className: `s-orders-filters-item${!selectedStatus ? " s-orders-filters-item-active" : ""}`,
-        onClick: () => setStatus(),
-        children: t("common.elements.all", "All")
-      }
-    ),
-    options.map((status) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-pressed": selectedStatus === status.slug,
-        className: `s-orders-filters-item${selectedStatus === status.slug ? " s-orders-filters-item-active" : ""}`,
-        onClick: () => setStatus(status.slug),
-        children: status.name
-      },
-      status.slug
-    ))
-  ] });
-}
-function OrdersPage({ orders, cursor, query }) {
-  const { t } = useTranslation();
-  const cursorRef = useRef(cursor?.next ?? null);
-  const prevQueryRef = useRef(query);
-  if (prevQueryRef.current !== query) {
-    prevQueryRef.current = query;
-    cursorRef.current = cursor?.next ?? null;
-  }
-  const [statuses, setStatuses] = useState(() => mergeStatuses([], orders));
-  const [seenOrders, setSeenOrders] = useState(orders);
-  if (seenOrders !== orders) {
-    setSeenOrders(orders);
-    setStatuses((known) => mergeStatuses(known, orders));
-  }
-  const loader = useCallback(async () => {
-    if (!cursorRef.current) return { items: [], next: null };
-    const response = await order.list({
-      cursor: cursorRef.current,
-      status: query?.status,
-      feedback_status: query?.feedback_status
-    });
-    cursorRef.current = response.cursor?.next ?? null;
-    setStatuses((known) => mergeStatuses(known, response.data));
-    return {
-      items: response.data,
-      next: response.cursor?.next ?? null
-    };
-  }, [query]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.index.items.start" }),
-    /* @__PURE__ */ jsx(OrdersFilters, { statuses, selectedStatus: query?.status }),
-    orders.length === 0 ? /* @__PURE__ */ jsx(LazyNoContent, { icon: "sicon-packed-box", message: t("pages.orders.non_orders") }) : /* @__PURE__ */ jsx(
-      ItemsList,
-      {
-        items: orders,
-        loader: cursor?.next ? loader : void 0,
-        mode: "button",
-        className: "s-orders-wrapper",
-        t: (key, fallback) => t(key, fallback ?? ""),
-        children: (items) => /* @__PURE__ */ jsxs("table", { className: "s-orders-table", children: [
-          /* @__PURE__ */ jsx("thead", { className: "s-orders-table-head", children: /* @__PURE__ */ jsxs("tr", { className: "s-orders-table-head-tr", children: [
-            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.thank_you.order_id") }),
-            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.orders.total") }),
-            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.orders.date") }),
-            /* @__PURE__ */ jsx("th", { className: "s-orders-table-head-tr-th", scope: "col", children: t("pages.orders.status") })
-          ] }) }),
-          /* @__PURE__ */ jsx("tbody", { className: "s-orders-table-tbody", children: items.map((orderItem) => /* @__PURE__ */ jsx(OrderRow, { order: orderItem }, orderItem.id)) })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(HookSlot, { name: "customer:orders.index.items.end" })
-  ] });
-}
-function OrderRow({ order: order2 }) {
-  const { t, isRTL } = useTranslation();
-  const { format: formatDate } = useDate();
-  const { format: formatMoney } = useMoney();
-  const [, copyToClipboard] = useCopyToClipboard();
-  const [copied, setCopied] = useState(false);
-  const orderUrl = `/account/orders/${order2.id}`;
-  const handleCopy = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    copyToClipboard(String(order2.reference_id));
-    setCopied(true);
-    setTimeout(() => setCopied(false), 1e3);
-  };
-  return /* @__PURE__ */ jsxs("tr", { className: "s-orders-table-tbody-tr s-orders-table-tbody-tr-shadow", children: [
-    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
-      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
-        t("pages.thank_you.order_id"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: "s-orders-reference-id hidden md:inline-block", children: [
-        "#",
-        order2.reference_id
-      ] }),
-      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.thank_you.order_id") }),
-      /* @__PURE__ */ jsx("div", { className: "s-orders-copy-to-clipboard-button flex items-center md:hidden", children: /* @__PURE__ */ jsx(
-        SallaButton,
-        {
-          className: `relative ${copied ? "copied" : "code-to-copy"}`,
-          color: "dark",
-          shape: "link",
-          "data-content": order2.reference_id.toString(),
-          onClick: handleCopy,
-          children: isRTL ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("i", { className: "sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1" }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              "#",
-              order2.reference_id
-            ] })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              "#",
-              order2.reference_id
-            ] }),
-            /* @__PURE__ */ jsx("i", { className: "sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1" })
-          ] })
-        }
-      ) })
-    ] }) }),
-    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
-      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
-        t("pages.orders.total"),
-        ":"
-      ] }),
-      formatMoney(order2.amounts.total.amount, { currency: order2.amounts.total.currency }),
-      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.orders.total") })
-    ] }) }),
-    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
-      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
-        t("pages.orders.date"),
-        ":"
-      ] }),
-      formatDate(order2.created_at.date),
-      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.orders.date") })
-    ] }) }),
-    /* @__PURE__ */ jsx("td", { className: "s-orders-table-tbody-tr-td", children: /* @__PURE__ */ jsxs("div", { className: "s-orders-table-tbody-tr-td-content", children: [
-      /* @__PURE__ */ jsxs("span", { className: "s-orders-mobile-title", children: [
-        t("pages.orders.status"),
-        ":"
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "span",
-        {
-          className: "s-orders-status-container rtl:mr-auto ltr:ml-auto md:mx-0",
-          style: order2.status.color ? { color: order2.status.color } : void 0,
-          children: [
-            order2.status.icon && /* @__PURE__ */ jsx("i", { className: `mt-1 ${order2.status.icon}` }),
-            /* @__PURE__ */ jsx("span", { children: order2.status.name })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "i",
-        {
-          className: `sicon-star2 s-orders-status-rated ${order2.features.is_read ? "s-orders-rated-text" : "s-orders-unrated-text"}`
-        }
-      ),
-      /* @__PURE__ */ jsx(Link, { to: orderUrl, "aria-label": t("pages.orders.status") })
-    ] }) })
-  ] });
-}
-
-export { OrdersPage };
-//# sourceMappingURL=OrdersPage-YB7WU5QV.js.map
-//# sourceMappingURL=OrdersPage-YB7WU5QV.js.map

package/dist/OrdersPage-YB7WU5QV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/routes/account/orders/OrdersPage.tsx"],"names":["order"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,SAAS,WAAA,CAAY,MAAc,CAAA,EAAmD;AACpF,EAAA,IAAI,IAAA,KAAS,SAAA,EAAW,OAAO,CAAA,CAAE,gCAAgC,kBAAkB,CAAA;AACnF,EAAA,MAAM,QAAQ,IAAA,CAAK,OAAA,CAAQ,QAAA,EAAU,GAAG,EAAE,IAAA,EAAK;AAC/C,EAAA,OAAO,CAAA,CAAE,CAAA,oBAAA,EAAuB,IAAI,CAAA,CAAA,EAAI,KAAA,CAAM,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,EAAY,GAAI,KAAA,CAAM,KAAA,CAAM,CAAC,CAAC,CAAA;AACxF;AAOA,SAAS,aAAA,CAAc,OAAuB,MAAA,EAAyC;AACrF,EAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,KAAA,CAAM,GAAA,CAAI,CAAC,MAAA,KAAW,CAAC,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAC,CAAA;AACjE,EAAA,KAAA,MAAW,QAAQ,MAAA,EAAQ;AACzB,IAAA,MAAM,IAAA,GAAO,KAAK,MAAA,EAAQ,IAAA;AAC1B,IAAA,IAAI,IAAA,IAAQ,CAAC,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,EAAE,IAAA,EAAM,IAAA,EAAM,IAAA,CAAK,MAAA,CAAO,MAAM,CAAA;AAAA,EAC9E;AACA,EAAA,OAAO,IAAA,CAAK,SAAS,KAAA,CAAM,MAAA,GAAS,QAAQ,KAAA,CAAM,IAAA,CAAK,IAAA,CAAK,MAAA,EAAQ,CAAA;AACtE;AAWA,SAAS,aAAA,CAAc;AAAA,EACrB,QAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,MAAM,OAAA,GACJ,kBAAkB,CAAC,QAAA,CAAS,KAAK,CAAC,MAAA,KAAW,MAAA,CAAO,IAAA,KAAS,cAAc,CAAA,GACvE,CAAC,GAAG,QAAA,EAAU,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,YAAY,cAAA,EAAgB,CAAC,CAAA,EAAG,CAAA,GAC5E,QAAA;AAEN,EAAA,IAAI,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAEjC,EAAA,MAAM,SAAA,GAAY,CAAC,IAAA,KAAkB;AACnC,IAAA,MAAM,MAAA,GAAS,IAAI,eAAA,CAAgB,QAAA,CAAS,SAAS,CAAA;AACrD,IAAA,IAAI,IAAA,EAAM,MAAA,CAAO,GAAA,CAAI,QAAA,EAAU,IAAI,CAAA;AAAA,SAC9B,MAAA,CAAO,OAAO,QAAQ,CAAA;AAC3B,IAAA,MAAM,MAAA,GAAS,OAAO,QAAA,EAAS;AAC/B,IAAA,QAAA,CAAS,SAAS,QAAA,IAAY,MAAA,GAAS,CAAA,CAAA,EAAI,MAAM,KAAK,EAAA,CAAG,CAAA;AAAA,EAC3D,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAU,kBAAA,EAAmB,MAAK,OAAA,EAAQ,YAAA,EAAY,CAAA,CAAE,qBAAqB,CAAA,EAChF,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,gBAAc,CAAC,cAAA;AAAA,QACf,SAAA,EAAW,CAAA,qBAAA,EAAwB,CAAC,cAAA,GAAiB,kCAAkC,EAAE,CAAA,CAAA;AAAA,QACzF,OAAA,EAAS,MAAM,SAAA,EAAU;AAAA,QAExB,QAAA,EAAA,CAAA,CAAE,uBAAuB,KAAK;AAAA;AAAA,KACjC;AAAA,IACC,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACZ,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,mBAAmB,MAAA,CAAO,IAAA;AAAA,QACxC,WAAW,CAAA,qBAAA,EAAwB,cAAA,KAAmB,MAAA,CAAO,IAAA,GAAO,kCAAkC,EAAE,CAAA,CAAA;AAAA,QACxG,OAAA,EAAS,MAAM,SAAA,CAAU,MAAA,CAAO,IAAI,CAAA;AAAA,QAEnC,QAAA,EAAA,MAAA,CAAO;AAAA,OAAA;AAAA,MANH,MAAA,CAAO;AAAA,KAQf;AAAA,GAAA,EACH,CAAA;AAEJ;AAEO,SAAS,UAAA,CAAW,EAAE,MAAA,EAAQ,MAAA,EAAQ,OAAM,EAAoB;AACrE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,EAAA,MAAM,SAAA,GAAY,MAAA,CAAsB,MAAA,EAAQ,IAAA,IAAQ,IAAI,CAAA;AAC5D,EAAA,MAAM,YAAA,GAAe,OAAO,KAAK,CAAA;AACjC,EAAA,IAAI,YAAA,CAAa,YAAY,KAAA,EAAO;AAClC,IAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AACvB,IAAA,SAAA,CAAU,OAAA,GAAU,QAAQ,IAAA,IAAQ,IAAA;AAAA,EACtC;AAIA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,CAAyB,MAAM,aAAA,CAAc,EAAC,EAAG,MAAM,CAAC,CAAA;AAGxF,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,MAAM,CAAA;AACnD,EAAA,IAAI,eAAe,MAAA,EAAQ;AACzB,IAAA,aAAA,CAAc,MAAM,CAAA;AACpB,IAAA,WAAA,CAAY,CAAC,KAAA,KAAU,aAAA,CAAc,KAAA,EAAO,MAAM,CAAC,CAAA;AAAA,EACrD;AAEA,EAAA,MAAM,MAAA,GAAS,YAAY,YAAY;AACrC,IAAA,IAAI,CAAC,UAAU,OAAA,EAAS,OAAO,EAAE,KAAA,EAAO,EAAC,EAAG,IAAA,EAAM,IAAA,EAAK;AAEvD,IAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,IAAA,CAAK;AAAA,MAChC,QAAQ,SAAA,CAAU,OAAA;AAAA,MAClB,QAAQ,KAAA,EAAO,MAAA;AAAA,MACf,iBAAiB,KAAA,EAAO;AAAA,KACzB,CAAA;AACD,IAAA,SAAA,CAAU,OAAA,GAAU,QAAA,CAAS,MAAA,EAAQ,IAAA,IAAQ,IAAA;AAC7C,IAAA,WAAA,CAAY,CAAC,KAAA,KAAU,aAAA,CAAc,KAAA,EAAO,QAAA,CAAS,IAAI,CAAC,CAAA;AAC1D,IAAA,OAAO;AAAA,MACL,OAAO,QAAA,CAAS,IAAA;AAAA,MAChB,IAAA,EAAM,QAAA,CAAS,MAAA,EAAQ,IAAA,IAAQ;AAAA,KACjC;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,mCAAA,EAAoC,CAAA;AAAA,oBAEnD,GAAA,CAAC,aAAA,EAAA,EAAc,QAAA,EAAoB,cAAA,EAAgB,OAAO,MAAA,EAAQ,CAAA;AAAA,IAEjE,MAAA,CAAO,MAAA,KAAW,CAAA,mBACjB,GAAA,CAAC,aAAA,EAAA,EAAU,IAAA,EAAK,kBAAA,EAAmB,OAAA,EAAS,CAAA,CAAE,yBAAyB,CAAA,EAAG,CAAA,mBAE1E,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,MAAA;AAAA,QACP,MAAA,EAAQ,MAAA,EAAQ,IAAA,GAAO,MAAA,GAAS,MAAA;AAAA,QAChC,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAU,kBAAA;AAAA,QACV,GAAG,CAAC,GAAA,EAAK,aAAa,CAAA,CAAE,GAAA,EAAK,YAAY,EAAE,CAAA;AAAA,QAE1C,QAAA,EAAA,CAAC,KAAA,qBACA,IAAA,CAAC,OAAA,EAAA,EAAM,WAAU,gBAAA,EACf,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAM,SAAA,EAAU,qBAAA,EACf,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAG,WAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAG,SAAA,EAAU,2BAAA,EAA4B,OAAM,KAAA,EAC7C,QAAA,EAAA,CAAA,CAAE,0BAA0B,CAAA,EAC/B,CAAA;AAAA,4BACA,GAAA,CAAC,QAAG,SAAA,EAAU,2BAAA,EAA4B,OAAM,KAAA,EAC7C,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EACzB,CAAA;AAAA,4BACA,GAAA,CAAC,QAAG,SAAA,EAAU,2BAAA,EAA4B,OAAM,KAAA,EAC7C,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EACxB,CAAA;AAAA,4BACA,GAAA,CAAC,QAAG,SAAA,EAAU,2BAAA,EAA4B,OAAM,KAAA,EAC7C,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAC1B;AAAA,WAAA,EACF,CAAA,EACF,CAAA;AAAA,0BACA,GAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAU,sBAAA,EACd,gBAAM,GAAA,CAAI,CAAC,SAAA,qBACV,GAAA,CAAC,YAA4B,KAAA,EAAO,SAAA,EAAA,EAArB,SAAA,CAAU,EAAsB,CAChD,CAAA,EACH;AAAA,SAAA,EACF;AAAA;AAAA,KAEJ;AAAA,oBAGF,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,iCAAA,EAAkC;AAAA,GAAA,EACnD,CAAA;AAEJ;AAEA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAAA,MAAAA,EAAM,EAA6B;AACrD,EAAA,MAAM,EAAE,CAAA,EAAG,KAAA,EAAM,GAAI,cAAA,EAAe;AACpC,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAA,EAAW,GAAI,OAAA,EAAQ;AACvC,EAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAY,GAAI,QAAA,EAAS;AACzC,EAAA,MAAM,GAAG,eAAe,CAAA,GAAI,kBAAA,EAAmB;AAC/C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,QAAA,GAAW,CAAA,gBAAA,EAAmBA,MAAAA,CAAM,EAAE,CAAA,CAAA;AAE5C,EAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAAwB;AAC1C,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,IAAA,eAAA,CAAgB,MAAA,CAAOA,MAAAA,CAAM,YAAY,CAAC,CAAA;AAC1C,IAAA,SAAA,CAAU,IAAI,CAAA;AACd,IAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,GAAI,CAAA;AAAA,EACzC,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,wDAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAG,SAAA,EAAU,4BAAA,EACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,0BAA0B,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,sBACxE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8CAAA,EAA+C,QAAA,EAAA;AAAA,QAAA,GAAA;AAAA,QAC3DA,MAAAA,CAAM;AAAA,OAAA,EACV,CAAA;AAAA,0BACC,IAAA,EAAA,EAAK,EAAA,EAAI,UAAU,YAAA,EAAY,CAAA,CAAE,0BAA0B,CAAA,EAAG,CAAA;AAAA,sBAC/D,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+DAAA,EACb,QAAA,kBAAA,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAA,SAAA,EAAY,MAAA,GAAS,QAAA,GAAW,cAAc,CAAA,CAAA;AAAA,UACzD,KAAA,EAAM,MAAA;AAAA,UACN,KAAA,EAAM,MAAA;AAAA,UACN,cAAA,EAAcA,MAAAA,CAAM,YAAA,CAAa,QAAA,EAAS;AAAA,UAC1C,OAAA,EAAS,UAAA;AAAA,UAER,kCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,gGAAA,EAAiG,CAAA;AAAA,iCAC7G,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAEA,MAAAA,CAAM;AAAA,aAAA,EAAa;AAAA,WAAA,EAC7B,oBAEA,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAEA,MAAAA,CAAM;AAAA,aAAA,EAAa,CAAA;AAAA,4BAC3B,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gGAAA,EAAiG;AAAA,WAAA,EAChH;AAAA;AAAA,OAEJ,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,oBAAoB,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,MACjE,WAAA,CAAYA,MAAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,MAAA,EAAQ,EAAE,QAAA,EAAUA,MAAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,QAAA,EAAU,CAAA;AAAA,0BAClF,IAAA,EAAA,EAAK,EAAA,EAAI,UAAU,YAAA,EAAY,CAAA,CAAE,oBAAoB,CAAA,EAAG;AAAA,KAAA,EAC3D,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,mBAAmB,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,MAChE,UAAA,CAAWA,MAAAA,CAAM,UAAA,CAAW,IAAI,CAAA;AAAA,0BAChC,IAAA,EAAA,EAAK,EAAA,EAAI,UAAU,YAAA,EAAY,CAAA,CAAE,mBAAmB,CAAA,EAAG;AAAA,KAAA,EAC1D,CAAA,EACF,CAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,SAAA,EAAU,8BACZ,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uBAAA,EAAyB,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,qBAAqB,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC,CAAA;AAAA,sBACnE,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,2DAAA;AAAA,UACV,KAAA,EAAOA,OAAM,MAAA,CAAO,KAAA,GAAQ,EAAE,KAAA,EAAOA,MAAAA,CAAM,MAAA,CAAO,KAAA,EAAM,GAAI,MAAA;AAAA,UAE3D,QAAA,EAAA;AAAA,YAAAA,MAAAA,CAAM,MAAA,CAAO,IAAA,oBAAQ,GAAA,CAAC,GAAA,EAAA,EAAE,WAAW,CAAA,KAAA,EAAQA,MAAAA,CAAM,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,CAAA;AAAA,4BACjE,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAAA,MAAAA,CAAM,OAAO,IAAA,EAAK;AAAA;AAAA;AAAA,OAC3B;AAAA,sBACA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,WAAW,CAAA,kCAAA,EACTA,MAAAA,CAAM,QAAA,CAAS,OAAA,GAAU,wBAAwB,uBACnD,CAAA;AAAA;AAAA,OACF;AAAA,0BACC,IAAA,EAAA,EAAK,EAAA,EAAI,UAAU,YAAA,EAAY,CAAA,CAAE,qBAAqB,CAAA,EAAG;AAAA,KAAA,EAC5D,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"OrdersPage-YB7WU5QV.js","sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { ItemsList } from '@salla.sa/twilight-components-react';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { HookSlot, useDate, useMoney } from '../../../hooks';\nimport { NoContent, Link } from '../../../components/common';\nimport { useTranslation } from '../../../providers/I18nProvider';\nimport { useNavigate, useLocation } from '../../../providers/NavigationProvider';\nimport { order } from '../../../api/order';\nimport type { OrdersPageProps, OrderListItem } from './types';\n\ntype StatusOption = { slug: string; name: string };\n\n/**\n * Label for a selected status that isn't among the loaded orders (e.g. arriving on\n * `?status=pending` from the account menu, where no order names it). Always a translation\n * key, never a hard-coded string: the \"pending payments\" title for `pending`, otherwise\n * `pages.orders.status_<slug>` (a store or theme can define it for any status), falling back\n * to the slug made readable only when no such key exists.\n */\nfunction statusLabel(slug: string, t: ReturnType<typeof useTranslation>['t']): string {\n  if (slug === 'pending') return t('common.titles.pending_orders', 'Pending payments');\n  const words = slug.replace(/[_-]+/g, ' ').trim();\n  return t(`pages.orders.status_${slug}`, words.charAt(0).toUpperCase() + words.slice(1));\n}\n\n/**\n * Adds the statuses found on `orders` to `known`. Only orders with a status `slug` count:\n * the loader and API filter by that identifier, and a display name (`Pending`, or a\n * localized label) would select nothing.\n */\nfunction mergeStatuses(known: StatusOption[], orders: OrderListItem[]): StatusOption[] {\n  const seen = new Map(known.map((status) => [status.slug, status]));\n  for (const item of orders) {\n    const slug = item.status?.slug;\n    if (slug && !seen.has(slug)) seen.set(slug, { slug, name: item.status.name });\n  }\n  return seen.size === known.length ? known : Array.from(seen.values());\n}\n\n/**\n * Status filter (\"All\" plus every status seen so far), as a labelled group of toggle\n * buttons — it filters one list through the URL, so it isn't a tab widget.\n *\n * There is no \"list every status this store uses\" endpoint, so the options are the\n * statuses seen so far: those on the loaded orders (the parent accumulates them across\n * filter changes and cursor pages) plus the selected one, so \"All\" stays available even\n * when a status has no orders.\n */\nfunction OrdersFilters({\n  statuses,\n  selectedStatus,\n}: {\n  statuses: StatusOption[];\n  selectedStatus?: string;\n}) {\n  const { t } = useTranslation();\n  const navigate = useNavigate();\n  const location = useLocation();\n\n  const options =\n    selectedStatus && !statuses.some((status) => status.slug === selectedStatus)\n      ? [...statuses, { slug: selectedStatus, name: statusLabel(selectedStatus, t) }]\n      : statuses;\n\n  if (options.length === 0) return null;\n\n  const setStatus = (slug?: string) => {\n    const params = new URLSearchParams(location.searchStr);\n    if (slug) params.set('status', slug);\n    else params.delete('status');\n    const search = params.toString();\n    navigate(location.pathname + (search ? `?${search}` : ''));\n  };\n\n  return (\n    <div className=\"s-orders-filters\" role=\"group\" aria-label={t('pages.orders.status')}>\n      <button\n        type=\"button\"\n        aria-pressed={!selectedStatus}\n        className={`s-orders-filters-item${!selectedStatus ? ' s-orders-filters-item-active' : ''}`}\n        onClick={() => setStatus()}\n      >\n        {t('common.elements.all', 'All')}\n      </button>\n      {options.map((status) => (\n        <button\n          key={status.slug}\n          type=\"button\"\n          aria-pressed={selectedStatus === status.slug}\n          className={`s-orders-filters-item${selectedStatus === status.slug ? ' s-orders-filters-item-active' : ''}`}\n          onClick={() => setStatus(status.slug)}\n        >\n          {status.name}\n        </button>\n      ))}\n    </div>\n  );\n}\n\nexport function OrdersPage({ orders, cursor, query }: OrdersPageProps) {\n  const { t } = useTranslation();\n  const cursorRef = useRef<string | null>(cursor?.next ?? null);\n  const prevQueryRef = useRef(query);\n  if (prevQueryRef.current !== query) {\n    prevQueryRef.current = query;\n    cursorRef.current = cursor?.next ?? null;\n  }\n\n  // Statuses seen so far — kept across filter changes and cursor pages so the options\n  // don't narrow to the selected status.\n  const [statuses, setStatuses] = useState<StatusOption[]>(() => mergeStatuses([], orders));\n  // Fold in a new `orders` prop while rendering (React's documented alternative to an\n  // effect), so the options never lag a render behind the list.\n  const [seenOrders, setSeenOrders] = useState(orders);\n  if (seenOrders !== orders) {\n    setSeenOrders(orders);\n    setStatuses((known) => mergeStatuses(known, orders));\n  }\n\n  const loader = useCallback(async () => {\n    if (!cursorRef.current) return { items: [], next: null };\n\n    const response = await order.list({\n      cursor: cursorRef.current,\n      status: query?.status,\n      feedback_status: query?.feedback_status,\n    });\n    cursorRef.current = response.cursor?.next ?? null;\n    setStatuses((known) => mergeStatuses(known, response.data));\n    return {\n      items: response.data,\n      next: response.cursor?.next ?? null,\n    };\n  }, [query]);\n\n  return (\n    <>\n      <HookSlot name=\"customer:orders.index.items.start\" />\n\n      <OrdersFilters statuses={statuses} selectedStatus={query?.status} />\n\n      {orders.length === 0 ? (\n        <NoContent icon=\"sicon-packed-box\" message={t('pages.orders.non_orders')} />\n      ) : (\n        <ItemsList\n          items={orders}\n          loader={cursor?.next ? loader : undefined}\n          mode=\"button\"\n          className=\"s-orders-wrapper\"\n          t={(key, fallback) => t(key, fallback ?? '')}\n        >\n          {(items: OrderListItem[]) => (\n            <table className=\"s-orders-table\">\n              <thead className=\"s-orders-table-head\">\n                <tr className=\"s-orders-table-head-tr\">\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.thank_you.order_id')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.total')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.date')}\n                  </th>\n                  <th className=\"s-orders-table-head-tr-th\" scope=\"col\">\n                    {t('pages.orders.status')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"s-orders-table-tbody\">\n                {items.map((orderItem) => (\n                  <OrderRow key={orderItem.id} order={orderItem} />\n                ))}\n              </tbody>\n            </table>\n          )}\n        </ItemsList>\n      )}\n\n      <HookSlot name=\"customer:orders.index.items.end\" />\n    </>\n  );\n}\n\nfunction OrderRow({ order }: { order: OrderListItem }) {\n  const { t, isRTL } = useTranslation();\n  const { format: formatDate } = useDate();\n  const { format: formatMoney } = useMoney();\n  const [, copyToClipboard] = useCopyToClipboard();\n  const [copied, setCopied] = useState(false);\n  const orderUrl = `/account/orders/${order.id}`;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    copyToClipboard(String(order.reference_id));\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1000);\n  };\n\n  return (\n    <tr className=\"s-orders-table-tbody-tr s-orders-table-tbody-tr-shadow\">\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.thank_you.order_id')}:</span>\n          <span className=\"s-orders-reference-id hidden md:inline-block\">\n            #{order.reference_id}\n          </span>\n          <Link to={orderUrl} aria-label={t('pages.thank_you.order_id')} />\n          <div className=\"s-orders-copy-to-clipboard-button flex items-center md:hidden\">\n            <SallaButton\n              className={`relative ${copied ? 'copied' : 'code-to-copy'}`}\n              color=\"dark\"\n              shape=\"link\"\n              data-content={order.reference_id.toString()}\n              onClick={handleCopy}\n            >\n              {isRTL ? (\n                <>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                  <span>#{order.reference_id}</span>\n                </>\n              ) : (\n                <>\n                  <span>#{order.reference_id}</span>\n                  <i className=\"sicon-swap-stroke s-orders-copy-to-clipboard-button-icon pointer-events-none rtl:mr-1 ltr:ml-1\" />\n                </>\n              )}\n            </SallaButton>\n          </div>\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.total')}:</span>\n          {formatMoney(order.amounts.total.amount, { currency: order.amounts.total.currency })}\n          <Link to={orderUrl} aria-label={t('pages.orders.total')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.date')}:</span>\n          {formatDate(order.created_at.date)}\n          <Link to={orderUrl} aria-label={t('pages.orders.date')} />\n        </div>\n      </td>\n\n      <td className=\"s-orders-table-tbody-tr-td\">\n        <div className=\"s-orders-table-tbody-tr-td-content\">\n          <span className=\"s-orders-mobile-title\">{t('pages.orders.status')}:</span>\n          <span\n            className=\"s-orders-status-container rtl:mr-auto ltr:ml-auto md:mx-0\"\n            style={order.status.color ? { color: order.status.color } : undefined}\n          >\n            {order.status.icon && <i className={`mt-1 ${order.status.icon}`} />}\n            <span>{order.status.name}</span>\n          </span>\n          <i\n            className={`sicon-star2 s-orders-status-rated ${\n              order.features.is_read ? 's-orders-rated-text' : 's-orders-unrated-text'\n            }`}\n          />\n          <Link to={orderUrl} aria-label={t('pages.orders.status')} />\n        </div>\n      </td>\n    </tr>\n  );\n}\n"]}

package/dist/ProductDetails-HLSACRJJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/product/ProductDetails.tsx"],"names":["Fragment"],"mappings":"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","file":"ProductDetails-HLSACRJJ.js","sourcesContent":["import { Fragment, useState } from 'react';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { HookName } from '../../types/hooks';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { CurrencySymbol, Link, Image } from '../common';\nimport { SallaRatingStars } from '@salla.sa/twilight-components-react/rating-stars';\nimport { SallaSocialShare } from '@salla.sa/twilight-components-react/social-share';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaInstallment } from '@salla.sa/twilight-components-react/installment';\nimport { SallaMetadata } from '@salla.sa/twilight-components-react/metadata';\nimport { formatSallaPlural } from '../../utils/salla-plural';\nimport type { Product } from '../../types';\n\ninterface ProductDetailsProps {\n  product: Product;\n  showTags?: boolean;\n}\n\nexport function ProductDetails({ product, showTags = true }: ProductDetailsProps) {\n  const { t } = useTranslation();\n\n  // Context for all product hooks - contains product data\n  const productHookContext = { product };\n\n  return (\n    <>\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION_START} context={productHookContext} />\n\n      {product.brand?.name && (\n        <div className=\"product-brand mb-5 w-12\">\n          <Link className=\"brand-logo\" to={product.brand.url || '#'} title={product.brand.name}>\n            <Image\n              className=\"max-h-full object-contain\"\n              src={product.brand.logo}\n              title={product.brand.name}\n              alt={product.brand.name}\n              aspectRatio=\"1/1\"\n            />\n          </Link>\n        </div>\n      )}\n\n      <h1 className=\"text-xl md:text-2xl leading-10 font-bold mb-6 text-gray-800\">\n        {product.name}\n      </h1>\n\n      {product.subtitle && (\n        <h2 className=\"product-entry__sub-title text-sm text-gray-500 leading-6 mb-2.5\">\n          {product.subtitle}\n        </h2>\n      )}\n\n      {product.rating && (\n        <SallaRatingStars value={product.rating.stars} reviews={product.rating.count} />\n      )}\n\n      {product.is_taxable && (\n        <small className=\"color-grey\">{t('pages.products.tax_included', 'VAT Inclusive')}</small>\n      )}\n\n      <ProductPrice product={product} />\n\n      <ProductDescription product={product} />\n\n      {!!product.tags?.length && showTags && (\n        <div className=\"mb-3\">\n          {product.tags.map((tag, index) => (\n            <Fragment key={tag.name}>\n              <Link\n                to={tag.url}\n                className=\"rtl:ml-2 ltr:mr-2 inline-flex text-gray-500 hover:text-primary underline text-sm mb-1\"\n              >\n                {tag.name}\n              </Link>\n              {index < product.tags!.length - 1 && ','}\n            </Fragment>\n          ))}\n        </div>\n      )}\n\n      <div className=\"flex rtl:space-x-reverse space-x-3\">\n        <SallaSocialShare className=\"inline-flex mb-5\" aria-label=\"social share\" />\n\n        <SallaButton\n          className=\"btn--wishlist animated hidden sm:inline-flex\"\n          data-id={product.id}\n          onClick={() => window.salla?.wishlist.toggle(product.id)}\n          shape=\"icon\"\n          fill=\"outline\"\n          color=\"light\"\n          ariaLabel=\"add to wishlist\"\n        >\n          <i className=\"sicon-heart\"></i>\n        </SallaButton>\n      </div>\n\n      <ProductQuantityInfo product={product} />\n\n      {product.sku && (\n        <div className=\"mb-4 flex justify-between sm:grid sm:grid-cols-3 bg-white rounded-md px-4 py-2\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-barcode mx-1\"></i>\n            {t('pages.products.sku', 'SKU')}\n          </div>\n          <div className=\"text-unicode\">{product.sku}</div>\n        </div>\n      )}\n\n      {product.show_availability && (\n        <section className=\"bg-white p-5 rounded-md mb-5 last:mb-0\">\n          <div className=\"center-between\">\n            <label className=\"flex items-center text-base\">\n              <span className=\"sicon-location rtl:ml-1 ltr:mr-1\"></span>\n              <span className=\"inline-block\">\n                {t('pages.products.availability', 'Availability')}\n              </span>\n            </label>\n            <div className=\"mt-1 sm:mt-0 sm:col-span-2 text-end\">\n              <div className=\"flex rtl:space-x-reverse space-x-3\">\n                <a\n                  href=\"#!\"\n                  onClick={() =>\n                    window.salla?.event?.dispatch('scopes::open', {\n                      mode: 'availability',\n                      product_id: String(product.id),\n                    })\n                  }\n                  className=\"group text-primary flex items-center justify-center\"\n                >\n                  <span>{t('pages.products.select_branch', 'Select Branch')}</span>\n                  <span className=\"sicon-keyboard_arrow_left mr-2 transition-all group-hover:-translate-x-1\"></span>\n                </a>\n              </div>\n            </div>\n          </div>\n        </section>\n      )}\n\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION} context={productHookContext} />\n\n      <SallaInstallment\n        price={String(\n          typeof product.base_currency_price === 'object'\n            ? product.base_currency_price.amount\n            : product.base_currency_price\n        )}\n      />\n\n      {product.has_metadata && <SallaMetadata />}\n\n      <HookSlot name={HookName.PRODUCT_DESCRIPTION_END} context={productHookContext} />\n    </>\n  );\n}\n\nfunction ProductPrice({ product }: { product: Product }) {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"flex whitespace-nowrap gap-4 items-center\">\n      <div\n        className={`${product.is_on_sale ? '' : 'hidden'} space-x-2 rtl:space-x-reverse whitespace-nowrap`}\n      >\n        <p className=\"text-red-800 font-bold text-xl inline-block\">\n          {product.sale_price} <CurrencySymbol currency={product.currency} />\n        </p>\n        <span className=\"text-gray-500 line-through\">\n          {product.regular_price} <CurrencySymbol currency={product.currency} />\n        </span>\n      </div>\n      <div className={`gap-4 ${product.is_on_sale ? 'hidden' : 'flex'}`}>\n        {product.starting_price && (\n          <span>{t('pages.products.starting_price', 'Starting from')}</span>\n        )}\n        <p className=\"font-bold text-xl inline-block\">\n          {product.starting_price ?? product.price} <CurrencySymbol currency={product.currency} />\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction ProductDescription({ product }: { product: Product }) {\n  const { t } = useTranslation();\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!product.description) return null;\n\n  const description = product.description.replace(/&nbsp;/g, '\\n');\n\n  if (product.has_read_more) {\n    return (\n      <div className=\"product__description p-2 px-5 sm:p-1 leading-7 mb-3\">\n        <article\n          className=\"article article--main relative leading-8 overflow-hidden transition-all duration-300 py-4\"\n          id=\"more-content\"\n          style={{ maxHeight: isExpanded ? 'none' : '5.25rem' }}\n          dangerouslySetInnerHTML={{ __html: description }}\n        />\n        <button\n          type=\"button\"\n          id=\"btn-show-more\"\n          className={`link--primary inline-block mt-2 cursor-pointer bg-transparent border-0 p-0 ${isExpanded ? 'is-expanded' : ''}`}\n          onClick={() => setIsExpanded(true)}\n        >\n          {t('pages.products.read_more', 'Read more')}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"product__description p-2 px-5 sm:p-1 leading-7 mb-3\">\n      <article className=\"article--main pb-1\" dangerouslySetInnerHTML={{ __html: description }} />\n    </div>\n  );\n}\n\nfunction ProductQuantityInfo({ product }: { product: Product }) {\n  const { t } = useTranslation();\n  if (product.sold_quantity == null && !product.can_show_remained_quantity) {\n    return null;\n  }\n\n  return (\n    <div className=\"bg-white py-2.5 mb-5 rounded-md inline-flex text-sm\">\n      {(product.sold_quantity ?? 0) > 0 && (\n        <div className=\"px-4 !text-red-800\">\n          <i className=\"sicon-fire rtl:ml-1.5 ltr:mr-1.5\"></i> {t('pages.products.sold', 'Sold')}{' '}\n          {/* Salla ships `sold_times` in Laravel plural format; resolve it for the count. */}\n          <span>{formatSallaPlural(t('pages.products.sold_times'), product.sold_quantity!)}</span>\n        </div>\n      )}\n      {product.can_show_remained_quantity && (\n        <div className=\"px-4 rtl:even:border-r ltr:even:border-l even:border-gray-200\">\n          <i className=\"!text-red-800 sicon-box-bankers rtl:ml-1.5 ltr:mr-1.5\"></i>\n          {t('pages.products.remained', 'Remained')}: {product.quantity}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/SeoCartWidget-SUXBLTDW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/analytics/gtm.ts","../src/components/cart/SeoCartWidget.tsx"],"names":[],"mappings":"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","file":"SeoCartWidget-SUXBLTDW.js","sourcesContent":["import type { Cart, CartItem } from '../../types';\n\n// ─── Payload Types ───────────────────────────────────────────────────────────\n\nexport interface GtmCheckoutProduct {\n  id: number;\n  name: string;\n  price: number;\n  quantity: number;\n}\n\nexport interface GtmCheckoutEvent {\n  event: 'checkout';\n  ecommerce: {\n    checkout: {\n      actionField: { step: 1 | 2 | 3 };\n      products: GtmCheckoutProduct[];\n      cart_total: number;\n      currency: string;\n    };\n  };\n}\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction getPriceAmount(value: CartItem['price']): number {\n  if (typeof value === 'number') return value;\n  return value.amount;\n}\n\nfunction getTotalAmount(value: Cart['total']): number {\n  if (typeof value === 'number') return value;\n  return parseFloat(value) || 0;\n}\n\n/**\n * Maps `Cart.items` to the GTM product array format.\n *\n * Only available items are included — mirrors PHP `$cartService->getAvailableItems()`.\n */\nexport function mapCartItemsToProducts(items: CartItem[]): GtmCheckoutProduct[] {\n  return items\n    .filter((item) => item.is_available)\n    .map((item) => ({\n      id: item.product_id,\n      name: item.product_name,\n      price: getPriceAmount(item.price),\n      quantity: item.quantity,\n    }));\n}\n\n// ─── Main Utility ─────────────────────────────────────────────────────────────\n\n/**\n * Pushes a GTM `checkout` event to `window.dataLayer`.\n *\n * Safe to call in SSR environments — guards against `typeof window`.\n * Initialises `window.dataLayer` if GTM hasn't done so yet.\n *\n * @param step        Checkout funnel step (1 = cart, 2 = shipping, 3 = payment)\n * @param cart        Current cart data from the Twilight loader\n * @param currencyCode ISO 4217 currency code, e.g. \"SAR\"\n */\nexport function pushCheckoutEvent(step: 1 | 2 | 3, cart: Cart, currencyCode: string): void {\n  if (typeof window === 'undefined') return;\n\n  window.dataLayer = window.dataLayer ?? [];\n\n  const payload: GtmCheckoutEvent = {\n    event: 'checkout',\n    ecommerce: {\n      checkout: {\n        actionField: { step },\n        products: mapCartItemsToProducts(cart.items),\n        cart_total: getTotalAmount(cart.total),\n        currency: currencyCode,\n      },\n    },\n  };\n\n  window.dataLayer.push(payload);\n}\n","import { useEffect } from 'react';\nimport { useTwilight } from '../../providers/TwilightProvider';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport type { Cart } from '../../types';\nimport { pushCheckoutEvent } from '../../lib/analytics/gtm';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface SeoCartWidgetProps {\n  /**\n   * Cart data from the TanStack Router loader — no extra fetch needed.\n   */\n  cart: Cart;\n  /**\n   * Current checkout funnel step.\n   * Defaults to `1` (cart view) — CartPage always passes this default.\n   * The widget internally listens to Salla SDK events to promote to 2 / 3.\n   */\n  step?: 1 | 2 | 3;\n}\n\n// ─── Page title translation keys (mirrors PHP SeoCartWidget::$pageTitle) ─────\n\n/**\n * Matches the PHP backend exactly:\n * ```php\n * protected $pageTitle = [\n *   self::STEP_CART     => 'common.titles.cart',\n *   self::STEP_SHIPPING => 'common.titles.shipping',\n *   self::STEP_PAYMENT  => 'common.titles.checkout',\n * ];\n * ```\n */\nconst PAGE_TITLE_KEYS: Record<1 | 2 | 3, string> = {\n  1: 'common.titles.cart',\n  2: 'common.titles.shipping',\n  3: 'common.titles.checkout',\n};\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\n/**\n * SeoCartWidget — Null-rendering analytics side-effect component.\n *\n * Responsibilities:\n * 1. Fires a GTM `checkout` event (step 1) on cart page load.\n * 2. Listens to Salla SDK checkout overlay events to fire steps 2 & 3.\n * 3. Updates `document.title` to reflect the cart context.\n *\n * Architecture:\n * - Lives in `theme-engine` so all themes using the engine get GTM tracking.\n * - Mounted directly inside `CartPage`, which already has loader data.\n * - `window.dataLayer` must be initialised by the store's GTM embed snippet;\n *   the widget initialises it as a safe-guard but does NOT inject GTM itself.\n * - Must be mounted inside `<TwilightProvider>` (reads `currency` from context).\n *\n * @example\n * // In CartPage:\n * <SeoCartWidget cart={cart} />\n */\nexport function SeoCartWidget({ cart, step = 1 }: SeoCartWidgetProps) {\n  const { store, currency } = useTwilight();\n  const { t } = useTranslation();\n  const currencyCode = currency?.code ?? 'SAR';\n\n  // ── Fire GTM checkout event for step 1 (or whichever step is passed) ────────\n  useEffect(() => {\n    pushCheckoutEvent(step, cart, currencyCode);\n    // Re-fire if the cart id, contents, or currency changes\n  }, [step, cart, currencyCode]);\n\n  // ── Subscribe to Salla SDK checkout step events (steps 2 & 3) ──────────────\n  // Fires GTM events when the user advances through the checkout overlay.\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    const onShipping = () => pushCheckoutEvent(2, cart, currencyCode);\n    const onPayment = () => pushCheckoutEvent(3, cart, currencyCode);\n\n    salla.event.on('checkout::step.shipping', onShipping);\n    salla.event.on('checkout::step.payment', onPayment);\n\n    return () => {\n      salla.event?.off?.('checkout::step.shipping', onShipping);\n      salla.event?.off?.('checkout::step.payment', onPayment);\n    };\n  }, [cart, currencyCode]);\n\n  // ── Update document title — mirrors PHP SeoCartWidget::$pageTitle ───────────\n  // Step 1 → 'common.titles.cart'    (e.g. \"Cart\")\n  // Step 2 → 'common.titles.shipping' (e.g. \"Shipping\")\n  // Step 3 → 'common.titles.checkout' (e.g. \"Checkout\")\n  useEffect(() => {\n    const storeName = store.name ?? '';\n    const stepTitle = t(PAGE_TITLE_KEYS[step], PAGE_TITLE_KEYS[step]);\n    document.title = storeName ? `${stepTitle} — ${storeName}` : stepTitle;\n  }, [step, store.name, t]);\n\n  return null;\n}\n"]}

package/dist/ThankYouPage-IR2ZJJ47.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/routes/thank-you/ThankYouPage.tsx"],"names":[],"mappings":"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","file":"ThankYouPage-IR2ZJJ47.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaNextOrderCoupon } from '@salla.sa/twilight-components-react/next-order-coupon';\nimport { SallaOrderBranch } from '@salla.sa/twilight-components-react/order-branch';\nimport { Link } from '../../components/common';\nimport { HookSlot, usePageConfig } from '../../hooks';\nimport type { ThankYouPageProps } from './types';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport confettiImage from './confetti.svg';\n\nconst EMPTY_MESSAGES: NonNullable<ThankYouPageProps['messages']> = [];\n\nexport function ThankYouPage({\n  page,\n  order,\n  thank_you_title,\n  messages = EMPTY_MESSAGES,\n}: ThankYouPageProps) {\n  const { store } = useTwilight();\n  const { t } = useTranslation();\n  // `<salla-order-branch>` reads the order id from `salla.config.page.id` (see OrderSinglePage).\n  usePageConfig(page);\n  const title =\n    thank_you_title ?? t('pages.thank_you.hero_title', 'Thank you for shopping with us! 😊');\n  const [invoiceSent, setInvoiceSent] = useState(order?.email_sent ?? false);\n  const [invoiceMessage, setInvoiceMessage] = useState<string | null>(null);\n  const [, copyToClipboard] = useCopyToClipboard();\n\n  // Listen for invoice sent event (matches thankyou.js)\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.order?.event?.onInvoiceSent) return;\n\n    const handleInvoiceSent = (res: { data?: { message?: string } }) => {\n      setInvoiceMessage(\n        res.data?.message || t('pages.thank_you.invoice_sent_success', 'Invoice sent successfully')\n      );\n      setInvoiceSent(true);\n    };\n\n    salla.order.event.onInvoiceSent(handleInvoiceSent);\n\n    return () => {\n      salla.event.off('order::invoice.sent', handleInvoiceSent as (...args: unknown[]) => void);\n    };\n  }, [t]);\n\n  return (\n    <>\n      <HookSlot name=\"thank-you:start\" />\n\n      <div className=\"h-52 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1\">\n        <svg\n          className=\"text-primary absolute top-full\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 1440 320\"\n        >\n          <path\n            className=\"fill-current\"\n            fillOpacity=\"1\"\n            d=\"M0,96L120,112C240,128,480,160,720,165.3C960,171,1200,149,1320,138.7L1440,128L1440,0L1320,0C1200,0,960,0,720,0C480,0,240,0,120,0L0,0Z\"\n          ></path>\n        </svg>\n      </div>\n\n      <div className=\"container mb-20\">\n        <nav className=\"w-full py-5\">\n          <ol className=\"list-reset flex items-center text-sm text-primary-reverse\">\n            <li>\n              <Link to=\"/\" className=\"fix-align text-primary-reverse\">\n                {t('common.titles.home', 'Home')}\n              </Link>\n            </li>\n            <li>\n              <i className=\"sicon-keyboard_arrow_left mx-2\"></i>\n            </li>\n            <li>\n              <span className=\"fix-align\">{title}</span>\n            </li>\n          </ol>\n        </nav>\n\n        <div className=\"bg-white p-4 md:p-8 rounded-md mb-6 md:mb-8\">\n          <div className=\"flex flex-col items-center pt-16 pb-10\">\n            <img src={confettiImage} alt={title} className=\"size-[140px] mb-8\" />\n            <h1 className=\"font-bold text-lg mb-2.5\">{title}</h1>\n            <p className=\"text-gray-500 max-w-xs text-center text-sm leading-6 mb-2.5\">\n              {t(\n                'pages.thank_you.description',\n                'Your order has been received and will be reviewed and confirmed shortly.'\n              )}\n            </p>\n            {order && (\n              <>\n                <p className=\"text-gray-500 max-w-xs text-center text-sm leading-6 mb-6\">\n                  {t('pages.thank_you.order_id_label', 'Order ID')}{' '}\n                  <SallaButton\n                    className=\"relative\"\n                    onClick={() => copyToClipboard(String(order.reference_id))}\n                    color=\"dark\"\n                    shape=\"link\"\n                  >\n                    <span>#{order.reference_id}</span>\n                    <i className=\"copy-icon sicon-swap-stroke pointer-events-none rtl:mr-1 ltr:ml-1\"></i>\n                  </SallaButton>\n                </p>\n                <Link\n                  to={`/account/orders/${order.id}`}\n                  className=\"bg-primary text-white text-sm font-bold h-10 px-4 rounded-md flex items-center justify-center gap-1.5\"\n                >\n                  <i className=\"sicon-newspaper rtl:ml-1 ltr:mr-1\"></i>\n                  {t('pages.thank_you.view_order_details', 'View Order Details')}\n                </Link>\n              </>\n            )}\n          </div>\n\n          {(order as { instructions?: string } | undefined)?.instructions && (\n            <article\n              className=\"article article--main article--small text-center\"\n              dangerouslySetInnerHTML={{\n                __html: (order as { instructions?: string }).instructions ?? '',\n              }}\n            />\n          )}\n\n          {messages.map((message) => (\n            <div\n              key={message}\n              className=\"flex flex-col items-center pt-1 pb-10 justify-start rtl:space-x-reverse space-x-2\"\n            >\n              <span className=\"font-bold\">{message}</span>\n            </div>\n          ))}\n\n          <HookSlot name=\"thank-you:items.start\" />\n          <HookSlot name=\"thank-you:items.end\" />\n        </div>\n\n        {/* Next-order coupon and pickup branch — each renders nothing when it doesn't apply */}\n        <SallaNextOrderCoupon />\n        <SallaOrderBranch />\n\n        <div className=\"lg:flex rtl:space-x-reverse lg:space-x-8\">\n          {invoiceSent ? (\n            <div className=\"duration-500 hover:shadow-default flex-1 bg-white p-8 rounded-md mb-6 md:mb-10 flex flex-col items-center justify-center\">\n              <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5\">\n                <i className=\"sicon-newspaper-alt text-xl\"></i>\n              </div>\n              <p className=\"text-sm mb-2.5\">\n                {t('pages.thank_you.email_sent_to', 'Email sent to')}\n              </p>\n              <b className=\"text-sm\">{order?.customer?.email}</b>\n              {invoiceMessage && <p className=\"text-sm text-green-600 mt-2\">{invoiceMessage}</p>}\n            </div>\n          ) : (\n            <div\n              id=\"invoice-form\"\n              className={invoiceMessage ? 'thankyou-block sent' : 'thankyou-block'}\n            >\n              {invoiceMessage ? (\n                <div className=\"text-center\">\n                  <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5 mx-auto\">\n                    <i className=\"sicon-newspaper-alt text-xl\"></i>\n                  </div>\n                  <p className=\"text-sm\" dangerouslySetInnerHTML={{ __html: invoiceMessage }} />\n                </div>\n              ) : (\n                <>\n                  <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5\">\n                    <i className=\"sicon-newspaper-alt text-xl\"></i>\n                  </div>\n                  <p className=\"text-sm mb-2.5\">\n                    {t('pages.thank_you.resend_invoice', 'Resend invoice email')}\n                  </p>\n                  <form\n                    onSubmit={(e) => {\n                      e.preventDefault();\n                      window.salla?.form.onSubmit('order.sendInvoice', e);\n                    }}\n                  >\n                    <div className=\"flex max-w-3xl w-full\">\n                      <input\n                        type=\"email\"\n                        className=\"form-input rtl:rounded-l-none ltr:rounded-r-none rtl:border-l-0 ltr:border-r-0 !w-[160px] sm:!w-[220px]\"\n                        placeholder=\"your@email.com\"\n                        required\n                        name=\"email\"\n                      />\n                      <SallaButton\n                        type=\"submit\"\n                        loaderPosition=\"center\"\n                        className=\"rtl:rounded-r-none ltr:rounded-l-none lg:w-24 h-10\"\n                      >\n                        <span className=\"btn__text\">{t('pages.thank_you.send', 'Send')}</span>\n                      </SallaButton>\n                    </div>\n                  </form>\n                </>\n              )}\n            </div>\n          )}\n\n          <div className=\"thankyou-block\">\n            <div className=\"bg-gray-100 rounded-icon w-12 h-12 mb-2.5\">\n              <i className=\"sicon-mail-letter text-xl\"></i>\n            </div>\n            <p className=\"text-sm mb-2.5\">{t('pages.thank_you.support', 'Support')}</p>\n\n            <div className=\"flex rtl:space-x-reverse space-x-6\">\n              {store.contacts.mobile && (\n                <div className=\"text-sm unicode flex items-center\">\n                  <i className=\"sicon-phone\"></i>\n                  <a\n                    href={`tel:${store.contacts.mobile}`}\n                    className=\"hover:text-primary transition\"\n                  >\n                    <b className=\"unicode mx-1.5\">{store.contacts.mobile}</b>\n                  </a>\n                </div>\n              )}\n\n              {store.contacts.whatsapp && (\n                <div className=\"text-sm unicode flex items-center\">\n                  <i className=\"sicon-whatsapp\"></i>\n                  <a\n                    href={`https://wa.me/${store.contacts.whatsapp.replace(/[\\s+-]/g, '')}`}\n                    className=\"hover:text-primary transition\"\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <b className=\"unicode mx-1.5\">{store.contacts.whatsapp}</b>\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <HookSlot name=\"thank-you:end\" />\n      </div>\n    </>\n  );\n}\n"]}

package/dist/WishlistPage-TCI3MFCX.js.map

@@ -1 +0,0 @@
-{"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-TCI3MFCX.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/chunk-3U26OMNO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useProduct.ts"],"names":[],"mappings":";;;AA2DO,SAAS,UAAA,CAAW,gBAAyB,OAAA,EAA+C;AACjG,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,cAAc,CAAA;AAI9D,EAAA,MAAM,iBAAA,GAAoB,OAAgB,cAAc,CAAA;AACxD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,iBAAA,CAAkB,OAAA,GAAU,cAAA;AAAA,EAC9B,CAAC,CAAA;AAED,EAAA,MAAM,MAAA,GAAS,YAAY,YAAY;AACrC,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,GAAA,EAAK,OAAA,EAAS,UAAA,EAAY;AACtC,IAAA,IAAI;AACF,MAAA,MAAM,QAAA,GAAW,MAAM,KAAA,CAAM,GAAA,CAAI,QAAQ,UAAA,CAAW,MAAA,CAAO,OAAA,CAAQ,EAAE,CAAA,EAAG;AAAA,QACtE,QAAA;AAAA,QACA;AAAA,OACD,CAAA;AACD,MAAA,IAAI,QAAA,EAAU,OAAA,IAAW,QAAA,CAAS,IAAA,EAAM;AACtC,QAAA,UAAA,CAAW,SAAS,IAAe,CAAA;AAAA,MACrC;AAAA,IACF,CAAA,CAAA,MAAQ;AAAA,IAER;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,CAAQ,EAAE,CAAC,CAAA;AAKf,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,kBAAkB,OAAO,CAAA;AAAA,EACtC,GAAG,CAAC,cAAA,CAAe,EAAA,EAAI,OAAA,EAAS,SAAS,CAAC,CAAA;AAG1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,KAAA,EAAO,EAAA,EAAI;AAEvB,IAAA,KAAA,CAAM,KAAA,CAAM,EAAA,CAAG,yBAAA,EAA2B,MAAM,CAAA;AAChD,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,KAAA,EAAO,GAAA,GAAM,yBAAA,EAA2B,MAAM,CAAA;AAAA,IACtD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAGX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,cAAA,EAAgB;AAE5C,IAAA,MAAM,kBAAA,GAAqB,CAAC,GAAA,KAA4C;AACtE,MAAA,MAAM,OAAO,GAAA,CAAI,IAAA;AACjB,MAAA,IAAI,CAAC,IAAA,EAAM;AAEX,MAAA,UAAA,CAAW,CAAC,IAAA,MAAU;AAAA,QACpB,GAAG,IAAA;AAAA,QACH,KAAA,EAAQ,IAAA,CAAK,KAAA,IAAoB,IAAA,CAAK,KAAA;AAAA,QACtC,UAAA,EAAa,IAAA,CAAK,UAAA,IAAyB,IAAA,CAAK,UAAA;AAAA,QAChD,aAAA,EAAgB,IAAA,CAAK,aAAA,IAA4B,IAAA,CAAK,aAAA;AAAA,QACtD,UAAA,EAAa,IAAA,CAAK,cAAA,IAA8B,IAAA,CAAK,UAAA;AAAA,QACrD,MAAA,EAAS,IAAA,CAAK,MAAA,IAAqB,IAAA,CAAK,MAAA;AAAA,QACxC,eAAA,EAAiB;AAAA,OACnB,CAAE,CAAA;AAAA,IACJ,CAAA;AAEA,IAAA,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,cAAA,CAAe,kBAAkB,CAAA;AACrD,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,KAAA,EAAO,GAAA;AAAA,QACX,wBAAA;AAAA,QACA;AAAA,OACF;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,KAAA,EAAO,EAAA,EAAI;AAEvB,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,UAAA,CAAW,CAAC,IAAA,MAAU,EAAE,GAAG,IAAA,EAAM,eAAA,EAAiB,MAAK,CAAE,CAAA;AAAA,IAC3D,CAAA;AAEA,IAAA,KAAA,CAAM,KAAA,CAAM,EAAA,CAAG,+BAAA,EAAiC,iBAAiB,CAAA;AACjE,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,KAAA,EAAO,GAAA,GAAM,+BAAA,EAAiC,iBAAiB,CAAA;AAAA,IACvE,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,SAAS,MAAA,EAAO;AAC3B","file":"chunk-3U26OMNO.js","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { Product } from '../types';\n\n/**\n * UseProductResult - Return type for useProduct hook\n */\nexport interface UseProductResult {\n  /** Current product state (updates on option changes) */\n  product: Product;\n  /** Reload product data from API */\n  reload: () => Promise<void>;\n}\n\nexport interface UseProductOptions {\n  /**\n   * True while `initialProduct` is a list-card stand-in. When it flips to false\n   * (details arrived), state re-seeds. Do not infer this from `options`/`images`\n   * — list payloads may include those fields.\n   */\n  isPreview?: boolean;\n}\n\n/**\n * useProduct - Hook for managing product state with live updates\n *\n * Provides reactive product data with automatic updates for price, stock,\n * and variant changes. Handles manual reloads (e.g., after add-to-cart)\n * and subscribes to Salla SDK events for real-time price updates.\n *\n * Stock status is reflected in `product.is_out_of_stock` which updates\n * when price calculations succeed or fail (e.g., unavailable option combinations).\n *\n * @param initialProduct - The initial product object (typically from loader/SSR).\n * @param options.isPreview - Pass true for a list-card placeholder so the hook\n *   re-seeds when details for the same id arrive (`isPreview` goes false).\n *\n * @returns Object with product and reload function\n *\n * @example\n * ```tsx\n * function ProductDetails({ product }) {\n *   const { product: updatedProduct, reload } = useProduct(product);\n *\n *   const handleAddToCart = async () => {\n *     await addToCart(updatedProduct.id);\n *     await reload(); // Refresh product state after cart update\n *   };\n *\n *   return (\n *     <div>\n *       <h1>{updatedProduct.name}</h1>\n *       <p>Price: {formatMoney(updatedProduct.price)}</p>\n *       {updatedProduct.is_out_of_stock && <p>Currently out of stock</p>}\n *       <button onClick={handleAddToCart}>Add to Cart</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useProduct(initialProduct: Product, options?: UseProductOptions): UseProductResult {\n  const [product, setProduct] = useState<Product>(initialProduct);\n\n  // Always keep a ref to the latest initialProduct so the re-seed effect below\n  // can read it without adding the full object to the dependency array.\n  const initialProductRef = useRef<Product>(initialProduct);\n  useEffect(() => {\n    initialProductRef.current = initialProduct;\n  });\n\n  const reload = useCallback(async () => {\n    const salla = window.salla;\n    if (!salla?.api?.product?.getDetails) return;\n    try {\n      const response = await salla.api.product.getDetails(String(product.id), [\n        'images',\n        'category',\n      ]);\n      if (response?.success && response.data) {\n        setProduct(response.data as Product);\n      }\n    } catch {\n      // silently ignore network errors during reload\n    }\n  }, [product.id]);\n\n  // Re-seed when the loader navigates to a different product, or when a\n  // list-card placeholder (`isPreview`) is replaced by details for the same id.\n  // Object identity is not a dependency — that would reset live option/price state.\n  useEffect(() => {\n    setProduct(initialProductRef.current);\n  }, [initialProduct.id, options?.isPreview]);\n\n  // Subscribe to Salla option-change events so price/stock stays in sync\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    salla.event.on('product:options.updated', reload);\n    return () => {\n      salla.event?.off?.('product:options.updated', reload);\n    };\n  }, [reload]);\n\n  // Subscribe to price update events (matches product.js registerEvents)\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.product?.event?.onPriceUpdated) return;\n\n    const handlePriceUpdated = (res: { data?: Record<string, unknown> }) => {\n      const data = res.data;\n      if (!data) return;\n\n      setProduct((prev) => ({\n        ...prev,\n        price: (data.price as number) ?? prev.price,\n        sale_price: (data.sale_price as number) ?? prev.sale_price,\n        regular_price: (data.regular_price as number) ?? prev.regular_price,\n        is_on_sale: (data.has_sale_price as boolean) ?? prev.is_on_sale,\n        weight: (data.weight as string) ?? prev.weight,\n        is_out_of_stock: false,\n      }));\n    };\n\n    salla.product.event.onPriceUpdated(handlePriceUpdated);\n    return () => {\n      salla.event?.off?.(\n        'product::price.updated',\n        handlePriceUpdated as (...args: unknown[]) => void\n      );\n    };\n  }, []);\n\n  // Subscribe to price update failed events (matches product.js)\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.event?.on) return;\n\n    const handlePriceFailed = () => {\n      setProduct((prev) => ({ ...prev, is_out_of_stock: true }));\n    };\n\n    salla.event.on('product::price.updated.failed', handlePriceFailed);\n    return () => {\n      salla.event?.off?.('product::price.updated.failed', handlePriceFailed);\n    };\n  }, []);\n\n  return { product, reload };\n}\n"]}

package/dist/chunk-4DHLIY6V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/api/cart.ts"],"names":[],"mappings":";;;;AAWA,SAAS,sBAAsB,IAAA,EAA6B;AAC1D,EAAA,OAAO;AAAA,IACL,GAAG,IAAA,CAAK,IAAA;AAAA,IACR,OAAA,EAAS,KAAK,OAAA,IAAW,IAAA;AAAA,IACzB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA,GACrB;AACF;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,GAAA,EAAK,OAAO,MAAA,KAAkC;AAC5C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAE,CAAA,CAAE,IAAA,EAAgC;AACjF,IAAA,OAAO,sBAAsB,IAAI,CAAA;AAAA,EACnC,CAAA;AAAA,EAEA,YAAY,CAAC,MAAA,KAAkC,QAAQ,IAAA,CAAK,GAAA,CAAI,MAAM,CAAC,CAAA;AAAA,EAEvE,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,MAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,MACzB,OAAA,EAAS,MAAM,IAAA,CAAK,GAAA,CAAI,MAAM;AAAA,KAC/B;AAAA;AAEP","file":"chunk-4DHLIY6V.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Cart } from '../types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport interface CartApiResponse {\n  cart: Omit<Cart, 'loyalty' | 'gift'>;\n  loyalty?: Cart['loyalty'];\n  gift?: Cart['gift'];\n}\n\nfunction normalizeCartResponse(data: CartApiResponse): Cart {\n  return {\n    ...data.cart,\n    loyalty: data.loyalty ?? null,\n    gift: data.gift ?? null,\n  } as Cart;\n}\n\nexport const cart = {\n  get: async (cartId: number): Promise<Cart> => {\n    const { data } = await api.get(`cart/${cartId}`).json<{ data: CartApiResponse }>();\n    return normalizeCartResponse(data);\n  },\n\n  getOrThrow: (cartId: number): Promise<Cart> => orThrow(cart.get(cartId)),\n\n  queries: {\n    detail: (cartId: number) =>\n      queryOptions({\n        queryKey: ['cart', cartId],\n        queryFn: () => cart.get(cartId),\n      }),\n  },\n};\n"]}

package/dist/chunk-7OIP65ER.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/api/store.ts"],"names":[],"mappings":";;;;;AASA,IAAM,qBAAA,GAAwB;AAAA,EAC5B,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA;AAmDA,SAAS,iBAAiB,SAAA,EAA8D;AACtF,EAAA,IAAI,CAAC,WAAW,OAAO,MAAA;AAGvB,EAAA,OAAO,MAAA,CAAO,MAAA,CAAO,SAAS,CAAA,CAAE,GAAA,CAAI,CAAC,IAAA,MAAU,EAAE,QAAA,EAAU,IAAA,CAAK,IAAA,EAAM,GAAG,MAAK,CAAE,CAAA;AAClF;AAEO,IAAM,KAAA,GAAQ;AAAA,EACnB,QAAA,EAAU,OAAO,eAAA,KAA2D;AAC1E,IAAA,MAAM,UAAA,GAAa,mBAAmB,sBAAA,EAAuB;AAE7D,IAAA,IAAI,CAAC,UAAA,EAAY;AACf,MAAA,OAAA,CAAQ,KAAK,gDAAgD,CAAA;AAC7D,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,aAAA,GAAgB,qBAAA,CAAsB,GAAA,CAAI,CAAC,CAAA,KAAM,aAAa,CAAC,CAAA,CAAE,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AACjF,IAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,IAAA,MAAM,SAAS,OAAA,IAAW,IAAA,GAAO,GAAG,aAAa,CAAA,OAAA,EAAU,OAAO,CAAA,CAAA,GAAK,aAAA;AAEvE,IAAA,IAAI;AACF,MAAA,MAAM,OAAO,MAAM,GAAA,CAKhB,GAAA,CAAI,CAAA,eAAA,EAAkB,MAAM,CAAA,CAAA,EAAI;AAAA,QAC/B,OAAA,EAAS,GAAA;AAAA,QACT,OAAA,EAAS,EAAE,CAAC,uBAAuB,GAAG,UAAA;AAAW,OAClD,EACA,IAAA,EAAqC;AAExC,MAAA,MAAM,OAAO,IAAA,EAAM,IAAA;AACnB,MAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAGlB,MAAA,MAAM,SAAA,GAAY,gBAAA,CAAiB,IAAA,CAAK,SAAS,CAAA;AAEjD,MAAA,OAAO;AAAA,QACL,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,SAAA;AAAA,QACA,YAAY,IAAA,CAAK,UAAA;AAAA,QACjB,mBAAmB,IAAA,CAAK,iBAAA;AAAA,QACxB,SAAS,IAAA,CAAK,OAAA;AAAA,QACd,OAAO,IAAA,CAAK,KAAA;AAAA,QACZ,WAAW,IAAA,CAAK,SAAA;AAAA,QAChB,YAAY,IAAA,CAAK;AAAA,OACnB;AAAA,IACF,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,4BAA4B,KAAK,CAAA;AAC/C,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,CAAC,eAAA,KACT,YAAA,CAAkC;AAAA,MAChC,QAAA,EAAU;AAAA,QACR,OAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,oBAAmB,CAAE,MAAA;AAAA,QACrB,cAAA,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQf,uBAAA;AAAwB,OAC1B;AAAA,MACA,OAAA,EAAS,MAAM,KAAA,CAAM,QAAA,CAAS,eAAe;AAAA,KAC9C;AAAA;AAEP","file":"chunk-7OIP65ER.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScope, getActiveScopeId, STORE_IDENTIFIER_HEADER } from './client';\nimport type { Store, Theme, Language } from '../types';\nimport { getTwilightContext } from '../twilight/context';\nimport { resolveStoreIdentifier } from '../utils/store-identity';\nimport { requestedThemeVersionId } from '../utils/theme-version';\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];\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}\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}\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\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 scopeId = getActiveScopeId();\n    const params = scopeId != null ? `${includeParams}&scope=${scopeId}` : 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      };\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"]}