@mercurjs/vendor 2.1.2 → 2.2.0-canary.1

package/dist/organization-XGFU4YDG.js

@@ -0,0 +1,375 @@
+import {
+  SingleCategoryCombobox
+} from "./chunk-7SLWXX6L.js";
+import {
+  useComboboxData
+} from "./chunk-OVPAOBZB.js";
+import {
+  Combobox
+} from "./chunk-VBRTC2VU.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-GDWBOQI5.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import {
+  require_dist
+} from "./chunk-2MDGYHWN.js";
+import "./chunk-INNFZYX2.js";
+import {
+  useFeatureFlags
+} from "./chunk-GXIAIITP.js";
+import "./chunk-F4OJN2F2.js";
+import "./chunk-LRARA622.js";
+import "./chunk-M6N4ISXL.js";
+import "./chunk-S7EKBD2C.js";
+import "./chunk-VXMOPVRH.js";
+import "./chunk-VV6IKGCN.js";
+import "./chunk-NHFEY3EI.js";
+import "./chunk-BOZJOOGW.js";
+import "./chunk-LWJF63JW.js";
+import "./chunk-T6LHVNWO.js";
+import "./chunk-4S6XGIC6.js";
+import "./chunk-QT7YFHCA.js";
+import "./chunk-IQWK723D.js";
+import "./chunk-UORPTGV2.js";
+import "./chunk-NXNJQZCP.js";
+import "./chunk-VXWN37PT.js";
+import "./chunk-RZLN2Q6G.js";
+import "./chunk-NBPMNUKZ.js";
+import "./chunk-QS6RWIBL.js";
+import "./chunk-3B34B2M2.js";
+import {
+  useProduct,
+  useUpdateProduct
+} from "./chunk-QNNJN4H6.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  sdk
+} from "./chunk-RIN4CBRB.js";
+import {
+  __toESM
+} from "./chunk-NBMM2TZK.js";
+
+// src/pages/products/[id]/organization/index.tsx
+import { Heading } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { useParams } from "react-router-dom";
+
+// src/pages/products/[id]/organization/product-organization-form/product-organization-form.tsx
+var import_types = __toESM(require_dist(), 1);
+import { Button, toast } from "@medusajs/ui";
+import { useForm } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as zod from "zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductOrganizationSchema = zod.object({
+  type_id: zod.string().nullable(),
+  collection_id: zod.string().nullable(),
+  brand_id: zod.string().nullable(),
+  category_id: zod.string().optional(),
+  tag_ids: zod.array(zod.string())
+});
+var ProductOrganizationForm = ({
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  const { feature_flags } = useFeatureFlags();
+  const isProductRequestEnabled = !!feature_flags?.[import_types.MercurFeatureFlags.PRODUCT_REQUEST];
+  const collections = useComboboxData({
+    queryKey: ["product_collections"],
+    queryFn: (params) => sdk.vendor.collections.query(params),
+    getOptions: (data) => data.collections.map((collection) => ({
+      label: collection.title,
+      value: collection.id
+    }))
+  });
+  const types = useComboboxData({
+    queryKey: ["product_types"],
+    queryFn: (params) => sdk.vendor.productTypes.query(params),
+    getOptions: (data) => data.product_types.map((type) => ({
+      label: type.value,
+      value: type.id
+    }))
+  });
+  const tags = useComboboxData({
+    queryKey: ["product_tags"],
+    queryFn: (params) => sdk.vendor.productTags.query(params),
+    getOptions: (data) => data.product_tags.map((tag) => ({
+      label: tag.value,
+      value: tag.id
+    }))
+  });
+  const brands = useComboboxData({
+    queryKey: ["product_brands"],
+    queryFn: (params) => sdk.vendor.productBrands.query(params),
+    getOptions: (data) => data.product_brands.map((brand) => ({
+      label: brand.name,
+      value: brand.id
+    }))
+  });
+  const form = useForm({
+    defaultValues: {
+      type_id: product.type_id ?? "",
+      collection_id: product.collection_id ?? "",
+      brand_id: product.brand_id ?? "",
+      category_id: product.categories?.[0]?.id ?? "",
+      tag_ids: product.tags?.map((t2) => t2.id) || []
+    },
+    resolver: zodResolver(ProductOrganizationSchema)
+  });
+  const { mutateAsync, isPending } = useUpdateProduct(product.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        type_id: data.type_id || null,
+        collection_id: data.collection_id || null,
+        brand_id: data.brand_id || null,
+        categories: data.category_id ? [{ id: data.category_id }] : [],
+        tags: data.tag_ids?.map((t2) => ({ id: t2 }))
+      },
+      {
+        onSuccess: () => {
+          toast.success(
+            isProductRequestEnabled ? t("products.edit.requestSuccessToast") : t("products.organization.edit.toasts.success", {
+              title: product.title
+            })
+          );
+          handleSuccess();
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, "data-testid": "product-organization-form", children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      onSubmit: handleSubmit,
+      className: "flex h-full flex-col",
+      "data-testid": "product-organization-keybound-form",
+      children: [
+        /* @__PURE__ */ jsx(RouteDrawer.Body, { "data-testid": "product-organization-form-body", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex h-full flex-col gap-y-4",
+            "data-testid": "product-organization-form-fields",
+            children: [
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "type_id",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-organization-form-type-item", children: [
+                      /* @__PURE__ */ jsx(
+                        Form.Label,
+                        {
+                          optional: true,
+                          "data-testid": "product-organization-form-type-label",
+                          children: t("products.fields.type.label")
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-organization-form-type-control", children: /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          ...field,
+                          options: types.options,
+                          searchValue: types.searchValue,
+                          onSearchValueChange: types.onSearchValueChange,
+                          fetchNextPage: types.fetchNextPage,
+                          "data-testid": "product-organization-form-type-combobox"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-organization-form-type-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "brand_id",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-organization-form-brand-item", children: [
+                      /* @__PURE__ */ jsx(
+                        Form.Label,
+                        {
+                          optional: true,
+                          "data-testid": "product-organization-form-brand-label",
+                          children: t("fields.brand")
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-organization-form-brand-control", children: /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          ...field,
+                          multiple: false,
+                          options: brands.options,
+                          searchValue: brands.searchValue,
+                          onSearchValueChange: brands.onSearchValueChange,
+                          fetchNextPage: brands.fetchNextPage,
+                          "data-testid": "product-organization-form-brand-combobox"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-organization-form-brand-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "collection_id",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-organization-form-collection-item", children: [
+                      /* @__PURE__ */ jsx(
+                        Form.Label,
+                        {
+                          optional: true,
+                          "data-testid": "product-organization-form-collection-label",
+                          children: t("products.fields.collection.label")
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-organization-form-collection-control", children: /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          ...field,
+                          multiple: false,
+                          options: collections.options,
+                          onSearchValueChange: collections.onSearchValueChange,
+                          searchValue: collections.searchValue,
+                          "data-testid": "product-organization-form-collection-combobox"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-organization-form-collection-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "category_id",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-organization-form-category-item", children: [
+                      /* @__PURE__ */ jsx(Form.Label, { "data-testid": "product-organization-form-category-label", children: t("fields.category") }),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-organization-form-categories-control", children: /* @__PURE__ */ jsx(
+                        SingleCategoryCombobox,
+                        {
+                          ...field,
+                          "data-testid": "product-organization-form-categories-combobox"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-organization-form-categories-error" })
+                    ] });
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Form.Field,
+                {
+                  control: form.control,
+                  name: "tag_ids",
+                  render: ({ field }) => {
+                    return /* @__PURE__ */ jsxs(Form.Item, { "data-testid": "product-organization-form-tags-item", children: [
+                      /* @__PURE__ */ jsx(
+                        Form.Label,
+                        {
+                          optional: true,
+                          "data-testid": "product-organization-form-tags-label",
+                          children: t("products.fields.tags.label")
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Form.Control, { "data-testid": "product-organization-form-tags-control", children: /* @__PURE__ */ jsx(
+                        Combobox,
+                        {
+                          ...field,
+                          multiple: true,
+                          options: tags.options,
+                          onSearchValueChange: tags.onSearchValueChange,
+                          searchValue: tags.searchValue,
+                          "data-testid": "product-organization-form-tags-combobox"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsx(Form.ErrorMessage, { "data-testid": "product-organization-form-tags-error" })
+                    ] });
+                  }
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(RouteDrawer.Footer, { "data-testid": "product-organization-form-footer", children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center justify-end gap-x-2",
+            "data-testid": "product-organization-form-footer-actions",
+            children: [
+              /* @__PURE__ */ jsx(
+                RouteDrawer.Close,
+                {
+                  asChild: true,
+                  "data-testid": "product-organization-form-cancel-button-wrapper",
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      variant: "secondary",
+                      "data-testid": "product-organization-form-cancel-button",
+                      children: t("actions.cancel")
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  type: "submit",
+                  isLoading: isPending,
+                  "data-testid": "product-organization-form-save-button",
+                  children: t("actions.save")
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+
+// src/pages/products/[id]/organization/index.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Component = () => {
+  const { id } = useParams();
+  const { t } = useTranslation2();
+  const { product, isLoading, isError, error } = useProduct(id, {
+    fields: "*categories"
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
+    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx2(Heading, { children: t("products.organization.edit.header") }) }) }),
+    !isLoading && product && /* @__PURE__ */ jsx2(ProductOrganizationForm, { product })
+  ] });
+};
+export {
+  Component
+};

package/dist/{organize-RFOMQCBG.js → organize-HNJUHEEG.js}

@@ -1,12 +1,12 @@
 import {
   OrganizeCategoryForm
-} from "./chunk-PEKANQ3T.js";
+} from "./chunk-FJUUGFXL.js";
 import {
   RouteFocusModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-ZEVYT6IX.js";
+import "./chunk-RZLN2Q6G.js";
+import "./chunk-QNNJN4H6.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";

package/dist/{organize-OVKJ3HZO.js → organize-K6QMAMEN.js}

@@ -1,12 +1,12 @@
 import {
   OrganizeCategoryForm
-} from "./chunk-PEKANQ3T.js";
+} from "./chunk-FJUUGFXL.js";
 import {
   RouteFocusModal
-} from "./chunk-3CK6OINO.js";
+} from "./chunk-GDWBOQI5.js";
 import "./chunk-3QSRE5LS.js";
-import "./chunk-RUE5BPC2.js";
-import "./chunk-ZEVYT6IX.js";
+import "./chunk-RZLN2Q6G.js";
+import "./chunk-QNNJN4H6.js";
 import "./chunk-A5DJIOHN.js";
 import "./chunk-RHKRREUU.js";
 import "./chunk-ZA2KFUFR.js";