@medusajs/draft-order 2.10.4-snapshot-20251009080820 → 2.10.4-snapshot-20251009094748
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 +289 -289
- package/.medusa/server/src/admin/index.mjs +289 -289
- package/package.json +16 -16
|
@@ -11447,37 +11447,33 @@ function getPromotionIds(items, shippingMethods) {
|
|
|
11447
11447
|
}
|
|
11448
11448
|
return Array.from(promotionIds);
|
|
11449
11449
|
}
|
|
11450
|
-
const
|
|
11450
|
+
const SalesChannel = () => {
|
|
11451
11451
|
const { id } = useParams();
|
|
11452
|
-
const {
|
|
11453
|
-
|
|
11454
|
-
|
|
11452
|
+
const { draft_order, isPending, isError, error } = useDraftOrder(
|
|
11453
|
+
id,
|
|
11454
|
+
{
|
|
11455
|
+
fields: "+sales_channel_id"
|
|
11456
|
+
},
|
|
11457
|
+
{
|
|
11458
|
+
enabled: !!id
|
|
11459
|
+
}
|
|
11460
|
+
);
|
|
11455
11461
|
if (isError) {
|
|
11456
11462
|
throw error;
|
|
11457
11463
|
}
|
|
11458
|
-
const
|
|
11464
|
+
const ISrEADY = !!draft_order && !isPending;
|
|
11459
11465
|
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
11460
11466
|
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
11461
|
-
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit
|
|
11462
|
-
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "
|
|
11467
|
+
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Sales Channel" }) }),
|
|
11468
|
+
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Update which sales channel the draft order is associated with" }) })
|
|
11463
11469
|
] }),
|
|
11464
|
-
|
|
11470
|
+
ISrEADY && /* @__PURE__ */ jsx(SalesChannelForm, { order: draft_order })
|
|
11465
11471
|
] });
|
|
11466
11472
|
};
|
|
11467
|
-
const
|
|
11468
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
11473
|
+
const SalesChannelForm = ({ order }) => {
|
|
11469
11474
|
const form = useForm({
|
|
11470
11475
|
defaultValues: {
|
|
11471
|
-
|
|
11472
|
-
last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
|
|
11473
|
-
company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
|
|
11474
|
-
address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
|
|
11475
|
-
address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
|
|
11476
|
-
city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
|
|
11477
|
-
province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
|
|
11478
|
-
country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
|
|
11479
|
-
postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
11480
|
-
phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
|
|
11476
|
+
sales_channel_id: order.sales_channel_id || ""
|
|
11481
11477
|
},
|
|
11482
11478
|
resolver: zodResolver(schema$2)
|
|
11483
11479
|
});
|
|
@@ -11486,21 +11482,11 @@ const ShippingAddressForm = ({ order }) => {
|
|
|
11486
11482
|
const onSubmit = form.handleSubmit(async (data) => {
|
|
11487
11483
|
await mutateAsync(
|
|
11488
11484
|
{
|
|
11489
|
-
|
|
11490
|
-
first_name: data.first_name,
|
|
11491
|
-
last_name: data.last_name,
|
|
11492
|
-
company: data.company,
|
|
11493
|
-
address_1: data.address_1,
|
|
11494
|
-
address_2: data.address_2,
|
|
11495
|
-
city: data.city,
|
|
11496
|
-
province: data.province,
|
|
11497
|
-
country_code: data.country_code,
|
|
11498
|
-
postal_code: data.postal_code,
|
|
11499
|
-
phone: data.phone
|
|
11500
|
-
}
|
|
11485
|
+
sales_channel_id: data.sales_channel_id
|
|
11501
11486
|
},
|
|
11502
11487
|
{
|
|
11503
11488
|
onSuccess: () => {
|
|
11489
|
+
toast.success("Sales channel updated");
|
|
11504
11490
|
handleSuccess();
|
|
11505
11491
|
},
|
|
11506
11492
|
onError: (error) => {
|
|
@@ -11515,132 +11501,7 @@ const ShippingAddressForm = ({ order }) => {
|
|
|
11515
11501
|
className: "flex flex-1 flex-col overflow-hidden",
|
|
11516
11502
|
onSubmit,
|
|
11517
11503
|
children: [
|
|
11518
|
-
/* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */
|
|
11519
|
-
/* @__PURE__ */ jsx(
|
|
11520
|
-
Form$2.Field,
|
|
11521
|
-
{
|
|
11522
|
-
control: form.control,
|
|
11523
|
-
name: "country_code",
|
|
11524
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11525
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
|
|
11526
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
|
|
11527
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11528
|
-
] })
|
|
11529
|
-
}
|
|
11530
|
-
),
|
|
11531
|
-
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
11532
|
-
/* @__PURE__ */ jsx(
|
|
11533
|
-
Form$2.Field,
|
|
11534
|
-
{
|
|
11535
|
-
control: form.control,
|
|
11536
|
-
name: "first_name",
|
|
11537
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11538
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
|
|
11539
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11540
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11541
|
-
] })
|
|
11542
|
-
}
|
|
11543
|
-
),
|
|
11544
|
-
/* @__PURE__ */ jsx(
|
|
11545
|
-
Form$2.Field,
|
|
11546
|
-
{
|
|
11547
|
-
control: form.control,
|
|
11548
|
-
name: "last_name",
|
|
11549
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11550
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
|
|
11551
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11552
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11553
|
-
] })
|
|
11554
|
-
}
|
|
11555
|
-
)
|
|
11556
|
-
] }),
|
|
11557
|
-
/* @__PURE__ */ jsx(
|
|
11558
|
-
Form$2.Field,
|
|
11559
|
-
{
|
|
11560
|
-
control: form.control,
|
|
11561
|
-
name: "company",
|
|
11562
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11563
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
|
|
11564
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11565
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11566
|
-
] })
|
|
11567
|
-
}
|
|
11568
|
-
),
|
|
11569
|
-
/* @__PURE__ */ jsx(
|
|
11570
|
-
Form$2.Field,
|
|
11571
|
-
{
|
|
11572
|
-
control: form.control,
|
|
11573
|
-
name: "address_1",
|
|
11574
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11575
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
|
|
11576
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11577
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11578
|
-
] })
|
|
11579
|
-
}
|
|
11580
|
-
),
|
|
11581
|
-
/* @__PURE__ */ jsx(
|
|
11582
|
-
Form$2.Field,
|
|
11583
|
-
{
|
|
11584
|
-
control: form.control,
|
|
11585
|
-
name: "address_2",
|
|
11586
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11587
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
|
|
11588
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11589
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11590
|
-
] })
|
|
11591
|
-
}
|
|
11592
|
-
),
|
|
11593
|
-
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
11594
|
-
/* @__PURE__ */ jsx(
|
|
11595
|
-
Form$2.Field,
|
|
11596
|
-
{
|
|
11597
|
-
control: form.control,
|
|
11598
|
-
name: "postal_code",
|
|
11599
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11600
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
|
|
11601
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11602
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11603
|
-
] })
|
|
11604
|
-
}
|
|
11605
|
-
),
|
|
11606
|
-
/* @__PURE__ */ jsx(
|
|
11607
|
-
Form$2.Field,
|
|
11608
|
-
{
|
|
11609
|
-
control: form.control,
|
|
11610
|
-
name: "city",
|
|
11611
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11612
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
|
|
11613
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11614
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11615
|
-
] })
|
|
11616
|
-
}
|
|
11617
|
-
)
|
|
11618
|
-
] }),
|
|
11619
|
-
/* @__PURE__ */ jsx(
|
|
11620
|
-
Form$2.Field,
|
|
11621
|
-
{
|
|
11622
|
-
control: form.control,
|
|
11623
|
-
name: "province",
|
|
11624
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11625
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
|
|
11626
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11627
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11628
|
-
] })
|
|
11629
|
-
}
|
|
11630
|
-
),
|
|
11631
|
-
/* @__PURE__ */ jsx(
|
|
11632
|
-
Form$2.Field,
|
|
11633
|
-
{
|
|
11634
|
-
control: form.control,
|
|
11635
|
-
name: "phone",
|
|
11636
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11637
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
|
|
11638
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11639
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11640
|
-
] })
|
|
11641
|
-
}
|
|
11642
|
-
)
|
|
11643
|
-
] }) }),
|
|
11504
|
+
/* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(SalesChannelField, { control: form.control, order }) }),
|
|
11644
11505
|
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
11645
11506
|
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
11646
11507
|
/* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
@@ -11649,7 +11510,49 @@ const ShippingAddressForm = ({ order }) => {
|
|
|
11649
11510
|
}
|
|
11650
11511
|
) });
|
|
11651
11512
|
};
|
|
11652
|
-
const
|
|
11513
|
+
const SalesChannelField = ({ control, order }) => {
|
|
11514
|
+
const salesChannels = useComboboxData({
|
|
11515
|
+
queryFn: async (params) => {
|
|
11516
|
+
return await sdk.admin.salesChannel.list(params);
|
|
11517
|
+
},
|
|
11518
|
+
queryKey: ["sales-channels"],
|
|
11519
|
+
getOptions: (data) => {
|
|
11520
|
+
return data.sales_channels.map((salesChannel) => ({
|
|
11521
|
+
label: salesChannel.name,
|
|
11522
|
+
value: salesChannel.id
|
|
11523
|
+
}));
|
|
11524
|
+
},
|
|
11525
|
+
defaultValue: order.sales_channel_id || void 0
|
|
11526
|
+
});
|
|
11527
|
+
return /* @__PURE__ */ jsx(
|
|
11528
|
+
Form$2.Field,
|
|
11529
|
+
{
|
|
11530
|
+
control,
|
|
11531
|
+
name: "sales_channel_id",
|
|
11532
|
+
render: ({ field }) => {
|
|
11533
|
+
return /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11534
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Sales Channel" }),
|
|
11535
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
|
|
11536
|
+
Combobox,
|
|
11537
|
+
{
|
|
11538
|
+
options: salesChannels.options,
|
|
11539
|
+
fetchNextPage: salesChannels.fetchNextPage,
|
|
11540
|
+
isFetchingNextPage: salesChannels.isFetchingNextPage,
|
|
11541
|
+
searchValue: salesChannels.searchValue,
|
|
11542
|
+
onSearchValueChange: salesChannels.onSearchValueChange,
|
|
11543
|
+
placeholder: "Select sales channel",
|
|
11544
|
+
...field
|
|
11545
|
+
}
|
|
11546
|
+
) }),
|
|
11547
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11548
|
+
] });
|
|
11549
|
+
}
|
|
11550
|
+
}
|
|
11551
|
+
);
|
|
11552
|
+
};
|
|
11553
|
+
const schema$2 = objectType({
|
|
11554
|
+
sales_channel_id: stringType().min(1)
|
|
11555
|
+
});
|
|
11653
11556
|
const STACKED_FOCUS_MODAL_ID = "shipping-form";
|
|
11654
11557
|
const Shipping = () => {
|
|
11655
11558
|
var _a;
|
|
@@ -12457,147 +12360,41 @@ const CustomAmountField = ({
|
|
|
12457
12360
|
}
|
|
12458
12361
|
);
|
|
12459
12362
|
};
|
|
12460
|
-
const
|
|
12363
|
+
const TransferOwnership = () => {
|
|
12461
12364
|
const { id } = useParams();
|
|
12462
|
-
const { draft_order, isPending, isError, error } = useDraftOrder(
|
|
12463
|
-
id,
|
|
12464
|
-
|
|
12465
|
-
fields: "+sales_channel_id"
|
|
12466
|
-
},
|
|
12467
|
-
{
|
|
12468
|
-
enabled: !!id
|
|
12469
|
-
}
|
|
12470
|
-
);
|
|
12365
|
+
const { draft_order, isPending, isError, error } = useDraftOrder(id, {
|
|
12366
|
+
fields: "id,customer_id,customer.*"
|
|
12367
|
+
});
|
|
12471
12368
|
if (isError) {
|
|
12472
12369
|
throw error;
|
|
12473
12370
|
}
|
|
12474
|
-
const
|
|
12371
|
+
const isReady = !isPending && !!draft_order;
|
|
12475
12372
|
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
12476
12373
|
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
12477
|
-
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "
|
|
12478
|
-
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "
|
|
12374
|
+
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Transfer Ownership" }) }),
|
|
12375
|
+
/* @__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" }) })
|
|
12479
12376
|
] }),
|
|
12480
|
-
|
|
12377
|
+
isReady && /* @__PURE__ */ jsx(TransferOwnershipForm, { order: draft_order })
|
|
12481
12378
|
] });
|
|
12482
12379
|
};
|
|
12483
|
-
const
|
|
12380
|
+
const TransferOwnershipForm = ({ order }) => {
|
|
12381
|
+
var _a, _b;
|
|
12484
12382
|
const form = useForm({
|
|
12485
12383
|
defaultValues: {
|
|
12486
|
-
|
|
12384
|
+
customer_id: order.customer_id || ""
|
|
12487
12385
|
},
|
|
12488
12386
|
resolver: zodResolver(schema$1)
|
|
12489
12387
|
});
|
|
12490
12388
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12491
12389
|
const { handleSuccess } = useRouteModal();
|
|
12390
|
+
const name = [(_a = order.customer) == null ? void 0 : _a.first_name, (_b = order.customer) == null ? void 0 : _b.last_name].filter(Boolean).join(" ");
|
|
12391
|
+
const currentCustomer = order.customer ? {
|
|
12392
|
+
label: name ? `${name} (${order.customer.email})` : order.customer.email,
|
|
12393
|
+
value: order.customer.id
|
|
12394
|
+
} : null;
|
|
12492
12395
|
const onSubmit = form.handleSubmit(async (data) => {
|
|
12493
12396
|
await mutateAsync(
|
|
12494
|
-
{
|
|
12495
|
-
sales_channel_id: data.sales_channel_id
|
|
12496
|
-
},
|
|
12497
|
-
{
|
|
12498
|
-
onSuccess: () => {
|
|
12499
|
-
toast.success("Sales channel updated");
|
|
12500
|
-
handleSuccess();
|
|
12501
|
-
},
|
|
12502
|
-
onError: (error) => {
|
|
12503
|
-
toast.error(error.message);
|
|
12504
|
-
}
|
|
12505
|
-
}
|
|
12506
|
-
);
|
|
12507
|
-
});
|
|
12508
|
-
return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
|
|
12509
|
-
KeyboundForm,
|
|
12510
|
-
{
|
|
12511
|
-
className: "flex flex-1 flex-col overflow-hidden",
|
|
12512
|
-
onSubmit,
|
|
12513
|
-
children: [
|
|
12514
|
-
/* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(SalesChannelField, { control: form.control, order }) }),
|
|
12515
|
-
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
12516
|
-
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
12517
|
-
/* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
12518
|
-
] }) })
|
|
12519
|
-
]
|
|
12520
|
-
}
|
|
12521
|
-
) });
|
|
12522
|
-
};
|
|
12523
|
-
const SalesChannelField = ({ control, order }) => {
|
|
12524
|
-
const salesChannels = useComboboxData({
|
|
12525
|
-
queryFn: async (params) => {
|
|
12526
|
-
return await sdk.admin.salesChannel.list(params);
|
|
12527
|
-
},
|
|
12528
|
-
queryKey: ["sales-channels"],
|
|
12529
|
-
getOptions: (data) => {
|
|
12530
|
-
return data.sales_channels.map((salesChannel) => ({
|
|
12531
|
-
label: salesChannel.name,
|
|
12532
|
-
value: salesChannel.id
|
|
12533
|
-
}));
|
|
12534
|
-
},
|
|
12535
|
-
defaultValue: order.sales_channel_id || void 0
|
|
12536
|
-
});
|
|
12537
|
-
return /* @__PURE__ */ jsx(
|
|
12538
|
-
Form$2.Field,
|
|
12539
|
-
{
|
|
12540
|
-
control,
|
|
12541
|
-
name: "sales_channel_id",
|
|
12542
|
-
render: ({ field }) => {
|
|
12543
|
-
return /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12544
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Sales Channel" }),
|
|
12545
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
|
|
12546
|
-
Combobox,
|
|
12547
|
-
{
|
|
12548
|
-
options: salesChannels.options,
|
|
12549
|
-
fetchNextPage: salesChannels.fetchNextPage,
|
|
12550
|
-
isFetchingNextPage: salesChannels.isFetchingNextPage,
|
|
12551
|
-
searchValue: salesChannels.searchValue,
|
|
12552
|
-
onSearchValueChange: salesChannels.onSearchValueChange,
|
|
12553
|
-
placeholder: "Select sales channel",
|
|
12554
|
-
...field
|
|
12555
|
-
}
|
|
12556
|
-
) }),
|
|
12557
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12558
|
-
] });
|
|
12559
|
-
}
|
|
12560
|
-
}
|
|
12561
|
-
);
|
|
12562
|
-
};
|
|
12563
|
-
const schema$1 = objectType({
|
|
12564
|
-
sales_channel_id: stringType().min(1)
|
|
12565
|
-
});
|
|
12566
|
-
const TransferOwnership = () => {
|
|
12567
|
-
const { id } = useParams();
|
|
12568
|
-
const { draft_order, isPending, isError, error } = useDraftOrder(id, {
|
|
12569
|
-
fields: "id,customer_id,customer.*"
|
|
12570
|
-
});
|
|
12571
|
-
if (isError) {
|
|
12572
|
-
throw error;
|
|
12573
|
-
}
|
|
12574
|
-
const isReady = !isPending && !!draft_order;
|
|
12575
|
-
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
12576
|
-
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
12577
|
-
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Transfer Ownership" }) }),
|
|
12578
|
-
/* @__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" }) })
|
|
12579
|
-
] }),
|
|
12580
|
-
isReady && /* @__PURE__ */ jsx(TransferOwnershipForm, { order: draft_order })
|
|
12581
|
-
] });
|
|
12582
|
-
};
|
|
12583
|
-
const TransferOwnershipForm = ({ order }) => {
|
|
12584
|
-
var _a, _b;
|
|
12585
|
-
const form = useForm({
|
|
12586
|
-
defaultValues: {
|
|
12587
|
-
customer_id: order.customer_id || ""
|
|
12588
|
-
},
|
|
12589
|
-
resolver: zodResolver(schema)
|
|
12590
|
-
});
|
|
12591
|
-
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12592
|
-
const { handleSuccess } = useRouteModal();
|
|
12593
|
-
const name = [(_a = order.customer) == null ? void 0 : _a.first_name, (_b = order.customer) == null ? void 0 : _b.last_name].filter(Boolean).join(" ");
|
|
12594
|
-
const currentCustomer = order.customer ? {
|
|
12595
|
-
label: name ? `${name} (${order.customer.email})` : order.customer.email,
|
|
12596
|
-
value: order.customer.id
|
|
12597
|
-
} : null;
|
|
12598
|
-
const onSubmit = form.handleSubmit(async (data) => {
|
|
12599
|
-
await mutateAsync(
|
|
12600
|
-
{ customer_id: data.customer_id },
|
|
12397
|
+
{ customer_id: data.customer_id },
|
|
12601
12398
|
{
|
|
12602
12399
|
onSuccess: () => {
|
|
12603
12400
|
toast.success("Customer updated");
|
|
@@ -13036,9 +12833,212 @@ const Illustration = () => {
|
|
|
13036
12833
|
}
|
|
13037
12834
|
);
|
|
13038
12835
|
};
|
|
13039
|
-
const schema = objectType({
|
|
12836
|
+
const schema$1 = objectType({
|
|
13040
12837
|
customer_id: stringType().min(1)
|
|
13041
12838
|
});
|
|
12839
|
+
const ShippingAddress = () => {
|
|
12840
|
+
const { id } = useParams();
|
|
12841
|
+
const { order, isPending, isError, error } = useOrder(id, {
|
|
12842
|
+
fields: "+shipping_address"
|
|
12843
|
+
});
|
|
12844
|
+
if (isError) {
|
|
12845
|
+
throw error;
|
|
12846
|
+
}
|
|
12847
|
+
const isReady = !isPending && !!order;
|
|
12848
|
+
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
12849
|
+
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
12850
|
+
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Shipping Address" }) }),
|
|
12851
|
+
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
|
|
12852
|
+
] }),
|
|
12853
|
+
isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
|
|
12854
|
+
] });
|
|
12855
|
+
};
|
|
12856
|
+
const ShippingAddressForm = ({ order }) => {
|
|
12857
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
12858
|
+
const form = useForm({
|
|
12859
|
+
defaultValues: {
|
|
12860
|
+
first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
|
|
12861
|
+
last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
|
|
12862
|
+
company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
|
|
12863
|
+
address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
|
|
12864
|
+
address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
|
|
12865
|
+
city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
|
|
12866
|
+
province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
|
|
12867
|
+
country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
|
|
12868
|
+
postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
12869
|
+
phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
|
|
12870
|
+
},
|
|
12871
|
+
resolver: zodResolver(schema)
|
|
12872
|
+
});
|
|
12873
|
+
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12874
|
+
const { handleSuccess } = useRouteModal();
|
|
12875
|
+
const onSubmit = form.handleSubmit(async (data) => {
|
|
12876
|
+
await mutateAsync(
|
|
12877
|
+
{
|
|
12878
|
+
shipping_address: {
|
|
12879
|
+
first_name: data.first_name,
|
|
12880
|
+
last_name: data.last_name,
|
|
12881
|
+
company: data.company,
|
|
12882
|
+
address_1: data.address_1,
|
|
12883
|
+
address_2: data.address_2,
|
|
12884
|
+
city: data.city,
|
|
12885
|
+
province: data.province,
|
|
12886
|
+
country_code: data.country_code,
|
|
12887
|
+
postal_code: data.postal_code,
|
|
12888
|
+
phone: data.phone
|
|
12889
|
+
}
|
|
12890
|
+
},
|
|
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: [
|
|
@@ -13084,20 +13084,20 @@ const routeModule = {
|
|
|
13084
13084
|
path: "/draft-orders/:id/promotions"
|
|
13085
13085
|
},
|
|
13086
13086
|
{
|
|
13087
|
-
Component:
|
|
13088
|
-
path: "/draft-orders/:id/
|
|
13087
|
+
Component: SalesChannel,
|
|
13088
|
+
path: "/draft-orders/:id/sales-channel"
|
|
13089
13089
|
},
|
|
13090
13090
|
{
|
|
13091
13091
|
Component: Shipping,
|
|
13092
13092
|
path: "/draft-orders/:id/shipping"
|
|
13093
13093
|
},
|
|
13094
|
-
{
|
|
13095
|
-
Component: SalesChannel,
|
|
13096
|
-
path: "/draft-orders/:id/sales-channel"
|
|
13097
|
-
},
|
|
13098
13094
|
{
|
|
13099
13095
|
Component: TransferOwnership,
|
|
13100
13096
|
path: "/draft-orders/:id/transfer-ownership"
|
|
13097
|
+
},
|
|
13098
|
+
{
|
|
13099
|
+
Component: ShippingAddress,
|
|
13100
|
+
path: "/draft-orders/:id/shipping-address"
|
|
13101
13101
|
}
|
|
13102
13102
|
]
|
|
13103
13103
|
}
|