@mercurjs/vendor 2.0.0-canary.0

package/dist/organization-VQXCKHCN.js

@@ -0,0 +1,233 @@
+import {
+  CategoryCombobox
+} from "./chunk-TXEPCJEQ.js";
+import {
+  useComboboxData
+} from "./chunk-OVPAOBZB.js";
+import {
+  Combobox
+} from "./chunk-AW77UWCZ.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteDrawer,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import {
+  Form
+} from "./chunk-3QSRE5LS.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-ASVMGV2B.js";
+import {
+  useProduct,
+  useUpdateProduct
+} from "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import {
+  fetchQuery,
+  sdk
+} from "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.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
+import { Button, toast } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import * as zod from "zod";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ProductOrganizationSchema = zod.object({
+  type_id: zod.string().nullable(),
+  collection_id: zod.string().nullable(),
+  categories: zod.array(zod.string()),
+  tag_ids: zod.array(zod.string())
+});
+var ProductOrganizationForm = ({
+  product
+}) => {
+  const { t } = useTranslation();
+  const { handleSuccess } = useRouteModal();
+  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) => fetchQuery("/vendor/product-types", {
+      method: "GET",
+      query: params
+    }),
+    getOptions: (data) => data.product_types.map((type) => ({
+      label: type.value,
+      value: type.id
+    }))
+  });
+  const tags = useComboboxData({
+    queryKey: ["product_tags"],
+    queryFn: (params) => fetchQuery("/vendor/product-tags", {
+      method: "GET",
+      query: params
+    }),
+    getOptions: (data) => data.product_tags.map((tag) => ({
+      label: tag.value,
+      value: tag.id
+    }))
+  });
+  const form = useForm({
+    defaultValues: {
+      type_id: product.type_id ?? "",
+      collection_id: product.collection_id ?? "",
+      categories: product.categories?.map((c) => c.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 ? data.type_id : void 0,
+        collection_id: data.collection_id ? data.collection_id : void 0,
+        categories: data.categories?.map((id) => ({ id })) ?? [],
+        tags: data.tag_ids?.map((t2) => ({ id: t2 })) ?? []
+      },
+      {
+        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: "type_id",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("products.fields.type.label") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  options: types.options,
+                  searchValue: types.searchValue,
+                  onSearchValueChange: types.onSearchValueChange,
+                  fetchNextPage: types.fetchNextPage
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "collection_id",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("products.fields.collection.label") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  multiple: false,
+                  options: collections.options,
+                  onSearchValueChange: collections.onSearchValueChange,
+                  searchValue: collections.searchValue
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "categories",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("products.fields.categories.label") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CategoryCombobox, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control: form.control,
+          name: "tag_ids",
+          render: ({ field }) => {
+            return /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, children: t("products.fields.tags.label") }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  ...field,
+                  multiple: true,
+                  options: tags.options,
+                  onSearchValueChange: tags.onSearchValueChange,
+                  searchValue: tags.searchValue
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] });
+          }
+        }
+      )
+    ] }) }),
+    /* @__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/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-3F5ZUIGB.js

@@ -0,0 +1,23 @@
+import {
+  OrganizeCategoryForm
+} from "./chunk-WS652CCV.js";
+import {
+  RouteFocusModal
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-ASVMGV2B.js";
+import "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/categories/organize/index.tsx
+import { jsx } from "react/jsx-runtime";
+var Component = () => {
+  return /* @__PURE__ */ jsx(RouteFocusModal, { children: /* @__PURE__ */ jsx(OrganizeCategoryForm, {}) });
+};
+export {
+  Component
+};

package/dist/organize-WPWEPCF7.js

@@ -0,0 +1,23 @@
+import {
+  OrganizeCategoryForm
+} from "./chunk-WS652CCV.js";
+import {
+  RouteFocusModal
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import "./chunk-ASVMGV2B.js";
+import "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/categories/[id]/organize/index.tsx
+import { jsx } from "react/jsx-runtime";
+var Component = () => {
+  return /* @__PURE__ */ jsx(RouteFocusModal, { children: /* @__PURE__ */ jsx(OrganizeCategoryForm, {}) });
+};
+export {
+  Component
+};