@medusajs/dashboard 3.0.0-snapshot-20251208164410 → 3.0.0-snapshot-20251211173847

package/dist/product-option-detail-4VRUA7KT.mjs

@@ -1,322 +0,0 @@
-import "./chunk-M4Q5Q4I3.mjs";
-import "./chunk-PVW6M64S.mjs";
-import "./chunk-QMRGIWOP.mjs";
-import "./chunk-I3VB6NM2.mjs";
-import "./chunk-ZJRFL6ZN.mjs";
-import "./chunk-CV65NY6Y.mjs";
-import "./chunk-XWO5BP42.mjs";
-import "./chunk-GA3UMQMZ.mjs";
-import "./chunk-YGLRZQ4C.mjs";
-import "./chunk-IR5DHEKS.mjs";
-import "./chunk-7DXVXBSA.mjs";
-import "./chunk-MSDRGCRR.mjs";
-import {
-  useProductTableColumns
-} from "./chunk-BW322BVH.mjs";
-import "./chunk-3I6G3NRU.mjs";
-import "./chunk-ROKB75YP.mjs";
-import "./chunk-INE2QCSC.mjs";
-import "./chunk-XLDQPLK4.mjs";
-import "./chunk-IQBAUTU5.mjs";
-import "./chunk-ADOCJB6L.mjs";
-import "./chunk-X6BAAGCL.mjs";
-import "./chunk-P3UUX2T6.mjs";
-import "./chunk-DK4WIVY6.mjs";
-import "./chunk-MFALVTRQ.mjs";
-import "./chunk-RIV7FKGN.mjs";
-import "./chunk-TDK3JDOB.mjs";
-import "./chunk-FHSC5X62.mjs";
-import "./chunk-XR4GEMGR.mjs";
-import "./chunk-MOSRJHJ3.mjs";
-import "./chunk-WRSGHGAT.mjs";
-import "./chunk-OMC5JCQH.mjs";
-import "./chunk-IW4TACOD.mjs";
-import {
-  useProductTableQuery
-} from "./chunk-PCFUZKDS.mjs";
-import {
-  SingleColumnPage
-} from "./chunk-GIZFNLKK.mjs";
-import {
-  DataTable
-} from "./chunk-TBEGSDLQ.mjs";
-import "./chunk-C76H5USB.mjs";
-import "./chunk-DZWH2RV6.mjs";
-import "./chunk-MNXC6Q4F.mjs";
-import "./chunk-DG7J63J2.mjs";
-import "./chunk-M32MJOJN.mjs";
-import {
-  useExtension
-} from "./chunk-C5P5PL3E.mjs";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-LPEUYMRK.mjs";
-import {
-  ActionMenu
-} from "./chunk-OZPB6JBL.mjs";
-import "./chunk-OC7BQLYI.mjs";
-import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-SUYYSKCB.mjs";
-import "./chunk-NTYLG6Y3.mjs";
-import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
-import "./chunk-HI6URQ7H.mjs";
-import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-WAXMT4IY.mjs";
-import "./chunk-DYDGGABK.mjs";
-import "./chunk-LGNTHZ5Y.mjs";
-import "./chunk-CN7JXSGW.mjs";
-import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
-import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-A63RZVX6.mjs";
-import "./chunk-HBXV7ENS.mjs";
-import "./chunk-CDORR33H.mjs";
-import "./chunk-3ZJ55SFA.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
-import "./chunk-3BF5SC66.mjs";
-import "./chunk-VCSSQVPD.mjs";
-import "./chunk-HP2JH45P.mjs";
-import "./chunk-SQDIZZDW.mjs";
-import {
-  productOptionsQueryKeys,
-  useDeleteProductOption,
-  useProductOption,
-  useProducts
-} from "./chunk-QW4SQVMT.mjs";
-import {
-  queryClient
-} from "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import {
-  sdk
-} from "./chunk-NFEK63OE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/product-options/product-option-detail/breadcrumb.tsx
-import { jsx } from "react/jsx-runtime";
-var ProductOptionBreadcrumb = (match) => {
-  const productOption = match.data.product_option;
-  if (!productOption) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("span", { children: productOption.title });
-};
-
-// src/routes/product-options/product-option-detail/product-option-detail.tsx
-import { useLoaderData, useParams } from "react-router-dom";
-
-// src/routes/product-options/product-option-detail/components/product-option-general-section/product-option-general-section.tsx
-import { PencilSquare, Trash } from "@medusajs/icons";
-import { Badge, Container, Heading } from "@medusajs/ui";
-import { useMemo } from "react";
-import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/routes/product-options/common/hooks/use-delete-product-option-action.tsx
-import { useNavigate } from "react-router-dom";
-import { toast, usePrompt } from "@medusajs/ui";
-import { useTranslation } from "react-i18next";
-var useDeleteProductOptionAction = ({
-  id,
-  title
-}) => {
-  const { t } = useTranslation();
-  const prompt = usePrompt();
-  const navigate = useNavigate();
-  const { mutateAsync } = useDeleteProductOption(id);
-  return async () => {
-    const result = await prompt({
-      title: t("general.areYouSure"),
-      description: t("productOptions.delete.confirmation", { title }),
-      confirmText: t("actions.delete"),
-      cancelText: t("actions.cancel")
-    });
-    if (!result) {
-      return;
-    }
-    await mutateAsync(void 0, {
-      onSuccess: () => {
-        navigate("/product-options", {
-          replace: true
-        });
-        toast.success(t("productOptions.delete.successToast", { title }));
-      },
-      onError: (e) => {
-        toast.error(e.message);
-      }
-    });
-  };
-};
-
-// src/routes/product-options/product-option-detail/components/product-option-general-section/product-option-general-section.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ProductOptionGeneralSection = ({
-  productOption
-}) => {
-  const { t } = useTranslation2();
-  const handleDelete = useDeleteProductOptionAction(productOption);
-  const sortedValues = useMemo(() => {
-    if (!productOption.values) {
-      return [];
-    }
-    return [...productOption.values].sort((a, b) => {
-      const rankA = a.rank ?? Number.MAX_VALUE;
-      const rankB = b.rank ?? Number.MAX_VALUE;
-      return rankA - rankB;
-    });
-  }, [productOption.values]);
-  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-      /* @__PURE__ */ jsx2(Heading, { children: productOption.title }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx2(Badge, { size: "xsmall", color: "blue", children: t(
-          `general.${productOption.is_exclusive ? "exclusive" : "global"}`
-        ) }),
-        /* @__PURE__ */ jsx2(
-          ActionMenu,
-          {
-            groups: [
-              {
-                actions: [
-                  {
-                    label: t("actions.edit"),
-                    icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
-                    to: "edit"
-                  }
-                ]
-              },
-              {
-                actions: [
-                  {
-                    label: t("actions.delete"),
-                    icon: /* @__PURE__ */ jsx2(Trash, {}),
-                    onClick: handleDelete
-                  }
-                ]
-              }
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsx2(ValuesDisplay, { values: sortedValues }) })
-  ] });
-};
-var ValuesDisplay = ({ values }) => {
-  return /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap items-center gap-2", children: values.map((value) => /* @__PURE__ */ jsx2(Badge, { size: "xsmall", children: value.value }, value.id)) });
-};
-
-// src/routes/product-options/product-option-detail/components/product-option-product-section/product-option-product-section.tsx
-import { Container as Container2 } from "@medusajs/ui";
-import { keepPreviousData } from "@tanstack/react-query";
-import { useMemo as useMemo2 } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PAGE_SIZE = 10;
-var ProductOptionProductSection = ({
-  productOption
-}) => {
-  const { t } = useTranslation3();
-  const { searchParams } = useProductTableQuery({ pageSize: PAGE_SIZE });
-  const productIds = productOption.products?.map((p) => p.id) || [];
-  const { products, count, isLoading, isError, error } = useProducts(
-    {
-      limit: PAGE_SIZE,
-      ...searchParams,
-      id: productIds.length > 0 ? productIds : void 0
-    },
-    {
-      placeholderData: keepPreviousData,
-      enabled: productIds.length > 0
-    }
-  );
-  const columns = useColumns();
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsx3(Container2, { className: "divide-y p-0", children: /* @__PURE__ */ jsx3(
-    DataTable,
-    {
-      data: products,
-      columns,
-      rowCount: count,
-      pageSize: PAGE_SIZE,
-      getRowId: (row) => row.id,
-      heading: t("products.domain"),
-      emptyState: {
-        empty: {
-          heading: t("general.noRecordsMessage")
-        },
-        filtered: {
-          heading: t("general.noRecordsMessage"),
-          description: t("general.noRecordsMessageFiltered")
-        }
-      },
-      isLoading,
-      enableSearch: true,
-      rowHref: (row) => `/products/${row.id}`
-    }
-  ) });
-};
-var useColumns = () => {
-  const columns = useProductTableColumns();
-  return useMemo2(() => [...columns], [columns]);
-};
-
-// src/routes/product-options/product-option-detail/product-option-detail.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductOptionDetail = () => {
-  const { id } = useParams();
-  const initialData = useLoaderData();
-  const { getWidgets } = useExtension();
-  const { product_option, isLoading, isError, error } = useProductOption(
-    id,
-    void 0,
-    {
-      initialData
-    }
-  );
-  if (isLoading || !product_option) {
-    return /* @__PURE__ */ jsx4(SingleColumnPageSkeleton, { sections: 2, showJSON: true, showMetadata: true });
-  }
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(
-    SingleColumnPage,
-    {
-      widgets: {
-        after: getWidgets("product_option.details.after"),
-        before: getWidgets("product_option.details.before")
-      },
-      showJSON: true,
-      showMetadata: true,
-      data: product_option,
-      children: [
-        /* @__PURE__ */ jsx4(ProductOptionGeneralSection, { productOption: product_option }),
-        /* @__PURE__ */ jsx4(ProductOptionProductSection, { productOption: product_option })
-      ]
-    }
-  );
-};
-
-// src/routes/product-options/product-option-detail/loader.ts
-var productOptionDetailQuery = (id) => ({
-  queryKey: productOptionsQueryKeys.detail(id),
-  queryFn: async () => sdk.admin.productOption.retrieve(id)
-});
-var productOptionLoader = async ({ params }) => {
-  const id = params.id;
-  const query = productOptionDetailQuery(id);
-  return queryClient.ensureQueryData(query);
-};
-export {
-  ProductOptionBreadcrumb as Breadcrumb,
-  ProductOptionDetail as Component,
-  productOptionLoader as loader
-};

package/dist/product-option-edit-YIKFL6OY.mjs

@@ -1,324 +0,0 @@
-import {
-  ChipInput
-} from "./chunk-XDJ7OMBR.mjs";
-import {
-  SortableList
-} from "./chunk-ZHH3W7CN.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import "./chunk-NTYLG6Y3.mjs";
-import "./chunk-I4OBEAOJ.mjs";
-import "./chunk-YGEJFHC3.mjs";
-import "./chunk-HI6URQ7H.mjs";
-import "./chunk-6CLQKVAU.mjs";
-import "./chunk-KI7TOXBR.mjs";
-import "./chunk-HKIF5HVL.mjs";
-import "./chunk-WAXMT4IY.mjs";
-import "./chunk-DYDGGABK.mjs";
-import "./chunk-LGNTHZ5Y.mjs";
-import "./chunk-CN7JXSGW.mjs";
-import "./chunk-5BQQRHQS.mjs";
-import "./chunk-7H6DB666.mjs";
-import "./chunk-2WLOIS3L.mjs";
-import "./chunk-5AFMB7XQ.mjs";
-import "./chunk-A63RZVX6.mjs";
-import "./chunk-HBXV7ENS.mjs";
-import "./chunk-CDORR33H.mjs";
-import "./chunk-3ZJ55SFA.mjs";
-import "./chunk-MOGV3UZD.mjs";
-import "./chunk-5N33TBBX.mjs";
-import "./chunk-FNQ227BC.mjs";
-import "./chunk-3BF5SC66.mjs";
-import "./chunk-VCSSQVPD.mjs";
-import "./chunk-HP2JH45P.mjs";
-import "./chunk-SQDIZZDW.mjs";
-import {
-  useProductOption,
-  useUpdateProductOption
-} from "./chunk-QW4SQVMT.mjs";
-import "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import "./chunk-NFEK63OE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/product-options/product-option-edit/product-option-edit.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, toast } from "@medusajs/ui";
-import { useMemo as useMemo2 } from "react";
-import { useForm } from "react-hook-form";
-import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-details.tsx
-import { Input } from "@medusajs/ui";
-import { useEffect } from "react";
-import { useWatch } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditProductOptionDetails = ({
-  form
-}) => {
-  const { t } = useTranslation();
-  const values = useWatch({
-    control: form.control,
-    name: "values"
-  });
-  const valueRanks = useWatch({
-    control: form.control,
-    name: "value_ranks"
-  });
-  useEffect(() => {
-    if (!values || !valueRanks) {
-      return;
-    }
-    const validValueSet = new Set(values);
-    const currentRanks = { ...valueRanks };
-    let hasStaleEntries = false;
-    Object.keys(currentRanks).forEach((key) => {
-      if (!validValueSet.has(key)) {
-        delete currentRanks[key];
-        hasStaleEntries = true;
-      }
-    });
-    if (hasStaleEntries) {
-      form.setValue("value_ranks", currentRanks, {
-        shouldDirty: true,
-        shouldTouch: true
-      });
-    }
-  }, [values, valueRanks, form]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-    /* @__PURE__ */ jsx(
-      Form.Field,
-      {
-        control: form.control,
-        name: "title",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsx(Form.Label, { children: t("productOptions.fields.title.label") }),
-            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-              Input,
-              {
-                autoComplete: "off",
-                ...field,
-                placeholder: t("productOptions.fields.title.placeholder")
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-          ] });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Form.Field,
-      {
-        control: form.control,
-        name: "values",
-        render: ({ field }) => {
-          return /* @__PURE__ */ jsxs(Form.Item, { children: [
-            /* @__PURE__ */ jsx(Form.Label, { children: t("productOptions.fields.values.label") }),
-            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-              ChipInput,
-              {
-                ...field,
-                placeholder: t("productOptions.fields.values.placeholder")
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-          ] });
-        }
-      }
-    )
-  ] });
-};
-
-// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-organize.tsx
-import { Text } from "@medusajs/ui";
-import { useMemo } from "react";
-import { useWatch as useWatch2 } from "react-hook-form";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var EditProductOptionOrganize = ({
-  form
-}) => {
-  const values = useWatch2({
-    control: form.control,
-    name: "values"
-  });
-  const valueRanks = useWatch2({
-    control: form.control,
-    name: "value_ranks"
-  });
-  const items = useMemo(() => {
-    if (!values || values.length === 0) {
-      return [];
-    }
-    return values.map((value, index) => ({
-      id: value,
-      value,
-      rank: valueRanks?.[value] ?? index
-    })).sort((a, b) => a.rank - b.rank);
-  }, [values, valueRanks]);
-  const handleChange = (newItems) => {
-    const newRanks = {};
-    newItems.forEach((item, index) => {
-      newRanks[item.value] = index;
-    });
-    form.setValue("value_ranks", newRanks, {
-      shouldDirty: true,
-      shouldTouch: true
-    });
-  };
-  if (!values || values.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx2(
-    SortableList,
-    {
-      items,
-      onChange: handleChange,
-      renderItem: (item) => /* @__PURE__ */ jsx2(
-        SortableList.Item,
-        {
-          id: item.id,
-          className: "border-ui-border-base border-b last:border-b-0",
-          children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 items-center gap-x-3 px-4 py-3", children: [
-            /* @__PURE__ */ jsx2(SortableList.DragHandle, {}),
-            /* @__PURE__ */ jsx2(Text, { size: "small", children: item.value })
-          ] })
-        }
-      )
-    }
-  );
-};
-
-// src/routes/product-options/product-option-edit/components/edit-product-option-form/schema.ts
-import { z } from "zod";
-var EditProductOptionDetailsSchema = z.object({
-  title: z.string().min(1),
-  values: z.array(z.string()).min(1, "At least one value is required")
-});
-var EditProductOptionSchema = z.object({
-  value_ranks: z.record(z.string(), z.number()).optional()
-}).merge(EditProductOptionDetailsSchema);
-
-// src/routes/product-options/product-option-edit/components/edit-product-option-form/edit-product-option-form.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var EditProductOptionForm = ({
-  productOption
-}) => {
-  const { t } = useTranslation2();
-  const { handleSuccess } = useRouteModal();
-  const { sortedValues, existingRanks } = useMemo2(() => {
-    if (!productOption.values) {
-      return { sortedValues: [], existingRanks: {} };
-    }
-    const ranks = {};
-    productOption.values.forEach((v) => {
-      if (v.rank !== void 0 && v.rank !== null) {
-        ranks[v.value] = v.rank;
-      }
-    });
-    const sorted = [...productOption.values].sort((a, b) => {
-      const rankA = a.rank ?? Number.MAX_VALUE;
-      const rankB = b.rank ?? Number.MAX_VALUE;
-      return rankA - rankB;
-    });
-    return {
-      sortedValues: sorted.map((v) => v.value),
-      existingRanks: ranks
-    };
-  }, [productOption.values]);
-  const form = useForm({
-    defaultValues: {
-      title: productOption.title,
-      values: sortedValues,
-      value_ranks: existingRanks
-    },
-    resolver: zodResolver(EditProductOptionSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateProductOption(productOption.id);
-  const handleSubmit = form.handleSubmit((data) => {
-    const { title, values, value_ranks } = data;
-    mutateAsync(
-      {
-        title,
-        values,
-        ranks: value_ranks
-      },
-      {
-        onSuccess: ({ product_option }) => {
-          toast.success(
-            t("productOptions.edit.successToast", {
-              title: product_option.title
-            })
-          );
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx3(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs3(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex size-full flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxs3(RouteDrawer.Body, { className: "flex flex-col gap-y-4 overflow-auto p-4", children: [
-          /* @__PURE__ */ jsx3(EditProductOptionDetails, { form }),
-          /* @__PURE__ */ jsx3(EditProductOptionOrganize, { form })
-        ] }),
-        /* @__PURE__ */ jsx3(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx3(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx3(
-            Button,
-            {
-              size: "small",
-              variant: "primary",
-              type: "submit",
-              isLoading: isPending,
-              children: t("actions.save")
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-// src/routes/product-options/product-option-edit/product-option-edit.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var ProductOptionEdit = () => {
-  const { id } = useParams();
-  const { t } = useTranslation3();
-  const { product_option, isPending, isError, error } = useProductOption(id);
-  const ready = !isPending && !!product_option;
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs4(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs4(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx4(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx4(Heading, { children: t("productOptions.edit.header") }) }),
-      /* @__PURE__ */ jsx4(RouteDrawer.Description, { className: "sr-only", children: t("productOptions.edit.description") })
-    ] }),
-    ready && /* @__PURE__ */ jsx4(EditProductOptionForm, { productOption: product_option })
-  ] });
-};
-export {
-  ProductOptionEdit as Component
-};