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

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

@@ -1,6 +1,3 @@
-import {
-  require_dist
-} from "./chunk-ZZO3INVE.js";
 import {
   useOrderTableColumns
 } from "./chunk-DBYUB2YI.js";
@@ -34,36 +31,40 @@ import {
 } from "./chunk-BDGZ4EQO.js";
 import {
   useOrderTableFilters
-} from "./chunk-25YTS3TI.js";
+} from "./chunk-VIGX66F7.js";
 import {
   useMemberTableQuery
-} from "./chunk-NNI6QKKZ.js";
+} from "./chunk-FQFW3DUZ.js";
+import {
+  require_dist
+} from "./chunk-ZZO3INVE.js";
 import {
   useOrderTableQuery
 } from "./chunk-3B6MTW5G.js";
 import {
   useProductTableFilters
-} from "./chunk-R2UP4YIY.js";
+} from "./chunk-SUQJGDPA.js";
 import {
   useProductTableQuery
 } from "./chunk-VVWB3GIK.js";
 import {
   useSubscriptionPlans
-} from "./chunk-3MDRW5MA.js";
+} from "./chunk-PBQ5M44A.js";
 import {
   useApproveSeller,
+  useDeleteSellerInvite,
   useRemoveSellerMember,
+  useResendSellerInvite,
   useSeller,
+  useSellerInvites,
   useSellerMembers,
   useSellerProducts,
   useSuspendSeller,
-  useTerminateSeller,
-  useUnsuspendSeller,
-  useUnterminateSeller
-} from "./chunk-OVPKR4G7.js";
+  useTerminateSeller
+} from "./chunk-2FLBJM53.js";
 import {
   useOrders
-} from "./chunk-R74OHYTB.js";
+} from "./chunk-TAKEQAZZ.js";
 import {
   __toESM
 } from "./chunk-NBMM2TZK.js";
@@ -84,11 +85,10 @@ import { Children } from "react";
 import {
   CheckCircleSolid,
   PencilSquare,
-  XCircleSolid,
-  XMarkMini,
-  ArrowUturnLeft
+  Trash,
+  XCircleSolid
 } from "@medusajs/icons";
-import { Avatar, Heading, StatusBadge, toast, usePrompt } from "@medusajs/ui";
+import { Avatar, Heading, StatusBadge, Tooltip, toast, usePrompt } from "@medusajs/ui";
 import { useTranslation } from "react-i18next";
 var import_types = __toESM(require_dist(), 1);
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -120,6 +120,7 @@ var getStatusLabel = (status, t) => {
   }
 };
 var StoreDetailTitle = ({ seller }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-4", children: [
     /* @__PURE__ */ jsx(
       Avatar,
@@ -130,7 +131,10 @@ var StoreDetailTitle = ({ seller }) => {
         fallback: seller.name.charAt(0).toUpperCase()
       }
     ),
-    /* @__PURE__ */ jsx(Heading, { children: seller.name })
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ jsx(Heading, { children: seller.name }),
+      seller.is_premium && /* @__PURE__ */ jsx(Tooltip, { content: t("stores.fields.premium"), children: /* @__PURE__ */ jsx(CheckCircleSolid, { className: "text-ui-tag-blue-icon" }) })
+    ] })
   ] });
 };
 var StoreDetailEditButton = ({ seller }) => {
@@ -159,10 +163,7 @@ var StoreDetailActions = ({
   const { t } = useTranslation();
   const prompt = usePrompt();
   const { mutateAsync: approveSeller } = useApproveSeller(seller.id);
-  const { mutateAsync: suspendSeller } = useSuspendSeller(seller.id);
-  const { mutateAsync: unsuspendSeller } = useUnsuspendSeller(seller.id);
   const { mutateAsync: terminateSeller } = useTerminateSeller(seller.id);
-  const { mutateAsync: unterminateSeller } = useUnterminateSeller(seller.id);
   const handleAction = async (action, label) => {
     const res = await prompt({
       title: label.title,
@@ -177,6 +178,15 @@ var StoreDetailActions = ({
       (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:
@@ -191,60 +201,18 @@ var StoreDetailActions = ({
             icon: /* @__PURE__ */ jsx(CheckCircleSolid, {})
           },
           {
-            label: t("stores.actions.terminate.label"),
+            label: t("stores.actions.reject.label"),
             onClick: () => handleAction(() => terminateSeller(), {
-              title: t("stores.actions.terminate.title"),
-              description: t("stores.actions.terminate.description"),
-              success: t("stores.actions.terminate.success")
+              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:
-        return [
-          {
-            label: t("stores.actions.suspend.label"),
-            onClick: () => handleAction(() => suspendSeller(), {
-              title: t("stores.actions.suspend.title"),
-              description: t("stores.actions.suspend.description"),
-              success: t("stores.actions.suspend.success")
-            }),
-            icon: /* @__PURE__ */ jsx(XMarkMini, {})
-          }
-        ];
       case import_types.SellerStatus.SUSPENDED:
-        return [
-          {
-            label: t("stores.actions.unsuspend.label"),
-            onClick: () => handleAction(() => unsuspendSeller(), {
-              title: t("stores.actions.unsuspend.title"),
-              description: t("stores.actions.unsuspend.description"),
-              success: t("stores.actions.unsuspend.success")
-            }),
-            icon: /* @__PURE__ */ jsx(ArrowUturnLeft, {})
-          },
-          {
-            label: t("stores.actions.terminate.label"),
-            onClick: () => handleAction(() => terminateSeller(), {
-              title: t("stores.actions.terminate.title"),
-              description: t("stores.actions.terminate.description"),
-              success: t("stores.actions.terminate.success")
-            }),
-            icon: /* @__PURE__ */ jsx(XCircleSolid, {})
-          }
-        ];
-      case import_types.SellerStatus.TERMINATED:
-        return [
-          {
-            label: t("stores.actions.unterminate.label"),
-            onClick: () => handleAction(() => unterminateSeller(), {
-              title: t("stores.actions.unterminate.title"),
-              description: t("stores.actions.unterminate.description"),
-              success: t("stores.actions.unterminate.success")
-            }),
-            icon: /* @__PURE__ */ jsx(ArrowUturnLeft, {})
-          }
-        ];
+        return [deleteAction];
       default:
         return [];
     }
@@ -325,6 +293,10 @@ var StoreGeneralSection = ({
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", weight: "plus", children: t("fields.email") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.email || "-" })
     ] }),
+    /* @__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.phone") }),
+      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.phone || "-" })
+    ] }),
     /* @__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.website") }),
       /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: seller.website_url || "-" })
@@ -335,18 +307,6 @@ var StoreGeneralSection = ({
         /* @__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__ */ 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("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") }),
-      /* @__PURE__ */ jsx2(Text, { size: "small", leading: "compact", children: new Date(seller.created_at).toLocaleDateString(void 0, {
-        year: "numeric",
-        month: "long",
-        day: "numeric"
-      }) })
     ] })
   ] }) });
 };
@@ -458,7 +418,6 @@ var StoreCompanyDetailsSection = ({
 };
 
 // src/pages/stores/store-details/components/store-configuration-section.tsx
-import { PencilSquare as PencilSquare4 } from "@medusajs/icons";
 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";
@@ -468,25 +427,7 @@ var StoreConfigurationSection = ({
   const { t } = useTranslation5();
   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,
-        {
-          groups: [
-            {
-              actions: [
-                {
-                  label: t("actions.edit"),
-                  icon: /* @__PURE__ */ jsx5(PencilSquare4, {}),
-                  to: `/stores/${seller.id}/store-closure`
-                }
-              ]
-            }
-          ]
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx5("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsx5(Heading4, { level: "h2", children: t("store.timeOff.header") }) }),
     hasTimeOff ? /* @__PURE__ */ jsxs5(Table, { children: [
       /* @__PURE__ */ jsx5(Table.Header, { children: /* @__PURE__ */ jsxs5(Table.Row, { children: [
         /* @__PURE__ */ jsx5(Table.HeaderCell, { children: t("fields.startDate") }),
@@ -504,7 +445,7 @@ var StoreConfigurationSection = ({
 };
 
 // src/pages/stores/store-details/components/store-address-section.tsx
-import { BuildingStorefront, PencilSquare as PencilSquare5 } from "@medusajs/icons";
+import { BuildingStorefront, PencilSquare as PencilSquare4 } from "@medusajs/icons";
 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";
@@ -532,7 +473,7 @@ var StoreAddressSection = ({ seller }) => {
               actions: [
                 {
                   label: t("actions.edit"),
-                  icon: /* @__PURE__ */ jsx6(PencilSquare5, {}),
+                  icon: /* @__PURE__ */ jsx6(PencilSquare4, {}),
                   to: `/stores/${seller.id}/edit-address`
                 }
               ]
@@ -544,7 +485,7 @@ 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?.first_name, address?.last_name].filter(Boolean).join(" ") || address?.company || formattedAddress }),
+        /* @__PURE__ */ jsx6(Text5, { size: "small", leading: "compact", weight: "plus", children: address?.name || t("store.address.defaultName") }),
         /* @__PURE__ */ jsx6(
           Text5,
           {
@@ -626,8 +567,8 @@ 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 { Trash } from "@medusajs/icons";
-import { toast as toast2 } from "@medusajs/ui";
+import { ArrowPath, Link as LinkIcon, Trash as Trash2 } from "@medusajs/icons";
+import { StatusBadge as StatusBadge2, toast as toast2 } from "@medusajs/ui";
 import { keepPreviousData } from "@tanstack/react-query";
 import { createColumnHelper } from "@tanstack/react-table";
 import { useTranslation as useTranslation8 } from "react-i18next";
@@ -645,18 +586,45 @@ var StoreMembersDataTable = ({
   sellerId
 }) => {
   const { t } = useTranslation8();
-  const { searchParams, raw } = useMemberTableQuery({ pageSize: PAGE_SIZE });
-  const { seller_members, count, isPending, isError, error } = useSellerMembers(sellerId, searchParams, {
-    placeholderData: keepPreviousData
-  });
+  const { raw } = useMemberTableQuery({ pageSize: PAGE_SIZE });
+  const {
+    seller_members,
+    isPending: isMembersPending,
+    isError,
+    error
+  } = useSellerMembers(
+    sellerId,
+    { limit: 100, offset: 0 },
+    { placeholderData: keepPreviousData }
+  );
+  const { member_invites, isPending: isInvitesPending } = useSellerInvites(sellerId);
+  const rows = useMemo(() => {
+    const members = (seller_members ?? []).map((m) => ({
+      kind: "member",
+      id: m.id,
+      email: m.member?.email ?? "-",
+      role_id: m.role_id,
+      created_at: m.created_at ?? null,
+      member: m
+    }));
+    const invites = (member_invites ?? []).filter((invite) => !invite.accepted).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
+    }));
+    return [...invites, ...members];
+  }, [seller_members, member_invites]);
   const columns = useColumns(sellerId);
   const { table } = useDataTable({
-    data: seller_members ?? [],
+    data: rows,
     columns,
     enablePagination: true,
-    count,
+    count: rows.length,
     pageSize: PAGE_SIZE,
-    getRowId: (row) => row.id
+    getRowId: (row) => `${row.kind}:${row.id}`
   });
   if (isError) {
     throw error;
@@ -666,10 +634,10 @@ var StoreMembersDataTable = ({
     {
       table,
       columns,
-      count,
+      count: rows.length,
       pageSize: PAGE_SIZE,
       pagination: true,
-      isLoading: isPending,
+      isLoading: isMembersPending || isInvitesPending,
       queryObject: raw,
       orderBy: [
         { key: "created_at", label: t("fields.createdAt") },
@@ -686,11 +654,9 @@ var useColumns = (sellerId) => {
   const { t } = useTranslation8();
   return useMemo(
     () => [
-      columnHelper.accessor("member.email", {
+      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 }) => {
-          return /* @__PURE__ */ jsx8("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx8("span", { className: "truncate", children: row.original.member?.email }) });
-        }
+        cell: ({ row }) => /* @__PURE__ */ jsx8("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx8("span", { className: "truncate", children: row.original.email }) })
       }),
       columnHelper.accessor("role_id", {
         header: () => /* @__PURE__ */ jsx8("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx8("span", { children: t("fields.role") }) }),
@@ -701,6 +667,14 @@ var useColumns = (sellerId) => {
           return /* @__PURE__ */ jsx8("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx8("span", { className: "truncate", children: label }) });
         }
       }),
+      columnHelper.display({
+        id: "status",
+        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 }) => {
@@ -711,13 +685,105 @@ var useColumns = (sellerId) => {
       columnHelper.display({
         id: "actions",
         cell: ({ row }) => {
-          return /* @__PURE__ */ jsx8(MemberActions, { member: row.original, sellerId });
+          const isAdminRole = row.original.role_id === import_types2.SellerRole.SELLER_ADMINISTRATION;
+          if (row.original.kind === "member") {
+            if (isAdminRole) return null;
+            return /* @__PURE__ */ jsx8(
+              MemberActions,
+              {
+                member: row.original.member,
+                sellerId
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx8(
+            InviteActions,
+            {
+              invite: row.original,
+              sellerId,
+              allowDelete: !isAdminRole
+            }
+          );
         }
       })
     ],
     [t, sellerId]
   );
 };
+var InviteActions = ({
+  invite,
+  sellerId,
+  allowDelete = true
+}) => {
+  const { t } = useTranslation8();
+  const { mutateAsync: resend } = useResendSellerInvite(sellerId);
+  const { mutateAsync: deleteInvite } = useDeleteSellerInvite(sellerId);
+  const handleResend = async () => {
+    try {
+      await resend({ invite_id: invite.id });
+      toast2.success(
+        t("stores.members.invite.resendSuccess", { email: invite.email })
+      );
+    } catch (e) {
+      toast2.error(e.message);
+    }
+  };
+  const handleCopyLink = async () => {
+    try {
+      let url = invite.invite_url;
+      if (!url) {
+        const response = await resend({ invite_id: invite.id });
+        url = response?.member_invite?.invite_url ?? null;
+      }
+      if (!url) {
+        toast2.error(t("stores.members.invite.noVendorUrl"));
+        return;
+      }
+      await navigator.clipboard.writeText(url);
+      toast2.success(t("stores.members.invite.linkCopied"));
+    } catch (e) {
+      toast2.error(e.message);
+    }
+  };
+  const handleDelete = async () => {
+    try {
+      await deleteInvite({ invite_id: invite.id });
+      toast2.success(
+        t("stores.members.invite.deleteSuccess", { email: invite.email })
+      );
+    } catch (e) {
+      toast2.error(e.message);
+    }
+  };
+  const groups = [
+    {
+      actions: [
+        {
+          icon: /* @__PURE__ */ jsx8(ArrowPath, {}),
+          label: t("users.resendInvite"),
+          onClick: handleResend
+        },
+        {
+          icon: /* @__PURE__ */ jsx8(LinkIcon, {}),
+          label: t("users.copyInviteLink"),
+          onClick: handleCopyLink
+        }
+      ]
+    }
+  ];
+  if (allowDelete) {
+    groups.push({
+      actions: [
+        {
+          icon: /* @__PURE__ */ jsx8(Trash2, {}),
+          label: t("actions.delete"),
+          onClick: handleDelete
+        }
+      ]
+    });
+  }
+  return /* @__PURE__ */ jsx8(ActionMenu, { groups });
+};
 var MemberActions = ({
   member,
   sellerId
@@ -746,7 +812,7 @@ var MemberActions = ({
         {
           actions: [
             {
-              icon: /* @__PURE__ */ jsx8(Trash, {}),
+              icon: /* @__PURE__ */ jsx8(Trash2, {}),
               label: t("actions.remove"),
               onClick: handleRemove
             }
@@ -782,57 +848,78 @@ import {
   toast as toast3
 } from "@medusajs/ui";
 import { useTranslation as useTranslation10 } from "react-i18next";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var StoreRequestSection = ({ seller }) => {
   const { t } = useTranslation10();
-  const [reason, setReason] = useState("");
+  const [pendingAction, setPendingAction] = useState(null);
+  const [note, setNote] = useState("");
   const { mutateAsync: approveSeller, isPending: isApproving } = useApproveSeller(seller.id);
-  const { mutateAsync: suspendSeller, isPending: isSuspending } = useSuspendSeller(seller.id);
-  const handleConfirm = async () => {
-    try {
-      await approveSeller();
-      toast3.success(
-        t("stores.approve.successToast", "Store approved successfully")
-      );
-    } catch (error) {
-      toast3.error(error.message);
-    }
+  const { mutateAsync: suspendSeller, isPending: isRejecting } = useSuspendSeller(seller.id);
+  const requesterLabel = seller.email || seller.name;
+  const cancel = () => {
+    setPendingAction(null);
+    setNote("");
   };
-  const handleReject = async () => {
+  const submit = async () => {
     try {
-      await suspendSeller({ reason: reason || void 0 });
-      toast3.success(
-        t("stores.suspend.successToast", "Store suspended successfully")
-      );
+      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: [
-      /* @__PURE__ */ jsx10(ExclamationCircleSolid, { className: "text-orange-500" }),
+      /* @__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") }) }),
-    /* @__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("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.reasonPlaceholder"),
-          value: reason,
-          onChange: (e) => setReason(e.target.value)
+          placeholder: t("stores.request.notePlaceholder"),
+          value: note,
+          onChange: (e) => setNote(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: [
+    ] }) : 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(
         Button2,
         {
           size: "small",
           variant: "secondary",
-          onClick: handleConfirm,
-          isLoading: isApproving,
+          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")
         }
       ),
@@ -841,12 +928,11 @@ var StoreRequestSection = ({ seller }) => {
         {
           size: "small",
           variant: "secondary",
-          onClick: handleReject,
-          isLoading: isSuspending,
-          children: t("stores.request.suspend")
+          onClick: () => setPendingAction("reject"),
+          children: t("stores.request.reject")
         }
       )
-    ] })
+    ] }) })
   ] });
 };
 
@@ -999,7 +1085,7 @@ var StoreProductsSection = ({
 
 // src/pages/stores/store-details/components/store-details.tsx
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-var TABS = ["orders", "users", "products", "timeOff"];
+var TABS = ["orders", "products", "users", "timeOff"];
 var TabBar = ({
   activeTab,
   onTabChange

package/dist/{chunk-N4JU7GWK.js → chunk-DL2ZIXBO.js}

@@ -1,6 +1,6 @@
 import {
   productsQueryKeys
-} from "./chunk-BA2HXHTW.js";
+} from "./chunk-5CK6XEFV.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-ZBWL72TB.js";
 
 // src/hooks/api/sales-channels.tsx
 import {

package/dist/{chunk-SZVIRQZ2.js → chunk-DMWRKJV5.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-XFR5JLNF.js";
 import {
   UserLink
-} from "./chunk-6NVEUQSL.js";
+} from "./chunk-C4JUURO5.js";
 import {
   SingleColumnPage
 } from "./chunk-XIZLPYEE.js";
@@ -33,13 +33,13 @@ import {
   useBatchRemoveSalesChannelsFromApiKey,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-YNIIYGL4.js";
+} from "./chunk-YKDEE7ZL.js";
 import {
   useUser
-} from "./chunk-XKVXLDSJ.js";
+} from "./chunk-GKGLVDDV.js";
 import {
   useSalesChannels
-} from "./chunk-N4JU7GWK.js";
+} from "./chunk-DL2ZIXBO.js";
 
 // src/pages/api-key-management/api-key-management-detail/api-key-management-detail.tsx
 import { Children } from "react";

package/dist/{chunk-DOZ3NXES.js → chunk-DSIZONVE.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-INNFZYX2.js";
 import {
   usePayout
-} from "./chunk-XDZGOUCR.js";
+} from "./chunk-LAPEZATU.js";
 
 // src/pages/payouts/payout-detail/payout-detail.tsx
 import { Children } from "react";