@medusajs/draft-order 2.10.3-preview-20250918150200 → 2.10.3-preview-20250918155211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/.medusa/server/src/admin/index.js +445 -445
  2. package/.medusa/server/src/admin/index.mjs +445 -445
  3. package/package.json +16 -16
package/.medusa/server/src/admin/index.mjs CHANGED
@@ -9656,6 +9656,196 @@ const EmailForm = ({ order }) => {
9656
9656
  const schema$4 = objectType({
9657
9657
  email: stringType().email()
9658
9658
  });
9659
+ const BillingAddress = () => {
9660
+ const { id } = useParams();
9661
+ const { order, isPending, isError, error } = useOrder(id, {
9662
+ fields: "+billing_address"
9663
+ });
9664
+ if (isError) {
9665
+ throw error;
9666
+ }
9667
+ const isReady = !isPending && !!order;
9668
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
9669
+ /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
9670
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
9671
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
9672
+ ] }),
9673
+ isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
9674
+ ] });
9675
+ };
9676
+ const BillingAddressForm = ({ order }) => {
9677
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
9678
+ const form = useForm({
9679
+ defaultValues: {
9680
+ first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
9681
+ last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
9682
+ company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
9683
+ address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
9684
+ address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
9685
+ city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
9686
+ province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
9687
+ country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
9688
+ postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
9689
+ phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
9690
+ },
9691
+ resolver: zodResolver(schema$3)
9692
+ });
9693
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
9694
+ const { handleSuccess } = useRouteModal();
9695
+ const onSubmit = form.handleSubmit(async (data) => {
9696
+ await mutateAsync(
9697
+ { billing_address: data },
9698
+ {
9699
+ onSuccess: () => {
9700
+ handleSuccess();
9701
+ },
9702
+ onError: (error) => {
9703
+ toast.error(error.message);
9704
+ }
9705
+ }
9706
+ );
9707
+ });
9708
+ return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
9709
+ KeyboundForm,
9710
+ {
9711
+ className: "flex flex-1 flex-col overflow-hidden",
9712
+ onSubmit,
9713
+ children: [
9714
+ /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
9715
+ /* @__PURE__ */ jsx(
9716
+ Form$2.Field,
9717
+ {
9718
+ control: form.control,
9719
+ name: "country_code",
9720
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9721
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
9722
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
9723
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9724
+ ] })
9725
+ }
9726
+ ),
9727
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
9728
+ /* @__PURE__ */ jsx(
9729
+ Form$2.Field,
9730
+ {
9731
+ control: form.control,
9732
+ name: "first_name",
9733
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9734
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
9735
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9736
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9737
+ ] })
9738
+ }
9739
+ ),
9740
+ /* @__PURE__ */ jsx(
9741
+ Form$2.Field,
9742
+ {
9743
+ control: form.control,
9744
+ name: "last_name",
9745
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9746
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
9747
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9748
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9749
+ ] })
9750
+ }
9751
+ )
9752
+ ] }),
9753
+ /* @__PURE__ */ jsx(
9754
+ Form$2.Field,
9755
+ {
9756
+ control: form.control,
9757
+ name: "company",
9758
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9759
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
9760
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9761
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9762
+ ] })
9763
+ }
9764
+ ),
9765
+ /* @__PURE__ */ jsx(
9766
+ Form$2.Field,
9767
+ {
9768
+ control: form.control,
9769
+ name: "address_1",
9770
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9771
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
9772
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9773
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9774
+ ] })
9775
+ }
9776
+ ),
9777
+ /* @__PURE__ */ jsx(
9778
+ Form$2.Field,
9779
+ {
9780
+ control: form.control,
9781
+ name: "address_2",
9782
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9783
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
9784
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9785
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9786
+ ] })
9787
+ }
9788
+ ),
9789
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
9790
+ /* @__PURE__ */ jsx(
9791
+ Form$2.Field,
9792
+ {
9793
+ control: form.control,
9794
+ name: "postal_code",
9795
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9796
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
9797
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9798
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9799
+ ] })
9800
+ }
9801
+ ),
9802
+ /* @__PURE__ */ jsx(
9803
+ Form$2.Field,
9804
+ {
9805
+ control: form.control,
9806
+ name: "city",
9807
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9808
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
9809
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9810
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9811
+ ] })
9812
+ }
9813
+ )
9814
+ ] }),
9815
+ /* @__PURE__ */ jsx(
9816
+ Form$2.Field,
9817
+ {
9818
+ control: form.control,
9819
+ name: "province",
9820
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9821
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
9822
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9823
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9824
+ ] })
9825
+ }
9826
+ ),
9827
+ /* @__PURE__ */ jsx(
9828
+ Form$2.Field,
9829
+ {
9830
+ control: form.control,
9831
+ name: "phone",
9832
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9833
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
9834
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9835
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9836
+ ] })
9837
+ }
9838
+ )
9839
+ ] }) }),
9840
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
9841
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
9842
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
9843
+ ] }) })
9844
+ ]
9845
+ }
9846
+ ) });
9847
+ };
9848
+ const schema$3 = addressSchema;
9659
9849
  const NumberInput = forwardRef(
9660
9850
  ({
9661
9851
  value,
@@ -11285,7 +11475,7 @@ const SalesChannelForm = ({ order }) => {
11285
11475
  defaultValues: {
11286
11476
  sales_channel_id: order.sales_channel_id || ""
11287
11477
  },
11288
- resolver: zodResolver(schema$3)
11478
+ resolver: zodResolver(schema$2)
11289
11479
  });
11290
11480
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11291
11481
  const { handleSuccess } = useRouteModal();
@@ -11360,57 +11550,260 @@ const SalesChannelField = ({ control, order }) => {
11360
11550
  }
11361
11551
  );
11362
11552
  };
11363
- const schema$3 = objectType({
11553
+ const schema$2 = objectType({
11364
11554
  sales_channel_id: stringType().min(1)
11365
11555
  });
11366
- const STACKED_FOCUS_MODAL_ID = "shipping-form";
11367
- const Shipping = () => {
11368
- var _a;
11556
+ const ShippingAddress = () => {
11369
11557
  const { id } = useParams();
11370
11558
  const { order, isPending, isError, error } = useOrder(id, {
11371
- fields: "+items.*,+items.variant.*,+items.variant.product.*,+items.variant.product.shipping_profile.*,+currency_code"
11559
+ fields: "+shipping_address"
11372
11560
  });
11373
- const {
11374
- order: preview,
11375
- isPending: isPreviewPending,
11376
- isError: isPreviewError,
11377
- error: previewError
11378
- } = useOrderPreview(id);
11379
- useInitiateOrderEdit({ preview });
11380
- const { onCancel } = useCancelOrderEdit({ preview });
11381
11561
  if (isError) {
11382
11562
  throw error;
11383
11563
  }
11384
- if (isPreviewError) {
11385
- throw previewError;
11386
- }
11387
- const orderHasItems = (((_a = order == null ? void 0 : order.items) == null ? void 0 : _a.length) || 0) > 0;
11388
- const isReady = preview && !isPreviewPending && order && !isPending;
11389
- return /* @__PURE__ */ jsx(RouteFocusModal, { onClose: onCancel, children: !orderHasItems ? /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden ", children: [
11390
- /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
11391
- /* @__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 py-16 px-6", children: [
11392
- /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Shipping" }) }),
11393
- /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "This draft order currently has no items. Add items to the order before adding shipping." }) })
11394
- ] }) }) }),
11395
- /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", children: "Cancel" }) }) })
11396
- ] }) : isReady ? /* @__PURE__ */ jsx(ShippingForm, { preview, order }) : /* @__PURE__ */ jsxs("div", { children: [
11397
- /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit Shipping" }) }),
11398
- /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading data for the draft order, please wait..." }) })
11399
- ] }) });
11564
+ const isReady = !isPending && !!order;
11565
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
11566
+ /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
11567
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Shipping Address" }) }),
11568
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
11569
+ ] }),
11570
+ isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
11571
+ ] });
11400
11572
  };
11401
- const ShippingForm = ({ preview, order }) => {
11402
- var _a;
11403
- const { setIsOpen } = useStackedModal();
11404
- const [isSubmitting, setIsSubmitting] = useState(false);
11405
- const [data, setData] = useState(null);
11406
- const appliedShippingOptionIds = (_a = preview.shipping_methods) == null ? void 0 : _a.map((method) => method.shipping_option_id).filter(Boolean);
11407
- const { shipping_options } = useShippingOptions(
11408
- {
11409
- id: appliedShippingOptionIds,
11410
- fields: "+service_zone.*,+service_zone.fulfillment_set.*,+service_zone.fulfillment_set.location.*"
11573
+ const ShippingAddressForm = ({ order }) => {
11574
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
11575
+ const form = useForm({
11576
+ defaultValues: {
11577
+ first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
11578
+ last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
11579
+ company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
11580
+ address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
11581
+ address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
11582
+ city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
11583
+ province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
11584
+ country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
11585
+ postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
11586
+ phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
11411
11587
  },
11412
- {
11413
- enabled: appliedShippingOptionIds.length > 0
11588
+ resolver: zodResolver(schema$1)
11589
+ });
11590
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11591
+ const { handleSuccess } = useRouteModal();
11592
+ const onSubmit = form.handleSubmit(async (data) => {
11593
+ await mutateAsync(
11594
+ {
11595
+ shipping_address: {
11596
+ first_name: data.first_name,
11597
+ last_name: data.last_name,
11598
+ company: data.company,
11599
+ address_1: data.address_1,
11600
+ address_2: data.address_2,
11601
+ city: data.city,
11602
+ province: data.province,
11603
+ country_code: data.country_code,
11604
+ postal_code: data.postal_code,
11605
+ phone: data.phone
11606
+ }
11607
+ },
11608
+ {
11609
+ onSuccess: () => {
11610
+ handleSuccess();
11611
+ },
11612
+ onError: (error) => {
11613
+ toast.error(error.message);
11614
+ }
11615
+ }
11616
+ );
11617
+ });
11618
+ return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
11619
+ KeyboundForm,
11620
+ {
11621
+ className: "flex flex-1 flex-col overflow-hidden",
11622
+ onSubmit,
11623
+ children: [
11624
+ /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
11625
+ /* @__PURE__ */ jsx(
11626
+ Form$2.Field,
11627
+ {
11628
+ control: form.control,
11629
+ name: "country_code",
11630
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11631
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
11632
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
11633
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11634
+ ] })
11635
+ }
11636
+ ),
11637
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11638
+ /* @__PURE__ */ jsx(
11639
+ Form$2.Field,
11640
+ {
11641
+ control: form.control,
11642
+ name: "first_name",
11643
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11644
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
11645
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11646
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11647
+ ] })
11648
+ }
11649
+ ),
11650
+ /* @__PURE__ */ jsx(
11651
+ Form$2.Field,
11652
+ {
11653
+ control: form.control,
11654
+ name: "last_name",
11655
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11656
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
11657
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11658
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11659
+ ] })
11660
+ }
11661
+ )
11662
+ ] }),
11663
+ /* @__PURE__ */ jsx(
11664
+ Form$2.Field,
11665
+ {
11666
+ control: form.control,
11667
+ name: "company",
11668
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11669
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
11670
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11671
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11672
+ ] })
11673
+ }
11674
+ ),
11675
+ /* @__PURE__ */ jsx(
11676
+ Form$2.Field,
11677
+ {
11678
+ control: form.control,
11679
+ name: "address_1",
11680
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11681
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
11682
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11683
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11684
+ ] })
11685
+ }
11686
+ ),
11687
+ /* @__PURE__ */ jsx(
11688
+ Form$2.Field,
11689
+ {
11690
+ control: form.control,
11691
+ name: "address_2",
11692
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11693
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
11694
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11695
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11696
+ ] })
11697
+ }
11698
+ ),
11699
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11700
+ /* @__PURE__ */ jsx(
11701
+ Form$2.Field,
11702
+ {
11703
+ control: form.control,
11704
+ name: "postal_code",
11705
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11706
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
11707
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11708
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11709
+ ] })
11710
+ }
11711
+ ),
11712
+ /* @__PURE__ */ jsx(
11713
+ Form$2.Field,
11714
+ {
11715
+ control: form.control,
11716
+ name: "city",
11717
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11718
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
11719
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11720
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11721
+ ] })
11722
+ }
11723
+ )
11724
+ ] }),
11725
+ /* @__PURE__ */ jsx(
11726
+ Form$2.Field,
11727
+ {
11728
+ control: form.control,
11729
+ name: "province",
11730
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11731
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
11732
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11733
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11734
+ ] })
11735
+ }
11736
+ ),
11737
+ /* @__PURE__ */ jsx(
11738
+ Form$2.Field,
11739
+ {
11740
+ control: form.control,
11741
+ name: "phone",
11742
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11743
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
11744
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11745
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11746
+ ] })
11747
+ }
11748
+ )
11749
+ ] }) }),
11750
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
11751
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
11752
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
11753
+ ] }) })
11754
+ ]
11755
+ }
11756
+ ) });
11757
+ };
11758
+ const schema$1 = addressSchema;
11759
+ const STACKED_FOCUS_MODAL_ID = "shipping-form";
11760
+ const Shipping = () => {
11761
+ var _a;
11762
+ const { id } = useParams();
11763
+ const { order, isPending, isError, error } = useOrder(id, {
11764
+ fields: "+items.*,+items.variant.*,+items.variant.product.*,+items.variant.product.shipping_profile.*,+currency_code"
11765
+ });
11766
+ const {
11767
+ order: preview,
11768
+ isPending: isPreviewPending,
11769
+ isError: isPreviewError,
11770
+ error: previewError
11771
+ } = useOrderPreview(id);
11772
+ useInitiateOrderEdit({ preview });
11773
+ const { onCancel } = useCancelOrderEdit({ preview });
11774
+ if (isError) {
11775
+ throw error;
11776
+ }
11777
+ if (isPreviewError) {
11778
+ throw previewError;
11779
+ }
11780
+ const orderHasItems = (((_a = order == null ? void 0 : order.items) == null ? void 0 : _a.length) || 0) > 0;
11781
+ const isReady = preview && !isPreviewPending && order && !isPending;
11782
+ return /* @__PURE__ */ jsx(RouteFocusModal, { onClose: onCancel, children: !orderHasItems ? /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden ", children: [
11783
+ /* @__PURE__ */ jsx(RouteFocusModal.Header, {}),
11784
+ /* @__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 py-16 px-6", children: [
11785
+ /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Shipping" }) }),
11786
+ /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx(Text, { size: "small", className: "text-ui-fg-subtle", children: "This draft order currently has no items. Add items to the order before adding shipping." }) })
11787
+ ] }) }) }),
11788
+ /* @__PURE__ */ jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsx(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", type: "button", children: "Cancel" }) }) })
11789
+ ] }) : isReady ? /* @__PURE__ */ jsx(ShippingForm, { preview, order }) : /* @__PURE__ */ jsxs("div", { children: [
11790
+ /* @__PURE__ */ jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit Shipping" }) }),
11791
+ /* @__PURE__ */ jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading data for the draft order, please wait..." }) })
11792
+ ] }) });
11793
+ };
11794
+ const ShippingForm = ({ preview, order }) => {
11795
+ var _a;
11796
+ const { setIsOpen } = useStackedModal();
11797
+ const [isSubmitting, setIsSubmitting] = useState(false);
11798
+ const [data, setData] = useState(null);
11799
+ const appliedShippingOptionIds = (_a = preview.shipping_methods) == null ? void 0 : _a.map((method) => method.shipping_option_id).filter(Boolean);
11800
+ const { shipping_options } = useShippingOptions(
11801
+ {
11802
+ id: appliedShippingOptionIds,
11803
+ fields: "+service_zone.*,+service_zone.fulfillment_set.*,+service_zone.fulfillment_set.location.*"
11804
+ },
11805
+ {
11806
+ enabled: appliedShippingOptionIds.length > 0
11414
11807
  }
11415
11808
  );
11416
11809
  const uniqueShippingProfiles = useMemo(() => {
@@ -12193,7 +12586,7 @@ const TransferOwnershipForm = ({ order }) => {
12193
12586
  defaultValues: {
12194
12587
  customer_id: order.customer_id || ""
12195
12588
  },
12196
- resolver: zodResolver(schema$2)
12589
+ resolver: zodResolver(schema)
12197
12590
  });
12198
12591
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12199
12592
  const { handleSuccess } = useRouteModal();
@@ -12643,402 +13036,9 @@ const Illustration = () => {
12643
13036
  }
12644
13037
  );
12645
13038
  };
12646
- const schema$2 = objectType({
13039
+ const schema = objectType({
12647
13040
  customer_id: stringType().min(1)
12648
13041
  });
12649
- const ShippingAddress = () => {
12650
- const { id } = useParams();
12651
- const { order, isPending, isError, error } = useOrder(id, {
12652
- fields: "+shipping_address"
12653
- });
12654
- if (isError) {
12655
- throw error;
12656
- }
12657
- const isReady = !isPending && !!order;
12658
- return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12659
- /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
12660
- /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Shipping Address" }) }),
12661
- /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
12662
- ] }),
12663
- isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
12664
- ] });
12665
- };
12666
- const ShippingAddressForm = ({ order }) => {
12667
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
12668
- const form = useForm({
12669
- defaultValues: {
12670
- first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
12671
- last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
12672
- company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
12673
- address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
12674
- address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
12675
- city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
12676
- province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
12677
- country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
12678
- postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12679
- phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12680
- },
12681
- resolver: zodResolver(schema$1)
12682
- });
12683
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12684
- const { handleSuccess } = useRouteModal();
12685
- const onSubmit = form.handleSubmit(async (data) => {
12686
- await mutateAsync(
12687
- {
12688
- shipping_address: {
12689
- first_name: data.first_name,
12690
- last_name: data.last_name,
12691
- company: data.company,
12692
- address_1: data.address_1,
12693
- address_2: data.address_2,
12694
- city: data.city,
12695
- province: data.province,
12696
- country_code: data.country_code,
12697
- postal_code: data.postal_code,
12698
- phone: data.phone
12699
- }
12700
- },
12701
- {
12702
- onSuccess: () => {
12703
- handleSuccess();
12704
- },
12705
- onError: (error) => {
12706
- toast.error(error.message);
12707
- }
12708
- }
12709
- );
12710
- });
12711
- return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
12712
- KeyboundForm,
12713
- {
12714
- className: "flex flex-1 flex-col overflow-hidden",
12715
- onSubmit,
12716
- children: [
12717
- /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
12718
- /* @__PURE__ */ jsx(
12719
- Form$2.Field,
12720
- {
12721
- control: form.control,
12722
- name: "country_code",
12723
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12724
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
12725
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
12726
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12727
- ] })
12728
- }
12729
- ),
12730
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12731
- /* @__PURE__ */ jsx(
12732
- Form$2.Field,
12733
- {
12734
- control: form.control,
12735
- name: "first_name",
12736
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12737
- /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
12738
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12739
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12740
- ] })
12741
- }
12742
- ),
12743
- /* @__PURE__ */ jsx(
12744
- Form$2.Field,
12745
- {
12746
- control: form.control,
12747
- name: "last_name",
12748
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12749
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
12750
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12751
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12752
- ] })
12753
- }
12754
- )
12755
- ] }),
12756
- /* @__PURE__ */ jsx(
12757
- Form$2.Field,
12758
- {
12759
- control: form.control,
12760
- name: "company",
12761
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12762
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
12763
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12764
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12765
- ] })
12766
- }
12767
- ),
12768
- /* @__PURE__ */ jsx(
12769
- Form$2.Field,
12770
- {
12771
- control: form.control,
12772
- name: "address_1",
12773
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12774
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
12775
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12776
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12777
- ] })
12778
- }
12779
- ),
12780
- /* @__PURE__ */ jsx(
12781
- Form$2.Field,
12782
- {
12783
- control: form.control,
12784
- name: "address_2",
12785
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12786
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
12787
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12788
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12789
- ] })
12790
- }
12791
- ),
12792
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12793
- /* @__PURE__ */ jsx(
12794
- Form$2.Field,
12795
- {
12796
- control: form.control,
12797
- name: "postal_code",
12798
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12799
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
12800
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12801
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12802
- ] })
12803
- }
12804
- ),
12805
- /* @__PURE__ */ jsx(
12806
- Form$2.Field,
12807
- {
12808
- control: form.control,
12809
- name: "city",
12810
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12811
- /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
12812
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12813
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12814
- ] })
12815
- }
12816
- )
12817
- ] }),
12818
- /* @__PURE__ */ jsx(
12819
- Form$2.Field,
12820
- {
12821
- control: form.control,
12822
- name: "province",
12823
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12824
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
12825
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12826
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12827
- ] })
12828
- }
12829
- ),
12830
- /* @__PURE__ */ jsx(
12831
- Form$2.Field,
12832
- {
12833
- control: form.control,
12834
- name: "phone",
12835
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12836
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
12837
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12838
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12839
- ] })
12840
- }
12841
- )
12842
- ] }) }),
12843
- /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
12844
- /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
12845
- /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
12846
- ] }) })
12847
- ]
12848
- }
12849
- ) });
12850
- };
12851
- const schema$1 = addressSchema;
12852
- const BillingAddress = () => {
12853
- const { id } = useParams();
12854
- const { order, isPending, isError, error } = useOrder(id, {
12855
- fields: "+billing_address"
12856
- });
12857
- if (isError) {
12858
- throw error;
12859
- }
12860
- const isReady = !isPending && !!order;
12861
- return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12862
- /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
12863
- /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
12864
- /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
12865
- ] }),
12866
- isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
12867
- ] });
12868
- };
12869
- const BillingAddressForm = ({ order }) => {
12870
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
12871
- const form = useForm({
12872
- defaultValues: {
12873
- first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
12874
- last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
12875
- company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
12876
- address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
12877
- address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
12878
- city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
12879
- province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
12880
- country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
12881
- postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
12882
- phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
12883
- },
12884
- resolver: zodResolver(schema)
12885
- });
12886
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12887
- const { handleSuccess } = useRouteModal();
12888
- const onSubmit = form.handleSubmit(async (data) => {
12889
- await mutateAsync(
12890
- { billing_address: data },
12891
- {
12892
- onSuccess: () => {
12893
- handleSuccess();
12894
- },
12895
- onError: (error) => {
12896
- toast.error(error.message);
12897
- }
12898
- }
12899
- );
12900
- });
12901
- return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
12902
- KeyboundForm,
12903
- {
12904
- className: "flex flex-1 flex-col overflow-hidden",
12905
- onSubmit,
12906
- children: [
12907
- /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
12908
- /* @__PURE__ */ jsx(
12909
- Form$2.Field,
12910
- {
12911
- control: form.control,
12912
- name: "country_code",
12913
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12914
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
12915
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
12916
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12917
- ] })
12918
- }
12919
- ),
12920
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12921
- /* @__PURE__ */ jsx(
12922
- Form$2.Field,
12923
- {
12924
- control: form.control,
12925
- name: "first_name",
12926
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12927
- /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
12928
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12929
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12930
- ] })
12931
- }
12932
- ),
12933
- /* @__PURE__ */ jsx(
12934
- Form$2.Field,
12935
- {
12936
- control: form.control,
12937
- name: "last_name",
12938
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12939
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
12940
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12941
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12942
- ] })
12943
- }
12944
- )
12945
- ] }),
12946
- /* @__PURE__ */ jsx(
12947
- Form$2.Field,
12948
- {
12949
- control: form.control,
12950
- name: "company",
12951
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12952
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
12953
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12954
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12955
- ] })
12956
- }
12957
- ),
12958
- /* @__PURE__ */ jsx(
12959
- Form$2.Field,
12960
- {
12961
- control: form.control,
12962
- name: "address_1",
12963
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12964
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
12965
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12966
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12967
- ] })
12968
- }
12969
- ),
12970
- /* @__PURE__ */ jsx(
12971
- Form$2.Field,
12972
- {
12973
- control: form.control,
12974
- name: "address_2",
12975
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12976
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
12977
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12978
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12979
- ] })
12980
- }
12981
- ),
12982
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12983
- /* @__PURE__ */ jsx(
12984
- Form$2.Field,
12985
- {
12986
- control: form.control,
12987
- name: "postal_code",
12988
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12989
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
12990
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12991
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12992
- ] })
12993
- }
12994
- ),
12995
- /* @__PURE__ */ jsx(
12996
- Form$2.Field,
12997
- {
12998
- control: form.control,
12999
- name: "city",
13000
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
13001
- /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
13002
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
13003
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
13004
- ] })
13005
- }
13006
- )
13007
- ] }),
13008
- /* @__PURE__ */ jsx(
13009
- Form$2.Field,
13010
- {
13011
- control: form.control,
13012
- name: "province",
13013
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
13014
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
13015
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
13016
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
13017
- ] })
13018
- }
13019
- ),
13020
- /* @__PURE__ */ jsx(
13021
- Form$2.Field,
13022
- {
13023
- control: form.control,
13024
- name: "phone",
13025
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
13026
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
13027
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
13028
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
13029
- ] })
13030
- }
13031
- )
13032
- ] }) }),
13033
- /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
13034
- /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
13035
- /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
13036
- ] }) })
13037
- ]
13038
- }
13039
- ) });
13040
- };
13041
- const schema = addressSchema;
13042
13042
  const widgetModule = { widgets: [] };
13043
13043
  const routeModule = {
13044
13044
  routes: [
@@ -13067,6 +13067,10 @@ const routeModule = {
13067
13067
  Component: Email,
13068
13068
  path: "/draft-orders/:id/email"
13069
13069
  },
13070
+ {
13071
+ Component: BillingAddress,
13072
+ path: "/draft-orders/:id/billing-address"
13073
+ },
13070
13074
  {
13071
13075
  Component: Items,
13072
13076
  path: "/draft-orders/:id/items"
@@ -13083,6 +13087,10 @@ const routeModule = {
13083
13087
  Component: SalesChannel,
13084
13088
  path: "/draft-orders/:id/sales-channel"
13085
13089
  },
13090
+ {
13091
+ Component: ShippingAddress,
13092
+ path: "/draft-orders/:id/shipping-address"
13093
+ },
13086
13094
  {
13087
13095
  Component: Shipping,
13088
13096
  path: "/draft-orders/:id/shipping"
@@ -13090,14 +13098,6 @@ const routeModule = {
13090
13098
  {
13091
13099
  Component: TransferOwnership,
13092
13100
  path: "/draft-orders/:id/transfer-ownership"
13093
- },
13094
- {
13095
- Component: ShippingAddress,
13096
- path: "/draft-orders/:id/shipping-address"
13097
- },
13098
- {
13099
- Component: BillingAddress,
13100
- path: "/draft-orders/:id/billing-address"
13101
13101
  }
13102
13102
  ]
13103
13103
  }