@medusajs/draft-order 2.10.4-snapshot-20250925183036 → 2.10.4-snapshot-20250925194852

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.
@@ -11257,6 +11257,112 @@ function getPromotionIds(items, shippingMethods) {
11257
11257
  }
11258
11258
  return Array.from(promotionIds);
11259
11259
  }
11260
+ const SalesChannel = () => {
11261
+ const { id } = useParams();
11262
+ const { draft_order, isPending, isError, error } = useDraftOrder(
11263
+ id,
11264
+ {
11265
+ fields: "+sales_channel_id"
11266
+ },
11267
+ {
11268
+ enabled: !!id
11269
+ }
11270
+ );
11271
+ if (isError) {
11272
+ throw error;
11273
+ }
11274
+ const ISrEADY = !!draft_order && !isPending;
11275
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
11276
+ /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
11277
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Sales Channel" }) }),
11278
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Update which sales channel the draft order is associated with" }) })
11279
+ ] }),
11280
+ ISrEADY && /* @__PURE__ */ jsx(SalesChannelForm, { order: draft_order })
11281
+ ] });
11282
+ };
11283
+ const SalesChannelForm = ({ order }) => {
11284
+ const form = useForm({
11285
+ defaultValues: {
11286
+ sales_channel_id: order.sales_channel_id || ""
11287
+ },
11288
+ resolver: zodResolver(schema$3)
11289
+ });
11290
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
11291
+ const { handleSuccess } = useRouteModal();
11292
+ const onSubmit = form.handleSubmit(async (data) => {
11293
+ await mutateAsync(
11294
+ {
11295
+ sales_channel_id: data.sales_channel_id
11296
+ },
11297
+ {
11298
+ onSuccess: () => {
11299
+ toast.success("Sales channel updated");
11300
+ handleSuccess();
11301
+ },
11302
+ onError: (error) => {
11303
+ toast.error(error.message);
11304
+ }
11305
+ }
11306
+ );
11307
+ });
11308
+ return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
11309
+ KeyboundForm,
11310
+ {
11311
+ className: "flex flex-1 flex-col overflow-hidden",
11312
+ onSubmit,
11313
+ children: [
11314
+ /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(SalesChannelField, { control: form.control, order }) }),
11315
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
11316
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
11317
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
11318
+ ] }) })
11319
+ ]
11320
+ }
11321
+ ) });
11322
+ };
11323
+ const SalesChannelField = ({ control, order }) => {
11324
+ const salesChannels = useComboboxData({
11325
+ queryFn: async (params) => {
11326
+ return await sdk.admin.salesChannel.list(params);
11327
+ },
11328
+ queryKey: ["sales-channels"],
11329
+ getOptions: (data) => {
11330
+ return data.sales_channels.map((salesChannel) => ({
11331
+ label: salesChannel.name,
11332
+ value: salesChannel.id
11333
+ }));
11334
+ },
11335
+ defaultValue: order.sales_channel_id || void 0
11336
+ });
11337
+ return /* @__PURE__ */ jsx(
11338
+ Form$2.Field,
11339
+ {
11340
+ control,
11341
+ name: "sales_channel_id",
11342
+ render: ({ field }) => {
11343
+ return /* @__PURE__ */ jsxs(Form$2.Item, { children: [
11344
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Sales Channel" }),
11345
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
11346
+ Combobox,
11347
+ {
11348
+ options: salesChannels.options,
11349
+ fetchNextPage: salesChannels.fetchNextPage,
11350
+ isFetchingNextPage: salesChannels.isFetchingNextPage,
11351
+ searchValue: salesChannels.searchValue,
11352
+ onSearchValueChange: salesChannels.onSearchValueChange,
11353
+ placeholder: "Select sales channel",
11354
+ ...field
11355
+ }
11356
+ ) }),
11357
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
11358
+ ] });
11359
+ }
11360
+ }
11361
+ );
11362
+ };
11363
+ const schema$3 = objectType({
11364
+ sales_channel_id: stringType().min(1)
11365
+ });
11260
11366
  const STACKED_FOCUS_MODAL_ID = "shipping-form";
11261
11367
  const Shipping = () => {
11262
11368
  var _a;
@@ -12064,46 +12170,60 @@ const CustomAmountField = ({
12064
12170
  }
12065
12171
  );
12066
12172
  };
12067
- const SalesChannel = () => {
12173
+ const ShippingAddress = () => {
12068
12174
  const { id } = useParams();
12069
- const { draft_order, isPending, isError, error } = useDraftOrder(
12070
- id,
12071
- {
12072
- fields: "+sales_channel_id"
12073
- },
12074
- {
12075
- enabled: !!id
12076
- }
12077
- );
12175
+ const { order, isPending, isError, error } = useOrder(id, {
12176
+ fields: "+shipping_address"
12177
+ });
12078
12178
  if (isError) {
12079
12179
  throw error;
12080
12180
  }
12081
- const ISrEADY = !!draft_order && !isPending;
12181
+ const isReady = !isPending && !!order;
12082
12182
  return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12083
12183
  /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
12084
- /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Sales Channel" }) }),
12085
- /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Update which sales channel the draft order is associated with" }) })
12184
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Shipping Address" }) }),
12185
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
12086
12186
  ] }),
12087
- ISrEADY && /* @__PURE__ */ jsx(SalesChannelForm, { order: draft_order })
12187
+ isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
12088
12188
  ] });
12089
12189
  };
12090
- const SalesChannelForm = ({ order }) => {
12190
+ const ShippingAddressForm = ({ order }) => {
12191
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
12091
12192
  const form = useForm({
12092
12193
  defaultValues: {
12093
- sales_channel_id: order.sales_channel_id || ""
12194
+ first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
12195
+ last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
12196
+ company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
12197
+ address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
12198
+ address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
12199
+ city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
12200
+ province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
12201
+ country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
12202
+ postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12203
+ phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12094
12204
  },
12095
- resolver: zodResolver(schema$3)
12205
+ resolver: zodResolver(schema$2)
12096
12206
  });
12097
12207
  const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12098
12208
  const { handleSuccess } = useRouteModal();
12099
12209
  const onSubmit = form.handleSubmit(async (data) => {
12100
12210
  await mutateAsync(
12101
12211
  {
12102
- sales_channel_id: data.sales_channel_id
12212
+ shipping_address: {
12213
+ first_name: data.first_name,
12214
+ last_name: data.last_name,
12215
+ company: data.company,
12216
+ address_1: data.address_1,
12217
+ address_2: data.address_2,
12218
+ city: data.city,
12219
+ province: data.province,
12220
+ country_code: data.country_code,
12221
+ postal_code: data.postal_code,
12222
+ phone: data.phone
12223
+ }
12103
12224
  },
12104
12225
  {
12105
12226
  onSuccess: () => {
12106
- toast.success("Sales channel updated");
12107
12227
  handleSuccess();
12108
12228
  },
12109
12229
  onError: (error) => {
@@ -12118,96 +12238,179 @@ const SalesChannelForm = ({ order }) => {
12118
12238
  className: "flex flex-1 flex-col overflow-hidden",
12119
12239
  onSubmit,
12120
12240
  children: [
12121
- /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(SalesChannelField, { control: form.control, order }) }),
12122
- /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
12123
- /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
12124
- /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
12125
- ] }) })
12126
- ]
12127
- }
12128
- ) });
12129
- };
12130
- const SalesChannelField = ({ control, order }) => {
12131
- const salesChannels = useComboboxData({
12132
- queryFn: async (params) => {
12133
- return await sdk.admin.salesChannel.list(params);
12134
- },
12135
- queryKey: ["sales-channels"],
12136
- getOptions: (data) => {
12137
- return data.sales_channels.map((salesChannel) => ({
12138
- label: salesChannel.name,
12139
- value: salesChannel.id
12140
- }));
12141
- },
12142
- defaultValue: order.sales_channel_id || void 0
12143
- });
12144
- return /* @__PURE__ */ jsx(
12145
- Form$2.Field,
12146
- {
12147
- control,
12148
- name: "sales_channel_id",
12149
- render: ({ field }) => {
12150
- return /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12151
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Sales Channel" }),
12152
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
12153
- Combobox,
12241
+ /* @__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: [
12242
+ /* @__PURE__ */ jsx(
12243
+ Form$2.Field,
12154
12244
  {
12155
- options: salesChannels.options,
12156
- fetchNextPage: salesChannels.fetchNextPage,
12157
- isFetchingNextPage: salesChannels.isFetchingNextPage,
12158
- searchValue: salesChannels.searchValue,
12159
- onSearchValueChange: salesChannels.onSearchValueChange,
12160
- placeholder: "Select sales channel",
12161
- ...field
12245
+ control: form.control,
12246
+ name: "country_code",
12247
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12248
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
12249
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
12250
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12251
+ ] })
12162
12252
  }
12163
- ) }),
12164
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12165
- ] });
12166
- }
12167
- }
12168
- );
12169
- };
12170
- const schema$3 = objectType({
12171
- sales_channel_id: stringType().min(1)
12172
- });
12173
- const TransferOwnership = () => {
12174
- const { id } = useParams();
12175
- const { draft_order, isPending, isError, error } = useDraftOrder(id, {
12176
- fields: "id,customer_id,customer.*"
12177
- });
12178
- if (isError) {
12179
- throw error;
12180
- }
12181
- const isReady = !isPending && !!draft_order;
12182
- return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12183
- /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
12184
- /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Transfer Ownership" }) }),
12185
- /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Transfer the ownership of this draft order to a new customer" }) })
12186
- ] }),
12187
- isReady && /* @__PURE__ */ jsx(TransferOwnershipForm, { order: draft_order })
12188
- ] });
12189
- };
12190
- const TransferOwnershipForm = ({ order }) => {
12191
- var _a, _b;
12192
- const form = useForm({
12193
- defaultValues: {
12194
- customer_id: order.customer_id || ""
12195
- },
12196
- resolver: zodResolver(schema$2)
12197
- });
12198
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12199
- const { handleSuccess } = useRouteModal();
12200
- const name = [(_a = order.customer) == null ? void 0 : _a.first_name, (_b = order.customer) == null ? void 0 : _b.last_name].filter(Boolean).join(" ");
12201
- const currentCustomer = order.customer ? {
12202
- label: name ? `${name} (${order.customer.email})` : order.customer.email,
12203
- value: order.customer.id
12204
- } : null;
12205
- const onSubmit = form.handleSubmit(async (data) => {
12206
- await mutateAsync(
12207
- { customer_id: data.customer_id },
12208
- {
12209
- onSuccess: () => {
12210
- toast.success("Customer updated");
12253
+ ),
12254
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12255
+ /* @__PURE__ */ jsx(
12256
+ Form$2.Field,
12257
+ {
12258
+ control: form.control,
12259
+ name: "first_name",
12260
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12261
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
12262
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12263
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12264
+ ] })
12265
+ }
12266
+ ),
12267
+ /* @__PURE__ */ jsx(
12268
+ Form$2.Field,
12269
+ {
12270
+ control: form.control,
12271
+ name: "last_name",
12272
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12273
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
12274
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12275
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12276
+ ] })
12277
+ }
12278
+ )
12279
+ ] }),
12280
+ /* @__PURE__ */ jsx(
12281
+ Form$2.Field,
12282
+ {
12283
+ control: form.control,
12284
+ name: "company",
12285
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12286
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
12287
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12288
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12289
+ ] })
12290
+ }
12291
+ ),
12292
+ /* @__PURE__ */ jsx(
12293
+ Form$2.Field,
12294
+ {
12295
+ control: form.control,
12296
+ name: "address_1",
12297
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12298
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
12299
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12300
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12301
+ ] })
12302
+ }
12303
+ ),
12304
+ /* @__PURE__ */ jsx(
12305
+ Form$2.Field,
12306
+ {
12307
+ control: form.control,
12308
+ name: "address_2",
12309
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12310
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
12311
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12312
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12313
+ ] })
12314
+ }
12315
+ ),
12316
+ /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12317
+ /* @__PURE__ */ jsx(
12318
+ Form$2.Field,
12319
+ {
12320
+ control: form.control,
12321
+ name: "postal_code",
12322
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12323
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
12324
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12325
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12326
+ ] })
12327
+ }
12328
+ ),
12329
+ /* @__PURE__ */ jsx(
12330
+ Form$2.Field,
12331
+ {
12332
+ control: form.control,
12333
+ name: "city",
12334
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12335
+ /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
12336
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12337
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12338
+ ] })
12339
+ }
12340
+ )
12341
+ ] }),
12342
+ /* @__PURE__ */ jsx(
12343
+ Form$2.Field,
12344
+ {
12345
+ control: form.control,
12346
+ name: "province",
12347
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12348
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
12349
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12350
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12351
+ ] })
12352
+ }
12353
+ ),
12354
+ /* @__PURE__ */ jsx(
12355
+ Form$2.Field,
12356
+ {
12357
+ control: form.control,
12358
+ name: "phone",
12359
+ render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12360
+ /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
12361
+ /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12362
+ /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12363
+ ] })
12364
+ }
12365
+ )
12366
+ ] }) }),
12367
+ /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
12368
+ /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
12369
+ /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
12370
+ ] }) })
12371
+ ]
12372
+ }
12373
+ ) });
12374
+ };
12375
+ const schema$2 = addressSchema;
12376
+ const TransferOwnership = () => {
12377
+ const { id } = useParams();
12378
+ const { draft_order, isPending, isError, error } = useDraftOrder(id, {
12379
+ fields: "id,customer_id,customer.*"
12380
+ });
12381
+ if (isError) {
12382
+ throw error;
12383
+ }
12384
+ const isReady = !isPending && !!draft_order;
12385
+ return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12386
+ /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
12387
+ /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Transfer Ownership" }) }),
12388
+ /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Transfer the ownership of this draft order to a new customer" }) })
12389
+ ] }),
12390
+ isReady && /* @__PURE__ */ jsx(TransferOwnershipForm, { order: draft_order })
12391
+ ] });
12392
+ };
12393
+ const TransferOwnershipForm = ({ order }) => {
12394
+ var _a, _b;
12395
+ const form = useForm({
12396
+ defaultValues: {
12397
+ customer_id: order.customer_id || ""
12398
+ },
12399
+ resolver: zodResolver(schema$1)
12400
+ });
12401
+ const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12402
+ const { handleSuccess } = useRouteModal();
12403
+ const name = [(_a = order.customer) == null ? void 0 : _a.first_name, (_b = order.customer) == null ? void 0 : _b.last_name].filter(Boolean).join(" ");
12404
+ const currentCustomer = order.customer ? {
12405
+ label: name ? `${name} (${order.customer.email})` : order.customer.email,
12406
+ value: order.customer.id
12407
+ } : null;
12408
+ const onSubmit = form.handleSubmit(async (data) => {
12409
+ await mutateAsync(
12410
+ { customer_id: data.customer_id },
12411
+ {
12412
+ onSuccess: () => {
12413
+ toast.success("Customer updated");
12211
12414
  handleSuccess();
12212
12415
  },
12213
12416
  onError: (error) => {
@@ -12643,212 +12846,9 @@ const Illustration = () => {
12643
12846
  }
12644
12847
  );
12645
12848
  };
12646
- const schema$2 = objectType({
12849
+ const schema$1 = objectType({
12647
12850
  customer_id: stringType().min(1)
12648
12851
  });
12649
- const ShippingAddress = () => {
12650
- const { id } = useParams();
12651
- const { order, isPending, isError, error } = useOrder(id, {
12652
- fields: "+shipping_address"
12653
- });
12654
- if (isError) {
12655
- throw error;
12656
- }
12657
- const isReady = !isPending && !!order;
12658
- return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
12659
- /* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
12660
- /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Shipping Address" }) }),
12661
- /* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
12662
- ] }),
12663
- isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
12664
- ] });
12665
- };
12666
- const ShippingAddressForm = ({ order }) => {
12667
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
12668
- const form = useForm({
12669
- defaultValues: {
12670
- first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
12671
- last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
12672
- company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
12673
- address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
12674
- address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
12675
- city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
12676
- province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
12677
- country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
12678
- postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
12679
- phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
12680
- },
12681
- resolver: zodResolver(schema$1)
12682
- });
12683
- const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
12684
- const { handleSuccess } = useRouteModal();
12685
- const onSubmit = form.handleSubmit(async (data) => {
12686
- await mutateAsync(
12687
- {
12688
- shipping_address: {
12689
- first_name: data.first_name,
12690
- last_name: data.last_name,
12691
- company: data.company,
12692
- address_1: data.address_1,
12693
- address_2: data.address_2,
12694
- city: data.city,
12695
- province: data.province,
12696
- country_code: data.country_code,
12697
- postal_code: data.postal_code,
12698
- phone: data.phone
12699
- }
12700
- },
12701
- {
12702
- onSuccess: () => {
12703
- handleSuccess();
12704
- },
12705
- onError: (error) => {
12706
- toast.error(error.message);
12707
- }
12708
- }
12709
- );
12710
- });
12711
- return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
12712
- KeyboundForm,
12713
- {
12714
- className: "flex flex-1 flex-col overflow-hidden",
12715
- onSubmit,
12716
- children: [
12717
- /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
12718
- /* @__PURE__ */ jsx(
12719
- Form$2.Field,
12720
- {
12721
- control: form.control,
12722
- name: "country_code",
12723
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12724
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
12725
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
12726
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12727
- ] })
12728
- }
12729
- ),
12730
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12731
- /* @__PURE__ */ jsx(
12732
- Form$2.Field,
12733
- {
12734
- control: form.control,
12735
- name: "first_name",
12736
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12737
- /* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
12738
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12739
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12740
- ] })
12741
- }
12742
- ),
12743
- /* @__PURE__ */ jsx(
12744
- Form$2.Field,
12745
- {
12746
- control: form.control,
12747
- name: "last_name",
12748
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12749
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
12750
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12751
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12752
- ] })
12753
- }
12754
- )
12755
- ] }),
12756
- /* @__PURE__ */ jsx(
12757
- Form$2.Field,
12758
- {
12759
- control: form.control,
12760
- name: "company",
12761
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12762
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
12763
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12764
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12765
- ] })
12766
- }
12767
- ),
12768
- /* @__PURE__ */ jsx(
12769
- Form$2.Field,
12770
- {
12771
- control: form.control,
12772
- name: "address_1",
12773
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12774
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
12775
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12776
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12777
- ] })
12778
- }
12779
- ),
12780
- /* @__PURE__ */ jsx(
12781
- Form$2.Field,
12782
- {
12783
- control: form.control,
12784
- name: "address_2",
12785
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12786
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
12787
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12788
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12789
- ] })
12790
- }
12791
- ),
12792
- /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
12793
- /* @__PURE__ */ jsx(
12794
- Form$2.Field,
12795
- {
12796
- control: form.control,
12797
- name: "postal_code",
12798
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12799
- /* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
12800
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12801
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12802
- ] })
12803
- }
12804
- ),
12805
- /* @__PURE__ */ jsx(
12806
- Form$2.Field,
12807
- {
12808
- control: form.control,
12809
- name: "city",
12810
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12811
- /* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
12812
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12813
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12814
- ] })
12815
- }
12816
- )
12817
- ] }),
12818
- /* @__PURE__ */ jsx(
12819
- Form$2.Field,
12820
- {
12821
- control: form.control,
12822
- name: "province",
12823
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12824
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
12825
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12826
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12827
- ] })
12828
- }
12829
- ),
12830
- /* @__PURE__ */ jsx(
12831
- Form$2.Field,
12832
- {
12833
- control: form.control,
12834
- name: "phone",
12835
- render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
12836
- /* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
12837
- /* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
12838
- /* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
12839
- ] })
12840
- }
12841
- )
12842
- ] }) }),
12843
- /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
12844
- /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
12845
- /* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
12846
- ] }) })
12847
- ]
12848
- }
12849
- ) });
12850
- };
12851
- const schema$1 = addressSchema;
12852
12852
  const BillingAddress = () => {
12853
12853
  const { id } = useParams();
12854
12854
  const { order, isPending, isError, error } = useOrder(id, {
@@ -13079,22 +13079,22 @@ const routeModule = {
13079
13079
  Component: Promotions,
13080
13080
  path: "/draft-orders/:id/promotions"
13081
13081
  },
13082
- {
13083
- Component: Shipping,
13084
- path: "/draft-orders/:id/shipping"
13085
- },
13086
13082
  {
13087
13083
  Component: SalesChannel,
13088
13084
  path: "/draft-orders/:id/sales-channel"
13089
13085
  },
13090
13086
  {
13091
- Component: TransferOwnership,
13092
- path: "/draft-orders/:id/transfer-ownership"
13087
+ Component: Shipping,
13088
+ path: "/draft-orders/:id/shipping"
13093
13089
  },
13094
13090
  {
13095
13091
  Component: ShippingAddress,
13096
13092
  path: "/draft-orders/:id/shipping-address"
13097
13093
  },
13094
+ {
13095
+ Component: TransferOwnership,
13096
+ path: "/draft-orders/:id/transfer-ownership"
13097
+ },
13098
13098
  {
13099
13099
  Component: BillingAddress,
13100
13100
  path: "/draft-orders/:id/billing-address"