@medusajs/dashboard 3.0.0-snapshot-20251114155958 → 3.0.0-snapshot-20251126221441

package/dist/product-options-manage-QYWBIHJA.mjs

@@ -1,304 +0,0 @@
-import {
-  Combobox
-} from "./chunk-5AM254NB.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteDrawer,
-  useRouteModal
-} from "./chunk-AERWK3TJ.mjs";
-import {
-  PRODUCT_DETAIL_FIELDS
-} from "./chunk-QPJUVTKW.mjs";
-import {
-  useExtendableForm
-} from "./chunk-YVQIO3JS.mjs";
-import "./chunk-2SSUH2HJ.mjs";
-import "./chunk-ONB3JEHR.mjs";
-import "./chunk-YCDDT44O.mjs";
-import "./chunk-4GQOUCX6.mjs";
-import "./chunk-RYJ2UVJE.mjs";
-import "./chunk-D3YQN7HV.mjs";
-import "./chunk-PMA2D6IL.mjs";
-import "./chunk-MNXC6Q4F.mjs";
-import "./chunk-DG7J63J2.mjs";
-import "./chunk-M32MJOJN.mjs";
-import {
-  useExtension
-} from "./chunk-C5P5PL3E.mjs";
-import "./chunk-LPEUYMRK.mjs";
-import "./chunk-ZCARHA6C.mjs";
-import "./chunk-OZPB6JBL.mjs";
-import "./chunk-OC7BQLYI.mjs";
-import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-SUYYSKCB.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import "./chunk-ZOJRDXH3.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-VW34SZWE.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 {
-  useLinkProductOptions,
-  useProduct,
-  useProductOptions
-} from "./chunk-QW4SQVMT.mjs";
-import "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import "./chunk-NFEK63OE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/products/product-options-manage/product-options-manage.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-import { useParams } from "react-router-dom";
-
-// src/routes/products/product-options-manage/components/product-options-manage-form/product-options-manage-form.tsx
-import { Button, Hint, Label, toast } from "@medusajs/ui";
-import { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import * as zod from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ProductOptionsManageSchema = zod.object({
-  option_ids: zod.array(zod.string()),
-  option_values: zod.record(zod.array(zod.string())).optional()
-});
-var ProductOptionsManageForm = ({
-  product
-}) => {
-  const { t } = useTranslation();
-  const { handleSuccess } = useRouteModal();
-  const { getFormConfigs } = useExtension();
-  const configs = getFormConfigs("product", "edit");
-  const { product_options = [], isLoading } = useProductOptions({
-    is_exclusive: false
-  });
-  const productOptionChoices = useMemo(() => {
-    return product_options.map((option) => ({
-      value: option.id,
-      label: option.title
-    }));
-  }, [product_options]);
-  const [selectedOptionIds, setSelectedOptionIds] = useState(
-    product.options?.map((opt) => opt.id) || []
-  );
-  const [selectedOptionValues, setSelectedOptionValues] = useState(() => {
-    const initialValues = {};
-    product.options?.forEach((opt) => {
-      initialValues[opt.id] = opt.values?.map((v) => v.id) || [];
-    });
-    return initialValues;
-  });
-  const form = useExtendableForm({
-    defaultValues: {
-      option_ids: product.options?.map((opt) => opt.id) || [],
-      option_values: (() => {
-        const initialValues = {};
-        product.options?.forEach((opt) => {
-          initialValues[opt.id] = opt.values?.map((v) => v.id) || [];
-        });
-        return initialValues;
-      })()
-    },
-    schema: ProductOptionsManageSchema,
-    configs,
-    data: product
-  });
-  const { mutateAsync, isPending } = useLinkProductOptions(product.id);
-  const handleProductOptionSelect = (optionIds) => {
-    setSelectedOptionIds(optionIds);
-    form.setValue("option_ids", optionIds);
-    const newSelectedValues = {};
-    const selectedProductOptions = product_options.filter(
-      (option) => optionIds.includes(option.id)
-    );
-    selectedProductOptions.forEach((option) => {
-      if (selectedOptionValues[option.id]) {
-        newSelectedValues[option.id] = selectedOptionValues[option.id];
-      } else {
-        newSelectedValues[option.id] = option.values?.map((v) => v.id) || [];
-      }
-    });
-    setSelectedOptionValues(newSelectedValues);
-    form.setValue("option_values", newSelectedValues);
-  };
-  const handleValueChange = (optionId, valueIds) => {
-    if (valueIds.length === 0) {
-      return;
-    }
-    const updatedSelectedValues = {
-      ...selectedOptionValues,
-      [optionId]: valueIds
-    };
-    setSelectedOptionValues(updatedSelectedValues);
-    form.setValue("option_values", updatedSelectedValues);
-  };
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const currentOptionIds = product.options?.map((opt) => opt.id) || [];
-    const newOptionIds = data.option_ids;
-    const optionsToAdd = [];
-    const optionsToRemove = [];
-    for (const currentId of currentOptionIds) {
-      if (!newOptionIds.includes(currentId)) {
-        optionsToRemove.push(currentId);
-      }
-    }
-    for (const newId of newOptionIds) {
-      const isNewOption = !currentOptionIds.includes(newId);
-      if (isNewOption) {
-        optionsToAdd.push(
-          data.option_values ? {
-            id: newId,
-            value_ids: data.option_values[newId]
-          } : newId
-        );
-      } else {
-        const currentOption = product.options?.find((opt) => opt.id === newId);
-        const currentValueIds = currentOption?.values?.map((v) => v.id).sort() || [];
-        const newValueIds = [...data.option_values?.[newId] || []].sort();
-        const valuesChanged = currentValueIds.length !== newValueIds.length || currentValueIds.some((id, index) => id !== newValueIds[index]);
-        if (valuesChanged) {
-          optionsToRemove.push(newId);
-          optionsToAdd.push(
-            data.option_values ? {
-              id: newId,
-              value_ids: data.option_values[newId]
-            } : newId
-          );
-        }
-      }
-    }
-    await mutateAsync(
-      {
-        add: optionsToAdd,
-        remove: optionsToRemove
-      },
-      {
-        onSuccess: ({ product: product2 }) => {
-          toast.success(
-            t("products.organization.edit.toasts.success", {
-              title: product2.title
-            })
-          );
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex h-full flex-col", children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-y-4", children: [
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "option_ids",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: t("products.options.manage.label") }),
-              /* @__PURE__ */ jsx(Form.Hint, { children: t("products.options.manage.hint") }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                Combobox,
-                {
-                  ...field,
-                  value: selectedOptionIds,
-                  onChange: (value) => handleProductOptionSelect(value),
-                  options: productOptionChoices,
-                  placeholder: t("products.options.manage.placeholder"),
-                  disabled: isLoading,
-                  displayMode: "chips"
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-            ] });
-          }
-        }
-      ),
-      selectedOptionIds.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ jsx(Label, { weight: "plus", children: t("fields.values") }),
-          /* @__PURE__ */ jsx(Hint, { children: t("products.create.variants.selectValuesHint") })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3", children: product_options.filter((option) => selectedOptionIds.includes(option.id)).map((option) => {
-          const valueOptions = option.values?.sort((a, b) => {
-            const rankA = a.rank ?? Number.MAX_VALUE;
-            const rankB = b.rank ?? Number.MAX_VALUE;
-            return rankA - rankB;
-          }).map((v) => ({
-            value: v.id,
-            label: v.value
-          })) || [];
-          return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { size: "small", weight: "plus", children: option.title }),
-            /* @__PURE__ */ jsx(
-              Combobox,
-              {
-                value: selectedOptionValues[option.id] || [],
-                onChange: (value) => handleValueChange(option.id, value),
-                options: valueOptions,
-                placeholder: t(
-                  "products.fields.options.variantionsPlaceholder"
-                ),
-                displayMode: "chips"
-              }
-            )
-          ] }, option.id);
-        }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-      /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: t("actions.save") })
-    ] }) })
-  ] }) });
-};
-
-// src/routes/products/product-options-manage/product-options-manage.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ProductOptionsManage = () => {
-  const { id } = useParams();
-  const { t } = useTranslation2();
-  const { product, isLoading, isError, error } = useProduct(id, {
-    fields: PRODUCT_DETAIL_FIELDS
-  });
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs2(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.options.manage.header") }) }),
-      /* @__PURE__ */ jsx2(RouteDrawer.Description, { className: "sr-only", children: t("products.options.manage.description") })
-    ] }),
-    !isLoading && product && /* @__PURE__ */ jsx2(ProductOptionsManageForm, { product })
-  ] });
-};
-export {
-  ProductOptionsManage as Component
-};

package/src/hooks/api/product-options.tsx

@@ -1,151 +0,0 @@
-import { FetchError } from "@medusajs/js-sdk"
-import {
-  QueryKey,
-  useMutation,
-  UseMutationOptions,
-  useQuery,
-  UseQueryOptions,
-} from "@tanstack/react-query"
-import { sdk } from "../../lib/client"
-import { queryKeysFactory } from "../../lib/query-key-factory"
-import { HttpTypes } from "@medusajs/types"
-import { queryClient } from "../../lib/query-client.ts"
-
-const PRODUCT_OPTIONS_QUERY_KEY = "product_options" as const
-export const productOptionsQueryKeys = queryKeysFactory(
-  PRODUCT_OPTIONS_QUERY_KEY
-)
-
-export const useProductOption = (
-  id: string,
-  query?: HttpTypes.AdminProductOptionParams,
-  options?: Omit<
-    UseQueryOptions<
-      HttpTypes.AdminProductOptionResponse,
-      FetchError,
-      HttpTypes.AdminProductOptionResponse,
-      QueryKey
-    >,
-    "queryFn" | "queryKey"
-  >
-) => {
-  const { data, ...rest } = useQuery({
-    queryKey: productOptionsQueryKeys.detail(id, query),
-    queryFn: () => sdk.admin.productOption.retrieve(id, query),
-    ...options,
-  })
-
-  return { ...data, ...rest }
-}
-
-export const useProductOptions = (
-  query?: HttpTypes.AdminProductOptionListParams,
-  options?: Omit<
-    UseQueryOptions<
-      HttpTypes.AdminProductOptionListResponse,
-      FetchError,
-      HttpTypes.AdminProductOptionListResponse,
-      QueryKey
-    >,
-    "queryFn" | "queryKey"
-  >
-) => {
-  const { data, ...rest } = useQuery({
-    queryFn: () => sdk.admin.productOption.list(query),
-    queryKey: productOptionsQueryKeys.list(query),
-    ...options,
-  })
-
-  return { ...data, ...rest }
-}
-
-export const useCreateProductOption = (
-  options?: UseMutationOptions<
-    HttpTypes.AdminProductOptionResponse,
-    FetchError,
-    HttpTypes.AdminCreateProductOption
-  >
-) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.admin.productOption.create(payload),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.lists(),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}
-
-export const useUpdateProductOption = (
-  id: string,
-  options?: UseMutationOptions<
-    HttpTypes.AdminProductOptionResponse,
-    FetchError,
-    HttpTypes.AdminUpdateProductOption
-  >
-) => {
-  return useMutation({
-    mutationFn: (payload) => sdk.admin.productOption.update(id, payload),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.lists(),
-      })
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.detail(id),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}
-
-export const useDeleteProductOption = (
-  id: string,
-  options?: UseMutationOptions<
-    HttpTypes.AdminProductOptionDeleteResponse,
-    FetchError,
-    void
-  >
-) => {
-  return useMutation({
-    mutationFn: () => sdk.admin.productOption.delete(id),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.lists(),
-      })
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.detail(id),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}
-
-export const useDeleteProductOptionLazy = (
-  options?: UseMutationOptions<
-    HttpTypes.AdminProductOptionDeleteResponse,
-    FetchError,
-    string
-  >
-) => {
-  return useMutation({
-    mutationFn: (id: string) => sdk.admin.productOption.delete(id),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.lists(),
-      })
-      queryClient.invalidateQueries({
-        queryKey: productOptionsQueryKeys.details(),
-      })
-
-      options?.onSuccess?.(data, variables, context)
-    },
-    ...options,
-  })
-}

package/src/hooks/table/columns/use-product-option-table-columns.tsx

@@ -1,44 +0,0 @@
-import { createColumnHelper } from "@tanstack/react-table"
-import { useMemo } from "react"
-import { useTranslation } from "react-i18next"
-import { TextCell } from "../../../components/table/table-cells/common/text-cell"
-import { HttpTypes } from "@medusajs/types"
-import { Badge } from "@medusajs/ui"
-
-const columnHelper = createColumnHelper<HttpTypes.AdminProductOption>()
-
-export const useProductOptionTableColumns = () => {
-  const { t } = useTranslation()
-
-  return useMemo(
-    () => [
-      columnHelper.accessor("title", {
-        header: t("fields.title"),
-        cell: ({ getValue }) => <TextCell text={getValue()} />,
-      }),
-      columnHelper.accessor("values", {
-        header: t("fields.values"),
-        cell: ({ getValue }) => {
-          const values = getValue()
-          const count = values?.length || 0
-          const displayText =
-            count > 0 ? `${count} ${count === 1 ? "value" : "values"}` : "-"
-
-          return <TextCell text={displayText} />
-        },
-      }),
-      columnHelper.accessor("is_exclusive", {
-        header: t("fields.status"),
-        cell: ({ getValue }) => {
-          const isExclusive = getValue()
-          return (
-            <Badge size="xsmall" color={isExclusive ? "grey" : "blue"}>
-              {t(`general.${isExclusive ? "exclusive" : "global"}`)}
-            </Badge>
-          )
-        },
-      }),
-    ],
-    [t]
-  )
-}

package/src/hooks/table/filters/use-product-option-table-filters.tsx

@@ -1,33 +0,0 @@
-import { useTranslation } from "react-i18next"
-import { createDataTableFilterHelper } from "@medusajs/ui"
-import { HttpTypes } from "@medusajs/types"
-import { useDataTableDateFilters } from "../../../components/data-table/helpers/general/use-data-table-date-filters.tsx"
-import { useMemo } from "react"
-
-const filterHelper = createDataTableFilterHelper<HttpTypes.AdminProductOption>()
-
-export const useProductOptionTableFilters = () => {
-  const { t } = useTranslation()
-  const dateFilters = useDataTableDateFilters()
-
-  return useMemo(
-    () => [
-      filterHelper.accessor("is_exclusive", {
-        label: t("fields.type"),
-        type: "radio",
-        options: [
-          {
-            label: t("general.exclusive"),
-            value: "true",
-          },
-          {
-            label: t("general.global"),
-            value: "false",
-          },
-        ],
-      }),
-      ...dateFilters,
-    ],
-    [dateFilters, t]
-  )
-}

package/src/hooks/table/query/use-product-option-table-query.tsx

@@ -1,34 +0,0 @@
-import { HttpTypes } from "@medusajs/types"
-import { useQueryParams } from "../../use-query-params"
-
-type UseProductOptionTableQueryProps = {
-  prefix?: string
-  pageSize?: number
-}
-
-export const useProductOptionTableQuery = ({
-  prefix,
-  pageSize = 20,
-}: UseProductOptionTableQueryProps) => {
-  const queryObject = useQueryParams(
-    ["offset", "q", "order", "created_at", "updated_at", "is_exclusive"],
-    prefix
-  )
-
-  const { offset, created_at, updated_at, q, order, is_exclusive } = queryObject
-
-  const searchParams: HttpTypes.AdminProductOptionListParams = {
-    limit: pageSize,
-    offset: offset ? Number(offset) : 0,
-    order,
-    created_at: created_at ? JSON.parse(created_at) : undefined,
-    updated_at: updated_at ? JSON.parse(updated_at) : undefined,
-    is_exclusive: is_exclusive === "true" ? true : is_exclusive === "false" ? false : undefined,
-    q,
-  }
-
-  return {
-    searchParams,
-    raw: queryObject,
-  }
-}

package/src/routes/product-options/common/hooks/use-delete-product-option-action.tsx

@@ -1,41 +0,0 @@
-import { useNavigate } from "react-router-dom"
-import { toast, usePrompt } from "@medusajs/ui"
-import { useTranslation } from "react-i18next"
-import { useDeleteProductOption } from "../../../../hooks/api"
-import { HttpTypes } from "@medusajs/types"
-
-export const useDeleteProductOptionAction = ({
-  id,
-  title,
-}: HttpTypes.AdminProductOption) => {
-  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(undefined, {
-      onSuccess: () => {
-        navigate("/product-options", {
-          replace: true,
-        })
-        toast.success(t("productOptions.delete.successToast", { title }))
-      },
-      onError: (e) => {
-        toast.error(e.message)
-      },
-    })
-  }
-}

package/src/routes/product-options/product-option-create/components/create-product-option-form/create-product-option-details.tsx

@@ -1,71 +0,0 @@
-import { Heading, Input, Text } from "@medusajs/ui"
-import { UseFormReturn } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-
-import { Form } from "../../../../../components/common/form"
-import { ChipInput } from "../../../../../components/inputs/chip-input"
-import { CreateProductOptionSchema } from "./schema"
-
-type CreateProductOptionDetailsProps = {
-  form: UseFormReturn<CreateProductOptionSchema>
-}
-
-export const CreateProductOptionDetails = ({
-  form,
-}: CreateProductOptionDetailsProps) => {
-  const { t } = useTranslation()
-
-  return (
-    <div className="flex flex-col items-center p-16">
-      <div className="flex w-full max-w-[720px] flex-col gap-y-8">
-        <div>
-          <Heading>{t("productOptions.create.header")}</Heading>
-          <Text size="small" className="text-ui-fg-subtle">
-            {t("productOptions.create.hint")}
-          </Text>
-        </div>
-        <Form.Field
-          control={form.control}
-          name="title"
-          render={({ field }) => {
-            return (
-              <Form.Item>
-                <Form.Label>
-                  {t("productOptions.fields.title.label")}
-                </Form.Label>
-                <Form.Control>
-                  <Input
-                    autoComplete="off"
-                    {...field}
-                    placeholder={t("productOptions.fields.title.placeholder")}
-                  />
-                </Form.Control>
-                <Form.ErrorMessage />
-              </Form.Item>
-            )
-          }}
-        />
-        <Form.Field
-          control={form.control}
-          name="values"
-          render={({ field }) => {
-            return (
-              <Form.Item>
-                <Form.Label>
-                  {t("productOptions.fields.values.label")}
-                </Form.Label>
-                <Form.Control>
-                  <ChipInput
-                    {...field}
-                    placeholder={t("productOptions.fields.values.placeholder")}
-                  />
-                </Form.Control>
-                <Form.ErrorMessage />
-              </Form.Item>
-            )
-          }}
-        />
-      </div>
-    </div>
-  )
-}