@medusajs/draft-order 0.0.1

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

@@ -0,0 +1,659 @@
+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 { toast, Heading, Divider, Input, Button, Label, Hint, Switch } from "@medusajs/ui";
+import { useCallback } from "react";
+import { useForm, useWatch } from "react-hook-form";
+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 { CountrySelect } from "../../../components/inputs/country-select.js";
+import "../../../components/modals/route-drawer/route-drawer.js";
+import { RouteFocusModal } from "../../../components/modals/route-focus-modal/route-focus-modal.js";
+import "react-router-dom";
+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 { useCreateDraftOrder } from "../../../hooks/api/draft-orders.js";
+import { useComboboxData } from "../../../hooks/common/use-combobox-data.js";
+import { sdk } from "../../../lib/queries/sdk.js";
+import { addressSchema } from "../../../lib/schemas/address.js";
+import { getFormattedAddress } from "../../../lib/utils/address-utils.js";
+const Create = () => {
+  return /* @__PURE__ */ jsx(RouteFocusModal, { children: /* @__PURE__ */ jsx(CreateForm, {}) });
+};
+const CreateForm = () => {
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      region_id: "",
+      sales_channel_id: "",
+      customer_id: "",
+      email: "",
+      shipping_address_id: "",
+      shipping_address: {
+        country_code: "",
+        first_name: "",
+        last_name: "",
+        address_1: "",
+        address_2: "",
+        city: "",
+        province: "",
+        postal_code: "",
+        phone: "",
+        company: ""
+      },
+      billing_address_id: "",
+      billing_address: {
+        country_code: "",
+        first_name: "",
+        last_name: "",
+        address_1: "",
+        address_2: "",
+        city: "",
+        province: "",
+        company: "",
+        postal_code: "",
+        phone: ""
+      },
+      same_as_shipping: true
+    },
+    resolver: zodResolver(schema)
+  });
+  const regions = useComboboxData({
+    queryFn: async (params) => {
+      return await sdk.admin.region.list(params);
+    },
+    queryKey: ["regions"],
+    getOptions: (data) => {
+      return data.regions.map((region) => ({
+        label: region.name,
+        value: region.id
+      }));
+    }
+  });
+  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
+      }));
+    }
+  });
+  const { mutateAsync } = useCreateDraftOrder();
+  const onSubmit = form.handleSubmit(async (data) => {
+    await mutateAsync(
+      {
+        region_id: data.region_id,
+        sales_channel_id: data.sales_channel_id,
+        customer_id: data.customer_id,
+        email: data.email,
+        shipping_address: data.shipping_address,
+        billing_address: data.same_as_shipping ? data.shipping_address : data.billing_address ? data.billing_address : void 0
+      },
+      {
+        onSuccess: (response) => {
+          handleSuccess(`/draft-orders/${response.draft_order.id}`);
+        },
+        onError: (error) => {
+          toast.error(error.message);
+        }
+      }
+    );
+  });
+  if (regions.isError) {
+    throw regions.error;
+  }
+  if (salesChannels.isError) {
+    throw salesChannels.error;
+  }
+  return /* @__PURE__ */ jsx(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(
+    KeyboundForm,
+    {
+      className: "flex h-full flex-col overflow-hidden",
+      onSubmit,
+      children: [
+        /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
+        /* @__PURE__ */ jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 px-2 py-16", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Create Draft Order" }) }),
+            /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Create a new draft order" }) })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "region_id",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: "Region" }),
+                    /* @__PURE__ */ jsx(Form.Hint, { children: "Choose region" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                      Combobox,
+                      {
+                        options: regions.options,
+                        fetchNextPage: regions.fetchNextPage,
+                        isFetchingNextPage: regions.isFetchingNextPage,
+                        searchValue: regions.searchValue,
+                        onSearchValueChange: regions.onSearchValueChange,
+                        placeholder: "Select region",
+                        ...field
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                ] }) });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "sales_channel_id",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: "Sales Channel" }),
+                    /* @__PURE__ */ jsx(Form.Hint, { children: "Choose sales channel" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__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(Form.ErrorMessage, {})
+                  ] })
+                ] }) });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            CustomerField,
+            {
+              control: form.control,
+              setValue: form.setValue
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control: form.control,
+              name: "email",
+              render: ({ field }) => {
+                return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Form.Label, { children: "Email" }),
+                    /* @__PURE__ */ jsx(Form.Hint, { children: "Input a email to associate with the order" })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field, placeholder: "john@doe.com" }) }),
+                    /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+                  ] })
+                ] }) });
+              }
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx(ShippingAddressField, { control: form.control }),
+          /* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
+          /* @__PURE__ */ jsx(BillingAddressField, { control: form.control })
+        ] }) }) }),
+        /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-x-2", children: [
+          /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", children: "Cancel" }) }),
+          /* @__PURE__ */ jsx(Button, { size: "small", children: "Save" })
+        ] }) })
+      ]
+    }
+  ) });
+};
+const CustomerField = ({ control, setValue }) => {
+  const email = useWatch({ control, name: "email" });
+  const customers = useComboboxData({
+    queryFn: async (params) => {
+      return await sdk.admin.customer.list(params);
+    },
+    queryKey: ["customers"],
+    getOptions: (data) => {
+      return data.customers.map((customer) => {
+        const name = [customer.first_name, customer.last_name].filter(Boolean).join(" ");
+        return {
+          label: name ? `${name} (${customer.email})` : customer.email,
+          value: customer.id
+        };
+      });
+    }
+  });
+  const onPropagateEmail = useCallback(
+    (value) => {
+      var _a, _b;
+      const label = (_a = customers.options.find(
+        (option) => option.value === value
+      )) == null ? void 0 : _a.label;
+      const customerEmail = ((_b = label == null ? void 0 : label.match(/\((.*@.*)\)$/)) == null ? void 0 : _b[1]) || label;
+      if (!email && customerEmail) {
+        setValue("email", customerEmail, {
+          shouldDirty: true,
+          shouldTouch: true
+        });
+      }
+    },
+    [email, setValue, customers.options]
+  );
+  if (customers.isError) {
+    throw customers.error;
+  }
+  return /* @__PURE__ */ jsx(
+    Form.Field,
+    {
+      control,
+      name: "customer_id",
+      render: ({ field: { onChange, ...field } }) => {
+        return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, children: "Customer" }),
+            /* @__PURE__ */ jsx(Form.Hint, { children: "Choose an existing customer" })
+          ] }),
+          /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+            Combobox,
+            {
+              options: customers.options,
+              fetchNextPage: customers.fetchNextPage,
+              isFetchingNextPage: customers.isFetchingNextPage,
+              searchValue: customers.searchValue,
+              onSearchValueChange: customers.onSearchValueChange,
+              placeholder: "Select customer",
+              onChange: (value) => {
+                onPropagateEmail(value);
+                onChange(value);
+              },
+              ...field
+            }
+          ) })
+        ] }) });
+      }
+    }
+  );
+};
+const ShippingAddressField = ({ control }) => {
+  const customerId = useWatch({ control, name: "customer_id" });
+  useComboboxData({
+    queryFn: async (params) => {
+      const response = await sdk.client.fetch(
+        "/admin/customers/" + customerId + "/addresses",
+        {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          query: params,
+          credentials: "include"
+        }
+      );
+      return response;
+    },
+    queryKey: ["addresses"],
+    getOptions: (data) => {
+      return data.addresses.map((address) => {
+        const formattedAddress = getFormattedAddress(address).join(",\n");
+        return {
+          label: formattedAddress,
+          value: address.id
+        };
+      });
+    },
+    enabled: !!customerId
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(Label, { size: "small", weight: "plus", children: "Shipping address" }),
+      /* @__PURE__ */ jsx(Hint, { children: "Address used for shipping" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-y-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "shipping_address.country_code",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", 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,
+            name: "shipping_address.first_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "First name" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "shipping_address.last_name",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "Last name" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "shipping_address.company",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", children: "Company" }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "shipping_address.address_1",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "Address" }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "shipping_address.address_2",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", 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,
+            name: "shipping_address.postal_code",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "Postal code" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "shipping_address.city",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "City" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "shipping_address.province",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", children: "Province / State" }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "shipping_address.phone",
+          render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+            /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", children: "Phone" }),
+            /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+            /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+          ] })
+        }
+      )
+    ] }) })
+  ] });
+};
+const BillingAddressField = ({ control }) => {
+  const sameAsShipping = useWatch({ control, name: "same_as_shipping" });
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-1", children: [
+      /* @__PURE__ */ jsx(Label, { size: "small", weight: "plus", children: "Billing address" }),
+      /* @__PURE__ */ jsx(Hint, { children: "Address used for billing" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+      /* @__PURE__ */ jsx(
+        Form.Field,
+        {
+          control,
+          name: "same_as_shipping",
+          render: ({ field: { value, onChange, ...field } }) => {
+            return /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[28px_1fr] items-start gap-3", children: [
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
+                Switch,
+                {
+                  size: "small",
+                  ...field,
+                  checked: value,
+                  onCheckedChange: onChange
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx(Form.Label, { children: "Same as shipping address" }),
+                /* @__PURE__ */ jsx(Form.Hint, { children: "Use the same address for billing and shipping" })
+              ] })
+            ] }) });
+          }
+        }
+      ),
+      !sameAsShipping && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-3", children: [
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "billing_address.country_code",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", 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,
+              name: "billing_address.first_name",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "First name" }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control,
+              name: "billing_address.last_name",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "Last name" }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "billing_address.company",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", children: "Company" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "billing_address.address_1",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "Address" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "billing_address.address_2",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", 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,
+              name: "billing_address.postal_code",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "Postal code" }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Form.Field,
+            {
+              control,
+              name: "billing_address.city",
+              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+                /* @__PURE__ */ jsx(Form.Label, { variant: "subtle", children: "City" }),
+                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "billing_address.province",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", children: "Province / State" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Form.Field,
+          {
+            control,
+            name: "billing_address.phone",
+            render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
+              /* @__PURE__ */ jsx(Form.Label, { optional: true, variant: "subtle", children: "Phone" }),
+              /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
+              /* @__PURE__ */ jsx(Form.ErrorMessage, {})
+            ] })
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+const schema = z.object({
+  region_id: z.string().min(1),
+  sales_channel_id: z.string().min(1),
+  customer_id: z.string().optional(),
+  email: z.string().email().optional(),
+  shipping_address_id: z.string().optional(),
+  shipping_address: addressSchema.optional(),
+  billing_address_id: z.string().optional(),
+  billing_address: addressSchema.nullish(),
+  same_as_shipping: z.boolean().optional()
+}).superRefine((data, ctx) => {
+  if (!data.customer_id && !data.email) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Either a customer or email must be provided",
+      path: ["customer_id", "email"]
+    });
+  }
+  if (!data.shipping_address && !data.shipping_address_id) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: "Shipping address is required",
+      path: ["shipping_address"]
+    });
+  }
+  if (!data.same_as_shipping) {
+    if (!data.billing_address && !data.billing_address_id) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "Billing address is required",
+        path: ["billing_address"]
+      });
+    }
+  }
+});
+export {
+  Create as default
+};