@mercurjs/admin 2.0.1 → 2.1.0-canary.4

package/dist/{chunk-NRKVFULI.js → chunk-XVRT2TFF.js}

@@ -2,8 +2,8 @@ import {
   require_dist
 } from "./chunk-ZZO3INVE.js";
 import {
-  DateRangeDisplay
-} from "./chunk-RK5N3XIX.js";
+  useOrderTableColumns
+} from "./chunk-DBYUB2YI.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -13,6 +13,9 @@ import {
 import {
   IconAvatar
 } from "./chunk-U2EI2ZLM.js";
+import {
+  useProductTableColumns
+} from "./chunk-Z5I2Z6L3.js";
 import {
   TwoColumnPage
 } from "./chunk-V5J73NPW.js";
@@ -29,9 +32,21 @@ import {
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
+import {
+  useOrderTableFilters
+} from "./chunk-25YTS3TI.js";
 import {
   useMemberTableQuery
 } from "./chunk-NNI6QKKZ.js";
+import {
+  useOrderTableQuery
+} from "./chunk-3B6MTW5G.js";
+import {
+  useProductTableFilters
+} from "./chunk-R2UP4YIY.js";
+import {
+  useProductTableQuery
+} from "./chunk-VVWB3GIK.js";
 import {
   useSubscriptionPlans
 } from "./chunk-3MDRW5MA.js";
@@ -40,11 +55,15 @@ import {
   useRemoveSellerMember,
   useSeller,
   useSellerMembers,
+  useSellerProducts,
   useSuspendSeller,
   useTerminateSeller,
   useUnsuspendSeller,
   useUnterminateSeller
-} from "./chunk-M3YP3NX4.js";
+} from "./chunk-OVPKR4G7.js";
+import {
+  useOrders
+} from "./chunk-R74OHYTB.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -52,11 +71,11 @@ import {
 // src/pages/stores/store-details/components/store-details.tsx
 import { Children as Children3, useState as useState2 } from "react";
 import { useParams } from "react-router-dom";
+import { useTranslation as useTranslation13 } from "react-i18next";
 var import_types3 = __toESM(require_dist(), 1);
 
 // src/pages/stores/store-details/components/store-general-section.tsx
 import { Children as Children2 } from "react";
-import { Photo } from "@medusajs/icons";
 import { Badge, Container, Text } from "@medusajs/ui";
 import { useTranslation as useTranslation2 } from "react-i18next";
 
@@ -278,7 +297,21 @@ var StoreGeneralSection = ({
         alt: seller.name,
         className: "h-full w-full object-cover"
       }
-    ) : /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx2(Photo, { className: "text-ui-fg-muted" }) }) }),
+    ) : /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: "h-full w-full",
+        style: {
+          background: `repeating-linear-gradient(
+                      -45deg,
+                      transparent,
+                      transparent 10px,
+                      rgba(255,255,255,0.5) 10px,
+                      rgba(255,255,255,0.5) 20px
+                    )`
+        }
+      }
+    ) }) }),
     /* @__PURE__ */ jsx2(StoreDetailHeader, { seller }),
     /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
@@ -300,12 +333,12 @@ var StoreGeneralSection = ({
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
       /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ jsx2(Badge, { size: "2xsmall", children: seller.currency_code?.toUpperCase() }),
-        /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: currencies[seller.currency_code.toUpperCase()].name })
+        /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: currencies[seller.currency_code?.toUpperCase()]?.name || "-" })
       ] })
     ] }),
     /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.premium") }),
-      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.is_premium ? t("general.yes") : t("general.no") })
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.is_premium ? t("stores.premium.yes") : t("stores.premium.no") })
     ] }),
     /* @__PURE__ */ jsxs2("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.createdAt") }),
@@ -351,10 +384,10 @@ var StorePaymentDetailsSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx3("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-4", children: [
+    details ? /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx3("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx3(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx3(CreditCard, {}) }),
       /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: details?.holder_name || "-" }),
+        /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: details.holder_name || "-" }),
         /* @__PURE__ */ jsx3(
           Text2,
           {
@@ -365,7 +398,10 @@ var StorePaymentDetailsSection = ({
           }
         )
       ] })
-    ] }) }) })
+    ] }) }) }) : /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
+      /* @__PURE__ */ jsx3(Text2, { size: "small", leading: "compact", weight: "plus", children: t("store.paymentDetails.empty.title") }),
+      /* @__PURE__ */ jsx3(Text2, { size: "small", className: "text-ui-fg-muted", children: t("store.paymentDetails.empty.message") })
+    ] })
   ] });
 };
 
@@ -379,6 +415,7 @@ var StoreCompanyDetailsSection = ({
 }) => {
   const { t } = useTranslation4();
   const details = seller.professional_details;
+  const hasDetails = details?.corporate_name || details?.registration_number || details?.tax_id;
   return /* @__PURE__ */ jsxs4(Container3, { className: "p-0", children: [
     /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsx4(Heading3, { level: "h2", children: t("store.professionalDetails.header") }),
@@ -399,7 +436,7 @@ var StoreCompanyDetailsSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx4("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
+    hasDetails ? /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx4("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx4(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx4(Buildings, {}) }),
       /* @__PURE__ */ jsxs4("div", { className: "flex flex-1 flex-col", children: [
         /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: details?.corporate_name || "-" }),
@@ -413,22 +450,26 @@ var StoreCompanyDetailsSection = ({
           }
         )
       ] })
-    ] }) }) })
+    ] }) }) }) : /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("store.professionalDetails.empty.title") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", className: "text-ui-fg-muted", children: t("store.professionalDetails.empty.message") })
+    ] })
   ] });
 };
 
 // src/pages/stores/store-details/components/store-configuration-section.tsx
 import { PencilSquare as PencilSquare4 } from "@medusajs/icons";
-import { Container as Container4, Heading as Heading4 } from "@medusajs/ui";
+import { Container as Container4, Heading as Heading4, Table, Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var StoreConfigurationSection = ({
   seller
 }) => {
   const { t } = useTranslation5();
-  return /* @__PURE__ */ jsxs5(Container4, { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx5(Heading4, { level: "h2", children: t("store.scheduledClosure.header") }),
+  const hasTimeOff = Boolean(seller.closed_from || seller.closed_to);
+  return /* @__PURE__ */ jsxs5(Container4, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx5(Heading4, { level: "h2", children: t("store.timeOff.header") }),
       /* @__PURE__ */ jsx5(
         ActionMenu,
         {
@@ -446,20 +487,25 @@ var StoreConfigurationSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx5(
-      DateRangeDisplay,
-      {
-        startsAt: seller.closed_from,
-        endsAt: seller.closed_to,
-        showTime: true
-      }
-    )
+    hasTimeOff ? /* @__PURE__ */ jsxs5(Table, { children: [
+      /* @__PURE__ */ jsx5(Table.Header, { children: /* @__PURE__ */ jsxs5(Table.Row, { children: [
+        /* @__PURE__ */ jsx5(Table.HeaderCell, { children: t("fields.startDate") }),
+        /* @__PURE__ */ jsx5(Table.HeaderCell, { children: t("fields.endDate") })
+      ] }) }),
+      /* @__PURE__ */ jsx5(Table.Body, { children: /* @__PURE__ */ jsxs5(Table.Row, { children: [
+        /* @__PURE__ */ jsx5(Table.Cell, { children: /* @__PURE__ */ jsx5(DateCell, { date: seller.closed_from ?? null }) }),
+        /* @__PURE__ */ jsx5(Table.Cell, { children: /* @__PURE__ */ jsx5(DateCell, { date: seller.closed_to ?? null }) })
+      ] }) })
+    ] }) : /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
+      /* @__PURE__ */ jsx5(Text4, { size: "small", leading: "compact", weight: "plus", children: t("store.timeOff.empty.title") }),
+      /* @__PURE__ */ jsx5(Text4, { size: "small", className: "text-ui-fg-muted", children: t("store.timeOff.empty.message") })
+    ] })
   ] });
 };
 
 // src/pages/stores/store-details/components/store-address-section.tsx
 import { BuildingStorefront, PencilSquare as PencilSquare5 } from "@medusajs/icons";
-import { Container as Container5, Heading as Heading5, Text as Text4 } from "@medusajs/ui";
+import { Container as Container5, Heading as Heading5, Text as Text5 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var StoreAddressSection = ({ seller }) => {
@@ -495,27 +541,30 @@ var StoreAddressSection = ({ seller }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx6("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4", children: [
+    formattedAddress ? /* @__PURE__ */ jsx6("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx6("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx6(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx6(BuildingStorefront, {}) }),
       /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", weight: "plus", children: [address?.first_name, address?.last_name].filter(Boolean).join(" ") || "-" }),
+        /* @__PURE__ */ jsx6(Text5, { size: "small", leading: "compact", weight: "plus", children: [address?.first_name, address?.last_name].filter(Boolean).join(" ") || address?.company || formattedAddress }),
         /* @__PURE__ */ jsx6(
-          Text4,
+          Text5,
           {
             size: "small",
             leading: "compact",
             className: "text-ui-fg-subtle",
-            children: formattedAddress || "-"
+            children: formattedAddress
           }
         )
       ] })
-    ] }) }) })
+    ] }) }) }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
+      /* @__PURE__ */ jsx6(Text5, { size: "small", leading: "compact", weight: "plus", children: t("store.address.empty.title") }),
+      /* @__PURE__ */ jsx6(Text5, { size: "small", className: "text-ui-fg-muted", children: t("store.address.empty.message") })
+    ] })
   ] });
 };
 
 // src/pages/stores/store-details/components/store-subscription-section.tsx
 import { CurrencyDollar, TriangleRightMini } from "@medusajs/icons";
-import { Container as Container6, Heading as Heading6, Text as Text5 } from "@medusajs/ui";
+import { Container as Container6, Heading as Heading6, Text as Text6 } from "@medusajs/ui";
 import { useTranslation as useTranslation7 } from "react-i18next";
 import { Link } from "react-router-dom";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -548,9 +597,9 @@ var StoreSubscriptionSection = ({
         children: /* @__PURE__ */ jsx7("div", { className: "shadow-elevation-card-rest bg-ui-bg-component rounded-md px-4 py-2 transition-colors", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-4", children: [
           /* @__PURE__ */ jsx7(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx7(CurrencyDollar, {}) }),
           /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
-            /* @__PURE__ */ jsx7(Text5, { size: "small", leading: "compact", weight: "plus", children: plan.currency_code.toUpperCase() }),
+            /* @__PURE__ */ jsx7(Text6, { size: "small", leading: "compact", weight: "plus", children: plan.currency_code.toUpperCase() }),
             /* @__PURE__ */ jsxs7(
-              Text5,
+              Text6,
               {
                 size: "small",
                 leading: "compact",
@@ -728,7 +777,7 @@ import {
   Button as Button2,
   Container as Container8,
   Heading as Heading8,
-  Text as Text6,
+  Text as Text7,
   Textarea,
   toast as toast3
 } from "@medusajs/ui";
@@ -759,109 +808,297 @@ var StoreRequestSection = ({ seller }) => {
       toast3.error(error.message);
     }
   };
-  return /* @__PURE__ */ jsx10(
-    "div",
+  return /* @__PURE__ */ jsxs9(Container8, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-3 border-b border-ui-border-base px-6 py-4", children: [
+      /* @__PURE__ */ jsx10(ExclamationCircleSolid, { className: "text-orange-500" }),
+      /* @__PURE__ */ jsx10(Heading8, { level: "h2", children: t("stores.request.title") })
+    ] }),
+    /* @__PURE__ */ jsx10("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx10(Text7, { className: "text-ui-fg-subtle", children: t("stores.request.description") }) }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-2 border-t border-ui-border-base px-6 py-4", children: [
+      /* @__PURE__ */ jsx10(Text7, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: t("stores.request.reasonLabel") }),
+      /* @__PURE__ */ jsx10(
+        Textarea,
+        {
+          placeholder: t("stores.request.reasonPlaceholder"),
+          value: reason,
+          onChange: (e) => setReason(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-end gap-x-2 rounded-b-lg border-t border-ui-border-base bg-ui-bg-subtle px-6 py-4", children: [
+      /* @__PURE__ */ jsx10(
+        Button2,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: handleConfirm,
+          isLoading: isApproving,
+          children: t("stores.request.confirm")
+        }
+      ),
+      /* @__PURE__ */ jsx10(
+        Button2,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: handleReject,
+          isLoading: isSuspending,
+          children: t("stores.request.suspend")
+        }
+      )
+    ] })
+  ] });
+};
+
+// src/pages/stores/store-details/components/store-orders-section.tsx
+import { Container as Container9, Heading as Heading9 } from "@medusajs/ui";
+import { keepPreviousData as keepPreviousData2 } from "@tanstack/react-query";
+import { useTranslation as useTranslation11 } from "react-i18next";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var PAGE_SIZE2 = 10;
+var PREFIX = "store-orders";
+var DEFAULT_RELATIONS = "*customer,*items,*sales_channel";
+var DEFAULT_FIELDS = "id,status,display_id,created_at,email,fulfillment_status,payment_status,total,currency_code";
+var StoreOrdersSection = ({ sellerId }) => {
+  const { t } = useTranslation11();
+  const { searchParams, raw } = useOrderTableQuery({
+    pageSize: PAGE_SIZE2,
+    prefix: PREFIX
+  });
+  const { orders, count, isLoading, isError, error } = useOrders(
     {
-      style: {
-        background: "repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)"
-      },
-      className: "-m-4 mb-1 border-b border-l p-4",
-      children: /* @__PURE__ */ jsx10(Container8, { className: "flex items-center justify-between p-0", children: /* @__PURE__ */ jsxs9("div", { className: "flex w-full flex-col divide-y divide-dashed", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 px-6 py-4", children: [
-          /* @__PURE__ */ jsx10(ExclamationCircleSolid, { className: "text-orange-500" }),
-          /* @__PURE__ */ jsx10(Heading8, { level: "h2", children: t("stores.request.title", "Store request") })
-        ] }),
-        /* @__PURE__ */ jsx10("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx10(Text6, { className: "text-ui-fg-subtle", children: t(
-          "stores.request.description",
-          "A new store request has been submitted. Review the details, make any necessary updates, and choose whether to confirm and publish the store or suspend the request."
-        ) }) }),
-        /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-y-2 px-6 py-4", children: [
-          /* @__PURE__ */ jsx10(Text6, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: t("stores.request.reasonLabel", "Suspend reason") }),
-          /* @__PURE__ */ jsx10(
-            Textarea,
-            {
-              placeholder: t(
-                "stores.request.reasonPlaceholder",
-                "Optional reason for suspending this store..."
-              ),
-              value: reason,
-              onChange: (e) => setReason(e.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "bg-ui-bg-subtle flex items-center justify-end gap-x-2 rounded-b-xl px-4 py-4", children: [
-          /* @__PURE__ */ jsx10(
-            Button2,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: handleConfirm,
-              isLoading: isApproving,
-              children: t("stores.request.confirm", "Confirm")
-            }
-          ),
-          /* @__PURE__ */ jsx10(
-            Button2,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: handleReject,
-              isLoading: isSuspending,
-              children: t("stores.request.suspend", "Suspend")
-            }
-          )
-        ] })
-      ] }) })
+      ...searchParams,
+      seller_id: [sellerId],
+      fields: `${DEFAULT_FIELDS},${DEFAULT_RELATIONS}`
+    },
+    {
+      placeholderData: keepPreviousData2
     }
   );
+  const columns = useOrderTableColumns({
+    exclude: ["sales_channel", "actions"]
+  });
+  const filters = useOrderTableFilters();
+  const { table } = useDataTable({
+    data: orders ?? [],
+    columns,
+    enablePagination: true,
+    count,
+    pageSize: PAGE_SIZE2,
+    prefix: PREFIX
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs10(Container9, { className: "divide-y p-0", "data-testid": "store-orders-section", children: [
+    /* @__PURE__ */ jsx11(
+      "div",
+      {
+        className: "flex items-center justify-between px-6 py-4",
+        "data-testid": "store-orders-section-header",
+        children: /* @__PURE__ */ jsx11(Heading9, { level: "h2", "data-testid": "store-orders-section-heading", children: t("orders.domain") })
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      _DataTable,
+      {
+        columns,
+        table,
+        pagination: true,
+        navigateTo: (row) => `/orders/${row.original.id}`,
+        filters,
+        count,
+        isLoading,
+        pageSize: PAGE_SIZE2,
+        orderBy: [
+          { key: "display_id", label: t("orders.fields.displayId") },
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ],
+        search: true,
+        queryObject: raw,
+        prefix: PREFIX,
+        noRecords: {
+          message: t("orders.list.noRecordsMessage")
+        }
+      }
+    )
+  ] });
+};
+
+// src/pages/stores/store-details/components/store-products-section.tsx
+import { Container as Container10, Heading as Heading10 } from "@medusajs/ui";
+import { keepPreviousData as keepPreviousData3 } from "@tanstack/react-query";
+import { useTranslation as useTranslation12 } from "react-i18next";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var PAGE_SIZE3 = 10;
+var PREFIX2 = "store-products";
+var StoreProductsSection = ({
+  sellerId
+}) => {
+  const { t } = useTranslation12();
+  const { searchParams, raw } = useProductTableQuery({
+    pageSize: PAGE_SIZE3,
+    prefix: PREFIX2
+  });
+  const { products, count, isPending, isError, error } = useSellerProducts(
+    sellerId,
+    searchParams,
+    {
+      placeholderData: keepPreviousData3
+    }
+  );
+  const columns = useProductTableColumns();
+  const filters = useProductTableFilters(["product_types"]);
+  const { table } = useDataTable({
+    columns,
+    data: products ?? [],
+    count,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE3,
+    prefix: PREFIX2
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs11(Container10, { className: "divide-y p-0", "data-testid": "store-products-section", children: [
+    /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: "flex items-center justify-between px-6 py-4",
+        "data-testid": "store-products-section-header",
+        children: /* @__PURE__ */ jsx12(Heading10, { level: "h2", "data-testid": "store-products-section-heading", children: t("products.domain") })
+      }
+    ),
+    /* @__PURE__ */ jsx12(
+      _DataTable,
+      {
+        table,
+        filters,
+        isLoading: isPending,
+        columns,
+        count,
+        pageSize: PAGE_SIZE3,
+        navigateTo: ({ original }) => `/products/${original.id}`,
+        orderBy: [
+          { key: "title", label: t("fields.title") },
+          { key: "created_at", label: t("fields.createdAt") },
+          { key: "updated_at", label: t("fields.updatedAt") }
+        ],
+        queryObject: raw,
+        search: true,
+        pagination: true,
+        prefix: PREFIX2,
+        noRecords: {
+          message: t("products.list.noRecordsMessage")
+        }
+      }
+    )
+  ] });
 };
 
 // src/pages/stores/store-details/components/store-details.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var TABS = [{ value: "users", label: "Users" }];
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+var TABS = ["orders", "users", "products", "timeOff"];
 var TabBar = ({
   activeTab,
   onTabChange
 }) => {
-  return /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-x-3 py-2", children: TABS.map((tab) => {
-    const isActive = activeTab === tab.value;
-    return /* @__PURE__ */ jsx11(
-      "button",
-      {
-        onClick: () => onTabChange(tab.value),
-        className: `txt-compact-medium-plus rounded-full px-4 py-1.5 transition-colors ${isActive ? "border-ui-border-base bg-ui-bg-base shadow-borders-base text-ui-fg-base" : "text-ui-fg-subtle hover:text-ui-fg-base"}`,
-        children: tab.label
-      },
-      tab.value
-    );
-  }) });
+  const { t } = useTranslation13();
+  const labels = {
+    orders: t("orders.domain"),
+    users: t("users.domain"),
+    products: t("products.domain"),
+    timeOff: t("store.timeOff.header")
+  };
+  return /* @__PURE__ */ jsx13(
+    "div",
+    {
+      role: "tablist",
+      "aria-label": t("stores.domain"),
+      className: "flex flex-wrap items-center gap-x-3 py-2",
+      "data-testid": "store-detail-tabs",
+      children: TABS.map((tab) => {
+        const isActive = activeTab === tab;
+        return /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            onClick: () => onTabChange(tab),
+            role: "tab",
+            "aria-selected": isActive,
+            "aria-controls": `store-detail-tab-panel-${tab}`,
+            id: `store-detail-tab-${tab}`,
+            "data-testid": `store-detail-tab-${tab}`,
+            className: `txt-compact-medium-plus rounded-full px-4 py-1.5 transition-colors ${isActive ? "border-ui-border-base bg-ui-bg-base shadow-borders-base text-ui-fg-base" : "text-ui-fg-subtle hover:text-ui-fg-base"}`,
+            children: labels[tab]
+          },
+          tab
+        );
+      })
+    }
+  );
 };
 var Root = ({ children }) => {
   const { id } = useParams();
-  const [activeTab, setActiveTab] = useState2("users");
+  const [activeTab, setActiveTab] = useState2("orders");
   const { seller, isLoading, isError, error } = useSeller(id);
   if (isLoading || !seller) {
-    return /* @__PURE__ */ jsx11(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 3 });
+    return /* @__PURE__ */ jsx13(TwoColumnPageSkeleton, { mainSections: 3, sidebarSections: 3 });
   }
   if (isError) {
     throw error;
   }
   if (Children3.count(children) > 0) {
-    return /* @__PURE__ */ jsx11(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children });
+    return /* @__PURE__ */ jsx13(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children });
   }
-  return /* @__PURE__ */ jsxs10(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children: [
-    /* @__PURE__ */ jsxs10(TwoColumnPage.Main, { children: [
-      seller.status === import_types3.SellerStatus.PENDING_APPROVAL && /* @__PURE__ */ jsx11(StoreRequestSection, { seller }),
-      /* @__PURE__ */ jsx11(StoreGeneralSection, { seller }),
-      /* @__PURE__ */ jsx11(TabBar, { activeTab, onTabChange: setActiveTab }),
-      activeTab === "users" && /* @__PURE__ */ jsx11(StoreMembersSection, { sellerId: seller.id })
+  return /* @__PURE__ */ jsxs12(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children: [
+    /* @__PURE__ */ jsxs12(TwoColumnPage.Main, { children: [
+      seller.status === import_types3.SellerStatus.PENDING_APPROVAL && /* @__PURE__ */ jsx13(StoreRequestSection, { seller }),
+      /* @__PURE__ */ jsx13(StoreGeneralSection, { seller }),
+      /* @__PURE__ */ jsx13(TabBar, { activeTab, onTabChange: setActiveTab }),
+      activeTab === "orders" && /* @__PURE__ */ jsx13(
+        "div",
+        {
+          role: "tabpanel",
+          id: "store-detail-tab-panel-orders",
+          "aria-labelledby": "store-detail-tab-orders",
+          children: /* @__PURE__ */ jsx13(StoreOrdersSection, { sellerId: seller.id })
+        }
+      ),
+      activeTab === "users" && /* @__PURE__ */ jsx13(
+        "div",
+        {
+          role: "tabpanel",
+          id: "store-detail-tab-panel-users",
+          "aria-labelledby": "store-detail-tab-users",
+          children: /* @__PURE__ */ jsx13(StoreMembersSection, { sellerId: seller.id })
+        }
+      ),
+      activeTab === "products" && /* @__PURE__ */ jsx13(
+        "div",
+        {
+          role: "tabpanel",
+          id: "store-detail-tab-panel-products",
+          "aria-labelledby": "store-detail-tab-products",
+          children: /* @__PURE__ */ jsx13(StoreProductsSection, { sellerId: seller.id })
+        }
+      ),
+      activeTab === "timeOff" && /* @__PURE__ */ jsx13(
+        "div",
+        {
+          role: "tabpanel",
+          id: "store-detail-tab-panel-timeOff",
+          "aria-labelledby": "store-detail-tab-timeOff",
+          children: /* @__PURE__ */ jsx13(StoreConfigurationSection, { seller })
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxs10(TwoColumnPage.Sidebar, { children: [
-      /* @__PURE__ */ jsx11(StoreConfigurationSection, { seller }),
-      /* @__PURE__ */ jsx11(StoreAddressSection, { seller }),
-      /* @__PURE__ */ jsx11(StoreCompanyDetailsSection, { seller }),
-      /* @__PURE__ */ jsx11(StorePaymentDetailsSection, { seller }),
-      /* @__PURE__ */ jsx11(StoreSubscriptionSection, { seller })
+    /* @__PURE__ */ jsxs12(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx13(StoreAddressSection, { seller }),
+      /* @__PURE__ */ jsx13(StoreCompanyDetailsSection, { seller }),
+      /* @__PURE__ */ jsx13(StorePaymentDetailsSection, { seller }),
+      /* @__PURE__ */ jsx13(StoreSubscriptionSection, { seller })
     ] })
   ] });
 };
@@ -869,9 +1106,9 @@ var StoreDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: StoreGeneralSection,
+  MainConfigurationSection: StoreConfigurationSection,
   MainPaymentDetailsSection: StorePaymentDetailsSection,
   MainCompanyDetailsSection: StoreCompanyDetailsSection,
-  SidebarConfigurationSection: StoreConfigurationSection,
   SidebarAddressSection: StoreAddressSection,
   SidebarSubscriptionSection: StoreSubscriptionSection,
   SidebarMembersSection: StoreMembersSection,