@mercurjs/admin 2.0.0-canary.24

package/dist/chunk-UZJ2NQSN.js

@@ -0,0 +1,257 @@
+import {
+  useCountries,
+  useCountryTableColumns,
+  useCountryTableQuery
+} from "./chunk-TUJIAA5O.js";
+import {
+  GEO_ZONE_STACKED_MODAL_ID
+} from "./chunk-LXSBG6LK.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-FLCYR7E5.js";
+import {
+  ChipGroup
+} from "./chunk-IGTRIAUC.js";
+import {
+  StackedFocusModal,
+  useStackedModal
+} from "./chunk-MWOKFNRO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  countries
+} from "./chunk-JRTZWK77.js";
+
+// src/pages/locations/common/components/geo-zone-form/geo-zone-form.tsx
+import { Button, Checkbox } from "@medusajs/ui";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useEffect, useMemo, useState } from "react";
+import { useFieldArray } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { z } from "zod";
+import { jsx, jsxs } 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 } = useTranslation();
+  const { fields, remove, replace } = useFieldArray({
+    control: castForm.control,
+    name: "countries",
+    keyName: "iso_2"
+  });
+  const handleClearAll = () => {
+    replace([]);
+  };
+  validateForm(form);
+  return /* @__PURE__ */ jsx(
+    Form.Field,
+    {
+      control: form.control,
+      name: "countries",
+      render: () => {
+        return /* @__PURE__ */ jsxs(Form.Item, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-x-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Form.Label, { children: t("stockLocations.serviceZones.manageAreas.label") }),
+              /* @__PURE__ */ jsx(Form.Hint, { children: t("stockLocations.serviceZones.manageAreas.hint") })
+            ] }),
+            /* @__PURE__ */ jsx(StackedFocusModal.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", children: t("stockLocations.serviceZones.manageAreas.action") }) })
+          ] }),
+          /* @__PURE__ */ jsx(Form.ErrorMessage, {}),
+          /* @__PURE__ */ jsx(Form.Control, { className: "mt-0", children: fields.length > 0 && /* @__PURE__ */ jsx(
+            ChipGroup,
+            {
+              onClearAll: handleClearAll,
+              onRemove: remove,
+              className: "py-4",
+              children: fields.map((field, index) => /* @__PURE__ */ jsx(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 } = useTranslation();
+  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__ */ jsxs(StackedFocusModal.Content, { className: "flex flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxs(StackedFocusModal.Header, { children: [
+      /* @__PURE__ */ jsx(StackedFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.label") }) }),
+      /* @__PURE__ */ jsx(StackedFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("stockLocations.serviceZones.manageAreas.hint") }) })
+    ] }),
+    /* @__PURE__ */ jsx(StackedFocusModal.Body, { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
+      _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__ */ jsx(StackedFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx(StackedFocusModal.Close, { type: "button", asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx(Button, { size: "small", type: "button", onClick: handleAdd, children: t("actions.save") })
+    ] }) })
+  ] });
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const base = useCountryTableColumns();
+  return useMemo(
+    () => [
+      columnHelper.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          const isPreselected = !row.getCanSelect();
+          return /* @__PURE__ */ jsx(
+            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-UZWFZMOX.js

@@ -0,0 +1,40 @@
+import {
+  languages
+} from "./chunk-XQNVC4Q7.js";
+
+// src/hooks/use-date.tsx
+import { format, formatDistance, sub } from "date-fns";
+import { enUS } from "date-fns/locale";
+import { useTranslation } from "react-i18next";
+var useDate = () => {
+  const { i18n } = useTranslation();
+  const locale = languages.find((l) => l.code === i18n.language)?.date_locale || enUS;
+  const getFullDate = ({
+    date,
+    includeTime = false
+  }) => {
+    const ensuredDate = new Date(date);
+    if (isNaN(ensuredDate.getTime())) {
+      return "";
+    }
+    const timeFormat = includeTime ? "p" : "";
+    return format(ensuredDate, `PP ${timeFormat}`, {
+      locale
+    });
+  };
+  function getRelativeDate(date) {
+    const now = /* @__PURE__ */ new Date();
+    return formatDistance(sub(new Date(date), { minutes: 0 }), now, {
+      addSuffix: true,
+      locale
+    });
+  }
+  return {
+    getFullDate,
+    getRelativeDate
+  };
+};
+
+export {
+  useDate
+};

package/dist/chunk-V74Y5NIV.js

@@ -0,0 +1,49 @@
+import {
+  countries
+} from "./chunk-JRTZWK77.js";
+
+// src/components/inputs/country-select/country-select.tsx
+import {
+  forwardRef,
+  useImperativeHandle,
+  useRef
+} from "react";
+import { useTranslation } from "react-i18next";
+import { Select } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CountrySelect = forwardRef(({ disabled, placeholder, defaultValue, onChange, ...field }, ref) => {
+  const { t } = useTranslation();
+  const innerRef = useRef(null);
+  useImperativeHandle(ref, () => innerRef.current);
+  return /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+    Select,
+    {
+      ...field,
+      value: field.value ? field.value?.toLowerCase() : void 0,
+      onValueChange: onChange,
+      defaultValue: defaultValue ? defaultValue.toLowerCase() : void 0,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx(Select.Trigger, { ref: innerRef, className: "w-full", children: /* @__PURE__ */ jsx(
+          Select.Value,
+          {
+            placeholder: placeholder || t("fields.selectCountry")
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Select.Content, { children: countries.map((country) => /* @__PURE__ */ jsx(
+          Select.Item,
+          {
+            value: country.iso_2.toLowerCase(),
+            children: country.display_name
+          },
+          country.iso_2
+        )) })
+      ]
+    }
+  ) });
+});
+CountrySelect.displayName = "CountrySelect";
+
+export {
+  CountrySelect
+};

package/dist/chunk-VBMMWVB5.js

@@ -0,0 +1,49 @@
+import {
+  useDeleteProductTag
+} from "./chunk-ORW4HNX5.js";
+
+// src/pages/product-tags/common/hooks/use-delete-product-tag-action.tsx
+import { toast, usePrompt } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+var useDeleteProductTagAction = ({
+  productTag
+}) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const { mutateAsync } = useDeleteProductTag(productTag.id);
+  const handleDelete = async () => {
+    const confirmed = await prompt({
+      title: t("general.areYouSure"),
+      description: t("productTags.delete.confirmation", {
+        value: productTag.value
+      }),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!confirmed) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(
+          t("productTags.delete.successToast", {
+            value: productTag.value
+          })
+        );
+        navigate("/settings/product-tags", {
+          replace: true
+        });
+      },
+      onError: (error) => {
+        toast.error(error.message);
+      }
+    });
+  };
+  return handleDelete;
+};
+
+export {
+  useDeleteProductTagAction
+};

package/dist/chunk-VKOE5J66.js

@@ -0,0 +1,31 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-customer-group-table-query.tsx
+var useCustomerGroupTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "has_account", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, created_at, updated_at, q, order } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  useCustomerGroupTableQuery
+};

package/dist/chunk-VOHEQ7B5.js

@@ -0,0 +1,31 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-product-type-table-query.tsx
+var useProductTypeTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+export {
+  useProductTypeTableQuery
+};

package/dist/chunk-VVTSF42Z.js

@@ -0,0 +1,52 @@
+import {
+  queryClient,
+  queryKeysFactory
+} from "./chunk-2KCF3ZIB.js";
+import {
+  sdk
+} from "./chunk-ZYNBKBY3.js";
+
+// src/hooks/api/sellers.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var SELLERS_QUERY_KEY = "sellers";
+var sellersQueryKeys = queryKeysFactory(SELLERS_QUERY_KEY);
+var useSeller = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.sellers.$id.query({ $id: id, ...query }),
+    queryKey: sellersQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useSellers = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.sellers.query({ ...query }),
+    queryKey: sellersQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useUpdateSeller = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.sellers.$id.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: sellersQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: sellersQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  useSeller,
+  useSellers,
+  useUpdateSeller
+};

package/dist/chunk-VW56KWO2.js

@@ -0,0 +1,9 @@
+// src/lib/format-provider.ts
+var formatProvider = (id) => {
+  const [_, name, type] = id.split("_");
+  return name.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ") + (type ? ` (${type.toUpperCase()})` : "");
+};
+
+export {
+  formatProvider
+};