@mercurjs/admin 2.0.0-canary.24

package/dist/location-list-TC5FEN5R.js

@@ -0,0 +1,346 @@
+import "./chunk-LXSBG6LK.js";
+import {
+  ListSummary
+} from "./chunk-4F5GP7J7.js";
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  SidebarLink
+} from "./chunk-4GPAS5GW.js";
+import "./chunk-U2EI2ZLM.js";
+import {
+  getFormattedAddress
+} from "./chunk-W6Y3PPU5.js";
+import "./chunk-JRTZWK77.js";
+import {
+  TwoColumnPage
+} from "./chunk-U2UCL2VG.js";
+import {
+  DataTable
+} from "./chunk-UQITHKTH.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-ORW4HNX5.js";
+import "./chunk-ODBDAABQ.js";
+import "./chunk-YGQUBTKR.js";
+import "./chunk-362QMJZM.js";
+import "./chunk-FODCCP6C.js";
+import "./chunk-AWZFIP25.js";
+import "./chunk-2QKPRGNK.js";
+import "./chunk-XBMLI2YI.js";
+import "./chunk-XL52SYWY.js";
+import "./chunk-NS5CHWOH.js";
+import "./chunk-WDZFLCSQ.js";
+import "./chunk-VVTSF42Z.js";
+import "./chunk-D3KDXELJ.js";
+import "./chunk-2MKZ4HD4.js";
+import "./chunk-OGYWOPHZ.js";
+import "./chunk-U62GYN4A.js";
+import "./chunk-KTKL7M34.js";
+import "./chunk-JJVGCTKT.js";
+import "./chunk-I43SCBL3.js";
+import {
+  stockLocationsQueryKeys,
+  useStockLocations
+} from "./chunk-LLWK3OR6.js";
+import "./chunk-HYUGYB23.js";
+import "./chunk-XCMR2HTV.js";
+import "./chunk-CI5Z6FGV.js";
+import "./chunk-LCZXAT4Q.js";
+import "./chunk-S6LPCNXQ.js";
+import "./chunk-T435NFHC.js";
+import {
+  queryClient
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-list/location-list.tsx
+import { ShoppingBag, TruckFast } from "@medusajs/icons";
+import { Container, Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+
+// src/pages/locations/location-list/constants.ts
+var LOCATION_LIST_FIELDS = "name,*sales_channels,*address,*fulfillment_sets,*fulfillment_sets.service_zones,*fulfillment_sets.service_zones.shipping_options,*fulfillment_sets.service_zones.shipping_options.shipping_profile";
+
+// src/pages/locations/location-list/use-location-list-table-columns.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import {
+  createDataTableColumnHelper,
+  StatusBadge,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useMemo } from "react";
+import { useNavigate } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createDataTableColumnHelper();
+var useLocationListTableColumns = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+  const prompt = usePrompt();
+  const handleDelete = async (location) => {
+    const result = await prompt({
+      title: t("general.areYouSure"),
+      description: t("stockLocations.delete.confirmation", {
+        name: location.name
+      }),
+      confirmText: t("actions.remove"),
+      cancelText: t("actions.cancel")
+    });
+    if (!result) {
+      return;
+    }
+    try {
+      await sdk.admin.stockLocation.delete(location.id);
+      queryClient.invalidateQueries({
+        queryKey: stockLocationsQueryKeys.lists()
+      });
+      queryClient.invalidateQueries({
+        queryKey: stockLocationsQueryKeys.detail(location.id)
+      });
+      toast.success(
+        t("stockLocations.delete.successToast", {
+          name: location.name
+        })
+      );
+    } catch (e) {
+      toast.error(e.message);
+    }
+  };
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: t("fields.name"),
+        cell: ({ getValue }) => {
+          const name = getValue();
+          if (!name) {
+            return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle text-small truncate", children: name });
+        }
+      }),
+      columnHelper.accessor("address", {
+        header: t("fields.address"),
+        cell: ({ getValue, row }) => {
+          const address = getValue();
+          const location = row.original;
+          if (!address) {
+            return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsx("span", { className: "text-ui-fg-subtle text-small truncate", children: getFormattedAddress({
+            address: location.address
+          }).join(", ") }) });
+        }
+      }),
+      columnHelper.accessor("fulfillment_sets", {
+        id: "shipping_fulfillment",
+        header: t("stockLocations.fulfillmentSets.shipping.header"),
+        cell: ({ getValue }) => {
+          const fulfillmentSets = getValue();
+          const shippingSet = fulfillmentSets?.find(
+            (f) => f.type === "shipping" /* Shipping */
+          );
+          const fulfillmentSetExists = !!shippingSet;
+          return /* @__PURE__ */ jsx(StatusBadge, { color: fulfillmentSetExists ? "green" : "grey", children: t(
+            fulfillmentSetExists ? "statuses.enabled" : "statuses.disabled"
+          ) });
+        }
+      }),
+      columnHelper.accessor("fulfillment_sets", {
+        id: "pickup_fulfillment",
+        header: t("stockLocations.fulfillmentSets.pickup.header"),
+        cell: ({ getValue }) => {
+          const fulfillmentSets = getValue();
+          const pickupSet = fulfillmentSets?.find(
+            (f) => f.type === "pickup" /* Pickup */
+          );
+          const fulfillmentSetExists = !!pickupSet;
+          return /* @__PURE__ */ jsx(StatusBadge, { color: fulfillmentSetExists ? "green" : "grey", children: t(
+            fulfillmentSetExists ? "statuses.enabled" : "statuses.disabled"
+          ) });
+        }
+      }),
+      columnHelper.accessor("sales_channels", {
+        header: t("stockLocations.salesChannels.label"),
+        cell: ({ getValue }) => {
+          const salesChannels = getValue();
+          if (!salesChannels?.length) {
+            return /* @__PURE__ */ jsx(PlaceholderCell, {});
+          }
+          return /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
+            ListSummary,
+            {
+              inline: true,
+              n: 1,
+              list: salesChannels.map((s) => s.name)
+            }
+          ) });
+        }
+      }),
+      columnHelper.action({
+        actions: (ctx) => {
+          const location = ctx.row.original;
+          return [
+            [
+              {
+                icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                label: t("actions.edit"),
+                onClick: () => {
+                  navigate(`/settings/locations/${location.id}/edit`);
+                }
+              }
+            ],
+            [
+              {
+                icon: /* @__PURE__ */ jsx(Trash, {}),
+                label: t("actions.delete"),
+                onClick: () => handleDelete(location)
+              }
+            ]
+          ];
+        }
+      })
+    ],
+    []
+  );
+};
+
+// src/pages/locations/location-list/use-location-list-table-query.tsx
+var useLocationListTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const queryObject = useQueryParams(["order", "offset", "q"], prefix);
+  const { offset, ...rest } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    ...rest
+  };
+  return searchParams;
+};
+
+// src/pages/locations/location-list/location-list.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var PREFIX = "loc";
+function LocationList() {
+  const { t } = useTranslation2();
+  const searchParams = useLocationListTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const {
+    stock_locations: stockLocations = [],
+    count,
+    isError,
+    error,
+    isLoading
+  } = useStockLocations(
+    {
+      fields: LOCATION_LIST_FIELDS,
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useLocationListTableColumns();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(TwoColumnPage, { showJSON: true, children: [
+    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(
+      Container,
+      {
+        className: "flex flex-col divide-y p-0",
+        "data-testid": "location-list-container",
+        children: /* @__PURE__ */ jsx2(
+          DataTable,
+          {
+            data: stockLocations,
+            columns,
+            rowCount: count,
+            pageSize: PAGE_SIZE,
+            getRowId: (row) => row.id,
+            heading: t("stockLocations.domain"),
+            subHeading: t("stockLocations.list.description"),
+            emptyState: {
+              empty: {
+                heading: t("stockLocations.list.noRecordsMessage"),
+                description: t("stockLocations.list.noRecordsMessageEmpty")
+              },
+              filtered: {
+                heading: t("stockLocations.list.noRecordsMessage"),
+                description: t("stockLocations.list.noRecordsMessageFiltered")
+              }
+            },
+            actions: [
+              {
+                label: t("actions.create"),
+                to: "create"
+              }
+            ],
+            isLoading,
+            rowHref: (row) => `/settings/locations/${row.id}`,
+            enableSearch: true,
+            prefix: PREFIX,
+            layout: "fill",
+            "data-testid": "location-list-table"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: /* @__PURE__ */ jsx2(LinksSection, {}) })
+  ] });
+}
+var LinksSection = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs(Container, { className: "p-0", "data-testid": "location-list-sidebar", children: [
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: "flex items-center justify-between px-6 py-4",
+        "data-testid": "location-list-sidebar-header",
+        children: /* @__PURE__ */ jsx2(Heading, { level: "h2", "data-testid": "location-list-sidebar-heading", children: t("stockLocations.sidebar.header") })
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      SidebarLink,
+      {
+        to: "/settings/locations/shipping-profiles",
+        labelKey: t("stockLocations.sidebar.shippingProfiles.label"),
+        descriptionKey: t(
+          "stockLocations.sidebar.shippingProfiles.description"
+        ),
+        icon: /* @__PURE__ */ jsx2(ShoppingBag, {}),
+        "data-testid": "location-list-sidebar-shipping-profiles-link"
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      SidebarLink,
+      {
+        to: "/settings/locations/shipping-option-types",
+        labelKey: t("stockLocations.sidebar.shippingOptionTypes.label"),
+        descriptionKey: t(
+          "stockLocations.sidebar.shippingOptionTypes.description"
+        ),
+        icon: /* @__PURE__ */ jsx2(TruckFast, {}),
+        "data-testid": "location-list-sidebar-shipping-option-types-link"
+      }
+    )
+  ] });
+};
+export {
+  LocationList as Component
+};

package/dist/location-sales-channels-STDHWQSC.js

@@ -0,0 +1,215 @@
+import {
+  VisuallyHidden
+} from "./chunk-54TMLQH3.js";
+import {
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+} from "./chunk-NZN7PFPB.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-MWOKFNRO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-54RTJBYO.js";
+import {
+  DataTable
+} from "./chunk-UQITHKTH.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  useStockLocation,
+  useUpdateStockLocationSalesChannels
+} from "./chunk-LLWK3OR6.js";
+import {
+  useSalesChannels
+} from "./chunk-HYUGYB23.js";
+import "./chunk-T435NFHC.js";
+import "./chunk-2KCF3ZIB.js";
+import "./chunk-ZYNBKBY3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/locations/location-sales-channels/location-sales-channels.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/locations/location-sales-channels/components/edit-sales-channels-form/edit-sales-channels-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  Button,
+  Checkbox,
+  createDataTableColumnHelper,
+  toast
+} from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditSalesChannelsSchema = zod.object({
+  sales_channels: zod.array(zod.string()).optional()
+});
+var PAGE_SIZE = 20;
+var PREFIX = "sc";
+var LocationEditSalesChannelsForm = ({
+  location
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      sales_channels: location.sales_channels?.map((sc) => sc.id) ?? []
+    },
+    resolver: zodResolver(EditSalesChannelsSchema)
+  });
+  const { setValue } = form;
+  const [rowSelection, setRowSelection] = useState(
+    getInitialState(location)
+  );
+  const onRowSelectionChange = (selection) => {
+    const ids = Object.keys(selection);
+    setValue("sales_channels", ids, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setRowSelection(selection);
+  };
+  const searchParams = useSalesChannelTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const { sales_channels, count, isPending, isError, error } = useSalesChannels(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useSalesChannelTableFilters();
+  const columns = useColumns();
+  const emptyState = useSalesChannelTableEmptyState();
+  const { mutateAsync, isPending: isMutating } = useUpdateStockLocationSalesChannels(location.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const originalIds = location.sales_channels?.map((sc) => sc.id);
+    const arr = data.sales_channels ?? [];
+    await mutateAsync(
+      {
+        add: arr.filter((i) => !originalIds?.includes(i)),
+        remove: originalIds?.filter((i) => !arr.includes(i))
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("stockLocations.salesChannels.successToast"));
+          handleSuccess(`/settings/locations/${location.id}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, "data-testid": "location-sales-channels-form", children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs(RouteFocusModal.Header, { "data-testid": "location-sales-channels-form-header", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("stockLocations.salesChannels.header") }) }),
+      /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: t("stockLocations.salesChannels.hint") }) })
+    ] }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-auto", "data-testid": "location-sales-channels-form-body", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        data: sales_channels,
+        columns,
+        filters,
+        emptyState,
+        prefix: PREFIX,
+        rowSelection: {
+          state: rowSelection,
+          onRowSelectionChange
+        },
+        pageSize: PAGE_SIZE,
+        isLoading: isPending,
+        rowCount: count,
+        layout: "fill",
+        getRowId: (row) => row.id,
+        "data-testid": "location-sales-channels-form-table"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Footer, { "data-testid": "location-sales-channels-form-footer", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", "data-testid": "location-sales-channels-form-cancel-button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", isLoading: isMutating, type: "submit", "data-testid": "location-sales-channels-form-save-button", children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+var columnHelper = createDataTableColumnHelper();
+var useColumns = () => {
+  const base = useSalesChannelTableColumns();
+  return useMemo(
+    () => [
+      columnHelper.select({
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx("div", { "data-testid": "location-sales-channels-form-table-select-all-header", children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
+              "data-testid": "location-sales-channels-form-table-select-all-checkbox"
+            }
+          ) });
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx("div", { "data-testid": `location-sales-channels-form-table-row-${row.index}-select-cell`, children: /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "data-testid": `location-sales-channels-form-table-row-${row.index}-select-checkbox`
+            }
+          ) });
+        }
+      }),
+      ...base
+    ],
+    [base]
+  );
+};
+function getInitialState(location) {
+  return location.sales_channels?.reduce((acc, curr) => {
+    acc[curr.id] = true;
+    return acc;
+  }, {}) ?? {};
+}
+
+// src/pages/locations/location-sales-channels/location-sales-channels.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LocationSalesChannels = () => {
+  const { location_id } = useParams();
+  const { stock_location, isPending, isError, error } = useStockLocation(
+    location_id,
+    {
+      fields: "id,*sales_channels"
+    }
+  );
+  const ready = !isPending && !!stock_location;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { "data-testid": "location-sales-channels-modal", children: ready && /* @__PURE__ */ jsx2(LocationEditSalesChannelsForm, { location: stock_location }) });
+};
+export {
+  LocationSalesChannels as Component
+};