@medusajs/draft-order 2.10.4-preview-20250922060202 → 2.10.4-preview-20250922090200

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.
@@ -9573,6 +9573,217 @@ const ID = () => {
9573
9573
  /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
9574
9574
  ] });
9575
9575
  };
9576
+ const BillingAddress = () => {
9577
+ const { id } = reactRouterDom.useParams();
9578
+ const { order, isPending, isError, error } = useOrder(id, {
9579
+ fields: "+billing_address"
9580
+ });
9581
+ if (isError) {
9582
+ throw error;
9583
+ }
9584
+ const isReady = !isPending && !!order;
9585
+ return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
9586
+ /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
9587
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Billing Address" }) }),
9588
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
9589
+ ] }),
9590
+ isReady && /* @__PURE__ */ jsxRuntime.jsx(BillingAddressForm, { order })
9591
+ ] });
9592
+ };
9593
+ const BillingAddressForm = ({ order }) => {
9594
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
9595
+ const form = reactHookForm.useForm({
9596
+ defaultValues: {
9597
+ first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
9598
+ last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
9599
+ company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
9600
+ address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
9601
+ address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
9602
+ city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
9603
+ province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
9604
+ country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
9605
+ postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
9606
+ phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
9607
+ },
9608
+ resolver: zod.zodResolver(schema$5)
9609
+ });
9610
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
9611
+ const { handleSuccess } = useRouteModal();
9612
+ const onSubmit = form.handleSubmit(async (data) => {
9613
+ await mutateAsync(
9614
+ { billing_address: data },
9615
+ {
9616
+ onSuccess: () => {
9617
+ handleSuccess();
9618
+ },
9619
+ onError: (error) => {
9620
+ ui.toast.error(error.message);
9621
+ }
9622
+ }
9623
+ );
9624
+ });
9625
+ return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
9626
+ KeyboundForm,
9627
+ {
9628
+ className: "flex flex-1 flex-col overflow-hidden",
9629
+ onSubmit,
9630
+ children: [
9631
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
9632
+ /* @__PURE__ */ jsxRuntime.jsx(
9633
+ Form$2.Field,
9634
+ {
9635
+ control: form.control,
9636
+ name: "country_code",
9637
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9638
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Country" }),
9639
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, { ...field }) }),
9640
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9641
+ ] })
9642
+ }
9643
+ ),
9644
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
9645
+ /* @__PURE__ */ jsxRuntime.jsx(
9646
+ Form$2.Field,
9647
+ {
9648
+ control: form.control,
9649
+ name: "first_name",
9650
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9651
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "First name" }),
9652
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9653
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9654
+ ] })
9655
+ }
9656
+ ),
9657
+ /* @__PURE__ */ jsxRuntime.jsx(
9658
+ Form$2.Field,
9659
+ {
9660
+ control: form.control,
9661
+ name: "last_name",
9662
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9663
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Last name" }),
9664
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9665
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9666
+ ] })
9667
+ }
9668
+ )
9669
+ ] }),
9670
+ /* @__PURE__ */ jsxRuntime.jsx(
9671
+ Form$2.Field,
9672
+ {
9673
+ control: form.control,
9674
+ name: "company",
9675
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9676
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Company" }),
9677
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9678
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9679
+ ] })
9680
+ }
9681
+ ),
9682
+ /* @__PURE__ */ jsxRuntime.jsx(
9683
+ Form$2.Field,
9684
+ {
9685
+ control: form.control,
9686
+ name: "address_1",
9687
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9688
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Address" }),
9689
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9690
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9691
+ ] })
9692
+ }
9693
+ ),
9694
+ /* @__PURE__ */ jsxRuntime.jsx(
9695
+ Form$2.Field,
9696
+ {
9697
+ control: form.control,
9698
+ name: "address_2",
9699
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9700
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
9701
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9702
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9703
+ ] })
9704
+ }
9705
+ ),
9706
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
9707
+ /* @__PURE__ */ jsxRuntime.jsx(
9708
+ Form$2.Field,
9709
+ {
9710
+ control: form.control,
9711
+ name: "postal_code",
9712
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9713
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Postal code" }),
9714
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9715
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9716
+ ] })
9717
+ }
9718
+ ),
9719
+ /* @__PURE__ */ jsxRuntime.jsx(
9720
+ Form$2.Field,
9721
+ {
9722
+ control: form.control,
9723
+ name: "city",
9724
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9725
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "City" }),
9726
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9727
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9728
+ ] })
9729
+ }
9730
+ )
9731
+ ] }),
9732
+ /* @__PURE__ */ jsxRuntime.jsx(
9733
+ Form$2.Field,
9734
+ {
9735
+ control: form.control,
9736
+ name: "province",
9737
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9738
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Province / State" }),
9739
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9740
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9741
+ ] })
9742
+ }
9743
+ ),
9744
+ /* @__PURE__ */ jsxRuntime.jsx(
9745
+ Form$2.Field,
9746
+ {
9747
+ control: form.control,
9748
+ name: "phone",
9749
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
9750
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Phone" }),
9751
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
9752
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
9753
+ ] })
9754
+ }
9755
+ )
9756
+ ] }) }),
9757
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
9758
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
9759
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
9760
+ ] }) })
9761
+ ]
9762
+ }
9763
+ ) });
9764
+ };
9765
+ const schema$5 = addressSchema;
9766
+ const CustomItems = () => {
9767
+ return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
9768
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Custom Items" }) }) }),
9769
+ /* @__PURE__ */ jsxRuntime.jsx(CustomItemsForm, {})
9770
+ ] });
9771
+ };
9772
+ const CustomItemsForm = () => {
9773
+ const form = reactHookForm.useForm({
9774
+ resolver: zod.zodResolver(schema$4)
9775
+ });
9776
+ return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
9777
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, {}),
9778
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
9779
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
9780
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", children: "Save" })
9781
+ ] }) })
9782
+ ] }) });
9783
+ };
9784
+ const schema$4 = objectType({
9785
+ email: stringType().email()
9786
+ });
9576
9787
  const Email = () => {
9577
9788
  const { id } = reactRouterDom.useParams();
9578
9789
  const { order, isPending, isError, error } = useOrder(id, {
@@ -9595,7 +9806,7 @@ const EmailForm = ({ order }) => {
9595
9806
  defaultValues: {
9596
9807
  email: order.email ?? ""
9597
9808
  },
9598
- resolver: zod.zodResolver(schema$5)
9809
+ resolver: zod.zodResolver(schema$3)
9599
9810
  });
9600
9811
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
9601
9812
  const { handleSuccess } = useRouteModal();
@@ -9638,7 +9849,7 @@ const EmailForm = ({ order }) => {
9638
9849
  }
9639
9850
  ) });
9640
9851
  };
9641
- const schema$5 = objectType({
9852
+ const schema$3 = objectType({
9642
9853
  email: stringType().email()
9643
9854
  });
9644
9855
  const NumberInput = React.forwardRef(
@@ -11242,196 +11453,6 @@ function getPromotionIds(items, shippingMethods) {
11242
11453
  }
11243
11454
  return Array.from(promotionIds);
11244
11455
  }
11245
- const BillingAddress = () => {
11246
- const { id } = reactRouterDom.useParams();
11247
- const { order, isPending, isError, error } = useOrder(id, {
11248
- fields: "+billing_address"
11249
- });
11250
- if (isError) {
11251
- throw error;
11252
- }
11253
- const isReady = !isPending && !!order;
11254
- return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
11255
- /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
11256
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Billing Address" }) }),
11257
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
11258
- ] }),
11259
- isReady && /* @__PURE__ */ jsxRuntime.jsx(BillingAddressForm, { order })
11260
- ] });
11261
- };
11262
- const BillingAddressForm = ({ order }) => {
11263
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
11264
- const form = reactHookForm.useForm({
11265
- defaultValues: {
11266
- first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
11267
- last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
11268
- company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
11269
- address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
11270
- address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
11271
- city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
11272
- province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
11273
- country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
11274
- postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
11275
- phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
11276
- },
11277
- resolver: zod.zodResolver(schema$4)
11278
- });
11279
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11280
- const { handleSuccess } = useRouteModal();
11281
- const onSubmit = form.handleSubmit(async (data) => {
11282
- await mutateAsync(
11283
- { billing_address: data },
11284
- {
11285
- onSuccess: () => {
11286
- handleSuccess();
11287
- },
11288
- onError: (error) => {
11289
- ui.toast.error(error.message);
11290
- }
11291
- }
11292
- );
11293
- });
11294
- return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
11295
- KeyboundForm,
11296
- {
11297
- className: "flex flex-1 flex-col overflow-hidden",
11298
- onSubmit,
11299
- children: [
11300
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-y-4", children: [
11301
- /* @__PURE__ */ jsxRuntime.jsx(
11302
- Form$2.Field,
11303
- {
11304
- control: form.control,
11305
- name: "country_code",
11306
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11307
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Country" }),
11308
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, { ...field }) }),
11309
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11310
- ] })
11311
- }
11312
- ),
11313
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11314
- /* @__PURE__ */ jsxRuntime.jsx(
11315
- Form$2.Field,
11316
- {
11317
- control: form.control,
11318
- name: "first_name",
11319
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11320
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "First name" }),
11321
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11322
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11323
- ] })
11324
- }
11325
- ),
11326
- /* @__PURE__ */ jsxRuntime.jsx(
11327
- Form$2.Field,
11328
- {
11329
- control: form.control,
11330
- name: "last_name",
11331
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11332
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Last name" }),
11333
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11334
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11335
- ] })
11336
- }
11337
- )
11338
- ] }),
11339
- /* @__PURE__ */ jsxRuntime.jsx(
11340
- Form$2.Field,
11341
- {
11342
- control: form.control,
11343
- name: "company",
11344
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11345
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Company" }),
11346
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11347
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11348
- ] })
11349
- }
11350
- ),
11351
- /* @__PURE__ */ jsxRuntime.jsx(
11352
- Form$2.Field,
11353
- {
11354
- control: form.control,
11355
- name: "address_1",
11356
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11357
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Address" }),
11358
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11359
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11360
- ] })
11361
- }
11362
- ),
11363
- /* @__PURE__ */ jsxRuntime.jsx(
11364
- Form$2.Field,
11365
- {
11366
- control: form.control,
11367
- name: "address_2",
11368
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11369
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
11370
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11371
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11372
- ] })
11373
- }
11374
- ),
11375
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11376
- /* @__PURE__ */ jsxRuntime.jsx(
11377
- Form$2.Field,
11378
- {
11379
- control: form.control,
11380
- name: "postal_code",
11381
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11382
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Postal code" }),
11383
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11384
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11385
- ] })
11386
- }
11387
- ),
11388
- /* @__PURE__ */ jsxRuntime.jsx(
11389
- Form$2.Field,
11390
- {
11391
- control: form.control,
11392
- name: "city",
11393
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11394
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "City" }),
11395
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11396
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11397
- ] })
11398
- }
11399
- )
11400
- ] }),
11401
- /* @__PURE__ */ jsxRuntime.jsx(
11402
- Form$2.Field,
11403
- {
11404
- control: form.control,
11405
- name: "province",
11406
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11407
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Province / State" }),
11408
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11409
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11410
- ] })
11411
- }
11412
- ),
11413
- /* @__PURE__ */ jsxRuntime.jsx(
11414
- Form$2.Field,
11415
- {
11416
- control: form.control,
11417
- name: "phone",
11418
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11419
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Phone" }),
11420
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11421
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11422
- ] })
11423
- }
11424
- )
11425
- ] }) }),
11426
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
11427
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
11428
- /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
11429
- ] }) })
11430
- ]
11431
- }
11432
- ) });
11433
- };
11434
- const schema$4 = addressSchema;
11435
11456
  const SalesChannel = () => {
11436
11457
  const { id } = reactRouterDom.useParams();
11437
11458
  const { draft_order, isPending, isError, error } = useDraftOrder(
@@ -11460,7 +11481,7 @@ const SalesChannelForm = ({ order }) => {
11460
11481
  defaultValues: {
11461
11482
  sales_channel_id: order.sales_channel_id || ""
11462
11483
  },
11463
- resolver: zod.zodResolver(schema$3)
11484
+ resolver: zod.zodResolver(schema$2)
11464
11485
  });
11465
11486
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11466
11487
  const { handleSuccess } = useRouteModal();
@@ -11535,7 +11556,7 @@ const SalesChannelField = ({ control, order }) => {
11535
11556
  }
11536
11557
  );
11537
11558
  };
11538
- const schema$3 = objectType({
11559
+ const schema$2 = objectType({
11539
11560
  sales_channel_id: stringType().min(1)
11540
11561
  });
11541
11562
  const STACKED_FOCUS_MODAL_ID = "shipping-form";
@@ -12377,7 +12398,7 @@ const ShippingAddressForm = ({ order }) => {
12377
12398
  postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12378
12399
  phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12379
12400
  },
12380
- resolver: zod.zodResolver(schema$2)
12401
+ resolver: zod.zodResolver(schema$1)
12381
12402
  });
12382
12403
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12383
12404
  const { handleSuccess } = useRouteModal();
@@ -12547,28 +12568,7 @@ const ShippingAddressForm = ({ order }) => {
12547
12568
  }
12548
12569
  ) });
12549
12570
  };
12550
- const schema$2 = addressSchema;
12551
- const CustomItems = () => {
12552
- return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
12553
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Custom Items" }) }) }),
12554
- /* @__PURE__ */ jsxRuntime.jsx(CustomItemsForm, {})
12555
- ] });
12556
- };
12557
- const CustomItemsForm = () => {
12558
- const form = reactHookForm.useForm({
12559
- resolver: zod.zodResolver(schema$1)
12560
- });
12561
- return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
12562
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, {}),
12563
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
12564
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
12565
- /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", children: "Save" })
12566
- ] }) })
12567
- ] }) });
12568
- };
12569
- const schema$1 = objectType({
12570
- email: stringType().email()
12571
- });
12571
+ const schema$1 = addressSchema;
12572
12572
  const TransferOwnership = () => {
12573
12573
  const { id } = reactRouterDom.useParams();
12574
12574
  const { draft_order, isPending, isError, error } = useDraftOrder(id, {
@@ -13065,6 +13065,14 @@ const routeModule = {
13065
13065
  handle,
13066
13066
  loader,
13067
13067
  children: [
13068
+ {
13069
+ Component: BillingAddress,
13070
+ path: "/draft-orders/:id/billing-address"
13071
+ },
13072
+ {
13073
+ Component: CustomItems,
13074
+ path: "/draft-orders/:id/custom-items"
13075
+ },
13068
13076
  {
13069
13077
  Component: Email,
13070
13078
  path: "/draft-orders/:id/email"
@@ -13081,10 +13089,6 @@ const routeModule = {
13081
13089
  Component: Promotions,
13082
13090
  path: "/draft-orders/:id/promotions"
13083
13091
  },
13084
- {
13085
- Component: BillingAddress,
13086
- path: "/draft-orders/:id/billing-address"
13087
- },
13088
13092
  {
13089
13093
  Component: SalesChannel,
13090
13094
  path: "/draft-orders/:id/sales-channel"
@@ -13097,10 +13101,6 @@ const routeModule = {
13097
13101
  Component: ShippingAddress,
13098
13102
  path: "/draft-orders/:id/shipping-address"
13099
13103
  },
13100
- {
13101
- Component: CustomItems,
13102
- path: "/draft-orders/:id/custom-items"
13103
- },
13104
13104
  {
13105
13105
  Component: TransferOwnership,
13106
13106
  path: "/draft-orders/:id/transfer-ownership"
@@ -9567,6 +9567,217 @@ const ID = () => {
9567
9567
  /* @__PURE__ */ jsx(Outlet, {})
9568
9568
  ] });
9569
9569
  };
9570
+ const BillingAddress = () => {
9571
+ const { id } = useParams();
9572
+ const { order, isPending, isError, error } = useOrder(id, {
9573
+ fields: "+billing_address"
9574
+ });
9575
+ if (isError) {
9576
+ throw error;
9577
+ }
9578
+ const isReady = !isPending && !!order;
9579
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
9580
+ /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
9581
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
9582
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
9583
+ ] }),
9584
+ isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
9585
+ ] });
9586
+ };
9587
+ const BillingAddressForm = ({ order }) => {
9588
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
9589
+ const form = useForm({
9590
+ defaultValues: {
9591
+ first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
9592
+ last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
9593
+ company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
9594
+ address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
9595
+ address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
9596
+ city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
9597
+ province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
9598
+ country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
9599
+ postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
9600
+ phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
9601
+ },
9602
+ resolver: zodResolver(schema$5)
9603
+ });
9604
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
9605
+ const { handleSuccess } = useRouteModal();
9606
+ const onSubmit = form.handleSubmit(async (data) => {
9607
+ await mutateAsync(
9608
+ { billing_address: data },
9609
+ {
9610
+ onSuccess: () => {
9611
+ handleSuccess();
9612
+ },
9613
+ onError: (error) => {
9614
+ toast.error(error.message);
9615
+ }
9616
+ }
9617
+ );
9618
+ });
9619
+ return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
9620
+ KeyboundForm,
9621
+ {
9622
+ className: "flex flex-1 flex-col overflow-hidden",
9623
+ onSubmit,
9624
+ children: [
9625
+ /* @__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: [
9626
+ /* @__PURE__ */ jsx(
9627
+ Form$2.Field,
9628
+ {
9629
+ control: form.control,
9630
+ name: "country_code",
9631
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9632
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
9633
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
9634
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9635
+ ] })
9636
+ }
9637
+ ),
9638
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
9639
+ /* @__PURE__ */ jsx(
9640
+ Form$2.Field,
9641
+ {
9642
+ control: form.control,
9643
+ name: "first_name",
9644
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9645
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
9646
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9647
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9648
+ ] })
9649
+ }
9650
+ ),
9651
+ /* @__PURE__ */ jsx(
9652
+ Form$2.Field,
9653
+ {
9654
+ control: form.control,
9655
+ name: "last_name",
9656
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9657
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
9658
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9659
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9660
+ ] })
9661
+ }
9662
+ )
9663
+ ] }),
9664
+ /* @__PURE__ */ jsx(
9665
+ Form$2.Field,
9666
+ {
9667
+ control: form.control,
9668
+ name: "company",
9669
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9670
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
9671
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9672
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9673
+ ] })
9674
+ }
9675
+ ),
9676
+ /* @__PURE__ */ jsx(
9677
+ Form$2.Field,
9678
+ {
9679
+ control: form.control,
9680
+ name: "address_1",
9681
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9682
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
9683
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9684
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9685
+ ] })
9686
+ }
9687
+ ),
9688
+ /* @__PURE__ */ jsx(
9689
+ Form$2.Field,
9690
+ {
9691
+ control: form.control,
9692
+ name: "address_2",
9693
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9694
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
9695
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9696
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9697
+ ] })
9698
+ }
9699
+ ),
9700
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
9701
+ /* @__PURE__ */ jsx(
9702
+ Form$2.Field,
9703
+ {
9704
+ control: form.control,
9705
+ name: "postal_code",
9706
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9707
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
9708
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9709
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9710
+ ] })
9711
+ }
9712
+ ),
9713
+ /* @__PURE__ */ jsx(
9714
+ Form$2.Field,
9715
+ {
9716
+ control: form.control,
9717
+ name: "city",
9718
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9719
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
9720
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9721
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9722
+ ] })
9723
+ }
9724
+ )
9725
+ ] }),
9726
+ /* @__PURE__ */ jsx(
9727
+ Form$2.Field,
9728
+ {
9729
+ control: form.control,
9730
+ name: "province",
9731
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9732
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
9733
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9734
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9735
+ ] })
9736
+ }
9737
+ ),
9738
+ /* @__PURE__ */ jsx(
9739
+ Form$2.Field,
9740
+ {
9741
+ control: form.control,
9742
+ name: "phone",
9743
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
9744
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
9745
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
9746
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
9747
+ ] })
9748
+ }
9749
+ )
9750
+ ] }) }),
9751
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
9752
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
9753
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
9754
+ ] }) })
9755
+ ]
9756
+ }
9757
+ ) });
9758
+ };
9759
+ const schema$5 = addressSchema;
9760
+ const CustomItems = () => {
9761
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
9762
+ /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Custom Items" }) }) }),
9763
+ /* @__PURE__ */ jsx(CustomItemsForm, {})
9764
+ ] });
9765
+ };
9766
+ const CustomItemsForm = () => {
9767
+ const form = useForm({
9768
+ resolver: zodResolver(schema$4)
9769
+ });
9770
+ return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
9771
+ /* @__PURE__ */ jsx(RouteDrawer.Body, {}),
9772
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
9773
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
9774
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", children: "Save" })
9775
+ ] }) })
9776
+ ] }) });
9777
+ };
9778
+ const schema$4 = objectType({
9779
+ email: stringType().email()
9780
+ });
9570
9781
  const Email = () => {
9571
9782
  const { id } = useParams();
9572
9783
  const { order, isPending, isError, error } = useOrder(id, {
@@ -9589,7 +9800,7 @@ const EmailForm = ({ order }) => {
9589
9800
  defaultValues: {
9590
9801
  email: order.email ?? ""
9591
9802
  },
9592
- resolver: zodResolver(schema$5)
9803
+ resolver: zodResolver(schema$3)
9593
9804
  });
9594
9805
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
9595
9806
  const { handleSuccess } = useRouteModal();
@@ -9632,7 +9843,7 @@ const EmailForm = ({ order }) => {
9632
9843
  }
9633
9844
  ) });
9634
9845
  };
9635
- const schema$5 = objectType({
9846
+ const schema$3 = objectType({
9636
9847
  email: stringType().email()
9637
9848
  });
9638
9849
  const NumberInput = forwardRef(
@@ -11236,196 +11447,6 @@ function getPromotionIds(items, shippingMethods) {
11236
11447
  }
11237
11448
  return Array.from(promotionIds);
11238
11449
  }
11239
- const BillingAddress = () => {
11240
- const { id } = useParams();
11241
- const { order, isPending, isError, error } = useOrder(id, {
11242
- fields: "+billing_address"
11243
- });
11244
- if (isError) {
11245
- throw error;
11246
- }
11247
- const isReady = !isPending && !!order;
11248
- return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
11249
- /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
11250
- /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
11251
- /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
11252
- ] }),
11253
- isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
11254
- ] });
11255
- };
11256
- const BillingAddressForm = ({ order }) => {
11257
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
11258
- const form = useForm({
11259
- defaultValues: {
11260
- first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
11261
- last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
11262
- company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
11263
- address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
11264
- address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
11265
- city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
11266
- province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
11267
- country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
11268
- postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
11269
- phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
11270
- },
11271
- resolver: zodResolver(schema$4)
11272
- });
11273
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11274
- const { handleSuccess } = useRouteModal();
11275
- const onSubmit = form.handleSubmit(async (data) => {
11276
- await mutateAsync(
11277
- { billing_address: data },
11278
- {
11279
- onSuccess: () => {
11280
- handleSuccess();
11281
- },
11282
- onError: (error) => {
11283
- toast.error(error.message);
11284
- }
11285
- }
11286
- );
11287
- });
11288
- return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
11289
- KeyboundForm,
11290
- {
11291
- className: "flex flex-1 flex-col overflow-hidden",
11292
- onSubmit,
11293
- children: [
11294
- /* @__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: [
11295
- /* @__PURE__ */ jsx(
11296
- Form$2.Field,
11297
- {
11298
- control: form.control,
11299
- name: "country_code",
11300
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11301
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
11302
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
11303
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11304
- ] })
11305
- }
11306
- ),
11307
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11308
- /* @__PURE__ */ jsx(
11309
- Form$2.Field,
11310
- {
11311
- control: form.control,
11312
- name: "first_name",
11313
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11314
- /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
11315
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11316
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11317
- ] })
11318
- }
11319
- ),
11320
- /* @__PURE__ */ jsx(
11321
- Form$2.Field,
11322
- {
11323
- control: form.control,
11324
- name: "last_name",
11325
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11326
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
11327
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11328
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11329
- ] })
11330
- }
11331
- )
11332
- ] }),
11333
- /* @__PURE__ */ jsx(
11334
- Form$2.Field,
11335
- {
11336
- control: form.control,
11337
- name: "company",
11338
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11339
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
11340
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11341
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11342
- ] })
11343
- }
11344
- ),
11345
- /* @__PURE__ */ jsx(
11346
- Form$2.Field,
11347
- {
11348
- control: form.control,
11349
- name: "address_1",
11350
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11351
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
11352
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11353
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11354
- ] })
11355
- }
11356
- ),
11357
- /* @__PURE__ */ jsx(
11358
- Form$2.Field,
11359
- {
11360
- control: form.control,
11361
- name: "address_2",
11362
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11363
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
11364
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11365
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11366
- ] })
11367
- }
11368
- ),
11369
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11370
- /* @__PURE__ */ jsx(
11371
- Form$2.Field,
11372
- {
11373
- control: form.control,
11374
- name: "postal_code",
11375
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11376
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
11377
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11378
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11379
- ] })
11380
- }
11381
- ),
11382
- /* @__PURE__ */ jsx(
11383
- Form$2.Field,
11384
- {
11385
- control: form.control,
11386
- name: "city",
11387
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11388
- /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
11389
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11390
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11391
- ] })
11392
- }
11393
- )
11394
- ] }),
11395
- /* @__PURE__ */ jsx(
11396
- Form$2.Field,
11397
- {
11398
- control: form.control,
11399
- name: "province",
11400
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11401
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
11402
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11403
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11404
- ] })
11405
- }
11406
- ),
11407
- /* @__PURE__ */ jsx(
11408
- Form$2.Field,
11409
- {
11410
- control: form.control,
11411
- name: "phone",
11412
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11413
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
11414
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11415
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11416
- ] })
11417
- }
11418
- )
11419
- ] }) }),
11420
- /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
11421
- /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
11422
- /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
11423
- ] }) })
11424
- ]
11425
- }
11426
- ) });
11427
- };
11428
- const schema$4 = addressSchema;
11429
11450
  const SalesChannel = () => {
11430
11451
  const { id } = useParams();
11431
11452
  const { draft_order, isPending, isError, error } = useDraftOrder(
@@ -11454,7 +11475,7 @@ const SalesChannelForm = ({ order }) => {
11454
11475
  defaultValues: {
11455
11476
  sales_channel_id: order.sales_channel_id || ""
11456
11477
  },
11457
- resolver: zodResolver(schema$3)
11478
+ resolver: zodResolver(schema$2)
11458
11479
  });
11459
11480
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11460
11481
  const { handleSuccess } = useRouteModal();
@@ -11529,7 +11550,7 @@ const SalesChannelField = ({ control, order }) => {
11529
11550
  }
11530
11551
  );
11531
11552
  };
11532
- const schema$3 = objectType({
11553
+ const schema$2 = objectType({
11533
11554
  sales_channel_id: stringType().min(1)
11534
11555
  });
11535
11556
  const STACKED_FOCUS_MODAL_ID = "shipping-form";
@@ -12371,7 +12392,7 @@ const ShippingAddressForm = ({ order }) => {
12371
12392
  postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12372
12393
  phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12373
12394
  },
12374
- resolver: zodResolver(schema$2)
12395
+ resolver: zodResolver(schema$1)
12375
12396
  });
12376
12397
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12377
12398
  const { handleSuccess } = useRouteModal();
@@ -12541,28 +12562,7 @@ const ShippingAddressForm = ({ order }) => {
12541
12562
  }
12542
12563
  ) });
12543
12564
  };
12544
- const schema$2 = addressSchema;
12545
- const CustomItems = () => {
12546
- return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12547
- /* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Custom Items" }) }) }),
12548
- /* @__PURE__ */ jsx(CustomItemsForm, {})
12549
- ] });
12550
- };
12551
- const CustomItemsForm = () => {
12552
- const form = useForm({
12553
- resolver: zodResolver(schema$1)
12554
- });
12555
- return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
12556
- /* @__PURE__ */ jsx(RouteDrawer.Body, {}),
12557
- /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
12558
- /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
12559
- /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", children: "Save" })
12560
- ] }) })
12561
- ] }) });
12562
- };
12563
- const schema$1 = objectType({
12564
- email: stringType().email()
12565
- });
12565
+ const schema$1 = addressSchema;
12566
12566
  const TransferOwnership = () => {
12567
12567
  const { id } = useParams();
12568
12568
  const { draft_order, isPending, isError, error } = useDraftOrder(id, {
@@ -13059,6 +13059,14 @@ const routeModule = {
13059
13059
  handle,
13060
13060
  loader,
13061
13061
  children: [
13062
+ {
13063
+ Component: BillingAddress,
13064
+ path: "/draft-orders/:id/billing-address"
13065
+ },
13066
+ {
13067
+ Component: CustomItems,
13068
+ path: "/draft-orders/:id/custom-items"
13069
+ },
13062
13070
  {
13063
13071
  Component: Email,
13064
13072
  path: "/draft-orders/:id/email"
@@ -13075,10 +13083,6 @@ const routeModule = {
13075
13083
  Component: Promotions,
13076
13084
  path: "/draft-orders/:id/promotions"
13077
13085
  },
13078
- {
13079
- Component: BillingAddress,
13080
- path: "/draft-orders/:id/billing-address"
13081
- },
13082
13086
  {
13083
13087
  Component: SalesChannel,
13084
13088
  path: "/draft-orders/:id/sales-channel"
@@ -13091,10 +13095,6 @@ const routeModule = {
13091
13095
  Component: ShippingAddress,
13092
13096
  path: "/draft-orders/:id/shipping-address"
13093
13097
  },
13094
- {
13095
- Component: CustomItems,
13096
- path: "/draft-orders/:id/custom-items"
13097
- },
13098
13098
  {
13099
13099
  Component: TransferOwnership,
13100
13100
  path: "/draft-orders/:id/transfer-ownership"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medusajs/draft-order",
3
- "version": "2.10.4-preview-20250922060202",
3
+ "version": "2.10.4-preview-20250922090200",
4
4
  "description": "A starter for Medusa plugins.",
5
5
  "author": "Medusa (https://medusajs.com)",
6
6
  "license": "MIT",
@@ -36,7 +36,7 @@
36
36
  "dependencies": {
37
37
  "@ariakit/react": "^0.4.15",
38
38
  "@hookform/resolvers": "3.4.2",
39
- "@medusajs/js-sdk": "2.10.4-preview-20250922060202",
39
+ "@medusajs/js-sdk": "2.10.4-preview-20250922090200",
40
40
  "@tanstack/react-query": "5.64.2",
41
41
  "@uiw/react-json-view": "^2.0.0-alpha.17",
42
42
  "date-fns": "^3.6.0",
@@ -45,14 +45,14 @@
45
45
  "react-hook-form": "7.49.1"
46
46
  },
47
47
  "devDependencies": {
48
- "@medusajs/admin-sdk": "2.10.4-preview-20250922060202",
49
- "@medusajs/cli": "2.10.4-preview-20250922060202",
50
- "@medusajs/framework": "2.10.4-preview-20250922060202",
51
- "@medusajs/icons": "2.10.4-preview-20250922060202",
52
- "@medusajs/test-utils": "2.10.4-preview-20250922060202",
53
- "@medusajs/types": "2.10.4-preview-20250922060202",
54
- "@medusajs/ui": "4.0.24-preview-20250922060202",
55
- "@medusajs/ui-preset": "2.10.4-preview-20250922060202",
48
+ "@medusajs/admin-sdk": "2.10.4-preview-20250922090200",
49
+ "@medusajs/cli": "2.10.4-preview-20250922090200",
50
+ "@medusajs/framework": "2.10.4-preview-20250922090200",
51
+ "@medusajs/icons": "2.10.4-preview-20250922090200",
52
+ "@medusajs/test-utils": "2.10.4-preview-20250922090200",
53
+ "@medusajs/types": "2.10.4-preview-20250922090200",
54
+ "@medusajs/ui": "4.0.24-preview-20250922090200",
55
+ "@medusajs/ui-preset": "2.10.4-preview-20250922090200",
56
56
  "@mikro-orm/cli": "6.5.4",
57
57
  "@mikro-orm/core": "6.5.4",
58
58
  "@mikro-orm/knex": "6.5.4",
@@ -76,12 +76,12 @@
76
76
  "yalc": "^1.0.0-pre.53"
77
77
  },
78
78
  "peerDependencies": {
79
- "@medusajs/admin-sdk": "2.10.4-preview-20250922060202",
80
- "@medusajs/cli": "2.10.4-preview-20250922060202",
81
- "@medusajs/framework": "2.10.4-preview-20250922060202",
82
- "@medusajs/icons": "2.10.4-preview-20250922060202",
83
- "@medusajs/test-utils": "2.10.4-preview-20250922060202",
84
- "@medusajs/ui": "4.0.24-preview-20250922060202",
79
+ "@medusajs/admin-sdk": "2.10.4-preview-20250922090200",
80
+ "@medusajs/cli": "2.10.4-preview-20250922090200",
81
+ "@medusajs/framework": "2.10.4-preview-20250922090200",
82
+ "@medusajs/icons": "2.10.4-preview-20250922090200",
83
+ "@medusajs/test-utils": "2.10.4-preview-20250922090200",
84
+ "@medusajs/ui": "4.0.24-preview-20250922090200",
85
85
  "@mikro-orm/cli": "6.5.4",
86
86
  "@mikro-orm/core": "6.5.4",
87
87
  "@mikro-orm/knex": "6.5.4",