@medusajs/draft-order 0.0.1 → 0.0.2

package/.medusa/server/src/admin/routes/draft-orders/_id_/@metadata/page.js

@@ -1,338 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { EllipsisVertical, ArrowUpMini, ArrowDownMini, Trash } from "@medusajs/icons";
-import { clx, Heading, toast, DropdownMenu, IconButton, Button, Skeleton } from "@medusajs/ui";
-import { forwardRef } from "react";
-import { useForm, useFieldArray } from "react-hook-form";
-import { z } from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/zod/lib/index.mjs";
-import { useParams } from "react-router-dom";
-import { ConditionalTooltip } from "../../../../components/common/conditional-tooltip.js";
-import { Form } from "../../../../components/common/form.js";
-import { InlineTip } from "../../../../components/common/inline-tip.js";
-import { KeyboundForm } from "../../../../components/common/keybound-form.js";
-import { RouteDrawer } from "../../../../components/modals/route-drawer/route-drawer.js";
-import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
-import "../../../../components/modals/route-modal-provider/route-modal-context.js";
-import { useRouteModal } from "../../../../components/modals/route-modal-provider/use-route-modal.js";
-import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
-import "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
-import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
-import { useUpdateDraftOrder } from "../../../../hooks/api/draft-orders.js";
-import { useOrder } from "../../../../hooks/api/orders.js";
-const MetadataFieldSchema = z.object({
-  key: z.string(),
-  disabled: z.boolean().optional(),
-  value: z.any()
-});
-const MetadataSchema = z.object({
-  metadata: z.array(MetadataFieldSchema)
-});
-const Metadata = () => {
-  const { id } = useParams();
-  const { order, isPending, isError, error } = useOrder(id, {
-    fields: "metadata"
-  });
-  if (isError) {
-    throw error;
-  }
-  const isReady = !isPending && !!order;
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Metadata" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Add metadata to the draft order." }) })
-    ] }),
-    !isReady ? /* @__PURE__ */ jsx(PlaceholderInner, {}) : /* @__PURE__ */ jsx(MetadataForm, { orderId: id, metadata: order == null ? void 0 : order.metadata })
-  ] });
-};
-const METADATA_KEY_LABEL_ID = "metadata-form-key-label";
-const METADATA_VALUE_LABEL_ID = "metadata-form-value-label";
-const MetadataForm = ({ orderId, metadata }) => {
-  const { handleSuccess } = useRouteModal();
-  const hasUneditableRows = getHasUneditableRows(metadata);
-  const { mutateAsync, isPending } = useUpdateDraftOrder(orderId);
-  const form = useForm({
-    defaultValues: {
-      metadata: getDefaultValues(metadata)
-    },
-    resolver: zodResolver(MetadataSchema)
-  });
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const parsedData = parseValues(data);
-    await mutateAsync(
-      {
-        metadata: parsedData
-      },
-      {
-        onSuccess: () => {
-          toast.success("Metadata updated");
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  const { fields, insert, remove } = useFieldArray({
-    control: form.control,
-    name: "metadata"
-  });
-  function deleteRow(index) {
-    remove(index);
-    if (fields.length === 1) {
-      insert(0, {
-        key: "",
-        value: "",
-        disabled: false
-      });
-    }
-  }
-  function insertRow(index, position) {
-    insert(index + (position === "above" ? 0 : 1), {
-      key: "",
-      value: "",
-      disabled: false
-    });
-  }
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex flex-1 flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-8 overflow-y-auto", children: [
-          /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-base shadow-elevation-card-rest grid grid-cols-1 divide-y rounded-lg", children: [
-            /* @__PURE__ */ jsxs("div", { className: "bg-ui-bg-subtle grid grid-cols-2 divide-x rounded-t-lg", children: [
-              /* @__PURE__ */ jsx("div", { className: "txt-compact-small-plus text-ui-fg-subtle px-2 py-1.5", children: /* @__PURE__ */ jsx("label", { id: METADATA_KEY_LABEL_ID, children: "Key" }) }),
-              /* @__PURE__ */ jsx("div", { className: "txt-compact-small-plus text-ui-fg-subtle px-2 py-1.5", children: /* @__PURE__ */ jsx("label", { id: METADATA_VALUE_LABEL_ID, children: "Value" }) })
-            ] }),
-            fields.map((field, index) => {
-              const isDisabled = field.disabled || false;
-              let placeholder = "-";
-              if (typeof field.value === "object") {
-                placeholder = "{ ... }";
-              }
-              if (Array.isArray(field.value)) {
-                placeholder = "[ ... ]";
-              }
-              return /* @__PURE__ */ jsx(
-                ConditionalTooltip,
-                {
-                  showTooltip: isDisabled,
-                  content: "This row is disabled because it contains non-primitive data.",
-                  children: /* @__PURE__ */ jsxs("div", { className: "group/table relative", children: [
-                    /* @__PURE__ */ jsxs(
-                      "div",
-                      {
-                        className: clx("grid grid-cols-2 divide-x", {
-                          "overflow-hidden rounded-b-lg": index === fields.length - 1
-                        }),
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            Form.Field,
-                            {
-                              control: form.control,
-                              name: `metadata.${index}.key`,
-                              render: ({ field: field2 }) => {
-                                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                                  GridInput,
-                                  {
-                                    "aria-labelledby": METADATA_KEY_LABEL_ID,
-                                    ...field2,
-                                    disabled: isDisabled,
-                                    placeholder: "Key"
-                                  }
-                                ) }) });
-                              }
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(
-                            Form.Field,
-                            {
-                              control: form.control,
-                              name: `metadata.${index}.value`,
-                              render: ({ field: { value, ...field2 } }) => {
-                                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                                  GridInput,
-                                  {
-                                    "aria-labelledby": METADATA_VALUE_LABEL_ID,
-                                    ...field2,
-                                    value: isDisabled ? placeholder : value,
-                                    disabled: isDisabled,
-                                    placeholder: "Value"
-                                  }
-                                ) }) });
-                              }
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-                      /* @__PURE__ */ jsx(
-                        DropdownMenu.Trigger,
-                        {
-                          className: clx(
-                            "invisible absolute inset-y-0 -right-2.5 my-auto group-hover/table:visible data-[state='open']:visible",
-                            {
-                              hidden: isDisabled
-                            }
-                          ),
-                          disabled: isDisabled,
-                          asChild: true,
-                          children: /* @__PURE__ */ jsx(IconButton, { size: "2xsmall", children: /* @__PURE__ */ jsx(EllipsisVertical, {}) })
-                        }
-                      ),
-                      /* @__PURE__ */ jsxs(DropdownMenu.Content, { children: [
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenu.Item,
-                          {
-                            className: "gap-x-2",
-                            onClick: () => insertRow(index, "above"),
-                            children: [
-                              /* @__PURE__ */ jsx(ArrowUpMini, { className: "text-ui-fg-subtle" }),
-                              "Insert row above"
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenu.Item,
-                          {
-                            className: "gap-x-2",
-                            onClick: () => insertRow(index, "below"),
-                            children: [
-                              /* @__PURE__ */ jsx(ArrowDownMini, { className: "text-ui-fg-subtle" }),
-                              "Insert row below"
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-                        /* @__PURE__ */ jsxs(
-                          DropdownMenu.Item,
-                          {
-                            className: "gap-x-2",
-                            onClick: () => deleteRow(index),
-                            children: [
-                              /* @__PURE__ */ jsx(Trash, { className: "text-ui-fg-subtle" }),
-                              "Delete row"
-                            ]
-                          }
-                        )
-                      ] })
-                    ] })
-                  ] })
-                },
-                field.id
-              );
-            })
-          ] }),
-          hasUneditableRows && /* @__PURE__ */ jsx(InlineTip, { variant: "warning", label: "Some rows are disabled", children: "This object contains non-primitive metadata, such as arrays or objects, that can't be edited here. To edit the disabled rows, use the API directly." })
-        ] }),
-        /* @__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", type: "button", children: "Cancel" }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-        ] }) })
-      ]
-    }
-  ) });
-};
-const GridInput = forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ref,
-      ...props,
-      autoComplete: "off",
-      className: clx(
-        "txt-compact-small text-ui-fg-base placeholder:text-ui-fg-muted disabled:text-ui-fg-disabled disabled:bg-ui-bg-base bg-transparent px-2 py-1.5 outline-none",
-        className
-      )
-    }
-  );
-});
-GridInput.displayName = "MetadataForm.GridInput";
-const PlaceholderInner = () => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-[148ox] w-full rounded-lg" }) }),
-    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-12 rounded-md" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-12 rounded-md" })
-    ] }) })
-  ] });
-};
-const EDITABLE_TYPES = ["string", "number", "boolean"];
-function getDefaultValues(metadata) {
-  if (!metadata || !Object.keys(metadata).length) {
-    return [
-      {
-        key: "",
-        value: "",
-        disabled: false
-      }
-    ];
-  }
-  return Object.entries(metadata).map(([key, value]) => {
-    if (!EDITABLE_TYPES.includes(typeof value)) {
-      return {
-        key,
-        value,
-        disabled: true
-      };
-    }
-    let stringValue = value;
-    if (typeof value !== "string") {
-      stringValue = JSON.stringify(value);
-    }
-    return {
-      key,
-      value: stringValue,
-      original_key: key
-    };
-  });
-}
-function parseValues(values) {
-  const metadata = values.metadata;
-  const isEmpty = !metadata.length || metadata.length === 1 && !metadata[0].key && !metadata[0].value;
-  if (isEmpty) {
-    return null;
-  }
-  const update = {};
-  metadata.forEach((field) => {
-    let key = field.key;
-    let value = field.value;
-    const disabled = field.disabled;
-    if (!key || !value) {
-      return;
-    }
-    if (disabled) {
-      update[key] = value;
-      return;
-    }
-    key = key.trim();
-    value = value.trim();
-    if (value === "true") {
-      update[key] = true;
-    } else if (value === "false") {
-      update[key] = false;
-    } else {
-      const parsedNumber = parseFloat(value);
-      if (!isNaN(parsedNumber)) {
-        update[key] = parsedNumber;
-      } else {
-        update[key] = value;
-      }
-    }
-  });
-  return update;
-}
-function getHasUneditableRows(metadata) {
-  if (!metadata) {
-    return false;
-  }
-  return Object.values(metadata).some(
-    (value) => !EDITABLE_TYPES.includes(typeof value)
-  );
-}
-export {
-  Metadata as default
-};

package/.medusa/server/src/admin/routes/draft-orders/_id_/@promotions/page.js

@@ -1,70 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { Heading, toast, Input, Button } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useParams } from "react-router-dom";
-import { z } from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/zod/lib/index.mjs";
-import { Form } from "../../../../components/common/form.js";
-import { KeyboundForm } from "../../../../components/common/keybound-form.js";
-import { RouteDrawer } from "../../../../components/modals/route-drawer/route-drawer.js";
-import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
-import "react";
-import "../../../../components/modals/route-modal-provider/route-modal-context.js";
-import { useRouteModal } from "../../../../components/modals/route-modal-provider/use-route-modal.js";
-import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
-import "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
-import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
-import { useUpdateDraftOrderPromotions } from "../../../../hooks/api/draft-orders.js";
-const Promotions = () => {
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Promotions" }) }) }),
-    /* @__PURE__ */ jsx(PromotionForm, {})
-  ] });
-};
-const PromotionForm = () => {
-  const { id } = useParams();
-  const { handleSuccess } = useRouteModal();
-  const form = useForm({
-    resolver: zodResolver(schema)
-  });
-  const { mutateAsync, isPending } = useUpdateDraftOrderPromotions(id);
-  const onSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      {
-        promo_codes: [data.promo_codes]
-      },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", onSubmit, children: [
-    /* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsx(
-      Form.Field,
-      {
-        control: form.control,
-        name: "promo_codes",
-        render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-          /* @__PURE__ */ jsx(Form.Label, { children: "Promo Codes" }),
-          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-          /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-      /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
-    ] }) })
-  ] }) });
-};
-const schema = z.object({
-  promo_codes: z.string().optional()
-});
-export {
-  Promotions as default
-};

package/.medusa/server/src/admin/routes/draft-orders/_id_/@sales-channel/page.js

@@ -1,113 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { zodResolver } from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/@hookform/resolvers/zod/dist/zod.mjs";
-import { Heading, Button } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useParams } from "react-router-dom";
-import { z } from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/zod/lib/index.mjs";
-import { Form } from "../../../../components/common/form.js";
-import { KeyboundForm } from "../../../../components/common/keybound-form.js";
-import { Combobox } from "../../../../components/inputs/combobox.js";
-import { SwitchBlock } from "../../../../components/inputs/switch-block.js";
-import { RouteDrawer } from "../../../../components/modals/route-drawer/route-drawer.js";
-import "../../../../components/modals/route-focus-modal/route-focus-modal.js";
-import "react";
-import "../../../../components/modals/route-modal-provider/route-modal-context.js";
-import "../../../../components/modals/stacked-drawer/stacked-drawer.js";
-import "../../../../components/modals/stacked-focus-modal/stacked-focus-modal.js";
-import "../../../../components/modals/stacked-modal-provider/stacked-modal-context.js";
-import { useDraftOrder } from "../../../../hooks/api/draft-orders.js";
-import { useComboboxData } from "../../../../hooks/common/use-combobox-data.js";
-import { sdk } from "../../../../lib/queries/sdk.js";
-const SalesChannel = () => {
-  const { id } = useParams();
-  const { draft_order, isPending, isError, error } = useDraftOrder(
-    id,
-    {
-      fields: "+sales_channel_id"
-    },
-    {
-      enabled: !!id
-    }
-  );
-  if (isError) {
-    throw error;
-  }
-  const ready = draft_order && !isPending;
-  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Sales Channel" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Update which sales channel the draft order is associated with" }) })
-    ] }),
-    ready && /* @__PURE__ */ jsx(SalesChannelForm, { order: draft_order })
-  ] });
-};
-const SalesChannelForm = ({ order }) => {
-  const form = useForm({
-    defaultValues: {
-      sales_channel_id: order.sales_channel_id || void 0,
-      notify: false
-    },
-    resolver: zodResolver(schema)
-  });
-  const salesChannels = useComboboxData({
-    queryFn: async (params) => {
-      return await sdk.admin.salesChannel.list(params);
-    },
-    queryKey: ["sales-channels"],
-    getOptions: (data) => {
-      return data.sales_channels.map((salesChannel) => ({
-        label: salesChannel.name,
-        value: salesChannel.id
-      }));
-    },
-    defaultValue: order.sales_channel_id || void 0
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
-    /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-1 flex-col gap-y-6", children: [
-      /* @__PURE__ */ jsx(
-        Form.Field,
-        {
-          control: form.control,
-          name: "sales_channel_id",
-          render: ({ field }) => {
-            return /* @__PURE__ */ jsxs(Form.Item, { children: [
-              /* @__PURE__ */ jsx(Form.Label, { children: "Sales Channel" }),
-              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                Combobox,
-                {
-                  options: salesChannels.options,
-                  fetchNextPage: salesChannels.fetchNextPage,
-                  isFetchingNextPage: salesChannels.isFetchingNextPage,
-                  searchValue: salesChannels.searchValue,
-                  onSearchValueChange: salesChannels.onSearchValueChange,
-                  placeholder: "Select sales channel",
-                  ...field
-                }
-              ) })
-            ] });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        SwitchBlock,
-        {
-          label: "Send notification",
-          description: "Notify the customer that the sales channel has been updated.",
-          control: form.control,
-          name: "notify"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
-      /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", children: "Save" })
-    ] }) })
-  ] }) });
-};
-const schema = z.object({
-  sales_channel_id: z.string().min(1),
-  notify: z.boolean().optional()
-});
-export {
-  SalesChannel as default
-};