@medusajs/draft-order 0.0.1 → 0.0.2

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

@@ -1,241 +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 { CountrySelect } from "../../../../components/inputs/country-select.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 { 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";
-import { addressSchema } from "../../../../lib/schemas/address.js";
-const ShippingAddress = () => {
-  const { id } = useParams();
-  const { order, isPending, isError, error } = useOrder(id, {
-    fields: "+shipping_address"
-  });
-  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: "Edit Shipping Address" }) }),
-      /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
-    ] }),
-    isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
-  ] });
-};
-const ShippingAddressForm = ({ order }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const form = useForm({
-    defaultValues: {
-      first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
-      last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
-      company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
-      address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
-      address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
-      city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
-      province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
-      country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
-      postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
-      phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? "",
-      notify: false
-    },
-    resolver: zodResolver(schema)
-  });
-  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
-  const { handleSuccess } = useRouteModal();
-  const onSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(
-      {
-        shipping_address: {
-          first_name: data.first_name,
-          last_name: data.last_name,
-          company: data.company,
-          address_1: data.address_1,
-          address_2: data.address_2,
-          city: data.city,
-          province: data.province,
-          country_code: data.country_code,
-          postal_code: data.postal_code,
-          phone: data.phone
-        }
-      },
-      {
-        onSuccess: () => {
-          handleSuccess();
-        },
-        onError: (error) => {
-          toast.error(error.message);
-        }
-      }
-    );
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      className: "flex flex-1 flex-col overflow-hidden",
-      onSubmit,
-      children: [
-        /* @__PURE__ */ jsxs(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "country_code",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: "Country" }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "first_name",
-                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                    /* @__PURE__ */ jsx(Form.Label, { children: "First name" }),
-                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "last_name",
-                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                    /* @__PURE__ */ jsx(Form.Label, { children: "Last name" }),
-                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                  ] })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "company",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Company" }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "address_1",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: "Address" }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "address_2",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Apartment, suite, etc." }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "postal_code",
-                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                    /* @__PURE__ */ jsx(Form.Label, { children: "Postal code" }),
-                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Form.Field,
-                {
-                  control: form.control,
-                  name: "city",
-                  render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                    /* @__PURE__ */ jsx(Form.Label, { children: "City" }),
-                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                  ] })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "province",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Province / State" }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Form.Field,
-              {
-                control: form.control,
-                name: "phone",
-                render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Phone" }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
-                  /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-                ] })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            SwitchBlock,
-            {
-              control: form.control,
-              name: "notify",
-              label: "Notify customer",
-              description: "Notify the customer of the new shipping address."
-            }
-          )
-        ] }),
-        /* @__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 = addressSchema.extend({
-  notify: z.boolean().optional()
-});
-export {
-  ShippingAddress as default
-};

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

@@ -1,70 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment } from "react";
-import { useParams, Outlet } from "react-router-dom";
-import { PageSkeleton } from "../../../components/common/page-skeleton.js";
-import { ActivitySection } from "../../../components/draft-orders/activity-section.js";
-import { CustomerSection } from "../../../components/draft-orders/customer-section.js";
-import { GeneralSection } from "../../../components/draft-orders/general-section.js";
-import { JsonViewSection } from "../../../components/draft-orders/json-view-section.js";
-import { MetadataSection } from "../../../components/draft-orders/metadata-section.js";
-import { ShippingSection } from "../../../components/draft-orders/shipping-section.js";
-import { SummarySection } from "../../../components/draft-orders/summary-section.js";
-import { useOrder, useOrderChanges } from "../../../hooks/api/orders.js";
-const ID = () => {
-  const { id } = useParams();
-  const { order, isPending, isError, error } = useOrder(id, {
-    fields: "+customer.*,+sales_channel.*,+region.*,+email,+items.*,+items.variant.*,+items.variant.product.*,+items.variant.product.shipping_profile.*,+items.variant.options.*,+currency_code"
-  });
-  const {
-    order_changes,
-    isPending: isOrderChangesPending,
-    isError: isOrderChangesError,
-    error: orderChangesError
-  } = useOrderChanges(id, {
-    change_type: ["edit", "transfer", "update_order"]
-  });
-  if (isError) {
-    throw error;
-  }
-  if (isOrderChangesError) {
-    throw orderChangesError;
-  }
-  const isReady = !isPending && !isOrderChangesPending && !!order && !!order_changes;
-  if (!isReady) {
-    return /* @__PURE__ */ jsx(
-      PageSkeleton,
-      {
-        mainSections: 3,
-        sidebarSections: 2,
-        showJSON: true,
-        showMetadata: true
-      }
-    );
-  }
-  const orderHasItems = order.items.length > 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-x-4 gap-y-3 xl:grid xl:grid-cols-[minmax(0,_1fr)_440px]", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 flex-col gap-y-3", children: [
-        /* @__PURE__ */ jsx(GeneralSection, { order }),
-        /* @__PURE__ */ jsx(SummarySection, { order }),
-        orderHasItems && /* @__PURE__ */ jsx(ShippingSection, { order }),
-        /* @__PURE__ */ jsxs("div", { className: "hidden flex-col gap-y-3 xl:flex", children: [
-          /* @__PURE__ */ jsx(MetadataSection, { order }),
-          /* @__PURE__ */ jsx(JsonViewSection, { data: order })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-y-3 xl:mt-0", children: [
-        /* @__PURE__ */ jsx(CustomerSection, { order }),
-        /* @__PURE__ */ jsx(ActivitySection, { order, changes: order_changes }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3 xl:hidden", children: [
-          /* @__PURE__ */ jsx(MetadataSection, { order }),
-          /* @__PURE__ */ jsx(JsonViewSection, { data: order })
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ jsx(Outlet, {})
-  ] });
-};
-export {
-  ID as default
-};

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

@@ -1,148 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { createDataTableColumnHelper, Container, Tooltip } from "@medusajs/ui";
-import { keepPreviousData } from "@tanstack/react-query";
-import { Fragment, useMemo } from "react";
-import { Outlet } from "react-router-dom";
-import { DataTable } from "../../components/common/data-table.js";
-import { useDraftOrders } from "../../hooks/api/draft-orders.js";
-import { useDataTableDateFilters } from "../../hooks/common/use-data-table-date-filters.js";
-import { useQueryParams } from "../../hooks/common/use-query-params.js";
-import { getFullDate } from "../../lib/utils/date-utils.js";
-const PAGE_SIZE = 20;
-const List = () => {
-  const queryParams = useDraftOrderTableQuery({
-    pageSize: PAGE_SIZE
-  });
-  const { draft_orders, count, isPending, isError, error } = useDraftOrders(
-    {
-      ...queryParams,
-      order: queryParams.order ?? "-created_at",
-      fields: "+customer.*,+sales_channel.*,+email,+display_id,+total,+currency_code,+shipping_total,+tax_total,+discount_total,+items.*,+items.variant.*,+items.variant.product.*,+items.variant.product.shipping_profile.*,+items.variant.options.*"
-    },
-    {
-      placeholderData: keepPreviousData
-    }
-  );
-  const columns = useColumns();
-  const filters = useFilters();
-  if (isError) {
-    throw error;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Container, { className: "p-0", children: /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        data: draft_orders,
-        getRowId: (row) => row.id,
-        columns,
-        filters,
-        isLoading: isPending,
-        pageSize: PAGE_SIZE,
-        rowCount: count,
-        heading: "Draft Orders",
-        action: {
-          label: "Create",
-          to: "create"
-        },
-        rowHref: (row) => `${row.id}`,
-        emptyState: {
-          empty: {
-            heading: "No draft orders found",
-            description: "Create a new draft order to get started."
-          },
-          filtered: {
-            heading: "No results found",
-            description: "No draft orders match your filter criteria."
-          }
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Outlet, {})
-  ] });
-};
-const config = defineRouteConfig({
-  label: "Drafts",
-  nested: "/orders"
-});
-const columnHelper = createDataTableColumnHelper();
-const useColumns = () => {
-  return useMemo(
-    () => [
-      columnHelper.accessor("display_id", {
-        header: "Display ID",
-        cell: ({ getValue }) => {
-          return `#${getValue()}`;
-        },
-        enableSorting: true
-      }),
-      columnHelper.accessor("created_at", {
-        header: "Date",
-        cell: ({ getValue }) => {
-          return /* @__PURE__ */ jsx(
-            Tooltip,
-            {
-              content: getFullDate({ date: getValue(), includeTime: true }),
-              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: getValue() }) })
-            }
-          );
-        },
-        enableSorting: true
-      }),
-      columnHelper.accessor("customer", {
-        header: "Customer",
-        cell: ({ getValue }) => {
-          var _a;
-          return (_a = getValue()) == null ? void 0 : _a.email;
-        },
-        enableSorting: true
-      }),
-      columnHelper.accessor("sales_channel.name", {
-        header: "Sales Channel",
-        cell: ({ getValue }) => {
-          return getValue() || "-";
-        },
-        enableSorting: true
-      })
-    ],
-    []
-  );
-};
-const useFilters = () => {
-  const dateFilterOptions = useDataTableDateFilters();
-  return useMemo(() => {
-    return dateFilterOptions;
-  }, [dateFilterOptions]);
-};
-const useDraftOrderTableQuery = ({
-  prefix,
-  pageSize = 20
-}) => {
-  const queryObject = useQueryParams(
-    [
-      "offset",
-      "q",
-      "order",
-      "status",
-      "customer_id",
-      "created_at",
-      "updated_at"
-    ],
-    prefix
-  );
-  const { offset, created_at, updated_at, status, ...rest } = queryObject;
-  const searchParams = {
-    limit: pageSize,
-    offset: offset ? Number(offset) : 0,
-    created_at: created_at ? JSON.parse(created_at) : void 0,
-    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
-    status: status ? JSON.parse(status) : void 0,
-    ...rest
-  };
-  return searchParams;
-};
-export {
-  config,
-  List as default,
-  useDraftOrderTableQuery
-};