@mercurjs/admin 2.0.0-canary.100

package/dist/category-list-ZRDWHPEI.js

@@ -0,0 +1,33 @@
+import {
+  CategoryListPage
+} from "./chunk-AZVAL5E5.js";
+import "./chunk-JHIMVLB2.js";
+import "./chunk-R55Q5LAH.js";
+import "./chunk-Y456KVIN.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-V5J73NPW.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-XIZLPYEE.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-BDGZ4EQO.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import "./chunk-XFKRBJLK.js";
+import "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+export {
+  CategoryListPage as Component
+};

package/dist/category-organize-D26G234L.js

@@ -0,0 +1,112 @@
+import {
+  CategoryTree
+} from "./chunk-YXFG3M2D.js";
+import {
+  RouteFocusModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  categoriesQueryKeys,
+  useProductCategories
+} from "./chunk-XFKRBJLK.js";
+import "./chunk-WBNGBRBK.js";
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/categories/category-organize/components/organize-category-form/organize-category-form.tsx
+import { useMutation } from "@tanstack/react-query";
+import { Spinner } from "@medusajs/icons";
+import { toast } from "@medusajs/ui";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var QUERY = {
+  fields: "id,name,parent_category_id,rank,*category_children",
+  parent_category_id: "null",
+  include_descendants_tree: true,
+  limit: 9999
+};
+var OrganizeCategoryForm = () => {
+  const {
+    product_categories,
+    isPending,
+    isError,
+    error: fetchError
+  } = useProductCategories(QUERY);
+  const [snapshot, setSnapshot] = useState([]);
+  const { mutateAsync, isPending: isMutating } = useMutation({
+    mutationFn: async ({
+      value
+    }) => {
+      await sdk.admin.productCategories.$id.mutate({
+        $id: value.id,
+        rank: value.rank ?? 0,
+        parent_category_id: value.parent_category_id
+      });
+    },
+    onMutate: async (update) => {
+      await queryClient.cancelQueries({
+        queryKey: categoriesQueryKeys.list(QUERY)
+      });
+      const previousValue = queryClient.getQueryData(categoriesQueryKeys.list(QUERY));
+      const nextValue = {
+        ...previousValue,
+        product_categories: update.arr
+      };
+      queryClient.setQueryData(categoriesQueryKeys.list(QUERY), nextValue);
+      return {
+        previousValue
+      };
+    },
+    onError: (error, _newValue, context) => {
+      queryClient.setQueryData(
+        categoriesQueryKeys.list(QUERY),
+        context?.previousValue
+      );
+      toast.error(error.message);
+    },
+    onSettled: async () => {
+      await queryClient.invalidateQueries({
+        queryKey: categoriesQueryKeys.all
+      });
+    }
+  });
+  const handleRankChange = async (value, arr) => {
+    const val = {
+      id: value.id,
+      parent_category_id: value.parentId,
+      rank: value.index
+    };
+    setSnapshot(arr);
+    await mutateAsync({ value: val, arr });
+  };
+  const loading = isPending || isMutating;
+  if (isError) {
+    throw fetchError;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end", children: loading && /* @__PURE__ */ jsx(Spinner, { className: "animate-spin" }) }) }),
+    /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "bg-ui-bg-subtle flex flex-1 flex-col overflow-y-auto", children: /* @__PURE__ */ jsx(
+      CategoryTree,
+      {
+        renderValue: (item) => item.name,
+        value: loading ? snapshot : product_categories || [],
+        onChange: handleRankChange
+      }
+    ) })
+  ] });
+};
+
+// src/pages/categories/category-organize/category-organize.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CategoryOrganize = () => {
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: /* @__PURE__ */ jsx2(OrganizeCategoryForm, {}) });
+};
+export {
+  CategoryOrganize as Component
+};

package/dist/category-products-XMIZ2KRR.js

@@ -0,0 +1,285 @@
+import {
+  useProductTableColumns
+} from "./chunk-3CKTAFTR.js";
+import "./chunk-G5OVX555.js";
+import "./chunk-FWPGOIFA.js";
+import "./chunk-DB6ANJBO.js";
+import "./chunk-PHOCVOZ5.js";
+import "./chunk-WIYFXWRI.js";
+import "./chunk-FQERBIVS.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import "./chunk-YBZWO4ZV.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-Y7QKP6QU.js";
+import {
+  useProductTableFilters
+} from "./chunk-6S72GJRI.js";
+import {
+  useProductTableQuery
+} from "./chunk-VVWB3GIK.js";
+import "./chunk-KBYZLKI4.js";
+import "./chunk-YWWUOGJA.js";
+import "./chunk-THHRRYRS.js";
+import "./chunk-UZWFZMOX.js";
+import "./chunk-XQNVC4Q7.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-V6LO4BXB.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-YAMNPEPW.js";
+import "./chunk-R325CPYC.js";
+import "./chunk-J54BZXZX.js";
+import "./chunk-JI7HMGMO.js";
+import "./chunk-EWFOFSF7.js";
+import "./chunk-YQYGAFCS.js";
+import "./chunk-HLL6GLZO.js";
+import "./chunk-CARSKIPW.js";
+import "./chunk-25DQRKFS.js";
+import "./chunk-R4O667NT.js";
+import "./chunk-MO7TNIVQ.js";
+import "./chunk-A2F5MDPU.js";
+import "./chunk-L7DIEO5B.js";
+import "./chunk-EEOEIXDA.js";
+import "./chunk-OEDISQ2O.js";
+import "./chunk-GCEOEV6P.js";
+import "./chunk-PYF5EER5.js";
+import "./chunk-HPQG3PEA.js";
+import "./chunk-FIVW6L2I.js";
+import "./chunk-Q6GUA5VE.js";
+import "./chunk-QVLL4MKH.js";
+import "./chunk-I5LLMPI2.js";
+import "./chunk-VXW3BCN2.js";
+import "./chunk-VHCDSNXF.js";
+import "./chunk-EJY35WBK.js";
+import "./chunk-GYRTURN7.js";
+import "./chunk-QUTZUW55.js";
+import {
+  useProductCategory,
+  useUpdateProductCategoryProducts
+} from "./chunk-XFKRBJLK.js";
+import {
+  useProducts
+} from "./chunk-WBNGBRBK.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-LXZXXOJ3.js";
+import "./chunk-NBMM2TZK.js";
+
+// src/pages/categories/category-products/category-products.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/categories/category-products/components/edit-category-products-form/edit-category-products-form.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { Button, Checkbox, Hint, Tooltip, toast } from "@medusajs/ui";
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditCategoryProductsSchema = z.object({
+  product_ids: z.array(z.string())
+});
+var PAGE_SIZE = 50;
+var PREFIX = "p";
+var EditCategoryProductsForm = ({
+  categoryId,
+  products = []
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const [selection, setSelection] = useState(
+    products.reduce((acc, p) => {
+      acc[p.id] = true;
+      return acc;
+    }, {})
+  );
+  const form = useForm({
+    defaultValues: {
+      product_ids: []
+    },
+    resolver: zodResolver(EditCategoryProductsSchema)
+  });
+  const updater = (newSelection) => {
+    const value = typeof newSelection === "function" ? newSelection(selection) : newSelection;
+    form.setValue("product_ids", Object.keys(value), {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setSelection(value);
+  };
+  const { searchParams, raw } = useProductTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX
+  });
+  const {
+    products: data,
+    count,
+    isPending,
+    isError,
+    error
+  } = useProducts({
+    ...searchParams
+  });
+  const columns = useColumns();
+  const filters = useProductTableFilters(["categories"]);
+  const { table } = useDataTable({
+    data,
+    columns,
+    getRowId: (original) => original.id,
+    count,
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX,
+    enableRowSelection: (row) => {
+      return !products.some((p) => p.id === row.original.id);
+    },
+    enablePagination: true,
+    rowSelection: {
+      state: selection,
+      updater
+    }
+  });
+  const { mutateAsync, isPending: isMutating } = useUpdateProductCategoryProducts(categoryId);
+  const handleSubmit = form.handleSubmit(async (data2) => {
+    await mutateAsync(
+      {
+        add: data2.product_ids
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            t("categories.products.add.successToast", {
+              count: data2.product_ids.length - products.length
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error2) => {
+          toast.error(error2.message);
+        }
+      }
+    );
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col overflow-hidden",
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-x-2", children: form.formState.errors.product_ids && /* @__PURE__ */ jsx(Hint, { variant: "error", children: form.formState.errors.product_ids.message }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ jsx(
+          _DataTable,
+          {
+            table,
+            columns,
+            pageSize: PAGE_SIZE,
+            count,
+            queryObject: raw,
+            filters,
+            orderBy: [
+              { key: "title", label: t("fields.title") },
+              { key: "created_at", label: t("fields.createdAt") },
+              { key: "updated_at", label: t("fields.updatedAt") }
+            ],
+            prefix: PREFIX,
+            isLoading: isPending,
+            layout: "fill",
+            pagination: true,
+            search: "autofocus"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(RouteFocusModal.Footer, { children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isMutating, children: t("actions.save") })
+        ] })
+      ]
+    }
+  ) });
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  const base = useProductTableColumns();
+  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();
+          const isSelected = row.getIsSelected() || isPreSelected;
+          const Component = /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: isSelected,
+              disabled: isPreSelected,
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+          if (isPreSelected) {
+            return /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: t("categories.products.add.disabledTooltip"),
+                side: "right",
+                children: Component
+              }
+            );
+          }
+          return Component;
+        }
+      }),
+      ...base
+    ],
+    [t, base]
+  );
+};
+
+// src/pages/categories/category-products/category-products.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CategoryProducts = () => {
+  const { id } = useParams();
+  const { product_category, isPending, isFetching, isError, error } = useProductCategory(id, {
+    fields: "products.id"
+  });
+  const ready = !isPending && !isFetching && !!product_category;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(RouteFocusModal, { children: ready && /* @__PURE__ */ jsx2(
+    EditCategoryProductsForm,
+    {
+      categoryId: product_category.id,
+      products: product_category.products
+    }
+  ) });
+};
+export {
+  CategoryProducts as Component
+};

package/dist/chunk-25DQRKFS.js

@@ -0,0 +1,102 @@
+import {
+  queryClient
+} from "./chunk-RHKRREUU.js";
+import {
+  queryKeysFactory
+} from "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-LXZXXOJ3.js";
+
+// src/hooks/api/commission-rates.tsx
+import {
+  useMutation,
+  useQuery
+} from "@tanstack/react-query";
+var COMMISSION_RATES_QUERY_KEY = "commission_rates";
+var commissionRatesQueryKeys = queryKeysFactory(
+  COMMISSION_RATES_QUERY_KEY
+);
+var useCommissionRate = (id, query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.commissionRates.$id.query({ $id: id, ...query }),
+    queryKey: commissionRatesQueryKeys.detail(id),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCommissionRates = (query, options) => {
+  const { data, ...rest } = useQuery({
+    queryFn: () => sdk.admin.commissionRates.query({ ...query }),
+    queryKey: commissionRatesQueryKeys.list(query),
+    ...options
+  });
+  return { ...data, ...rest };
+};
+var useCreateCommissionRate = (options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.commissionRates.mutate(payload),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useUpdateCommissionRate = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.commissionRates.$id.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useDeleteCommissionRate = (id, options) => {
+  return useMutation({
+    mutationFn: () => sdk.admin.commissionRates.$id.delete({ $id: id }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+var useBatchCommissionRules = (id, options) => {
+  return useMutation({
+    mutationFn: (payload) => sdk.admin.commissionRates.$id.rules.mutate({ $id: id, ...payload }),
+    onSuccess: (data, variables, context) => {
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.detail(id)
+      });
+      queryClient.invalidateQueries({
+        queryKey: commissionRatesQueryKeys.lists()
+      });
+      options?.onSuccess?.(data, variables, context);
+    },
+    ...options
+  });
+};
+
+export {
+  commissionRatesQueryKeys,
+  useCommissionRate,
+  useCommissionRates,
+  useCreateCommissionRate,
+  useUpdateCommissionRate,
+  useDeleteCommissionRate,
+  useBatchCommissionRules
+};

package/dist/chunk-25LYVP3C.js

@@ -0,0 +1,37 @@
+import {
+  PlaceholderCell
+} from "./chunk-PHOCVOZ5.js";
+import {
+  useDate
+} from "./chunk-UZWFZMOX.js";
+
+// src/components/table/table-cells/common/date-cell/date-cell.tsx
+import { Tooltip } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var DateCell = ({ date }) => {
+  const { getFullDate } = useDate();
+  if (!date) {
+    return /* @__PURE__ */ jsx(PlaceholderCell, {});
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      className: "z-10",
+      content: /* @__PURE__ */ jsx("span", { className: "text-pretty", children: `${getFullDate({
+        date,
+        includeTime: true
+      })}` }),
+      children: /* @__PURE__ */ jsx("span", { className: "truncate", children: getFullDate({ date, includeTime: false }) })
+    }
+  ) });
+};
+var DateHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.date") }) });
+};
+
+export {
+  DateCell,
+  DateHeader
+};

package/dist/chunk-26OOAKQ6.js

@@ -0,0 +1,18 @@
+// src/hooks/table/filters/use-date-table-filters.tsx
+import { useTranslation } from "react-i18next";
+var useDateTableFilters = () => {
+  const { t } = useTranslation();
+  const dateFilters = [
+    { label: t("fields.createdAt"), key: "created_at" },
+    { label: t("fields.updatedAt"), key: "updated_at" }
+  ].map((f) => ({
+    key: f.key,
+    label: f.label,
+    type: "date"
+  }));
+  return dateFilters;
+};
+
+export {
+  useDateTableFilters
+};