@mercurjs/admin 2.0.0-canary.40 → 2.0.0-canary.42

package/dist/{chunk-NQPAEBSZ.js → chunk-6E3T6CGY.js}

@@ -15,13 +15,11 @@ import {
 } from "./chunk-3XPXUIK3.js";
 import {
   TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
-import {
-  useDataTableDateColumns
-} from "./chunk-UKLRBS4W.js";
+} from "./chunk-V5J73NPW.js";
 import {
+  useDataTableDateColumns,
   useDataTableDateFilters
-} from "./chunk-DGCPYCHU.js";
+} from "./chunk-54RTJBYO.js";
 import {
   DataTable
 } from "./chunk-UQITHKTH.js";
@@ -1184,13 +1182,14 @@ import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
-  const { product, isLoading, isError, error } = useProduct(
+  const { product: rawProduct, isLoading, isError, error } = useProduct(
     id,
     {},
     {
       initialData
     }
   );
+  const product = rawProduct;
   if (isLoading || !product) {
     return /* @__PURE__ */ jsx9(
       TwoColumnPageSkeleton,
@@ -1205,7 +1204,16 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return Children.count(children) > 0 ? /* @__PURE__ */ jsx9(TwoColumnPage, { "data-testid": "product-detail-page", children }) : /* @__PURE__ */ jsxs9(
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx9(
+    TwoColumnPage,
+    {
+      data: product,
+      showJSON: true,
+      showMetadata: true,
+      "data-testid": "product-detail-page",
+      children
+    }
+  ) : /* @__PURE__ */ jsxs9(
     TwoColumnPage,
     {
       data: product,

package/dist/{chunk-V2DXJ75C.js → chunk-6OA7JZ5E.js}

@@ -1,6 +1,6 @@
 import {
   getPromotionStatus
-} from "./chunk-XDVS4B7W.js";
+} from "./chunk-BAV6Y7RC.js";
 import {
   TextCell,
   TextHeader

package/dist/chunk-72IQIAGX.js

@@ -0,0 +1,245 @@
+import {
+  useRegionTableColumns
+} from "./chunk-LQAAVRET.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useRegionTableFilters
+} from "./chunk-ZQZHFMD7.js";
+import {
+  useRegionTableQuery
+} from "./chunk-7SVLKK6Q.js";
+import {
+  useDeleteRegion,
+  useRegions
+} from "./chunk-QSM56ZOP.js";
+
+// src/pages/regions/region-list/region-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/regions/region-list/components/region-list-view/region-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/regions/region-list/components/region-list-view/region-list-data-table.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { toast, usePrompt } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var RegionListDataTable = () => {
+  const { t } = useTranslation();
+  const { searchParams, raw } = useRegionTableQuery({ pageSize: PAGE_SIZE });
+  const {
+    regions,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useRegions(
+    {
+      ...searchParams,
+      fields: "*payment_providers"
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useRegionTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: regions ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      filters,
+      orderBy: [
+        { key: "name", label: t("fields.name") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      navigateTo: (row) => `${row.original.id}`,
+      pagination: true,
+      search: true,
+      queryObject: raw,
+      noRecords: {
+        message: t("regions.list.noRecordsMessage")
+      },
+      "data-testid": "region-list-table"
+    }
+  );
+};
+var RegionActions = ({ region }) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteRegion(region.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("regions.deleteRegionWarning", {
+        name: region.name
+      }),
+      verificationText: region.name,
+      verificationInstruction: t("general.typeToConfirm"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("regions.toast.delete"));
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              to: `/settings/regions/${region.id}/edit`,
+              icon: /* @__PURE__ */ jsx(PencilSquare, {})
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx(Trash, {})
+            }
+          ]
+        }
+      ],
+      "data-testid": `region-list-table-action-menu-${region.id}`
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const base = useRegionTableColumns();
+  return useMemo(
+    () => [
+      ...base,
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(RegionActions, { region: row.original });
+        }
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/regions/region-list/components/region-list-view/region-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var RegionListTitle = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Heading, { "data-testid": "region-list-table-heading", children: t("regions.domain") }),
+    /* @__PURE__ */ jsx2(
+      Text,
+      {
+        className: "text-ui-fg-subtle",
+        size: "small",
+        "data-testid": "region-list-table-subtitle",
+        children: t("regions.subtitle")
+      }
+    )
+  ] });
+};
+var RegionListActions = ({
+  children
+}) => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(Link, { to: "/settings/regions/create", children: /* @__PURE__ */ jsx2(
+    Button,
+    {
+      size: "small",
+      variant: "secondary",
+      "data-testid": "region-list-table-create-button",
+      children: t("actions.create")
+    }
+  ) }) });
+};
+var RegionListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "region-list-table-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx2(RegionListTitle, {}),
+        /* @__PURE__ */ jsx2(RegionListActions, {})
+      ] })
+    }
+  );
+};
+
+// src/pages/regions/region-list/components/region-list-view/region-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var RegionListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(RegionListHeader, {}),
+    /* @__PURE__ */ jsx3(RegionListDataTable, {})
+  ] }) });
+};
+
+// src/pages/regions/region-list/region-list.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RegionListView, {}) });
+};
+var RegionListPage = Object.assign(Root, {
+  Table: RegionListView,
+  Header: RegionListHeader,
+  HeaderTitle: RegionListTitle,
+  HeaderActions: RegionListActions,
+  DataTable: RegionListDataTable
+});
+
+export {
+  RegionListPage
+};

package/dist/{chunk-3IYIS5UZ.js → chunk-7DOPC5GY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3XPXUIK3.js";
 import {
   SingleColumnPage
-} from "./chunk-U2UCL2VG.js";
+} from "./chunk-XIZLPYEE.js";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-INNFZYX2.js";
@@ -101,12 +101,12 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(ShippingProfileGeneralSection, { profile: shipping_profile }) });
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children }) : /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: true, showJSON: true, data: shipping_profile, children: /* @__PURE__ */ jsx2(ShippingProfileGeneralSection, { profile: shipping_profile }) });
 };
-var ShippingProfileDetail = Object.assign(Root, {
+var ShippingProfileDetailPage = Object.assign(Root, {
   GeneralSection: ShippingProfileGeneralSection
 });
 
 export {
-  ShippingProfileDetail
+  ShippingProfileDetailPage
 };

package/dist/{chunk-Q6XCCONH.js → chunk-AI6RJGRQ.js}

@@ -1,17 +1,17 @@
 import {
   usePromotionTableColumns,
   usePromotionTableQuery
-} from "./chunk-V2DXJ75C.js";
+} from "./chunk-6OA7JZ5E.js";
 import {
   DateRangeDisplay
 } from "./chunk-RK5N3XIX.js";
+import {
+  TwoColumnPage
+} from "./chunk-V5J73NPW.js";
 import {
   _DataTable,
   useDataTable
 } from "./chunk-ULJ3OMWU.js";
-import {
-  TwoColumnPage
-} from "./chunk-U2UCL2VG.js";
 import {
   currencies
 } from "./chunk-IQPN4PZJ.js";
@@ -542,7 +542,7 @@ var CampaignSpend = ({ campaign }) => {
 var CAMPAIGN_DETAIL_FIELDS = "+promotions.id";
 
 // src/pages/campaigns/campaign-detail/campaign-detail.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var Root = ({ children }) => {
   const initialData = useLoaderData();
   const { id } = useParams();
@@ -565,7 +565,7 @@ var Root = ({ children }) => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx6(Fragment, { children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, children: [
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children }) : /* @__PURE__ */ jsxs6(TwoColumnPage, { hasOutlet: true, showJSON: true, showMetadata: true, data: campaign, "data-testid": "campaign-detail-page", children: [
     /* @__PURE__ */ jsxs6(TwoColumnPage.Main, { children: [
       /* @__PURE__ */ jsx6(CampaignGeneralSection, { campaign }),
       /* @__PURE__ */ jsx6(CampaignPromotionSection, { campaign })
@@ -575,9 +575,9 @@ var Root = ({ children }) => {
       /* @__PURE__ */ jsx6(CampaignSpend, { campaign }),
       /* @__PURE__ */ jsx6(CampaignBudget, { campaign })
     ] })
-  ] }) });
+  ] });
 };
-var CampaignDetail = Object.assign(Root, {
+var CampaignDetailPage = Object.assign(Root, {
   Main: TwoColumnPage.Main,
   Sidebar: TwoColumnPage.Sidebar,
   MainGeneralSection: CampaignGeneralSection,
@@ -589,5 +589,5 @@ var CampaignDetail = Object.assign(Root, {
 
 export {
   CAMPAIGN_DETAIL_FIELDS,
-  CampaignDetail
+  CampaignDetailPage
 };