@mercurjs/vendor 2.0.0-canary.0

package/dist/chunk-4TBDDMFP.js

@@ -0,0 +1,425 @@
+import {
+  GEO_ZONE_STACKED_MODAL_ID
+} from "./chunk-BCU3FKP2.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WHTS4G5K.js";
+import {
+  StackedFocusModal,
+  useStackedModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  countries
+} from "./chunk-JRTZWK77.js";
+
+// src/pages/settings/locations/_common/components/geo-zone-form/geo-zone-form.tsx
+import { Button as Button2, Checkbox } from "@medusajs/ui";
+import {
+  createColumnHelper as createColumnHelper2
+} from "@tanstack/react-table";
+import { useEffect, useMemo as useMemo2, useState } from "react";
+import { useFieldArray } from "react-hook-form";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { z } from "zod";
+
+// src/components/common/chip-group/chip-group.tsx
+import { XMarkMini } from "@medusajs/icons";
+import { Button, clx } from "@medusajs/ui";
+import { Children, createContext, useContext } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GroupContext = createContext(null);
+var useGroupContext = () => {
+  const context = useContext(GroupContext);
+  if (!context) {
+    throw new Error("useGroupContext must be used within a ChipGroup component");
+  }
+  return context;
+};
+var Group = ({
+  onClearAll,
+  onRemove,
+  variant = "component",
+  className,
+  children
+}) => {
+  const { t } = useTranslation();
+  const showClearAll = !!onClearAll && Children.count(children) > 0;
+  return /* @__PURE__ */ jsx(GroupContext.Provider, { value: { onRemove, variant }, children: /* @__PURE__ */ jsxs(
+    "ul",
+    {
+      role: "application",
+      className: clx("flex flex-wrap items-center gap-2", className),
+      children: [
+        children,
+        showClearAll && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "transparent",
+            type: "button",
+            onClick: onClearAll,
+            className: "text-ui-fg-muted active:text-ui-fg-subtle",
+            children: t("actions.clearAll")
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+var Chip = ({ index, className, children }) => {
+  const { onRemove, variant } = useGroupContext();
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: clx(
+        "bg-ui-bg-component shadow-borders-base flex items-stretch divide-x overflow-hidden rounded-md",
+        {
+          "bg-ui-bg-component": variant === "component",
+          "bg-ui-bg-base-": variant === "base"
+        },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "txt-compact-small-plus text-ui-fg-subtle flex items-center justify-center px-2 py-1", children }),
+        !!onRemove && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onRemove(index),
+            type: "button",
+            className: clx(
+              "text-ui-fg-muted active:text-ui-fg-subtle transition-fg flex items-center justify-center p-1",
+              {
+                "hover:bg-ui-bg-component-hover active:bg-ui-bg-component-pressed": variant === "component",
+                "hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed": variant === "base"
+              }
+            ),
+            children: /* @__PURE__ */ jsx(XMarkMini, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var ChipGroup = Object.assign(Group, { Chip });
+
+// src/pages/settings/regions/_common/hooks/use-countries.tsx
+import { json } from "react-router-dom";
+var acceptedOrderKeys = ["name", "code"];
+var useCountries = ({
+  countries: countries2,
+  q,
+  order = "name",
+  limit,
+  offset = 0
+}) => {
+  const data = countries2.slice(offset, offset + limit);
+  if (order) {
+    const direction = order.startsWith("-") ? -1 : 1;
+    const key = order.replace("-", "");
+    if (!acceptedOrderKeys.includes(key)) {
+      console.log("The key ${key} is not a valid order key");
+      throw json(`The key ${key} is not a valid order key`, 500);
+    }
+    const sortKey = key === "code" ? "iso_2" : "name";
+    data.sort((a, b) => {
+      if (a[sortKey] === null && b[sortKey] === null) {
+        return 0;
+      }
+      if (a[sortKey] === null) {
+        return direction;
+      }
+      if (b[sortKey] === null) {
+        return -direction;
+      }
+      return a[sortKey] > b[sortKey] ? direction : -direction;
+    });
+  }
+  if (q) {
+    const query = q.toLowerCase();
+    const results = countries2.filter(
+      (c) => c.name.toLowerCase().includes(query) || c.iso_2.toLowerCase().includes(query)
+    );
+    return {
+      countries: results,
+      count: results.length
+    };
+  }
+  return {
+    countries: data,
+    count: countries2.length
+  };
+};
+
+// src/pages/settings/regions/_common/hooks/use-country-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCountryTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      columnHelper.accessor("display_name", {
+        header: t("fields.name"),
+        cell: ({ getValue }) => getValue()
+      }),
+      columnHelper.accessor("iso_2", {
+        header: t("fields.code"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx2("span", { className: "uppercase", children: getValue() })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/settings/regions/_common/hooks/use-country-table-query.tsx
+var useCountryTableQuery = ({
+  pageSize,
+  prefix
+}) => {
+  const raw = useQueryParams(["order", "q", "offset"], prefix);
+  const { offset, order, q } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset, 10) : 0,
+    order,
+    q
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+// src/pages/settings/locations/_common/components/geo-zone-form/geo-zone-form.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var GeoZoneSchema = z.object({
+  countries: z.array(
+    z.object({ iso_2: z.string().min(2), display_name: z.string() })
+  )
+});
+var GeoZoneFormImpl = ({
+  form
+}) => {
+  const castForm = form;
+  const { t } = useTranslation3();
+  const { fields, remove, replace } = useFieldArray({
+    control: castForm.control,
+    name: "countries",
+    keyName: "iso_2"
+  });
+  const handleClearAll = () => {
+    replace([]);
+  };
+  validateForm(form);
+  return /* @__PURE__ */ jsx3(
+    Form.Field,
+    {
+      control: form.control,
+      name: "countries",
+      render: () => {
+        return /* @__PURE__ */ jsxs2(Form.Item, { children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-x-4", children: [
+            /* @__PURE__ */ jsxs2("div", { children: [
+              /* @__PURE__ */ jsx3(Form.Label, { children: t("stockLocations.serviceZones.manageAreas.label") }),
+              /* @__PURE__ */ jsx3(Form.Hint, { children: t("stockLocations.serviceZones.manageAreas.hint") })
+            ] }),
+            /* @__PURE__ */ jsx3(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx3(Button2, { size: "small", variant: "secondary", type: "button", children: t("stockLocations.serviceZones.manageAreas.action") }) })
+          ] }),
+          /* @__PURE__ */ jsx3(Form.ErrorMessage, {}),
+          /* @__PURE__ */ jsx3(Form.Control, { className: "mt-0", children: fields.length > 0 && /* @__PURE__ */ jsx3(
+            ChipGroup,
+            {
+              onClearAll: handleClearAll,
+              onRemove: remove,
+              className: "py-4",
+              children: fields.map((field, index) => /* @__PURE__ */ jsx3(ChipGroup.Chip, { index, children: field.display_name }, field.iso_2))
+            }
+          ) })
+        ] });
+      }
+    }
+  );
+};
+var PREFIX = "ac";
+var PAGE_SIZE = 50;
+var AreaStackedModal = ({
+  form
+}) => {
+  const castForm = form;
+  const { t } = useTranslation3();
+  const { getValues, setValue } = castForm;
+  const { setIsOpen, getIsOpen } = useStackedModal();
+  const open = getIsOpen(GEO_ZONE_STACKED_MODAL_ID);
+  const [selection, setSelection] = useState({});
+  const [state, setState] = useState(
+    []
+  );
+  const { searchParams, raw } = useCountryTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const { countries: countries2, count } = useCountries({
+    countries: countries.map((c) => ({
+      display_name: c.display_name,
+      name: c.name,
+      iso_2: c.iso_2,
+      iso_3: c.iso_3,
+      num_code: c.num_code
+    })),
+    ...searchParams
+  });
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const countries3 = getValues("countries");
+    if (countries3) {
+      setState(
+        countries3.map((country) => ({
+          iso_2: country.iso_2,
+          display_name: country.display_name
+        }))
+      );
+      setSelection(
+        countries3.reduce(
+          (acc, country) => ({
+            ...acc,
+            [country.iso_2]: true
+          }),
+          {}
+        )
+      );
+    }
+  }, [open, getValues]);
+  const updater = (fn) => {
+    const value = typeof fn === "function" ? fn(selection) : fn;
+    const ids = Object.keys(value);
+    const addedIdsSet = new Set(ids.filter((id) => value[id] && !selection[id]));
+    const addedCountries = [];
+    if (addedIdsSet.size > 0) {
+      const countriesToAdd = countries2?.filter((country) => addedIdsSet.has(country.iso_2)) ?? [];
+      for (const country of countriesToAdd) {
+        addedCountries.push({
+          iso_2: country.iso_2,
+          display_name: country.display_name
+        });
+      }
+    }
+    setState((prev) => {
+      const filteredPrev = prev.filter((country) => value[country.iso_2]);
+      return Array.from(/* @__PURE__ */ new Set([...filteredPrev, ...addedCountries]));
+    });
+    setSelection(value);
+  };
+  const handleAdd = () => {
+    setValue("countries", state, {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setIsOpen(GEO_ZONE_STACKED_MODAL_ID, false);
+  };
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: countries2 || [],
+    columns,
+    count,
+    enablePagination: true,
+    enableRowSelection: true,
+    getRowId: (row) => row.iso_2,
+    pageSize: PAGE_SIZE,
+    rowSelection: {
+      state: selection,
+      updater
+    },
+    prefix: PREFIX
+  });
+  validateForm(form);
+  return /* @__PURE__ */ jsxs2(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs2(StackedFocusModal.Header, { children: [
+      /* @__PURE__ */ jsx3(StackedFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.label") }) }),
+      /* @__PURE__ */ jsx3(StackedFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.hint") }) })
+    ] }),
+    /* @__PURE__ */ jsx3(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx3(
+      _DataTable,
+      {
+        table,
+        columns,
+        pageSize: PAGE_SIZE,
+        count,
+        search: true,
+        pagination: true,
+        layout: "fill",
+        orderBy: [
+          { key: "display_name", label: t("fields.name") },
+          { key: "iso_2", label: t("fields.code") }
+        ],
+        queryObject: raw,
+        prefix: PREFIX
+      }
+    ) }),
+    /* @__PURE__ */ jsx3(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx3(StackedFocusModal.Close, { type: "button", asChild: true, children: /* @__PURE__ */ jsx3(Button2, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx3(Button2, { size: "small", type: "button", onClick: handleAdd, children: t("actions.save") })
+    ] }) })
+  ] });
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const base = useCountryTableColumns();
+  return useMemo2(
+    () => [
+      columnHelper2.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx3(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          const isPreselected = !row.getCanSelect();
+          return /* @__PURE__ */ jsx3(
+            Checkbox,
+            {
+              checked: row.getIsSelected() || isPreselected,
+              disabled: isPreselected,
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      ...base
+    ],
+    [base]
+  );
+};
+function validateForm(form) {
+  if (form.getValues("countries") === void 0) {
+    throw new Error(
+      "The form does not have a field named 'countries'. This field is required to use the GeoZoneForm component."
+    );
+  }
+}
+var GeoZoneForm = Object.assign(GeoZoneFormImpl, {
+  AreaDrawer: AreaStackedModal
+});
+
+export {
+  GeoZoneForm
+};

package/dist/chunk-4TLP3TAA.js

@@ -0,0 +1,34 @@
+// src/components/common/section/section-row.tsx
+import { Text, clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SectionRow = ({ title, value, actions }) => {
+  const isValueString = typeof value === "string" || !value;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clx(
+        `text-ui-fg-subtle grid w-full grid-cols-2 items-center gap-4 px-6 py-4`,
+        {
+          "grid-cols-[1fr_1fr_28px]": !!actions
+        }
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: title }),
+        isValueString ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            size: "small",
+            leading: "compact",
+            className: "whitespace-pre-line text-pretty",
+            children: value ?? "-"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: value }),
+        actions && /* @__PURE__ */ jsx("div", { children: actions })
+      ]
+    }
+  );
+};
+
+export {
+  SectionRow
+};

package/dist/chunk-54TMLQH3.js

@@ -0,0 +1,9 @@
+// src/components/utilities/visually-hidden/visually-hidden.tsx
+import { jsx } from "react/jsx-runtime";
+var VisuallyHidden = ({ children }) => {
+  return /* @__PURE__ */ jsx("span", { className: "sr-only", children });
+};
+
+export {
+  VisuallyHidden
+};

package/dist/chunk-5NF4OTVV.js

@@ -0,0 +1,169 @@
+import {
+  useDeleteReturnReason,
+  useReturnReasons
+} from "./chunk-JXP5YZ77.js";
+import {
+  useReturnReasonTableColumns
+} from "./chunk-R65A4P4H.js";
+import {
+  useReturnReasonTableQuery
+} from "./chunk-O6PRBSFL.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WHTS4G5K.js";
+import {
+  SingleColumnPage
+} from "./chunk-RM5RSDYP.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/settings/return-reasons/_components/return-reason-list-table.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { Button, Container, Heading, Text } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+
+// src/pages/settings/return-reasons/_common/hooks/use-delete-return-reason-action.tsx
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+var useDeleteReturnReasonAction = ({
+  id,
+  label
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteReturnReason(id);
+  const handleDelete = async () => {
+    const result = await prompt({
+      title: t("general.areYouSure"),
+      description: t("returnReasons.delete.confirmation", {
+        label
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!result) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("returnReasons.delete.successToast", { label }));
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return handleDelete;
+};
+
+// src/pages/settings/return-reasons/_components/return-reason-list-table.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var ReturnReasonListTable = () => {
+  const { t } = useTranslation2();
+  const { searchParams, raw } = useReturnReasonTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { return_reasons, count, isPending, isError, error } = useReturnReasons(
+    searchParams,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: return_reasons,
+    columns,
+    count,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y px-0 py-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Heading, { children: t("returnReasons.domain") }),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("returnReasons.subtitle") })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "create", children: t("actions.create") }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      _DataTable,
+      {
+        table,
+        queryObject: raw,
+        count,
+        isLoading: isPending,
+        columns,
+        pageSize: PAGE_SIZE,
+        noHeader: true,
+        pagination: true,
+        search: true
+      }
+    )
+  ] });
+};
+var ReturnReasonRowActions = ({
+  returnReason
+}) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeleteReturnReasonAction(returnReason);
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              to: `${returnReason.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const base = useReturnReasonTableColumns();
+  return useMemo(
+    () => [
+      ...base,
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => /* @__PURE__ */ jsx(ReturnReasonRowActions, { returnReason: row.original })
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/settings/return-reasons/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ReturnReasonList = () => {
+  return /* @__PURE__ */ jsx2(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: /* @__PURE__ */ jsx2(ReturnReasonListTable, {}) });
+};
+var Component = ReturnReasonList;
+
+export {
+  Component
+};