@salla.sa/twilight-theme-engine 1.0.73 → 1.0.75

package/dist/routes/product-listing.js

@@ -1,42 +1,42 @@
 import { sortOptions } from '../chunk-6Z4MOC4S.js';
-import { category } from '../chunk-YLSG4MEK.js';
-import { brand } from '../chunk-WSXRUOI2.js';
+import { category } from '../chunk-MHVR2OUR.js';
+import { brand } from '../chunk-WV3B2FOG.js';
 import { buildHreflangAlternates } from '../chunk-TZ3E5BN4.js';
-import { LazyTestimonials } from '../chunk-U53LIN2F.js';
-import '../chunk-3CYIB6BL.js';
-import { product } from '../chunk-VFYT2VWC.js';
+import { useReorderButtons, LazyTestimonials } from '../chunk-2AFTZGJY.js';
+import '../chunk-W3LADQOR.js';
+import { product } from '../chunk-FSCIJ55A.js';
 import { Drawer } from '../chunk-6TKIUG5C.js';
-import { ProductCard } from '../chunk-54XX3YPP.js';
+import { ProductCard } from '../chunk-LQGSMR3X.js';
 import '../chunk-342EPVXN.js';
-import { useStore } from '../chunk-CMD3ARR2.js';
-import '../chunk-L2QUP6J3.js';
+import { useStore } from '../chunk-575U6BIW.js';
+import '../chunk-UJKJROMG.js';
 import '../chunk-JKIRRMBU.js';
 import '../chunk-2JV6WZ6O.js';
-import '../chunk-OYP5CGHU.js';
+import '../chunk-F2YLRVPH.js';
 import '../chunk-VVZNW5CB.js';
-import '../chunk-HBTIZWT2.js';
-import { notFound, useNavigate, useLocation } from '../chunk-SDIQHTDG.js';
-import { RouteId } from '../chunk-ZGHRSRDO.js';
-import '../chunk-DIVEHHMD.js';
+import '../chunk-LCDSHSP7.js';
+import { unauthorized, notFound, orThrow, useNavigate, useLocation } from '../chunk-VPPSRRGK.js';
+import { RouteId } from '../chunk-OUW6WESU.js';
+import '../chunk-MOANE2YM.js';
 import '../chunk-HI5V5X3S.js';
-import '../chunk-3EE62REP.js';
-import '../chunk-L5K7VBOH.js';
-import '../chunk-EXBH6RGD.js';
+import '../chunk-3UMHUKMJ.js';
+import '../chunk-XON5AXAP.js';
+import { getAuthToken } from '../chunk-BP6LUZXJ.js';
 import '../chunk-MVT5AF2A.js';
 import '../chunk-Z653O7MX.js';
 import '../chunk-ZCH7W7DZ.js';
-import '../chunk-OGVUFMLX.js';
+import '../chunk-7FDT2IFI.js';
 import '../chunk-JWXJPJBO.js';
 import '../chunk-CW625T2E.js';
 import '../chunk-7V36I5GT.js';
-import '../chunk-BVSJPBJ6.js';
-import '../chunk-RSVAPXXI.js';
+import '../chunk-6WI7R2BD.js';
+import '../chunk-LLQE4JAW.js';
 import '../chunk-OAMIDZKW.js';
 import { useTranslation } from '../chunk-TYNZ5B2B.js';
 import '../chunk-V2ZDTY6H.js';
 import { HookSlot } from '../chunk-5XDPAKF5.js';
 import '../chunk-GCPEMNSU.js';
-import { LazyBreadcrumb, Image, LazyNoContent, ProductCardSkeleton, LazyRenderWhenVisible } from '../chunk-IXUY5RMV.js';
+import { LazyBreadcrumb, Image, LazyNoContent, ProductCardSkeleton, LazyRenderWhenVisible } from '../chunk-NJQC4Z73.js';
 import '../chunk-AXW67SY7.js';
 import '../chunk-SKLEJJ6M.js';
 import '../chunk-BYMOPN2S.js';
@@ -44,10 +44,9 @@ import '../chunk-6BZ5TKEV.js';
 import '../chunk-FZKRSGLP.js';
 import '../chunk-7V5HOZW4.js';
 import '../chunk-YA6ABQB7.js';
-import '../chunk-MISI3T6V.js';
-import '../chunk-3IHFA2X5.js';
-import { onSallaEvent } from '../chunk-QVJDYSCT.js';
-import '../chunk-LPQFTXBB.js';
+import '../chunk-VPNKJFT7.js';
+import '../chunk-F4FCETQT.js';
+import { onSallaEvent } from '../chunk-4A5IAMNL.js';
 import { getTwilightContext } from '../chunk-N2S25NXP.js';
 import '../chunk-T72DAX7R.js';
 import { useTwilight } from '../chunk-DF6FBKDN.js';
@@ -66,17 +65,20 @@ var SOURCE_TO_API = {
   offers: "offers",
   search: "search",
   tags: "tags",
-  brands: "brands"
+  brands: "brands",
+  reorder: "reorder"
 };
 var SOURCE_TITLE_KEY = {
   latest: "blocks.home.latest_products",
   sales: "common.titles.most_sales",
-  offers: "common.titles.discounts"
+  offers: "common.titles.discounts",
+  reorder: "pages.orders.repurchase"
 };
 var SOURCE_SLUG = {
   latest: "latest-products",
   sales: "most-sales-products",
-  offers: "offers"
+  offers: "offers",
+  reorder: "products?source=reorder"
 };
 async function productListLoader(ctx) {
   const { params, search } = ctx;
@@ -100,7 +102,8 @@ async function productListLoader(ctx) {
   if (sourceType === "brands" && params.id) {
     return loadBrandProducts(params.id, cursor, sort);
   }
-  if (sourceType === "latest" || sourceType === "sales" || sourceType === "offers") {
+  if (sourceType === "reorder" && !getAuthToken()) throw unauthorized();
+  if (sourceType in SOURCE_TITLE_KEY) {
     return loadStaticProducts(
       sourceType,
       params.title ?? "",
@@ -198,17 +201,20 @@ async function loadSearchProducts(keyword, cursor, sort) {
 }
 async function loadTagProducts(id, cursor, sort) {
   const { queryClient, i18n } = getTwilightContext();
-  const productsResult = await queryClient.fetchQuery(
-    product.queries.list({
-      source: "tags",
-      sourceValue: id,
-      cursor,
-      sort
-    })
-  );
-  const tagFromProduct = productsResult.items[0]?.tags?.find((t) => String(t.id) === id);
-  if (!tagFromProduct) throw notFound();
-  const tag = { id: Number(tagFromProduct.id), name: tagFromProduct.name, url: tagFromProduct.url };
+  const [tagData, productsResult] = await Promise.all([
+    orThrow(queryClient.fetchQuery(product.queries.tag(id))),
+    queryClient.fetchQuery(
+      product.queries.list({
+        source: "tags",
+        sourceValue: id,
+        cursor,
+        sort
+      })
+    )
+  ]);
+  if (!tagData) throw notFound();
+  const tagUrl = productsResult.items[0]?.tags?.find((t) => String(t.id) === id)?.url ?? "";
+  const tag = { id: Number(tagData.id), name: tagData.name, url: tagUrl };
   return {
     page: {
       slug: RouteId.PRODUCT_INDEX_TAG,
@@ -216,7 +222,8 @@ async function loadTagProducts(id, cursor, sort) {
       title: tag.name,
       breadcrumbs: [
         { name: i18n.t("common.titles.home"), url: "/" },
-        { name: tag.name, url: tag.url }
+        // Laravel's own `tags/{id}` route, for when the listed tags carry no URL.
+        { name: tag.name, url: tag.url || `/tags/${id}` }
       ]
     },
     source: { type: "tags", value: id, entity: tag },
@@ -268,19 +275,22 @@ async function loadBrandProducts(id, cursor, sort) {
 var SOURCE_ROUTE_ID = {
   latest: RouteId.PRODUCT_INDEX_LATEST,
   sales: RouteId.PRODUCT_INDEX_SALES,
-  offers: RouteId.PRODUCT_INDEX_OFFERS
+  offers: RouteId.PRODUCT_INDEX_OFFERS,
+  reorder: RouteId.PRODUCT_INDEX
 };
 async function loadStaticProducts(source, title, slug, cursor, sort) {
   const { queryClient, i18n } = getTwilightContext();
   const resolvedTitle = title || i18n.t(SOURCE_TITLE_KEY[source]);
   const resolvedSlug = slug || SOURCE_SLUG[source];
-  const productsResult = await queryClient.fetchQuery(
-    product.queries.list({
+  const productsResult = await queryClient.fetchQuery({
+    ...product.queries.list({
       source: SOURCE_TO_API[source],
       cursor,
       sort
-    })
-  );
+    }),
+    // The reorder key names no customer, so a cached list could be another session's.
+    ...source === "reorder" && { staleTime: 0 }
+  });
   return {
     page: {
       slug: SOURCE_ROUTE_ID[source],
@@ -379,6 +389,8 @@ function ProductListPage({
   const showFilters = query.filters && store?.settings?.product?.filters;
   const isBrand = source.type === "brands";
   const brand2 = isBrand ? source.entity : null;
+  const isReorder = source.type === "reorder";
+  useReorderButtons(isReorder);
   const sortOptionsWithTrans = useMemo(() => sortOptions(selectedSort, t), [selectedSort, t]);
   const location = useLocation();
   const {
@@ -425,160 +437,168 @@ function ProductListPage({
     nextCursorRef.current = result.next;
     return result;
   }, [source.type, source.value, selectedSort, appliedFilters]);
-  return /* @__PURE__ */ jsxs("div", { className: "container px-2.5 ms:px-5 mb-10", children: [
-    theme?.settings?.product_index_show_breadcrumbs !== false && /* @__PURE__ */ jsx(LazyBreadcrumb, { page }),
-    isBrand && brand2 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Image,
-        {
-          width: 1200,
-          height: 300,
-          className: "w-full max-h-[300px] object-cover rounded-md bg-gray-100",
-          src: brand2.banner || void 0,
-          alt: brand2.name,
-          priority: true
-        }
-      ),
-      /* @__PURE__ */ jsxs("header", { className: "flex flex-col md:flex-row items-center md:items-start text-center rtl:md:text-right ltr:md:text-left mt-2 mb-8", children: [
-        /* @__PURE__ */ jsx(
-          Image,
-          {
-            className: "rounded-md w-40 h-24 object-contain shadow-md p-4 bg-white shrink-0",
-            src: brand2.logo || void 0,
-            alt: brand2.name,
-            aspectRatio: "5/3"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "px-5 pt-3 rtl:text-right", children: [
-          /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-1", children: brand2.name }),
-          brand2.description && /* @__PURE__ */ jsx(
-            "p",
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "container px-2.5 ms:px-5 mb-10",
+      "data-source": isReorder ? "reorder" : void 0,
+      children: [
+        theme?.settings?.product_index_show_breadcrumbs !== false && /* @__PURE__ */ jsx(LazyBreadcrumb, { page }),
+        isBrand && brand2 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Image,
             {
-              className: "text-base text-gray-500 font-medium",
-              dangerouslySetInnerHTML: { __html: brand2.description }
+              width: 1200,
+              height: 300,
+              className: "w-full max-h-[300px] object-cover rounded-md bg-gray-100",
+              src: brand2.banner || void 0,
+              alt: brand2.name,
+              priority: true
             }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(HookSlot, { name: "product:list.start" }),
-    /* @__PURE__ */ jsxs("div", { className: showFilters ? "md:grid md:grid-cols-[288px_1fr] gap-8" : "", children: [
-      showFilters && /* @__PURE__ */ jsx(
-        SallaFilters,
-        {
-          id: "filters-menu",
-          className: "hidden md:block lg:sticky lg:top-20",
-          filters
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-4 sm:mb-6 flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx("h1", { className: "font-bold text-xl rtl:pl-3 ltr:pr-3", id: "page-main-title", children: isBrand ? t("common.titles.products") : page.title }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 rtl:space-x-reverse", children: [
-            showFilters && /* @__PURE__ */ jsx(
-              "button",
+          ),
+          /* @__PURE__ */ jsxs("header", { className: "flex flex-col md:flex-row items-center md:items-start text-center rtl:md:text-right ltr:md:text-left mt-2 mb-8", children: [
+            /* @__PURE__ */ jsx(
+              Image,
               {
-                type: "button",
-                onClick: () => setFiltersOpen(true),
-                className: "filters-trigger bg-border-color text-primary lg:hidden p-2 rounded",
-                children: /* @__PURE__ */ jsx("i", { className: "sicon-filter text-gray-text text-2xl" })
+                className: "rounded-md w-40 h-24 object-contain shadow-md p-4 bg-white shrink-0",
+                src: brand2.logo || void 0,
+                alt: brand2.name,
+                aspectRatio: "5/3"
               }
             ),
-            sortOptionsWithTrans.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ jsx(
-                "label",
-                {
-                  className: "hidden sm:block rtl:ml-3 ltr:mr-3 whitespace-nowrap",
-                  htmlFor: "product-sort",
-                  children: t("pages.categories.sorting", "Sort By")
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "select",
+            /* @__PURE__ */ jsxs("div", { className: "px-5 pt-3 rtl:text-right", children: [
+              /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-1", children: brand2.name }),
+              brand2.description && /* @__PURE__ */ jsx(
+                "p",
                 {
-                  id: "product-sort",
-                  className: "form-input pt-0 pb-1 rtl:md:pl-10 ltr:md:pr-10",
-                  value: selectedSort,
-                  onChange: handleSortChange,
-                  children: sortOptionsWithTrans.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.name }, option.id))
+                  className: "text-base text-gray-500 font-medium",
+                  dangerouslySetInnerHTML: { __html: brand2.description }
                 }
               )
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(HookSlot, { name: "product:list.items.start" }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `flex min-h-screen${filterStatus === "loading" ? " opacity-60" : ""}`,
-            "aria-busy": filterStatus === "loading",
-            children: filterStatus === "error" ? /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col items-center", children: [
-              /* @__PURE__ */ jsx(
-                LazyNoContent,
-                {
-                  icon: "sicon-shopping-bag",
-                  message: t("common.errors.error_occurred", "Something went wrong")
-                }
-              ),
-              /* @__PURE__ */ jsx("button", { type: "button", className: "link--primary mt-4", onClick: retryFilters, children: t("common.elements.try_again", "Try again") })
-            ] }) : /* @__PURE__ */ jsx(
-              ItemsList,
-              {
-                resetKey: `${listKey}-${selectedSort}${filteredKey}`,
-                items: shownProducts,
-                loader,
-                mode: shownNext ? "infinite" : "static",
-                pageUrl: location.pathname + location.searchStr,
-                className: "s-products-list flex-1 min-w-0",
-                itemsClassName: `s-products-list-wrapper s-products-list-vertical-cards${showFilters ? " s-products-list-with-filters" : ""}`,
-                skeleton: /* @__PURE__ */ jsx(ProductCardSkeleton, {}),
-                skeletonType: "item",
-                skeletonCount: 12,
-                empty: /* @__PURE__ */ jsx(
-                  LazyNoContent,
+        /* @__PURE__ */ jsx(HookSlot, { name: "product:list.start" }),
+        /* @__PURE__ */ jsxs("div", { className: showFilters ? "md:grid md:grid-cols-[288px_1fr] gap-8" : "", children: [
+          showFilters && /* @__PURE__ */ jsx(
+            SallaFilters,
+            {
+              id: "filters-menu",
+              className: "hidden md:block lg:sticky lg:top-20",
+              filters
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-4 sm:mb-6 flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("h1", { className: "font-bold text-xl rtl:pl-3 ltr:pr-3", id: "page-main-title", children: isBrand ? t("common.titles.products") : page.title }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 rtl:space-x-reverse", children: [
+                showFilters && /* @__PURE__ */ jsx(
+                  "button",
                   {
-                    icon: "sicon-shopping-bag",
-                    message: t(
-                      "pages.categories.no_products",
-                      "No products found in this category"
-                    )
+                    type: "button",
+                    onClick: () => setFiltersOpen(true),
+                    className: "filters-trigger bg-border-color text-primary lg:hidden p-2 rounded",
+                    children: /* @__PURE__ */ jsx("i", { className: "sicon-filter text-gray-text text-2xl" })
                   }
                 ),
-                t: (key, fallback) => t(key, fallback || key),
-                children: (items) => items.map((prod, idx) => /* @__PURE__ */ jsx(
-                  ProductCard,
+                sortOptionsWithTrans.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ jsx(
+                    "label",
+                    {
+                      className: "hidden sm:block rtl:ml-3 ltr:mr-3 whitespace-nowrap",
+                      htmlFor: "product-sort",
+                      children: t("pages.categories.sorting", "Sort By")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "select",
+                    {
+                      id: "product-sort",
+                      className: "form-input pt-0 pb-1 rtl:md:pl-10 ltr:md:pr-10",
+                      value: selectedSort,
+                      onChange: handleSortChange,
+                      children: sortOptionsWithTrans.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.name }, option.id))
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(HookSlot, { name: "product:list.items.start" }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `flex min-h-screen${filterStatus === "loading" ? " opacity-60" : ""}`,
+                "aria-busy": filterStatus === "loading",
+                children: filterStatus === "error" ? /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col items-center", children: [
+                  /* @__PURE__ */ jsx(
+                    LazyNoContent,
+                    {
+                      icon: "sicon-shopping-bag",
+                      message: t("common.errors.error_occurred", "Something went wrong")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("button", { type: "button", className: "link--primary mt-4", onClick: retryFilters, children: t("common.elements.try_again", "Try again") })
+                ] }) : /* @__PURE__ */ jsx(
+                  ItemsList,
                   {
-                    product: prod,
-                    index: idx,
-                    sizes: showFilters ? FILTERED_PRODUCT_IMAGE_SIZES : void 0
+                    resetKey: `${listKey}-${selectedSort}${filteredKey}`,
+                    items: shownProducts,
+                    loader,
+                    mode: shownNext ? "infinite" : "static",
+                    pageUrl: location.pathname + location.searchStr,
+                    className: "s-products-list flex-1 min-w-0",
+                    itemsClassName: `s-products-list-wrapper s-products-list-vertical-cards${showFilters ? " s-products-list-with-filters" : ""}`,
+                    skeleton: /* @__PURE__ */ jsx(ProductCardSkeleton, {}),
+                    skeletonType: "item",
+                    skeletonCount: 12,
+                    empty: /* @__PURE__ */ jsx(
+                      LazyNoContent,
+                      {
+                        icon: "sicon-shopping-bag",
+                        message: t(
+                          "pages.categories.no_products",
+                          "No products found in this category"
+                        )
+                      }
+                    ),
+                    t: (key, fallback) => t(key, fallback || key),
+                    children: (items) => items.map((prod, idx) => /* @__PURE__ */ jsx(
+                      ProductCard,
+                      {
+                        product: prod,
+                        index: idx,
+                        sizes: showFilters ? FILTERED_PRODUCT_IMAGE_SIZES : void 0
+                      },
+                      prod.id
+                    ))
                   },
-                  prod.id
-                ))
-              },
-              `${listKey}-${selectedSort}${filteredKey}`
+                  `${listKey}-${selectedSort}${filteredKey}`
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(HookSlot, { name: "product:list.items.end" })
+          ] })
+        ] }),
+        showFilters && /* @__PURE__ */ jsx(Drawer, { isOpen: filtersOpen, onClose: () => setFiltersOpen(false), size: "md", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+            /* @__PURE__ */ jsx("h3", { className: "font-bold text-lg", children: t("pages.categories.filters", "Filters") }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setFiltersOpen(false),
+                className: "btn--close-sm sicon-cancel text-gray-500"
+              }
             )
-          }
-        ),
-        /* @__PURE__ */ jsx(HookSlot, { name: "product:list.items.end" })
-      ] })
-    ] }),
-    showFilters && /* @__PURE__ */ jsx(Drawer, { isOpen: filtersOpen, onClose: () => setFiltersOpen(false), size: "md", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-bold text-lg", children: t("pages.categories.filters", "Filters") }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => setFiltersOpen(false),
-            className: "btn--close-sm sicon-cancel text-gray-500"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(SallaFilters, { id: "filters-menu-mobile", filters })
-    ] }) }),
-    source.type === "categories" && store?.settings?.category?.testimonial_enabled && /* @__PURE__ */ jsx(LazyRenderWhenVisible, { placeholder: /* @__PURE__ */ jsx(ReviewItemSkeleton, {}), children: /* @__PURE__ */ jsx(LazyTestimonials, { data: {} }) }),
-    /* @__PURE__ */ jsx(HookSlot, { name: "product:list.end" })
-  ] }, listKey);
+          ] }),
+          /* @__PURE__ */ jsx(SallaFilters, { id: "filters-menu-mobile", filters })
+        ] }) }),
+        source.type === "categories" && store?.settings?.category?.testimonial_enabled && /* @__PURE__ */ jsx(LazyRenderWhenVisible, { placeholder: /* @__PURE__ */ jsx(ReviewItemSkeleton, {}), children: /* @__PURE__ */ jsx(LazyTestimonials, { data: {} }) }),
+        /* @__PURE__ */ jsx(HookSlot, { name: "product:list.end" })
+      ]
+    },
+    listKey
+  );
 }
 
 // src/routes/product-listing/index.tsx
@@ -586,7 +606,7 @@ function head(ctx, data) {
   const entity = data.source.entity;
   const category2 = data.source.type === "categories" ? entity : void 0;
   const tag = data.source.type === "tags" ? entity : void 0;
-  const canonical = category2?.url ?? tag?.url;
+  const canonical = category2?.url ?? (tag?.url || void 0);
   const title = category2?.name ?? tag?.name ?? data.page.title;
   const image = category2?.image ?? void 0;
   const storeName = ctx.settings?.store?.name;