@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.
- package/.medusa/server/src/admin/index.js +200 -200
- package/.medusa/server/src/admin/index.mjs +200 -200
- package/package.json +16 -16
|
@@ -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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
|
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
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
49
|
-
"@medusajs/cli": "2.10.4-preview-
|
|
50
|
-
"@medusajs/framework": "2.10.4-preview-
|
|
51
|
-
"@medusajs/icons": "2.10.4-preview-
|
|
52
|
-
"@medusajs/test-utils": "2.10.4-preview-
|
|
53
|
-
"@medusajs/types": "2.10.4-preview-
|
|
54
|
-
"@medusajs/ui": "4.0.24-preview-
|
|
55
|
-
"@medusajs/ui-preset": "2.10.4-preview-
|
|
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-
|
|
73
|
-
"@medusajs/cli": "2.10.4-preview-
|
|
74
|
-
"@medusajs/framework": "2.10.4-preview-
|
|
75
|
-
"@medusajs/icons": "2.10.4-preview-
|
|
76
|
-
"@medusajs/test-utils": "2.10.4-preview-
|
|
77
|
-
"@medusajs/ui": "4.0.24-preview-
|
|
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
|
},
|