@mercurjs/vendor 2.0.2 → 2.1.0-canary.5

package/dist/{store-ZBSMNWFT.js → store-E4JEK2CQ.js}

@@ -1,12 +1,12 @@
 import {
   require_dist
 } from "./chunk-ZZO3INVE.js";
-import {
-  DateRangeDisplay
-} from "./chunk-BWGPN6XV.js";
 import {
   getStylizedAmount
 } from "./chunk-PXYDR7WQ.js";
+import {
+  NoRecords
+} from "./chunk-3EF54XFY.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
@@ -16,14 +16,20 @@ import {
 import {
   TwoColumnPage
 } from "./chunk-RM5RSDYP.js";
-import "./chunk-LRD242C7.js";
+import {
+  DataTable
+} from "./chunk-5LKZCG77.js";
+import "./chunk-THHRRYRS.js";
+import {
+  useDate
+} from "./chunk-LRD242C7.js";
 import {
   membersQueryKeys,
   subscriptionQueryKeys,
   useMe,
-  useSubscription
-} from "./chunk-NYRRRCJS.js";
-import "./chunk-STBCWNZQ.js";
+  useSubscription,
+  useUpdateSeller
+} from "./chunk-ZCJ737TR.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
@@ -66,8 +72,9 @@ import {
 
 // src/pages/settings/store/store-detail-page.tsx
 import { Children as Children3 } from "react";
-import { Alert, Text as Text6 } from "@medusajs/ui";
+import { Alert, Text as Text7 } from "@medusajs/ui";
 import { useTranslation as useTranslation8 } from "react-i18next";
+import components from "virtual:mercur/components";
 var import_types2 = __toESM(require_dist(), 1);
 
 // src/pages/settings/store/_components/store-address-section.tsx
@@ -108,74 +115,159 @@ var StoreAddressSection = ({ seller }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+    formattedAddress ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx(BuildingStorefront, {}) }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: [address?.first_name, address?.last_name].filter(Boolean).join(" ") || "-" }),
+        /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: address?.name || t("store.address.defaultName") }),
         /* @__PURE__ */ jsx(
           Text,
           {
             size: "small",
             leading: "compact",
             className: "text-ui-fg-subtle",
-            children: formattedAddress || "-"
+            children: formattedAddress
           }
         )
       ] })
-    ] }) }) })
+    ] }) }) }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
+      /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", weight: "plus", children: t("store.address.empty.title") }),
+      /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-muted", children: t("store.address.empty.message") })
+    ] })
   ] });
 };
 
-// src/pages/settings/store/_components/store-configuration-section.tsx
-import { PencilSquare as PencilSquare2 } from "@medusajs/icons";
-import { Container as Container2, Heading as Heading2 } from "@medusajs/ui";
+// src/pages/settings/store/_components/store-time-off-section.tsx
+import { CalendarMini, EllipsisHorizontal, PencilSquare as PencilSquare2, Trash } from "@medusajs/icons";
+import {
+  Container as Container2,
+  DropdownMenu,
+  Heading as Heading2,
+  IconButton,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
+import { useMemo } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var StoreConfigurationSection = ({
-  seller
-}) => {
+var StoreTimeOffSection = ({ seller }) => {
   const { t } = useTranslation2();
-  return /* @__PURE__ */ jsxs2(Container2, { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("store.scheduledClosure.header") }),
+  const { getFullDate } = useDate();
+  const prompt = usePrompt();
+  const { mutateAsync: updateSeller } = useUpdateSeller(seller.id);
+  const data = useMemo(() => {
+    if (!seller.closed_from) return [];
+    return [
+      {
+        id: "closure",
+        closed_from: new Date(seller.closed_from),
+        closed_to: seller.closed_to ? new Date(seller.closed_to) : null,
+        note: seller.closure_note ?? null
+      }
+    ];
+  }, [seller.closed_from, seller.closed_to, seller.closure_note]);
+  const handleDelete = async () => {
+    const confirmed = await prompt({
+      title: t("store.timeOff.deleteConfirm.title"),
+      description: t("store.timeOff.deleteConfirm.description"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!confirmed) return;
+    await updateSeller(
+      { closed_from: null, closed_to: null, closure_note: null },
+      {
+        onSuccess: () => {
+          toast.success(t("store.timeOff.deleteSuccess"));
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  };
+  const columns = useMemo(
+    () => [
+      {
+        id: "closed_from",
+        header: t("store.timeOff.columns.firstDay"),
+        accessorFn: (row) => getFullDate({ date: row.closed_from })
+      },
+      {
+        id: "closed_to",
+        header: t("store.timeOff.columns.lastDay"),
+        accessorFn: (row) => row.closed_to ? getFullDate({ date: row.closed_to }) : "-"
+      },
+      {
+        id: "note",
+        header: t("store.timeOff.columns.note"),
+        accessorFn: (row) => row.note || "-"
+      },
+      {
+        id: "actions",
+        header: "",
+        cell: () => /* @__PURE__ */ jsx2("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs2(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx2(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx2(IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ jsx2(EllipsisHorizontal, {}) }) }),
+          /* @__PURE__ */ jsxs2(DropdownMenu.Content, { children: [
+            /* @__PURE__ */ jsx2(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsxs2(Link, { to: "store-closure", children: [
+              /* @__PURE__ */ jsx2(PencilSquare2, { className: "mr-2" }),
+              t("actions.edit")
+            ] }) }),
+            /* @__PURE__ */ jsx2(DropdownMenu.Separator, {}),
+            /* @__PURE__ */ jsxs2(DropdownMenu.Item, { onClick: handleDelete, children: [
+              /* @__PURE__ */ jsx2(Trash, { className: "mr-2" }),
+              t("actions.delete")
+            ] })
+          ] })
+        ] }) }),
+        meta: {
+          className: "w-[1%]"
+        }
+      }
+    ],
+    [t, getFullDate, handleDelete]
+  );
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsxs2(Container2, { className: "flex flex-col overflow-hidden p-0", children: [
+      /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx2(Heading2, { level: "h2", children: t("store.timeOff.header") }) }),
       /* @__PURE__ */ jsx2(
-        ActionMenu,
+        NoRecords,
         {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  icon: /* @__PURE__ */ jsx2(PencilSquare2, {}),
-                  to: "store-closure"
-                }
-              ]
-            }
-          ]
+          icon: /* @__PURE__ */ jsx2(CalendarMini, { className: "text-ui-fg-subtle" }),
+          title: t("store.timeOff.empty.title"),
+          message: t("store.timeOff.empty.message"),
+          action: {
+            to: "store-closure",
+            label: t("store.timeOff.empty.action")
+          },
+          className: "h-[300px]"
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx2(
-      DateRangeDisplay,
-      {
-        startsAt: seller.closed_from,
-        endsAt: seller.closed_to,
-        showTime: true
-      }
-    )
-  ] });
+    ] });
+  }
+  return /* @__PURE__ */ jsx2(Container2, { className: "flex flex-col overflow-hidden p-0", children: /* @__PURE__ */ jsx2(
+    DataTable,
+    {
+      data,
+      columns,
+      getRowId: (row) => row.id,
+      rowCount: data.length,
+      heading: t("store.timeOff.header"),
+      enableSearch: false,
+      enablePagination: false
+    }
+  ) });
 };
 
 // src/pages/settings/store/_components/store-general-section.tsx
 import { Children as Children2 } from "react";
-import { Photo } from "@medusajs/icons";
-import { Badge, Container as Container3, Text as Text2 } from "@medusajs/ui";
+import { Badge as Badge2, Container as Container3, Text as Text3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
 
 // src/pages/settings/store/_components/store-detail-header.tsx
 import { Children } from "react";
 import { PencilSquare as PencilSquare3 } from "@medusajs/icons";
-import { Avatar, Heading as Heading3, StatusBadge } from "@medusajs/ui";
+import { Avatar, Badge, Heading as Heading3, StatusBadge } from "@medusajs/ui";
 import { useTranslation as useTranslation3 } from "react-i18next";
 var import_types = __toESM(require_dist(), 1);
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -207,6 +299,7 @@ var getStatusLabel = (status, t) => {
   }
 };
 var StoreDetailTitle = ({ seller }) => {
+  const { t } = useTranslation3();
   return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-4", children: [
     /* @__PURE__ */ jsx3(
       Avatar,
@@ -217,7 +310,10 @@ var StoreDetailTitle = ({ seller }) => {
         fallback: seller.name.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ jsx3(Heading3, { children: seller.name })
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx3(Heading3, { children: seller.name }),
+      seller.is_premium && /* @__PURE__ */ jsx3(Badge, { size: "2xsmall", color: "purple", children: t("fields.premium") })
+    ] })
   ] });
 };
 var StoreDetailEditButton = () => {
@@ -274,49 +370,55 @@ var StoreGeneralSection = ({
         alt: seller.name,
         className: "h-full w-full object-cover"
       }
-    ) : /* @__PURE__ */ jsx4("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx4(Photo, { className: "text-ui-fg-muted" }) }) }),
+    ) : /* @__PURE__ */ jsx4(
+      "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__ */ jsx4(StoreDetailHeader, { seller }),
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: seller.description || "-" })
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("fields.description") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", children: seller.description || "-" })
+    ] }),
+    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", children: seller.handle ? `/${seller.handle}` : "-" })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.handle") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: seller.handle ? `/${seller.handle}` : "-" })
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("fields.email") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", children: seller.email || "-" })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.email") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: seller.email || "-" })
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("fields.phone") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", children: seller.phone || "-" })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.website") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: seller.website_url || "-" })
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("fields.website") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", children: seller.website_url || "-" })
     ] }),
     /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
+      /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", weight: "plus", children: t("fields.currency") }),
       /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx4(Badge, { size: "2xsmall", children: seller.currency_code?.toUpperCase() }),
-        /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: currencies[seller.currency_code?.toUpperCase()]?.name || "-" })
+        /* @__PURE__ */ jsx4(Badge2, { size: "2xsmall", children: seller.currency_code?.toUpperCase() }),
+        /* @__PURE__ */ jsx4(Text3, { size: "small", leading: "compact", children: currencies[seller.currency_code?.toUpperCase()]?.name || "-" })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.premium") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: seller.is_premium ? t("general.yes") : t("general.no") })
-    ] }),
-    /* @__PURE__ */ jsxs4("div", { className: "text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4", children: [
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", weight: "plus", children: t("fields.createdAt") }),
-      /* @__PURE__ */ jsx4(Text2, { size: "small", leading: "compact", children: new Date(seller.created_at).toLocaleDateString(void 0, {
-        year: "numeric",
-        month: "long",
-        day: "numeric"
-      }) })
     ] })
   ] }) });
 };
 
 // src/pages/settings/store/_components/store-subscription-section.tsx
 import { CurrencyDollar } from "@medusajs/icons";
-import { Container as Container4, Heading as Heading4, Text as Text3 } from "@medusajs/ui";
+import { Container as Container4, Heading as Heading4, 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 StoreSubscriptionSection = ({
@@ -333,9 +435,9 @@ var StoreSubscriptionSection = ({
     /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx5("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx5(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx5(CurrencyDollar, {}) }),
       /* @__PURE__ */ jsxs5("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx5(Text3, { size: "small", leading: "compact", weight: "plus", children: subscription_plan.currency_code?.toUpperCase() }),
+        /* @__PURE__ */ jsx5(Text4, { size: "small", leading: "compact", weight: "plus", children: subscription_plan.currency_code?.toUpperCase() }),
         /* @__PURE__ */ jsxs5(
-          Text3,
+          Text4,
           {
             size: "small",
             leading: "compact",
@@ -357,7 +459,7 @@ var StoreSubscriptionSection = ({
 
 // src/pages/settings/store/_components/store-payment-details-section.tsx
 import { CreditCard, PencilSquare as PencilSquare4 } 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 StorePaymentDetailsSection = ({
@@ -388,12 +490,12 @@ var StorePaymentDetailsSection = ({
         }
       )
     ] }),
-    /* @__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: [
+    details ? /* @__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(CreditCard, {}) }),
       /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", weight: "plus", children: details?.holder_name || "-" }),
+        /* @__PURE__ */ jsx6(Text5, { size: "small", leading: "compact", weight: "plus", children: details.holder_name || "-" }),
         /* @__PURE__ */ jsx6(
-          Text4,
+          Text5,
           {
             size: "small",
             leading: "compact",
@@ -402,13 +504,16 @@ var StorePaymentDetailsSection = ({
           }
         )
       ] })
-    ] }) }) })
+    ] }) }) }) : /* @__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.paymentDetails.empty.title") }),
+      /* @__PURE__ */ jsx6(Text5, { size: "small", className: "text-ui-fg-muted", children: t("store.paymentDetails.empty.message") })
+    ] })
   ] });
 };
 
 // src/pages/settings/store/_components/store-professional-details-section.tsx
 import { Buildings, PencilSquare as PencilSquare5 } 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 { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var StoreProfessionalDetailsSection = ({
@@ -416,6 +521,7 @@ var StoreProfessionalDetailsSection = ({
 }) => {
   const { t } = useTranslation7();
   const details = seller.professional_details;
+  const hasDetails = details?.corporate_name || details?.registration_number || details?.tax_id;
   return /* @__PURE__ */ jsxs7(Container6, { className: "p-0", children: [
     /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsx7(Heading6, { level: "h2", children: t("store.professionalDetails.header") }),
@@ -436,12 +542,12 @@ var StoreProfessionalDetailsSection = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx7("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-4", children: [
+    hasDetails ? /* @__PURE__ */ jsx7("div", { className: "flex flex-col gap-2 px-2 pb-2", children: /* @__PURE__ */ jsx7("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ jsx7(IconAvatar, { size: "large", variant: "squared", children: /* @__PURE__ */ jsx7(Buildings, {}) }),
       /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 flex-col", children: [
-        /* @__PURE__ */ jsx7(Text5, { size: "small", leading: "compact", weight: "plus", children: details?.corporate_name || "-" }),
+        /* @__PURE__ */ jsx7(Text6, { size: "small", leading: "compact", weight: "plus", children: details?.corporate_name || "-" }),
         /* @__PURE__ */ jsx7(
-          Text5,
+          Text6,
           {
             size: "small",
             leading: "compact",
@@ -450,12 +556,15 @@ var StoreProfessionalDetailsSection = ({
           }
         )
       ] })
-    ] }) }) })
+    ] }) }) }) : /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-y-1 pb-6 pt-2", children: [
+      /* @__PURE__ */ jsx7(Text6, { size: "small", leading: "compact", weight: "plus", children: t("store.professionalDetails.empty.title") }),
+      /* @__PURE__ */ jsx7(Text6, { size: "small", className: "text-ui-fg-muted", children: t("store.professionalDetails.empty.message") })
+    ] })
   ] });
 };
 
 // src/pages/settings/store/store-detail-page.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const { t } = useTranslation8();
   const { seller_member, isPending, isError, error } = useMe();
@@ -473,12 +582,6 @@ var Root = ({ children }) => {
   }
   const statusAlert = (() => {
     switch (seller.status) {
-      case import_types2.SellerStatus.PENDING_APPROVAL:
-        return {
-          variant: "warning",
-          title: t("store.alert.pendingApproval.title"),
-          description: t("store.alert.pendingApproval.description")
-        };
       case import_types2.SellerStatus.SUSPENDED:
         return {
           variant: "error",
@@ -495,35 +598,34 @@ var Root = ({ children }) => {
         return null;
     }
   })();
-  if (Children3.count(children) > 0) {
-    return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-y-3", children: [
-      statusAlert && /* @__PURE__ */ jsxs8(Alert, { variant: statusAlert.variant, dismissible: true, className: "p-5", children: [
-        /* @__PURE__ */ jsx8("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: statusAlert.title }),
-        /* @__PURE__ */ jsx8(Text6, { className: "text-ui-fg-subtle txt-small leading-normal", children: statusAlert.description })
-      ] }),
-      /* @__PURE__ */ jsx8(TwoColumnPage, { data: seller, hasOutlet: true, children })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-y-3", children: [
+  const StoreSetup = components.StoreSetup;
+  const StatusBanner = () => /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    StoreSetup && /* @__PURE__ */ jsx8(StoreSetup, { seller }),
     statusAlert && /* @__PURE__ */ jsxs8(Alert, { variant: statusAlert.variant, dismissible: true, className: "p-5", children: [
       /* @__PURE__ */ jsx8("div", { className: "text-ui-fg-subtle txt-small pb-2 font-medium leading-[20px]", children: statusAlert.title }),
-      /* @__PURE__ */ jsx8(Text6, { className: "text-ui-fg-subtle txt-small leading-normal", children: statusAlert.description })
+      /* @__PURE__ */ jsx8(Text7, { className: "text-ui-fg-subtle txt-small leading-normal", children: statusAlert.description })
+    ] })
+  ] });
+  if (Children3.count(children) > 0) {
+    return /* @__PURE__ */ jsx8(TwoColumnPage, { data: seller, hasOutlet: true, children });
+  }
+  return /* @__PURE__ */ jsxs8(TwoColumnPage, { data: seller, hasOutlet: true, children: [
+    /* @__PURE__ */ jsxs8(TwoColumnPage.Main, { children: [
+      /* @__PURE__ */ jsx8(StatusBanner, {}),
+      /* @__PURE__ */ jsx8(StoreGeneralSection, { seller }),
+      /* @__PURE__ */ jsx8(StoreTimeOffSection, { seller })
     ] }),
-    /* @__PURE__ */ jsxs8(TwoColumnPage, { data: seller, hasOutlet: true, children: [
-      /* @__PURE__ */ jsx8(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx8(StoreGeneralSection, { seller }) }),
-      /* @__PURE__ */ jsxs8(TwoColumnPage.Sidebar, { children: [
-        /* @__PURE__ */ jsx8(StoreConfigurationSection, { seller }),
-        /* @__PURE__ */ jsx8(StoreAddressSection, { seller }),
-        /* @__PURE__ */ jsx8(StoreProfessionalDetailsSection, { seller }),
-        /* @__PURE__ */ jsx8(StorePaymentDetailsSection, { seller }),
-        /* @__PURE__ */ jsx8(
-          StoreSubscriptionSection,
-          {
-            subscription_plan,
-            subscription_override
-          }
-        )
-      ] })
+    /* @__PURE__ */ jsxs8(TwoColumnPage.Sidebar, { children: [
+      /* @__PURE__ */ jsx8(StoreAddressSection, { seller }),
+      /* @__PURE__ */ jsx8(StoreProfessionalDetailsSection, { seller }),
+      /* @__PURE__ */ jsx8(StorePaymentDetailsSection, { seller }),
+      /* @__PURE__ */ jsx8(
+        StoreSubscriptionSection,
+        {
+          subscription_plan,
+          subscription_override
+        }
+      )
     ] })
   ] });
 };
@@ -533,7 +635,7 @@ var StoreDetailPage = Object.assign(Root, {
   MainGeneralSection: StoreGeneralSection,
   MainPaymentDetailsSection: StorePaymentDetailsSection,
   MainProfessionalDetailsSection: StoreProfessionalDetailsSection,
-  SidebarConfigurationSection: StoreConfigurationSection,
+  MainTimeOffSection: StoreTimeOffSection,
   SidebarAddressSection: StoreAddressSection,
   SidebarSubscriptionSection: StoreSubscriptionSection,
   Header: StoreDetailHeader,

package/dist/{store-closure-43FK32AQ.js → store-closure-QPK4LBBZ.js}

@@ -12,8 +12,7 @@ import {
 import {
   useMe,
   useUpdateSeller
-} from "./chunk-NYRRRCJS.js";
-import "./chunk-STBCWNZQ.js";
+} from "./chunk-ZCJ737TR.js";
 import "./chunk-F4OJN2F2.js";
 import "./chunk-LRARA622.js";
 import "./chunk-M6N4ISXL.js";
@@ -45,17 +44,15 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/pages/settings/store/store-closure/store-closure-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, DatePicker, toast } from "@medusajs/ui";
+import { Button, DatePicker, Textarea, toast } from "@medusajs/ui";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";
 import { jsx, jsxs } from "react/jsx-runtime";
 var StoreClosureSchema = z.object({
-  closed_from: z.date({ required_error: "Close from date is required" }),
-  closed_to: z.date().nullable()
-}).refine((data) => data.closed_from >= new Date((/* @__PURE__ */ new Date()).toDateString()), {
-  message: "Close from date cannot be in the past",
-  path: ["closed_from"]
+  closed_from: z.date({ required_error: "Please enter a first day" }),
+  closed_to: z.date().nullable(),
+  closure_note: z.string().nullable()
 });
 var StoreClosureForm = ({ seller }) => {
   const { t } = useTranslation();
@@ -63,7 +60,8 @@ var StoreClosureForm = ({ seller }) => {
   const form = useForm({
     defaultValues: {
       closed_from: seller.closed_from ? new Date(seller.closed_from) : null,
-      closed_to: seller.closed_to ? new Date(seller.closed_to) : null
+      closed_to: seller.closed_to ? new Date(seller.closed_to) : null,
+      closure_note: seller.closure_note ?? ""
     },
     resolver: zodResolver(StoreClosureSchema)
   });
@@ -72,13 +70,12 @@ var StoreClosureForm = ({ seller }) => {
     await mutateAsync(
       {
         closed_from: data.closed_from || null,
-        closed_to: data.closed_to || null
+        closed_to: data.closed_to || null,
+        closure_note: data.closure_note || null
       },
       {
         onSuccess: () => {
-          toast.success(
-            t("store.scheduledClosure.edit.successToast")
-          );
+          toast.success(t("store.timeOff.create.successToast"));
           handleSuccess();
         },
         onError: (error) => {
@@ -96,12 +93,11 @@ var StoreClosureForm = ({ seller }) => {
           name: "closed_from",
           render: ({ field }) => {
             return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("store.scheduledClosure.fields.closedFrom") }),
+              /* @__PURE__ */ jsx(Form.Label, { children: t("store.timeOff.fields.firstDay") }),
               /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
                 DatePicker,
                 {
                   granularity: "minute",
-                  hourCycle: 12,
                   shouldCloseOnSelect: false,
                   ...field
                 }
@@ -118,8 +114,7 @@ var StoreClosureForm = ({ seller }) => {
           name: "closed_to",
           render: ({ field }) => {
             return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("store.scheduledClosure.fields.closedTo") }),
-              /* @__PURE__ */ jsx(Form.Hint, { children: t("store.scheduledClosure.fields.closedToHint") }),
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("store.timeOff.fields.lastDay") }),
               /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
                 DatePicker,
                 {
@@ -128,6 +123,27 @@ var StoreClosureForm = ({ seller }) => {
                   ...field
                 }
               ) }),
+              /* @__PURE__ */ jsx(Form.Hint, { children: t("store.timeOff.fields.lastDayHint") }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "closure_note",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("store.timeOff.fields.note") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  ...field,
+                  value: field.value ?? ""
+                }
+              ) }),
               /* @__PURE__ */ jsx(Form.ErrorMessage, {})
             ] });
           }
@@ -161,8 +177,8 @@ var Component = () => {
   }
   return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
     /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("store.scheduledClosure.edit.header") }) }),
-      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("store.scheduledClosure.edit.description") })
+      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("store.timeOff.create.header") }) }),
+      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("store.timeOff.create.description") })
     ] }),
     !isPending && seller && /* @__PURE__ */ jsx2(StoreClosureForm, { seller })
   ] });