@mercurjs/admin 2.1.0-canary.5 → 2.1.0-canary.8

package/dist/{chunk-DKIXS7MS.js → chunk-6KIROGNM.js}

@@ -19,10 +19,16 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-ULJ3OMWU.js";
+} from "./chunk-KLVTWJ4M.js";
+import {
+  NoRecords
+} from "./chunk-634XVU3D.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
+import {
+  DataTableStatusCell
+} from "./chunk-MDABSESI.js";
 import {
   TwoColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -43,7 +49,7 @@ import {
 } from "./chunk-3B6MTW5G.js";
 import {
   useProductTableFilters
-} from "./chunk-SUQJGDPA.js";
+} from "./chunk-LNAXUDW2.js";
 import {
   useProductTableQuery
 } from "./chunk-VVWB3GIK.js";
@@ -59,9 +65,8 @@ import {
   useSellerInvites,
   useSellerMembers,
   useSellerProducts,
-  useSuspendSeller,
-  useTerminateSeller
-} from "./chunk-2FLBJM53.js";
+  useSuspendSeller
+} from "./chunk-LEG67A2R.js";
 import {
   useOrders
 } from "./chunk-TAKEQAZZ.js";
@@ -82,13 +87,8 @@ import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/pages/stores/store-details/components/store-detail-header.tsx
 import { Children } from "react";
-import {
-  CheckCircleSolid,
-  PencilSquare,
-  Trash,
-  XCircleSolid
-} from "@medusajs/icons";
-import { Avatar, Heading, StatusBadge, Tooltip, toast, usePrompt } from "@medusajs/ui";
+import { CheckCircleSolid, PencilSquare } from "@medusajs/icons";
+import { Avatar, Heading, StatusBadge, Tooltip } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 var import_types = __toESM(require_dist(), 1);
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -161,62 +161,6 @@ var StoreDetailActions = ({
   children
 }) => {
   const { t } = useTranslation();
-  const prompt = usePrompt();
-  const { mutateAsync: approveSeller } = useApproveSeller(seller.id);
-  const { mutateAsync: terminateSeller } = useTerminateSeller(seller.id);
-  const handleAction = async (action, label) => {
-    const res = await prompt({
-      title: label.title,
-      description: label.description,
-      verificationText: seller.email || seller.name || "",
-      confirmText: t("actions.confirm"),
-      cancelText: t("actions.cancel")
-    });
-    if (!res) return;
-    await action().then(
-      () => toast.success(label.success),
-      (error) => toast.error(error.message)
-    );
-  };
-  const deleteAction = {
-    label: t("stores.actions.delete.label"),
-    onClick: () => handleAction(() => terminateSeller(), {
-      title: t("stores.actions.delete.title"),
-      description: t("stores.actions.delete.description"),
-      success: t("stores.actions.delete.success")
-    }),
-    icon: /* @__PURE__ */ jsx(Trash, {})
-  };
-  const statusActions = (() => {
-    switch (seller.status) {
-      case import_types.SellerStatus.PENDING_APPROVAL:
-        return [
-          {
-            label: t("stores.actions.approve.label"),
-            onClick: () => handleAction(() => approveSeller(), {
-              title: t("stores.actions.approve.title"),
-              description: t("stores.actions.approve.description"),
-              success: t("stores.actions.approve.success")
-            }),
-            icon: /* @__PURE__ */ jsx(CheckCircleSolid, {})
-          },
-          {
-            label: t("stores.actions.reject.label"),
-            onClick: () => handleAction(() => terminateSeller(), {
-              title: t("stores.actions.reject.title"),
-              description: t("stores.actions.reject.description"),
-              success: t("stores.actions.reject.success")
-            }),
-            icon: /* @__PURE__ */ jsx(XCircleSolid, {})
-          }
-        ];
-      case import_types.SellerStatus.OPEN:
-      case import_types.SellerStatus.SUSPENDED:
-        return [deleteAction];
-      default:
-        return [];
-    }
-  })();
   return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(StatusBadge, { color: getStatusColor(seller.status), children: getStatusLabel(seller.status, t) }),
     /* @__PURE__ */ jsx(
@@ -231,9 +175,6 @@ var StoreDetailActions = ({
                 to: `/stores/${seller.id}/edit`
               }
             ]
-          },
-          {
-            actions: statusActions
           }
         ]
       }
@@ -418,7 +359,8 @@ var StoreCompanyDetailsSection = ({
 };
 
 // src/pages/stores/store-details/components/store-configuration-section.tsx
-import { Container as Container4, Heading as Heading4, Table, Text as Text4 } from "@medusajs/ui";
+import { CalendarMini } from "@medusajs/icons";
+import { Container as Container4, Heading as Heading4, Table } from "@medusajs/ui";
 import { useTranslation as useTranslation5 } from "react-i18next";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var StoreConfigurationSection = ({
@@ -431,22 +373,28 @@ var StoreConfigurationSection = ({
     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.HeaderCell, { children: t("fields.endDate") }),
+        /* @__PURE__ */ jsx5(Table.HeaderCell, { children: t("fields.note") })
       ] }) }),
       /* @__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__ */ jsx5(Table.Cell, { children: /* @__PURE__ */ jsx5(DateCell, { date: seller.closed_to ?? null }) }),
+        /* @__PURE__ */ jsx5(Table.Cell, { children: /* @__PURE__ */ jsx5("span", { className: "text-ui-fg-base", children: seller.closure_note || "-" }) })
       ] }) })
-    ] }) : /* @__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") })
-    ] })
+    ] }) : /* @__PURE__ */ jsx5(
+      NoRecords,
+      {
+        icon: /* @__PURE__ */ jsx5(CalendarMini, { className: "text-ui-fg-subtle" }),
+        title: t("store.timeOff.empty.title"),
+        message: t("store.timeOff.empty.message")
+      }
+    )
   ] });
 };
 
 // src/pages/stores/store-details/components/store-address-section.tsx
 import { BuildingStorefront, PencilSquare as PencilSquare4 } from "@medusajs/icons";
-import { Container as Container5, Heading as Heading5, Text as Text5 } from "@medusajs/ui";
+import { Container as Container5, Heading as Heading5, Text as Text4 } from "@medusajs/ui";
 import { useTranslation as useTranslation6 } from "react-i18next";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var StoreAddressSection = ({ seller }) => {
@@ -485,9 +433,9 @@ var StoreAddressSection = ({ seller }) => {
     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(Text5, { size: "small", leading: "compact", weight: "plus", children: address?.name || t("store.address.defaultName") }),
+        /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", weight: "plus", children: address?.name || t("store.address.defaultName") }),
         /* @__PURE__ */ jsx6(
-          Text5,
+          Text4,
           {
             size: "small",
             leading: "compact",
@@ -497,15 +445,15 @@ var StoreAddressSection = ({ seller }) => {
         )
       ] })
     ] }) }) }) : /* @__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") })
+      /* @__PURE__ */ jsx6(Text4, { size: "small", leading: "compact", weight: "plus", children: t("store.address.empty.title") }),
+      /* @__PURE__ */ jsx6(Text4, { 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 Text6 } from "@medusajs/ui";
+import { Container as Container6, Heading as Heading6, Text as Text5 } 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";
@@ -538,9 +486,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(Text6, { size: "small", leading: "compact", weight: "plus", children: plan.currency_code.toUpperCase() }),
+            /* @__PURE__ */ jsx7(Text5, { size: "small", leading: "compact", weight: "plus", children: plan.currency_code.toUpperCase() }),
             /* @__PURE__ */ jsxs7(
-              Text6,
+              Text5,
               {
                 size: "small",
                 leading: "compact",
@@ -567,13 +515,13 @@ import { Link as Link2 } from "react-router-dom";
 
 // src/pages/stores/store-details/components/store-members-section/store-members-data-table.tsx
 import { useMemo } from "react";
-import { ArrowPath, Link as LinkIcon, Trash as Trash2 } from "@medusajs/icons";
-import { StatusBadge as StatusBadge2, toast as toast2 } from "@medusajs/ui";
+import { ArrowPath, Link as LinkIcon, Trash, User } from "@medusajs/icons";
+import { Badge as Badge2, toast } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useTranslation as useTranslation8 } from "react-i18next";
 var import_types2 = __toESM(require_dist(), 1);
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 var ROLE_TRANSLATION_MAP = {
   [import_types2.SellerRole.SELLER_ADMINISTRATION]: "users.roles.administration",
@@ -582,6 +530,22 @@ var ROLE_TRANSLATION_MAP = {
   [import_types2.SellerRole.ACCOUNTING]: "users.roles.accounting",
   [import_types2.SellerRole.SUPPORT]: "users.roles.support"
 };
+var trimTrailingSlashes = (value) => {
+  let end = value.length;
+  while (end > 0 && value.charCodeAt(end - 1) === 47) {
+    end -= 1;
+  }
+  return end === value.length ? value : value.slice(0, end);
+};
+var buildVendorInviteUrl = (token) => {
+  const vendorBase = trimTrailingSlashes(__VENDOR_URL__ || "/seller");
+  const url = new URL(
+    `${vendorBase}/invite`,
+    typeof window === "undefined" ? "http://localhost" : window.location.origin
+  );
+  url.searchParams.set("token", token);
+  return url.toString();
+};
 var StoreMembersDataTable = ({
   sellerId
 }) => {
@@ -604,16 +568,23 @@ var StoreMembersDataTable = ({
       id: m.id,
       email: m.member?.email ?? "-",
       role_id: m.role_id,
-      created_at: m.created_at ?? null,
+      is_owner: Boolean(m.is_owner),
+      created_at: m.created_at,
+      updated_at: m.updated_at,
       member: m
     }));
-    const invites = (member_invites ?? []).filter((invite) => !invite.accepted).map((invite) => ({
+    const hasOwnerMember = members.some((m) => m.is_owner);
+    const pendingInvites = (member_invites ?? []).filter((invite) => !invite.accepted);
+    const inviteIsFutureOwner = !hasOwnerMember && pendingInvites.length === 1;
+    const invites = pendingInvites.map((invite) => ({
       kind: "invite",
       id: invite.id,
       email: invite.email,
       role_id: invite.role_id,
-      created_at: invite.created_at ?? null,
-      invite_url: invite.invite_url ?? null
+      token: invite.token,
+      is_owner: inviteIsFutureOwner,
+      created_at: invite.created_at,
+      updated_at: invite.updated_at
     }));
     return [...invites, ...members];
   }, [seller_members, member_invites]);
@@ -644,7 +615,12 @@ var StoreMembersDataTable = ({
         { key: "updated_at", label: t("fields.updatedAt") }
       ],
       noRecords: {
-        message: t("users.list.empty.description")
+        title: t("stores.emptyStates.users.title", "No users yet"),
+        message: t(
+          "stores.emptyStates.users.message",
+          "Invite the first user to manage this store."
+        ),
+        icon: /* @__PURE__ */ jsx8(User, { className: "text-ui-fg-subtle" })
       }
     }
   );
@@ -656,7 +632,18 @@ var useColumns = (sellerId) => {
     () => [
       columnHelper.accessor("email", {
         header: () => /* @__PURE__ */ jsx8("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx8("span", { children: t("fields.email") }) }),
-        cell: ({ row }) => /* @__PURE__ */ jsx8("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx8("span", { className: "truncate", children: row.original.email }) })
+        cell: ({ row }) => /* @__PURE__ */ jsxs8("div", { className: "flex size-full items-center gap-x-2 overflow-hidden", children: [
+          /* @__PURE__ */ jsx8("span", { className: "truncate", children: row.original.email }),
+          row.original.is_owner && /* @__PURE__ */ jsx8(
+            Badge2,
+            {
+              size: "2xsmall",
+              color: "grey",
+              className: "flex-shrink-0",
+              children: t("stores.members.mainAdmin", "Admin")
+            }
+          )
+        ] })
       }),
       columnHelper.accessor("role_id", {
         header: () => /* @__PURE__ */ jsx8("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx8("span", { children: t("fields.role") }) }),
@@ -672,22 +659,14 @@ var useColumns = (sellerId) => {
         header: () => /* @__PURE__ */ jsx8("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx8("span", { children: t("fields.status") }) }),
         cell: ({ row }) => {
           const isPending = row.original.kind === "invite";
-          return /* @__PURE__ */ jsx8("div", { className: "flex size-full items-center", children: /* @__PURE__ */ jsx8(StatusBadge2, { color: isPending ? "orange" : "green", children: isPending ? t("users.status.pending") : t("users.status.active") }) });
-        }
-      }),
-      columnHelper.accessor("created_at", {
-        header: () => /* @__PURE__ */ jsx8("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx8("span", { children: t("fields.createdAt") }) }),
-        cell: ({ getValue }) => {
-          const date = getValue();
-          return /* @__PURE__ */ jsx8(DateCell, { date: date ? new Date(date) : null });
+          return /* @__PURE__ */ jsx8(DataTableStatusCell, { color: isPending ? "orange" : "green", children: isPending ? t("users.status.pending") : t("users.status.active") });
         }
       }),
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
-          const isAdminRole = row.original.role_id === import_types2.SellerRole.SELLER_ADMINISTRATION;
           if (row.original.kind === "member") {
-            if (isAdminRole) return null;
+            if (row.original.is_owner) return null;
             return /* @__PURE__ */ jsx8(
               MemberActions,
               {
@@ -696,14 +675,7 @@ var useColumns = (sellerId) => {
               }
             );
           }
-          return /* @__PURE__ */ jsx8(
-            InviteActions,
-            {
-              invite: row.original,
-              sellerId,
-              allowDelete: !isAdminRole
-            }
-          );
+          return /* @__PURE__ */ jsx8(InviteActions, { invite: row.original, sellerId });
         }
       })
     ],
@@ -712,8 +684,7 @@ var useColumns = (sellerId) => {
 };
 var InviteActions = ({
   invite,
-  sellerId,
-  allowDelete = true
+  sellerId
 }) => {
   const { t } = useTranslation8();
   const { mutateAsync: resend } = useResendSellerInvite(sellerId);
@@ -721,38 +692,38 @@ var InviteActions = ({
   const handleResend = async () => {
     try {
       await resend({ invite_id: invite.id });
-      toast2.success(
+      toast.success(
         t("stores.members.invite.resendSuccess", { email: invite.email })
       );
     } catch (e) {
-      toast2.error(e.message);
+      toast.error(e.message);
     }
   };
   const handleCopyLink = async () => {
     try {
-      let url = invite.invite_url;
-      if (!url) {
+      let token = invite.token;
+      if (!token) {
         const response = await resend({ invite_id: invite.id });
-        url = response?.member_invite?.invite_url ?? null;
+        token = response?.member_invite?.token ?? null;
       }
-      if (!url) {
-        toast2.error(t("stores.members.invite.noVendorUrl"));
+      if (!token) {
+        toast.error(t("stores.members.invite.noVendorUrl"));
         return;
       }
-      await navigator.clipboard.writeText(url);
-      toast2.success(t("stores.members.invite.linkCopied"));
+      await navigator.clipboard.writeText(buildVendorInviteUrl(token));
+      toast.success(t("stores.members.invite.linkCopied"));
     } catch (e) {
-      toast2.error(e.message);
+      toast.error(e.message);
     }
   };
   const handleDelete = async () => {
     try {
       await deleteInvite({ invite_id: invite.id });
-      toast2.success(
+      toast.success(
         t("stores.members.invite.deleteSuccess", { email: invite.email })
       );
     } catch (e) {
-      toast2.error(e.message);
+      toast.error(e.message);
     }
   };
   const groups = [
@@ -769,19 +740,17 @@ var InviteActions = ({
           onClick: handleCopyLink
         }
       ]
-    }
-  ];
-  if (allowDelete) {
-    groups.push({
+    },
+    {
       actions: [
         {
-          icon: /* @__PURE__ */ jsx8(Trash2, {}),
+          icon: /* @__PURE__ */ jsx8(Trash, {}),
           label: t("actions.delete"),
           onClick: handleDelete
         }
       ]
-    });
-  }
+    }
+  ];
   return /* @__PURE__ */ jsx8(ActionMenu, { groups });
 };
 var MemberActions = ({
@@ -796,13 +765,13 @@ var MemberActions = ({
   const handleRemove = async () => {
     try {
       await removeMember();
-      toast2.success(
+      toast.success(
         t("users.deleteUserSuccess", {
           name: member.member?.email
         })
       );
     } catch (e) {
-      toast2.error(e.message);
+      toast.error(e.message);
     }
   };
   return /* @__PURE__ */ jsx8(
@@ -812,7 +781,7 @@ var MemberActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx8(Trash2, {}),
+              icon: /* @__PURE__ */ jsx8(Trash, {}),
               label: t("actions.remove"),
               onClick: handleRemove
             }
@@ -824,13 +793,13 @@ var MemberActions = ({
 };
 
 // src/pages/stores/store-details/components/store-members-section/store-members-section.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var StoreMembersSection = ({ sellerId }) => {
   const { t } = useTranslation9();
-  return /* @__PURE__ */ jsxs8(Container7, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between px-6 py-4", children: [
+  return /* @__PURE__ */ jsxs9(Container7, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between px-6 py-4", children: [
       /* @__PURE__ */ jsx9(Heading7, { level: "h2", children: t("users.domain", "Users") }),
-      /* @__PURE__ */ jsx9(Link2, { to: "invite", children: /* @__PURE__ */ jsx9(Button, { size: "small", variant: "secondary", children: t("users.invite", "Invite") }) })
+      /* @__PURE__ */ jsx9(Link2, { to: "invite", children: /* @__PURE__ */ jsx9(Button, { size: "small", variant: "secondary", children: t("stores.members.addUser.action", "Add") }) })
     ] }),
     /* @__PURE__ */ jsx9(StoreMembersDataTable, { sellerId })
   ] });
@@ -843,104 +812,156 @@ import {
   Button as Button2,
   Container as Container8,
   Heading as Heading8,
-  Text as Text7,
+  Prompt,
+  Text as Text6,
   Textarea,
-  toast as toast3
+  toast as toast2
 } from "@medusajs/ui";
 import { useTranslation as useTranslation10 } from "react-i18next";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var StoreRequestSection = ({ seller }) => {
   const { t } = useTranslation10();
-  const [pendingAction, setPendingAction] = useState(null);
-  const [note, setNote] = useState("");
   const { mutateAsync: approveSeller, isPending: isApproving } = useApproveSeller(seller.id);
   const { mutateAsync: suspendSeller, isPending: isRejecting } = useSuspendSeller(seller.id);
-  const requesterLabel = seller.email || seller.name;
-  const cancel = () => {
-    setPendingAction(null);
-    setNote("");
-  };
-  const submit = async () => {
-    try {
-      if (pendingAction === "confirm") {
-        await approveSeller();
-        toast3.success(t("stores.request.confirmSuccess"));
-      } else if (pendingAction === "reject") {
-        await suspendSeller({ reason: note || void 0 });
-        toast3.success(t("stores.request.rejectSuccess"));
-      }
-      cancel();
-    } catch (error) {
-      toast3.error(error.message);
-    }
-  };
-  const isSubmitting = isApproving || isRejecting;
-  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: [
+  const { seller_members } = useSellerMembers(seller.id, { limit: 100 });
+  const owner = seller_members?.find(
+    (m) => m.is_owner
+  );
+  const ownerFullName = [owner?.member?.first_name, owner?.member?.last_name].filter(Boolean).join(" ").trim();
+  const requesterLabel = ownerFullName || owner?.member?.email || seller.email || seller.name;
+  return /* @__PURE__ */ jsxs10(Container8, { className: "p-0", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-x-3 border-b border-ui-border-base px-6 py-4", children: [
       /* @__PURE__ */ jsx10(ExclamationCircleSolid, { className: "text-ui-tag-blue-icon" }),
       /* @__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", { requester: requesterLabel }) }) }),
-    pendingAction ? /* @__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: pendingAction === "confirm" ? t("stores.request.confirmNoteLabel") : t("stores.request.rejectNoteLabel") }),
-      /* @__PURE__ */ jsx10(
-        Textarea,
-        {
-          placeholder: t("stores.request.notePlaceholder"),
-          value: note,
-          onChange: (e) => setNote(e.target.value)
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ jsx10("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: pendingAction ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    /* @__PURE__ */ jsx10("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx10(Text6, { className: "text-ui-fg-subtle", children: t("stores.request.description", { requester: requesterLabel }) }) }),
+    /* @__PURE__ */ jsxs10("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,
+        RequestActionPrompt,
         {
-          size: "small",
-          variant: "secondary",
-          onClick: cancel,
-          disabled: isSubmitting,
-          children: t("actions.cancel")
-        }
-      ),
-      /* @__PURE__ */ jsx10(
-        Button2,
-        {
-          size: "small",
-          variant: pendingAction === "reject" ? "danger" : "primary",
-          onClick: submit,
-          isLoading: isSubmitting,
-          children: pendingAction === "confirm" ? t("stores.request.confirm") : t("stores.request.reject")
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs9(Fragment3, { children: [
-      /* @__PURE__ */ jsx10(
-        Button2,
-        {
-          size: "small",
-          variant: "secondary",
-          onClick: () => setPendingAction("confirm"),
-          children: t("stores.request.confirm")
+          trigger: /* @__PURE__ */ jsx10(Button2, { size: "small", variant: "secondary", children: t("stores.request.confirm") }),
+          title: t("stores.request.confirmTitle", "Confirm request"),
+          description: t(
+            "stores.request.confirmDescription",
+            "You are about to confirm this store request."
+          ),
+          confirmLabel: t("stores.request.confirm"),
+          notePlaceholder: t(
+            "stores.request.confirmNotePlaceholder",
+            "Specify changes you made or additional requests"
+          ),
+          isLoading: isApproving,
+          onConfirm: async (_note) => {
+            try {
+              await approveSeller();
+              toast2.success(t("stores.request.confirmSuccess"));
+            } catch (error) {
+              toast2.error(error.message);
+              throw error;
+            }
+          }
         }
       ),
       /* @__PURE__ */ jsx10(
-        Button2,
+        RequestActionPrompt,
         {
-          size: "small",
-          variant: "secondary",
-          onClick: () => setPendingAction("reject"),
-          children: t("stores.request.reject")
+          trigger: /* @__PURE__ */ jsx10(Button2, { size: "small", variant: "secondary", children: t("stores.request.reject") }),
+          title: t("stores.request.rejectTitle", "Reject request"),
+          description: t(
+            "stores.request.rejectDescription",
+            "You are about to reject this store request."
+          ),
+          confirmLabel: t("stores.request.reject"),
+          notePlaceholder: t(
+            "stores.request.rejectNotePlaceholder",
+            "Explain why you reject the request or suggest changes"
+          ),
+          isLoading: isRejecting,
+          onConfirm: async (note) => {
+            try {
+              await suspendSeller({ reason: note || void 0 });
+              toast2.success(t("stores.request.rejectSuccess"));
+            } catch (error) {
+              toast2.error(error.message);
+              throw error;
+            }
+          }
         }
       )
-    ] }) })
+    ] })
+  ] });
+};
+var RequestActionPrompt = ({
+  trigger,
+  title,
+  description,
+  notePlaceholder,
+  confirmLabel,
+  isLoading,
+  onConfirm
+}) => {
+  const { t } = useTranslation10();
+  const [open, setOpen] = useState(false);
+  const [note, setNote] = useState("");
+  const handleSubmit = async () => {
+    try {
+      await onConfirm(note);
+      setOpen(false);
+      setNote("");
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs10(Prompt, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx10(Prompt.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs10(Prompt.Content, { children: [
+      /* @__PURE__ */ jsxs10(Prompt.Header, { children: [
+        /* @__PURE__ */ jsx10(Prompt.Title, { children: title }),
+        /* @__PURE__ */ jsx10(Prompt.Description, { children: description })
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "border-ui-border-base border-t mt-3" }),
+      /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-y-3 px-6 py-3", children: [
+        /* @__PURE__ */ jsxs10(Text6, { size: "small", weight: "plus", className: "text-ui-fg-base", children: [
+          t("stores.request.noteLabel", "Notes for vendor"),
+          " ",
+          /* @__PURE__ */ jsxs10("span", { className: "text-ui-fg-muted font-normal", children: [
+            "(",
+            t("fields.optional", "Optional"),
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(
+          Textarea,
+          {
+            placeholder: notePlaceholder,
+            value: note,
+            onChange: (e) => setNote(e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx10("div", { className: "border-ui-border-base border-t mt-2" }),
+      /* @__PURE__ */ jsxs10(Prompt.Footer, { children: [
+        /* @__PURE__ */ jsx10(Prompt.Cancel, { disabled: isLoading, children: t("actions.cancel") }),
+        /* @__PURE__ */ jsx10(
+          Button2,
+          {
+            size: "small",
+            variant: "primary",
+            onClick: handleSubmit,
+            isLoading,
+            children: confirmLabel
+          }
+        )
+      ] })
+    ] })
   ] });
 };
 
 // src/pages/stores/store-details/components/store-orders-section.tsx
+import { ShoppingCart } from "@medusajs/icons";
 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";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var PAGE_SIZE2 = 10;
 var PREFIX = "store-orders";
 var DEFAULT_RELATIONS = "*customer,*items,*sales_channel";
@@ -976,7 +997,7 @@ var StoreOrdersSection = ({ sellerId }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs10(Container9, { className: "divide-y p-0", "data-testid": "store-orders-section", children: [
+  return /* @__PURE__ */ jsxs11(Container9, { className: "divide-y p-0", "data-testid": "store-orders-section", children: [
     /* @__PURE__ */ jsx11(
       "div",
       {
@@ -1005,7 +1026,12 @@ var StoreOrdersSection = ({ sellerId }) => {
         queryObject: raw,
         prefix: PREFIX,
         noRecords: {
-          message: t("orders.list.noRecordsMessage")
+          title: t("stores.emptyStates.orders.title", "No orders yet"),
+          message: t(
+            "stores.emptyStates.orders.message",
+            "Orders placed at this store will appear here."
+          ),
+          icon: /* @__PURE__ */ jsx11(ShoppingCart, { className: "text-ui-fg-subtle" })
         }
       }
     )
@@ -1013,10 +1039,11 @@ var StoreOrdersSection = ({ sellerId }) => {
 };
 
 // src/pages/stores/store-details/components/store-products-section.tsx
+import { Tag } from "@medusajs/icons";
 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";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var PAGE_SIZE3 = 10;
 var PREFIX2 = "store-products";
 var StoreProductsSection = ({
@@ -1047,7 +1074,7 @@ var StoreProductsSection = ({
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsxs11(Container10, { className: "divide-y p-0", "data-testid": "store-products-section", children: [
+  return /* @__PURE__ */ jsxs12(Container10, { className: "divide-y p-0", "data-testid": "store-products-section", children: [
     /* @__PURE__ */ jsx12(
       "div",
       {
@@ -1076,7 +1103,12 @@ var StoreProductsSection = ({
         pagination: true,
         prefix: PREFIX2,
         noRecords: {
-          message: t("products.list.noRecordsMessage")
+          title: t("stores.emptyStates.products.title", "No products yet"),
+          message: t(
+            "stores.emptyStates.products.message",
+            "Products published by this store will appear here."
+          ),
+          icon: /* @__PURE__ */ jsx12(Tag, { className: "text-ui-fg-subtle" })
         }
       }
     )
@@ -1084,7 +1116,7 @@ var StoreProductsSection = ({
 };
 
 // src/pages/stores/store-details/components/store-details.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var TABS = ["orders", "products", "users", "timeOff"];
 var TabBar = ({
   activeTab,
@@ -1138,9 +1170,9 @@ var Root = ({ children }) => {
   if (Children3.count(children) > 0) {
     return /* @__PURE__ */ jsx13(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children });
   }
-  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 }),
+  return /* @__PURE__ */ jsxs13(TwoColumnPage, { data: seller, hasOutlet: true, "data-testid": "store-detail-page", children: [
+    /* @__PURE__ */ jsxs13(TwoColumnPage.Main, { children: [
+      seller.status === import_types3.SellerStatus.PENDING_APPROVAL && !seller.approved_at && !seller.rejected_at && /* @__PURE__ */ jsx13(StoreRequestSection, { seller }),
       /* @__PURE__ */ jsx13(StoreGeneralSection, { seller }),
       /* @__PURE__ */ jsx13(TabBar, { activeTab, onTabChange: setActiveTab }),
       activeTab === "orders" && /* @__PURE__ */ jsx13(
@@ -1180,7 +1212,7 @@ var Root = ({ children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs12(TwoColumnPage.Sidebar, { children: [
+    /* @__PURE__ */ jsxs13(TwoColumnPage.Sidebar, { children: [
       /* @__PURE__ */ jsx13(StoreAddressSection, { seller }),
       /* @__PURE__ */ jsx13(StoreCompanyDetailsSection, { seller }),
       /* @__PURE__ */ jsx13(StorePaymentDetailsSection, { seller }),