@medusajs/draft-order 2.10.4-preview-20250928150152 → 2.10.4-preview-20250928210151

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.
@@ -11263,6 +11263,196 @@ function getPromotionIds(items, shippingMethods) {
11263
11263
  }
11264
11264
  return Array.from(promotionIds);
11265
11265
  }
11266
+ const BillingAddress = () => {
11267
+ const { id } = reactRouterDom.useParams();
11268
+ const { order, isPending, isError, error } = useOrder(id, {
11269
+ fields: "+billing_address"
11270
+ });
11271
+ if (isError) {
11272
+ throw error;
11273
+ }
11274
+ const isReady = !isPending && !!order;
11275
+ return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
11276
+ /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
11277
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Billing Address" }) }),
11278
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
11279
+ ] }),
11280
+ isReady && /* @__PURE__ */ jsxRuntime.jsx(BillingAddressForm, { order })
11281
+ ] });
11282
+ };
11283
+ const BillingAddressForm = ({ order }) => {
11284
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
11285
+ const form = reactHookForm.useForm({
11286
+ defaultValues: {
11287
+ first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
11288
+ last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
11289
+ company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
11290
+ address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
11291
+ address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
11292
+ city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
11293
+ province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
11294
+ country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
11295
+ postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
11296
+ phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
11297
+ },
11298
+ resolver: zod.zodResolver(schema$3)
11299
+ });
11300
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11301
+ const { handleSuccess } = useRouteModal();
11302
+ const onSubmit = form.handleSubmit(async (data) => {
11303
+ await mutateAsync(
11304
+ { billing_address: data },
11305
+ {
11306
+ onSuccess: () => {
11307
+ handleSuccess();
11308
+ },
11309
+ onError: (error) => {
11310
+ ui.toast.error(error.message);
11311
+ }
11312
+ }
11313
+ );
11314
+ });
11315
+ return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
11316
+ KeyboundForm,
11317
+ {
11318
+ className: "flex flex-1 flex-col overflow-hidden",
11319
+ onSubmit,
11320
+ children: [
11321
+ /* @__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: [
11322
+ /* @__PURE__ */ jsxRuntime.jsx(
11323
+ Form$2.Field,
11324
+ {
11325
+ control: form.control,
11326
+ name: "country_code",
11327
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11328
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Country" }),
11329
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, { ...field }) }),
11330
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11331
+ ] })
11332
+ }
11333
+ ),
11334
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11335
+ /* @__PURE__ */ jsxRuntime.jsx(
11336
+ Form$2.Field,
11337
+ {
11338
+ control: form.control,
11339
+ name: "first_name",
11340
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11341
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "First name" }),
11342
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11343
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11344
+ ] })
11345
+ }
11346
+ ),
11347
+ /* @__PURE__ */ jsxRuntime.jsx(
11348
+ Form$2.Field,
11349
+ {
11350
+ control: form.control,
11351
+ name: "last_name",
11352
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11353
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Last name" }),
11354
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11355
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11356
+ ] })
11357
+ }
11358
+ )
11359
+ ] }),
11360
+ /* @__PURE__ */ jsxRuntime.jsx(
11361
+ Form$2.Field,
11362
+ {
11363
+ control: form.control,
11364
+ name: "company",
11365
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11366
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Company" }),
11367
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11368
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11369
+ ] })
11370
+ }
11371
+ ),
11372
+ /* @__PURE__ */ jsxRuntime.jsx(
11373
+ Form$2.Field,
11374
+ {
11375
+ control: form.control,
11376
+ name: "address_1",
11377
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11378
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Address" }),
11379
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11380
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11381
+ ] })
11382
+ }
11383
+ ),
11384
+ /* @__PURE__ */ jsxRuntime.jsx(
11385
+ Form$2.Field,
11386
+ {
11387
+ control: form.control,
11388
+ name: "address_2",
11389
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11390
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
11391
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11392
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11393
+ ] })
11394
+ }
11395
+ ),
11396
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11397
+ /* @__PURE__ */ jsxRuntime.jsx(
11398
+ Form$2.Field,
11399
+ {
11400
+ control: form.control,
11401
+ name: "postal_code",
11402
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11403
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Postal code" }),
11404
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11405
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11406
+ ] })
11407
+ }
11408
+ ),
11409
+ /* @__PURE__ */ jsxRuntime.jsx(
11410
+ Form$2.Field,
11411
+ {
11412
+ control: form.control,
11413
+ name: "city",
11414
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11415
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "City" }),
11416
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11417
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11418
+ ] })
11419
+ }
11420
+ )
11421
+ ] }),
11422
+ /* @__PURE__ */ jsxRuntime.jsx(
11423
+ Form$2.Field,
11424
+ {
11425
+ control: form.control,
11426
+ name: "province",
11427
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11428
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Province / State" }),
11429
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11430
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11431
+ ] })
11432
+ }
11433
+ ),
11434
+ /* @__PURE__ */ jsxRuntime.jsx(
11435
+ Form$2.Field,
11436
+ {
11437
+ control: form.control,
11438
+ name: "phone",
11439
+ render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
11440
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Phone" }),
11441
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
11442
+ /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
11443
+ ] })
11444
+ }
11445
+ )
11446
+ ] }) }),
11447
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
11448
+ /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
11449
+ /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
11450
+ ] }) })
11451
+ ]
11452
+ }
11453
+ ) });
11454
+ };
11455
+ const schema$3 = addressSchema;
11266
11456
  const SalesChannel = () => {
11267
11457
  const { id } = reactRouterDom.useParams();
11268
11458
  const { draft_order, isPending, isError, error } = useDraftOrder(
@@ -11291,7 +11481,7 @@ const SalesChannelForm = ({ order }) => {
11291
11481
  defaultValues: {
11292
11482
  sales_channel_id: order.sales_channel_id || ""
11293
11483
  },
11294
- resolver: zod.zodResolver(schema$3)
11484
+ resolver: zod.zodResolver(schema$2)
11295
11485
  });
11296
11486
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11297
11487
  const { handleSuccess } = useRouteModal();
@@ -11366,7 +11556,7 @@ const SalesChannelField = ({ control, order }) => {
11366
11556
  }
11367
11557
  );
11368
11558
  };
11369
- const schema$3 = objectType({
11559
+ const schema$2 = objectType({
11370
11560
  sales_channel_id: stringType().min(1)
11371
11561
  });
11372
11562
  const STACKED_FOCUS_MODAL_ID = "shipping-form";
@@ -12208,7 +12398,7 @@ const ShippingAddressForm = ({ order }) => {
12208
12398
  postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12209
12399
  phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12210
12400
  },
12211
- resolver: zod.zodResolver(schema$2)
12401
+ resolver: zod.zodResolver(schema$1)
12212
12402
  });
12213
12403
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12214
12404
  const { handleSuccess } = useRouteModal();
@@ -12378,7 +12568,7 @@ const ShippingAddressForm = ({ order }) => {
12378
12568
  }
12379
12569
  ) });
12380
12570
  };
12381
- const schema$2 = addressSchema;
12571
+ const schema$1 = addressSchema;
12382
12572
  const TransferOwnership = () => {
12383
12573
  const { id } = reactRouterDom.useParams();
12384
12574
  const { draft_order, isPending, isError, error } = useDraftOrder(id, {
@@ -12402,7 +12592,7 @@ const TransferOwnershipForm = ({ order }) => {
12402
12592
  defaultValues: {
12403
12593
  customer_id: order.customer_id || ""
12404
12594
  },
12405
- resolver: zod.zodResolver(schema$1)
12595
+ resolver: zod.zodResolver(schema)
12406
12596
  });
12407
12597
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12408
12598
  const { handleSuccess } = useRouteModal();
@@ -12852,199 +13042,9 @@ const Illustration = () => {
12852
13042
  }
12853
13043
  );
12854
13044
  };
12855
- const schema$1 = objectType({
13045
+ const schema = objectType({
12856
13046
  customer_id: stringType().min(1)
12857
13047
  });
12858
- const BillingAddress = () => {
12859
- const { id } = reactRouterDom.useParams();
12860
- const { order, isPending, isError, error } = useOrder(id, {
12861
- fields: "+billing_address"
12862
- });
12863
- if (isError) {
12864
- throw error;
12865
- }
12866
- const isReady = !isPending && !!order;
12867
- return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
12868
- /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
12869
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Billing Address" }) }),
12870
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
12871
- ] }),
12872
- isReady && /* @__PURE__ */ jsxRuntime.jsx(BillingAddressForm, { order })
12873
- ] });
12874
- };
12875
- const BillingAddressForm = ({ order }) => {
12876
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
12877
- const form = reactHookForm.useForm({
12878
- defaultValues: {
12879
- first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
12880
- last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
12881
- company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
12882
- address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
12883
- address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
12884
- city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
12885
- province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
12886
- country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
12887
- postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
12888
- phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
12889
- },
12890
- resolver: zod.zodResolver(schema)
12891
- });
12892
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12893
- const { handleSuccess } = useRouteModal();
12894
- const onSubmit = form.handleSubmit(async (data) => {
12895
- await mutateAsync(
12896
- { billing_address: data },
12897
- {
12898
- onSuccess: () => {
12899
- handleSuccess();
12900
- },
12901
- onError: (error) => {
12902
- ui.toast.error(error.message);
12903
- }
12904
- }
12905
- );
12906
- });
12907
- return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
12908
- KeyboundForm,
12909
- {
12910
- className: "flex flex-1 flex-col overflow-hidden",
12911
- onSubmit,
12912
- children: [
12913
- /* @__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: [
12914
- /* @__PURE__ */ jsxRuntime.jsx(
12915
- Form$2.Field,
12916
- {
12917
- control: form.control,
12918
- name: "country_code",
12919
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12920
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Country" }),
12921
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, { ...field }) }),
12922
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12923
- ] })
12924
- }
12925
- ),
12926
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12927
- /* @__PURE__ */ jsxRuntime.jsx(
12928
- Form$2.Field,
12929
- {
12930
- control: form.control,
12931
- name: "first_name",
12932
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12933
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "First name" }),
12934
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
12935
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12936
- ] })
12937
- }
12938
- ),
12939
- /* @__PURE__ */ jsxRuntime.jsx(
12940
- Form$2.Field,
12941
- {
12942
- control: form.control,
12943
- name: "last_name",
12944
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12945
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Last name" }),
12946
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
12947
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12948
- ] })
12949
- }
12950
- )
12951
- ] }),
12952
- /* @__PURE__ */ jsxRuntime.jsx(
12953
- Form$2.Field,
12954
- {
12955
- control: form.control,
12956
- name: "company",
12957
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12958
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Company" }),
12959
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
12960
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12961
- ] })
12962
- }
12963
- ),
12964
- /* @__PURE__ */ jsxRuntime.jsx(
12965
- Form$2.Field,
12966
- {
12967
- control: form.control,
12968
- name: "address_1",
12969
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12970
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Address" }),
12971
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
12972
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12973
- ] })
12974
- }
12975
- ),
12976
- /* @__PURE__ */ jsxRuntime.jsx(
12977
- Form$2.Field,
12978
- {
12979
- control: form.control,
12980
- name: "address_2",
12981
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12982
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
12983
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
12984
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12985
- ] })
12986
- }
12987
- ),
12988
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12989
- /* @__PURE__ */ jsxRuntime.jsx(
12990
- Form$2.Field,
12991
- {
12992
- control: form.control,
12993
- name: "postal_code",
12994
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
12995
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Postal code" }),
12996
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
12997
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
12998
- ] })
12999
- }
13000
- ),
13001
- /* @__PURE__ */ jsxRuntime.jsx(
13002
- Form$2.Field,
13003
- {
13004
- control: form.control,
13005
- name: "city",
13006
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
13007
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "City" }),
13008
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
13009
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
13010
- ] })
13011
- }
13012
- )
13013
- ] }),
13014
- /* @__PURE__ */ jsxRuntime.jsx(
13015
- Form$2.Field,
13016
- {
13017
- control: form.control,
13018
- name: "province",
13019
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
13020
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Province / State" }),
13021
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
13022
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
13023
- ] })
13024
- }
13025
- ),
13026
- /* @__PURE__ */ jsxRuntime.jsx(
13027
- Form$2.Field,
13028
- {
13029
- control: form.control,
13030
- name: "phone",
13031
- render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
13032
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Phone" }),
13033
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
13034
- /* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
13035
- ] })
13036
- }
13037
- )
13038
- ] }) }),
13039
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
13040
- /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
13041
- /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
13042
- ] }) })
13043
- ]
13044
- }
13045
- ) });
13046
- };
13047
- const schema = addressSchema;
13048
13048
  const widgetModule = { widgets: [] };
13049
13049
  const routeModule = {
13050
13050
  routes: [
@@ -13085,6 +13085,10 @@ const routeModule = {
13085
13085
  Component: Promotions,
13086
13086
  path: "/draft-orders/:id/promotions"
13087
13087
  },
13088
+ {
13089
+ Component: BillingAddress,
13090
+ path: "/draft-orders/:id/billing-address"
13091
+ },
13088
13092
  {
13089
13093
  Component: SalesChannel,
13090
13094
  path: "/draft-orders/:id/sales-channel"
@@ -13100,10 +13104,6 @@ const routeModule = {
13100
13104
  {
13101
13105
  Component: TransferOwnership,
13102
13106
  path: "/draft-orders/:id/transfer-ownership"
13103
- },
13104
- {
13105
- Component: BillingAddress,
13106
- path: "/draft-orders/:id/billing-address"
13107
13107
  }
13108
13108
  ]
13109
13109
  }
@@ -11257,6 +11257,196 @@ function getPromotionIds(items, shippingMethods) {
11257
11257
  }
11258
11258
  return Array.from(promotionIds);
11259
11259
  }
11260
+ const BillingAddress = () => {
11261
+ const { id } = useParams();
11262
+ const { order, isPending, isError, error } = useOrder(id, {
11263
+ fields: "+billing_address"
11264
+ });
11265
+ if (isError) {
11266
+ throw error;
11267
+ }
11268
+ const isReady = !isPending && !!order;
11269
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
11270
+ /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
11271
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
11272
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
11273
+ ] }),
11274
+ isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
11275
+ ] });
11276
+ };
11277
+ const BillingAddressForm = ({ order }) => {
11278
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
11279
+ const form = useForm({
11280
+ defaultValues: {
11281
+ first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
11282
+ last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
11283
+ company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
11284
+ address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
11285
+ address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
11286
+ city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
11287
+ province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
11288
+ country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
11289
+ postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
11290
+ phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
11291
+ },
11292
+ resolver: zodResolver(schema$3)
11293
+ });
11294
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11295
+ const { handleSuccess } = useRouteModal();
11296
+ const onSubmit = form.handleSubmit(async (data) => {
11297
+ await mutateAsync(
11298
+ { billing_address: data },
11299
+ {
11300
+ onSuccess: () => {
11301
+ handleSuccess();
11302
+ },
11303
+ onError: (error) => {
11304
+ toast.error(error.message);
11305
+ }
11306
+ }
11307
+ );
11308
+ });
11309
+ return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
11310
+ KeyboundForm,
11311
+ {
11312
+ className: "flex flex-1 flex-col overflow-hidden",
11313
+ onSubmit,
11314
+ children: [
11315
+ /* @__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: [
11316
+ /* @__PURE__ */ jsx(
11317
+ Form$2.Field,
11318
+ {
11319
+ control: form.control,
11320
+ name: "country_code",
11321
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11322
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
11323
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
11324
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11325
+ ] })
11326
+ }
11327
+ ),
11328
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11329
+ /* @__PURE__ */ jsx(
11330
+ Form$2.Field,
11331
+ {
11332
+ control: form.control,
11333
+ name: "first_name",
11334
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11335
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
11336
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11337
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11338
+ ] })
11339
+ }
11340
+ ),
11341
+ /* @__PURE__ */ jsx(
11342
+ Form$2.Field,
11343
+ {
11344
+ control: form.control,
11345
+ name: "last_name",
11346
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11347
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
11348
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11349
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11350
+ ] })
11351
+ }
11352
+ )
11353
+ ] }),
11354
+ /* @__PURE__ */ jsx(
11355
+ Form$2.Field,
11356
+ {
11357
+ control: form.control,
11358
+ name: "company",
11359
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11360
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
11361
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11362
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11363
+ ] })
11364
+ }
11365
+ ),
11366
+ /* @__PURE__ */ jsx(
11367
+ Form$2.Field,
11368
+ {
11369
+ control: form.control,
11370
+ name: "address_1",
11371
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11372
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
11373
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11374
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11375
+ ] })
11376
+ }
11377
+ ),
11378
+ /* @__PURE__ */ jsx(
11379
+ Form$2.Field,
11380
+ {
11381
+ control: form.control,
11382
+ name: "address_2",
11383
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11384
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
11385
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11386
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11387
+ ] })
11388
+ }
11389
+ ),
11390
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
11391
+ /* @__PURE__ */ jsx(
11392
+ Form$2.Field,
11393
+ {
11394
+ control: form.control,
11395
+ name: "postal_code",
11396
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11397
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
11398
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11399
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11400
+ ] })
11401
+ }
11402
+ ),
11403
+ /* @__PURE__ */ jsx(
11404
+ Form$2.Field,
11405
+ {
11406
+ control: form.control,
11407
+ name: "city",
11408
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11409
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
11410
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11411
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11412
+ ] })
11413
+ }
11414
+ )
11415
+ ] }),
11416
+ /* @__PURE__ */ jsx(
11417
+ Form$2.Field,
11418
+ {
11419
+ control: form.control,
11420
+ name: "province",
11421
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11422
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
11423
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11424
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11425
+ ] })
11426
+ }
11427
+ ),
11428
+ /* @__PURE__ */ jsx(
11429
+ Form$2.Field,
11430
+ {
11431
+ control: form.control,
11432
+ name: "phone",
11433
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11434
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
11435
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
11436
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11437
+ ] })
11438
+ }
11439
+ )
11440
+ ] }) }),
11441
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
11442
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
11443
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
11444
+ ] }) })
11445
+ ]
11446
+ }
11447
+ ) });
11448
+ };
11449
+ const schema$3 = addressSchema;
11260
11450
  const SalesChannel = () => {
11261
11451
  const { id } = useParams();
11262
11452
  const { draft_order, isPending, isError, error } = useDraftOrder(
@@ -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,7 +11550,7 @@ 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
11556
  const STACKED_FOCUS_MODAL_ID = "shipping-form";
@@ -12202,7 +12392,7 @@ const ShippingAddressForm = ({ order }) => {
12202
12392
  postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12203
12393
  phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12204
12394
  },
12205
- resolver: zodResolver(schema$2)
12395
+ resolver: zodResolver(schema$1)
12206
12396
  });
12207
12397
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12208
12398
  const { handleSuccess } = useRouteModal();
@@ -12372,7 +12562,7 @@ const ShippingAddressForm = ({ order }) => {
12372
12562
  }
12373
12563
  ) });
12374
12564
  };
12375
- const schema$2 = addressSchema;
12565
+ const schema$1 = addressSchema;
12376
12566
  const TransferOwnership = () => {
12377
12567
  const { id } = useParams();
12378
12568
  const { draft_order, isPending, isError, error } = useDraftOrder(id, {
@@ -12396,7 +12586,7 @@ const TransferOwnershipForm = ({ order }) => {
12396
12586
  defaultValues: {
12397
12587
  customer_id: order.customer_id || ""
12398
12588
  },
12399
- resolver: zodResolver(schema$1)
12589
+ resolver: zodResolver(schema)
12400
12590
  });
12401
12591
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12402
12592
  const { handleSuccess } = useRouteModal();
@@ -12846,199 +13036,9 @@ const Illustration = () => {
12846
13036
  }
12847
13037
  );
12848
13038
  };
12849
- const schema$1 = objectType({
13039
+ const schema = objectType({
12850
13040
  customer_id: stringType().min(1)
12851
13041
  });
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: [
@@ -13079,6 +13079,10 @@ const routeModule = {
13079
13079
  Component: Promotions,
13080
13080
  path: "/draft-orders/:id/promotions"
13081
13081
  },
13082
+ {
13083
+ Component: BillingAddress,
13084
+ path: "/draft-orders/:id/billing-address"
13085
+ },
13082
13086
  {
13083
13087
  Component: SalesChannel,
13084
13088
  path: "/draft-orders/:id/sales-channel"
@@ -13094,10 +13098,6 @@ const routeModule = {
13094
13098
  {
13095
13099
  Component: TransferOwnership,
13096
13100
  path: "/draft-orders/:id/transfer-ownership"
13097
- },
13098
- {
13099
- Component: BillingAddress,
13100
- path: "/draft-orders/:id/billing-address"
13101
13101
  }
13102
13102
  ]
13103
13103
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medusajs/draft-order",
3
- "version": "2.10.4-preview-20250928150152",
3
+ "version": "2.10.4-preview-20250928210151",
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-20250928150152",
39
+ "@medusajs/js-sdk": "2.10.4-preview-20250928210151",
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-20250928150152",
49
- "@medusajs/cli": "2.10.4-preview-20250928150152",
50
- "@medusajs/framework": "2.10.4-preview-20250928150152",
51
- "@medusajs/icons": "2.10.4-preview-20250928150152",
52
- "@medusajs/test-utils": "2.10.4-preview-20250928150152",
53
- "@medusajs/types": "2.10.4-preview-20250928150152",
54
- "@medusajs/ui": "4.0.24-preview-20250928150152",
55
- "@medusajs/ui-preset": "2.10.4-preview-20250928150152",
48
+ "@medusajs/admin-sdk": "2.10.4-preview-20250928210151",
49
+ "@medusajs/cli": "2.10.4-preview-20250928210151",
50
+ "@medusajs/framework": "2.10.4-preview-20250928210151",
51
+ "@medusajs/icons": "2.10.4-preview-20250928210151",
52
+ "@medusajs/test-utils": "2.10.4-preview-20250928210151",
53
+ "@medusajs/types": "2.10.4-preview-20250928210151",
54
+ "@medusajs/ui": "4.0.24-preview-20250928210151",
55
+ "@medusajs/ui-preset": "2.10.4-preview-20250928210151",
56
56
  "@swc/core": "1.5.7",
57
57
  "@types/lodash": "^4.17.15",
58
58
  "@types/node": "^20.0.0",
@@ -69,12 +69,12 @@
69
69
  "yalc": "^1.0.0-pre.53"
70
70
  },
71
71
  "peerDependencies": {
72
- "@medusajs/admin-sdk": "2.10.4-preview-20250928150152",
73
- "@medusajs/cli": "2.10.4-preview-20250928150152",
74
- "@medusajs/framework": "2.10.4-preview-20250928150152",
75
- "@medusajs/icons": "2.10.4-preview-20250928150152",
76
- "@medusajs/test-utils": "2.10.4-preview-20250928150152",
77
- "@medusajs/ui": "4.0.24-preview-20250928150152",
72
+ "@medusajs/admin-sdk": "2.10.4-preview-20250928210151",
73
+ "@medusajs/cli": "2.10.4-preview-20250928210151",
74
+ "@medusajs/framework": "2.10.4-preview-20250928210151",
75
+ "@medusajs/icons": "2.10.4-preview-20250928210151",
76
+ "@medusajs/test-utils": "2.10.4-preview-20250928210151",
77
+ "@medusajs/ui": "4.0.24-preview-20250928210151",
78
78
  "lodash": "^4.17.21",
79
79
  "react-router-dom": "6.20.1"
80
80
  },