@medusajs/draft-order 2.10.4-snapshot-20251009094748 → 2.10.4-snapshot-20251013091555
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 +467 -467
- package/.medusa/server/src/admin/index.mjs +467 -467
- package/package.json +16 -16
|
@@ -9567,196 +9567,6 @@ const ID = () => {
|
|
|
9567
9567
|
/* @__PURE__ */ jsx(Outlet, {})
|
|
9568
9568
|
] });
|
|
9569
9569
|
};
|
|
9570
|
-
const BillingAddress = () => {
|
|
9571
|
-
const { id } = useParams();
|
|
9572
|
-
const { order, isPending, isError, error } = useOrder(id, {
|
|
9573
|
-
fields: "+billing_address"
|
|
9574
|
-
});
|
|
9575
|
-
if (isError) {
|
|
9576
|
-
throw error;
|
|
9577
|
-
}
|
|
9578
|
-
const isReady = !isPending && !!order;
|
|
9579
|
-
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
9580
|
-
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
9581
|
-
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
|
|
9582
|
-
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
|
|
9583
|
-
] }),
|
|
9584
|
-
isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
|
|
9585
|
-
] });
|
|
9586
|
-
};
|
|
9587
|
-
const BillingAddressForm = ({ order }) => {
|
|
9588
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
9589
|
-
const form = useForm({
|
|
9590
|
-
defaultValues: {
|
|
9591
|
-
first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
|
|
9592
|
-
last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
|
|
9593
|
-
company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
|
|
9594
|
-
address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
|
|
9595
|
-
address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
|
|
9596
|
-
city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
|
|
9597
|
-
province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
|
|
9598
|
-
country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
|
|
9599
|
-
postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
9600
|
-
phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
|
|
9601
|
-
},
|
|
9602
|
-
resolver: zodResolver(schema$5)
|
|
9603
|
-
});
|
|
9604
|
-
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
9605
|
-
const { handleSuccess } = useRouteModal();
|
|
9606
|
-
const onSubmit = form.handleSubmit(async (data) => {
|
|
9607
|
-
await mutateAsync(
|
|
9608
|
-
{ billing_address: data },
|
|
9609
|
-
{
|
|
9610
|
-
onSuccess: () => {
|
|
9611
|
-
handleSuccess();
|
|
9612
|
-
},
|
|
9613
|
-
onError: (error) => {
|
|
9614
|
-
toast.error(error.message);
|
|
9615
|
-
}
|
|
9616
|
-
}
|
|
9617
|
-
);
|
|
9618
|
-
});
|
|
9619
|
-
return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
|
|
9620
|
-
KeyboundForm,
|
|
9621
|
-
{
|
|
9622
|
-
className: "flex flex-1 flex-col overflow-hidden",
|
|
9623
|
-
onSubmit,
|
|
9624
|
-
children: [
|
|
9625
|
-
/* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-4", children: [
|
|
9626
|
-
/* @__PURE__ */ jsx(
|
|
9627
|
-
Form$2.Field,
|
|
9628
|
-
{
|
|
9629
|
-
control: form.control,
|
|
9630
|
-
name: "country_code",
|
|
9631
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9632
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
|
|
9633
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
|
|
9634
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9635
|
-
] })
|
|
9636
|
-
}
|
|
9637
|
-
),
|
|
9638
|
-
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
9639
|
-
/* @__PURE__ */ jsx(
|
|
9640
|
-
Form$2.Field,
|
|
9641
|
-
{
|
|
9642
|
-
control: form.control,
|
|
9643
|
-
name: "first_name",
|
|
9644
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9645
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
|
|
9646
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9647
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9648
|
-
] })
|
|
9649
|
-
}
|
|
9650
|
-
),
|
|
9651
|
-
/* @__PURE__ */ jsx(
|
|
9652
|
-
Form$2.Field,
|
|
9653
|
-
{
|
|
9654
|
-
control: form.control,
|
|
9655
|
-
name: "last_name",
|
|
9656
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9657
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
|
|
9658
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9659
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9660
|
-
] })
|
|
9661
|
-
}
|
|
9662
|
-
)
|
|
9663
|
-
] }),
|
|
9664
|
-
/* @__PURE__ */ jsx(
|
|
9665
|
-
Form$2.Field,
|
|
9666
|
-
{
|
|
9667
|
-
control: form.control,
|
|
9668
|
-
name: "company",
|
|
9669
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9670
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
|
|
9671
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9672
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9673
|
-
] })
|
|
9674
|
-
}
|
|
9675
|
-
),
|
|
9676
|
-
/* @__PURE__ */ jsx(
|
|
9677
|
-
Form$2.Field,
|
|
9678
|
-
{
|
|
9679
|
-
control: form.control,
|
|
9680
|
-
name: "address_1",
|
|
9681
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9682
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
|
|
9683
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9684
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9685
|
-
] })
|
|
9686
|
-
}
|
|
9687
|
-
),
|
|
9688
|
-
/* @__PURE__ */ jsx(
|
|
9689
|
-
Form$2.Field,
|
|
9690
|
-
{
|
|
9691
|
-
control: form.control,
|
|
9692
|
-
name: "address_2",
|
|
9693
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9694
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
|
|
9695
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9696
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9697
|
-
] })
|
|
9698
|
-
}
|
|
9699
|
-
),
|
|
9700
|
-
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
9701
|
-
/* @__PURE__ */ jsx(
|
|
9702
|
-
Form$2.Field,
|
|
9703
|
-
{
|
|
9704
|
-
control: form.control,
|
|
9705
|
-
name: "postal_code",
|
|
9706
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9707
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
|
|
9708
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9709
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9710
|
-
] })
|
|
9711
|
-
}
|
|
9712
|
-
),
|
|
9713
|
-
/* @__PURE__ */ jsx(
|
|
9714
|
-
Form$2.Field,
|
|
9715
|
-
{
|
|
9716
|
-
control: form.control,
|
|
9717
|
-
name: "city",
|
|
9718
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9719
|
-
/* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
|
|
9720
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9721
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9722
|
-
] })
|
|
9723
|
-
}
|
|
9724
|
-
)
|
|
9725
|
-
] }),
|
|
9726
|
-
/* @__PURE__ */ jsx(
|
|
9727
|
-
Form$2.Field,
|
|
9728
|
-
{
|
|
9729
|
-
control: form.control,
|
|
9730
|
-
name: "province",
|
|
9731
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9732
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
|
|
9733
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9734
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9735
|
-
] })
|
|
9736
|
-
}
|
|
9737
|
-
),
|
|
9738
|
-
/* @__PURE__ */ jsx(
|
|
9739
|
-
Form$2.Field,
|
|
9740
|
-
{
|
|
9741
|
-
control: form.control,
|
|
9742
|
-
name: "phone",
|
|
9743
|
-
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
9744
|
-
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
|
|
9745
|
-
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
9746
|
-
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
9747
|
-
] })
|
|
9748
|
-
}
|
|
9749
|
-
)
|
|
9750
|
-
] }) }),
|
|
9751
|
-
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
9752
|
-
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
9753
|
-
/* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
9754
|
-
] }) })
|
|
9755
|
-
]
|
|
9756
|
-
}
|
|
9757
|
-
) });
|
|
9758
|
-
};
|
|
9759
|
-
const schema$5 = addressSchema;
|
|
9760
9570
|
const CustomItems = () => {
|
|
9761
9571
|
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
9762
9572
|
/* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Custom Items" }) }) }),
|
|
@@ -9765,7 +9575,7 @@ const CustomItems = () => {
|
|
|
9765
9575
|
};
|
|
9766
9576
|
const CustomItemsForm = () => {
|
|
9767
9577
|
const form = useForm({
|
|
9768
|
-
resolver: zodResolver(schema$
|
|
9578
|
+
resolver: zodResolver(schema$5)
|
|
9769
9579
|
});
|
|
9770
9580
|
return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
|
|
9771
9581
|
/* @__PURE__ */ jsx(RouteDrawer.Body, {}),
|
|
@@ -9775,7 +9585,7 @@ const CustomItemsForm = () => {
|
|
|
9775
9585
|
] }) })
|
|
9776
9586
|
] }) });
|
|
9777
9587
|
};
|
|
9778
|
-
const schema$
|
|
9588
|
+
const schema$5 = objectType({
|
|
9779
9589
|
email: stringType().email()
|
|
9780
9590
|
});
|
|
9781
9591
|
const Email = () => {
|
|
@@ -9800,7 +9610,7 @@ const EmailForm = ({ order }) => {
|
|
|
9800
9610
|
defaultValues: {
|
|
9801
9611
|
email: order.email ?? ""
|
|
9802
9612
|
},
|
|
9803
|
-
resolver: zodResolver(schema$
|
|
9613
|
+
resolver: zodResolver(schema$4)
|
|
9804
9614
|
});
|
|
9805
9615
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
9806
9616
|
const { handleSuccess } = useRouteModal();
|
|
@@ -9843,7 +9653,7 @@ const EmailForm = ({ order }) => {
|
|
|
9843
9653
|
}
|
|
9844
9654
|
) });
|
|
9845
9655
|
};
|
|
9846
|
-
const schema$
|
|
9656
|
+
const schema$4 = objectType({
|
|
9847
9657
|
email: stringType().email()
|
|
9848
9658
|
});
|
|
9849
9659
|
const NumberInput = forwardRef(
|
|
@@ -11170,58 +10980,248 @@ function getHasUneditableRows(metadata) {
|
|
|
11170
10980
|
(value) => !EDITABLE_TYPES.includes(typeof value)
|
|
11171
10981
|
);
|
|
11172
10982
|
}
|
|
11173
|
-
const
|
|
11174
|
-
const promotionsQueryKeys = {
|
|
11175
|
-
list: (query2) => [
|
|
11176
|
-
PROMOTION_QUERY_KEY,
|
|
11177
|
-
query2 ? query2 : void 0
|
|
11178
|
-
],
|
|
11179
|
-
detail: (id, query2) => [
|
|
11180
|
-
PROMOTION_QUERY_KEY,
|
|
11181
|
-
id,
|
|
11182
|
-
query2 ? query2 : void 0
|
|
11183
|
-
]
|
|
11184
|
-
};
|
|
11185
|
-
const usePromotions = (query2, options) => {
|
|
11186
|
-
const { data, ...rest } = useQuery({
|
|
11187
|
-
queryKey: promotionsQueryKeys.list(query2),
|
|
11188
|
-
queryFn: async () => sdk.admin.promotion.list(query2),
|
|
11189
|
-
...options
|
|
11190
|
-
});
|
|
11191
|
-
return { ...data, ...rest };
|
|
11192
|
-
};
|
|
11193
|
-
const Promotions = () => {
|
|
10983
|
+
const BillingAddress = () => {
|
|
11194
10984
|
const { id } = useParams();
|
|
11195
|
-
const {
|
|
11196
|
-
|
|
11197
|
-
|
|
11198
|
-
|
|
11199
|
-
|
|
11200
|
-
useInitiateOrderEdit({ preview });
|
|
11201
|
-
const { onCancel } = useCancelOrderEdit({ preview });
|
|
11202
|
-
if (isPreviewError) {
|
|
11203
|
-
throw previewError;
|
|
10985
|
+
const { order, isPending, isError, error } = useOrder(id, {
|
|
10986
|
+
fields: "+billing_address"
|
|
10987
|
+
});
|
|
10988
|
+
if (isError) {
|
|
10989
|
+
throw error;
|
|
11204
10990
|
}
|
|
11205
|
-
const isReady = !!
|
|
11206
|
-
return /* @__PURE__ */ jsxs(RouteDrawer, {
|
|
11207
|
-
/* @__PURE__ */
|
|
11208
|
-
|
|
10991
|
+
const isReady = !isPending && !!order;
|
|
10992
|
+
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
10993
|
+
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
10994
|
+
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Billing Address" }) }),
|
|
10995
|
+
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
|
|
10996
|
+
] }),
|
|
10997
|
+
isReady && /* @__PURE__ */ jsx(BillingAddressForm, { order })
|
|
11209
10998
|
] });
|
|
11210
10999
|
};
|
|
11211
|
-
const
|
|
11212
|
-
|
|
11213
|
-
const
|
|
11214
|
-
|
|
11215
|
-
|
|
11216
|
-
|
|
11217
|
-
|
|
11218
|
-
|
|
11219
|
-
|
|
11220
|
-
|
|
11221
|
-
|
|
11222
|
-
|
|
11223
|
-
|
|
11224
|
-
|
|
11000
|
+
const BillingAddressForm = ({ order }) => {
|
|
11001
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
11002
|
+
const form = useForm({
|
|
11003
|
+
defaultValues: {
|
|
11004
|
+
first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
|
|
11005
|
+
last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
|
|
11006
|
+
company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
|
|
11007
|
+
address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
|
|
11008
|
+
address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
|
|
11009
|
+
city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
|
|
11010
|
+
province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
|
|
11011
|
+
country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
|
|
11012
|
+
postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
11013
|
+
phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
|
|
11014
|
+
},
|
|
11015
|
+
resolver: zodResolver(schema$3)
|
|
11016
|
+
});
|
|
11017
|
+
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
11018
|
+
const { handleSuccess } = useRouteModal();
|
|
11019
|
+
const onSubmit = form.handleSubmit(async (data) => {
|
|
11020
|
+
await mutateAsync(
|
|
11021
|
+
{ billing_address: data },
|
|
11022
|
+
{
|
|
11023
|
+
onSuccess: () => {
|
|
11024
|
+
handleSuccess();
|
|
11025
|
+
},
|
|
11026
|
+
onError: (error) => {
|
|
11027
|
+
toast.error(error.message);
|
|
11028
|
+
}
|
|
11029
|
+
}
|
|
11030
|
+
);
|
|
11031
|
+
});
|
|
11032
|
+
return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
|
|
11033
|
+
KeyboundForm,
|
|
11034
|
+
{
|
|
11035
|
+
className: "flex flex-1 flex-col overflow-hidden",
|
|
11036
|
+
onSubmit,
|
|
11037
|
+
children: [
|
|
11038
|
+
/* @__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: [
|
|
11039
|
+
/* @__PURE__ */ jsx(
|
|
11040
|
+
Form$2.Field,
|
|
11041
|
+
{
|
|
11042
|
+
control: form.control,
|
|
11043
|
+
name: "country_code",
|
|
11044
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11045
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
|
|
11046
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
|
|
11047
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11048
|
+
] })
|
|
11049
|
+
}
|
|
11050
|
+
),
|
|
11051
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
11052
|
+
/* @__PURE__ */ jsx(
|
|
11053
|
+
Form$2.Field,
|
|
11054
|
+
{
|
|
11055
|
+
control: form.control,
|
|
11056
|
+
name: "first_name",
|
|
11057
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11058
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
|
|
11059
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11060
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11061
|
+
] })
|
|
11062
|
+
}
|
|
11063
|
+
),
|
|
11064
|
+
/* @__PURE__ */ jsx(
|
|
11065
|
+
Form$2.Field,
|
|
11066
|
+
{
|
|
11067
|
+
control: form.control,
|
|
11068
|
+
name: "last_name",
|
|
11069
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11070
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
|
|
11071
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11072
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11073
|
+
] })
|
|
11074
|
+
}
|
|
11075
|
+
)
|
|
11076
|
+
] }),
|
|
11077
|
+
/* @__PURE__ */ jsx(
|
|
11078
|
+
Form$2.Field,
|
|
11079
|
+
{
|
|
11080
|
+
control: form.control,
|
|
11081
|
+
name: "company",
|
|
11082
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11083
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
|
|
11084
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11085
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11086
|
+
] })
|
|
11087
|
+
}
|
|
11088
|
+
),
|
|
11089
|
+
/* @__PURE__ */ jsx(
|
|
11090
|
+
Form$2.Field,
|
|
11091
|
+
{
|
|
11092
|
+
control: form.control,
|
|
11093
|
+
name: "address_1",
|
|
11094
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11095
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
|
|
11096
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11097
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11098
|
+
] })
|
|
11099
|
+
}
|
|
11100
|
+
),
|
|
11101
|
+
/* @__PURE__ */ jsx(
|
|
11102
|
+
Form$2.Field,
|
|
11103
|
+
{
|
|
11104
|
+
control: form.control,
|
|
11105
|
+
name: "address_2",
|
|
11106
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11107
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
|
|
11108
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11109
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11110
|
+
] })
|
|
11111
|
+
}
|
|
11112
|
+
),
|
|
11113
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
11114
|
+
/* @__PURE__ */ jsx(
|
|
11115
|
+
Form$2.Field,
|
|
11116
|
+
{
|
|
11117
|
+
control: form.control,
|
|
11118
|
+
name: "postal_code",
|
|
11119
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11120
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
|
|
11121
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11122
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11123
|
+
] })
|
|
11124
|
+
}
|
|
11125
|
+
),
|
|
11126
|
+
/* @__PURE__ */ jsx(
|
|
11127
|
+
Form$2.Field,
|
|
11128
|
+
{
|
|
11129
|
+
control: form.control,
|
|
11130
|
+
name: "city",
|
|
11131
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11132
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
|
|
11133
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11134
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11135
|
+
] })
|
|
11136
|
+
}
|
|
11137
|
+
)
|
|
11138
|
+
] }),
|
|
11139
|
+
/* @__PURE__ */ jsx(
|
|
11140
|
+
Form$2.Field,
|
|
11141
|
+
{
|
|
11142
|
+
control: form.control,
|
|
11143
|
+
name: "province",
|
|
11144
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11145
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
|
|
11146
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11147
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11148
|
+
] })
|
|
11149
|
+
}
|
|
11150
|
+
),
|
|
11151
|
+
/* @__PURE__ */ jsx(
|
|
11152
|
+
Form$2.Field,
|
|
11153
|
+
{
|
|
11154
|
+
control: form.control,
|
|
11155
|
+
name: "phone",
|
|
11156
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
11157
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
|
|
11158
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
11159
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
11160
|
+
] })
|
|
11161
|
+
}
|
|
11162
|
+
)
|
|
11163
|
+
] }) }),
|
|
11164
|
+
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
11165
|
+
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
11166
|
+
/* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
11167
|
+
] }) })
|
|
11168
|
+
]
|
|
11169
|
+
}
|
|
11170
|
+
) });
|
|
11171
|
+
};
|
|
11172
|
+
const schema$3 = addressSchema;
|
|
11173
|
+
const PROMOTION_QUERY_KEY = "promotions";
|
|
11174
|
+
const promotionsQueryKeys = {
|
|
11175
|
+
list: (query2) => [
|
|
11176
|
+
PROMOTION_QUERY_KEY,
|
|
11177
|
+
query2 ? query2 : void 0
|
|
11178
|
+
],
|
|
11179
|
+
detail: (id, query2) => [
|
|
11180
|
+
PROMOTION_QUERY_KEY,
|
|
11181
|
+
id,
|
|
11182
|
+
query2 ? query2 : void 0
|
|
11183
|
+
]
|
|
11184
|
+
};
|
|
11185
|
+
const usePromotions = (query2, options) => {
|
|
11186
|
+
const { data, ...rest } = useQuery({
|
|
11187
|
+
queryKey: promotionsQueryKeys.list(query2),
|
|
11188
|
+
queryFn: async () => sdk.admin.promotion.list(query2),
|
|
11189
|
+
...options
|
|
11190
|
+
});
|
|
11191
|
+
return { ...data, ...rest };
|
|
11192
|
+
};
|
|
11193
|
+
const Promotions = () => {
|
|
11194
|
+
const { id } = useParams();
|
|
11195
|
+
const {
|
|
11196
|
+
order: preview,
|
|
11197
|
+
isError: isPreviewError,
|
|
11198
|
+
error: previewError
|
|
11199
|
+
} = useOrderPreview(id, void 0);
|
|
11200
|
+
useInitiateOrderEdit({ preview });
|
|
11201
|
+
const { onCancel } = useCancelOrderEdit({ preview });
|
|
11202
|
+
if (isPreviewError) {
|
|
11203
|
+
throw previewError;
|
|
11204
|
+
}
|
|
11205
|
+
const isReady = !!preview;
|
|
11206
|
+
return /* @__PURE__ */ jsxs(RouteDrawer, { onClose: onCancel, children: [
|
|
11207
|
+
/* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Promotions" }) }) }),
|
|
11208
|
+
isReady && /* @__PURE__ */ jsx(PromotionForm, { preview })
|
|
11209
|
+
] });
|
|
11210
|
+
};
|
|
11211
|
+
const PromotionForm = ({ preview }) => {
|
|
11212
|
+
const { items, shipping_methods } = preview;
|
|
11213
|
+
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
11214
|
+
const [comboboxValue, setComboboxValue] = useState("");
|
|
11215
|
+
const { handleSuccess } = useRouteModal();
|
|
11216
|
+
const { mutateAsync: addPromotions, isPending: isAddingPromotions } = useDraftOrderAddPromotions(preview.id);
|
|
11217
|
+
const promoIds = getPromotionIds(items, shipping_methods);
|
|
11218
|
+
const { promotions, isPending, isError, error } = usePromotions(
|
|
11219
|
+
{
|
|
11220
|
+
id: promoIds
|
|
11221
|
+
},
|
|
11222
|
+
{
|
|
11223
|
+
enabled: !!promoIds.length
|
|
11224
|
+
}
|
|
11225
11225
|
);
|
|
11226
11226
|
const comboboxData = useComboboxData({
|
|
11227
11227
|
queryKey: ["promotions", "combobox", promoIds],
|
|
@@ -12360,36 +12360,239 @@ const CustomAmountField = ({
|
|
|
12360
12360
|
}
|
|
12361
12361
|
);
|
|
12362
12362
|
};
|
|
12363
|
-
const
|
|
12363
|
+
const ShippingAddress = () => {
|
|
12364
12364
|
const { id } = useParams();
|
|
12365
|
-
const {
|
|
12366
|
-
fields: "
|
|
12365
|
+
const { order, isPending, isError, error } = useOrder(id, {
|
|
12366
|
+
fields: "+shipping_address"
|
|
12367
12367
|
});
|
|
12368
12368
|
if (isError) {
|
|
12369
12369
|
throw error;
|
|
12370
12370
|
}
|
|
12371
|
-
const isReady = !isPending && !!
|
|
12371
|
+
const isReady = !isPending && !!order;
|
|
12372
12372
|
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
12373
12373
|
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
12374
|
-
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "
|
|
12375
|
-
/* @__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: "Edit Shipping Address" }) }),
|
|
12375
|
+
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Edit the shipping address for the draft order" }) })
|
|
12376
12376
|
] }),
|
|
12377
|
-
isReady && /* @__PURE__ */ jsx(
|
|
12377
|
+
isReady && /* @__PURE__ */ jsx(ShippingAddressForm, { order })
|
|
12378
12378
|
] });
|
|
12379
12379
|
};
|
|
12380
|
-
const
|
|
12381
|
-
var _a, _b;
|
|
12380
|
+
const ShippingAddressForm = ({ order }) => {
|
|
12381
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
12382
12382
|
const form = useForm({
|
|
12383
12383
|
defaultValues: {
|
|
12384
|
-
|
|
12384
|
+
first_name: ((_a = order.shipping_address) == null ? void 0 : _a.first_name) ?? "",
|
|
12385
|
+
last_name: ((_b = order.shipping_address) == null ? void 0 : _b.last_name) ?? "",
|
|
12386
|
+
company: ((_c = order.shipping_address) == null ? void 0 : _c.company) ?? "",
|
|
12387
|
+
address_1: ((_d = order.shipping_address) == null ? void 0 : _d.address_1) ?? "",
|
|
12388
|
+
address_2: ((_e = order.shipping_address) == null ? void 0 : _e.address_2) ?? "",
|
|
12389
|
+
city: ((_f = order.shipping_address) == null ? void 0 : _f.city) ?? "",
|
|
12390
|
+
province: ((_g = order.shipping_address) == null ? void 0 : _g.province) ?? "",
|
|
12391
|
+
country_code: ((_h = order.shipping_address) == null ? void 0 : _h.country_code) ?? "",
|
|
12392
|
+
postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
12393
|
+
phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
|
|
12385
12394
|
},
|
|
12386
12395
|
resolver: zodResolver(schema$1)
|
|
12387
12396
|
});
|
|
12388
12397
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12389
12398
|
const { handleSuccess } = useRouteModal();
|
|
12390
|
-
const
|
|
12391
|
-
|
|
12392
|
-
|
|
12399
|
+
const onSubmit = form.handleSubmit(async (data) => {
|
|
12400
|
+
await mutateAsync(
|
|
12401
|
+
{
|
|
12402
|
+
shipping_address: {
|
|
12403
|
+
first_name: data.first_name,
|
|
12404
|
+
last_name: data.last_name,
|
|
12405
|
+
company: data.company,
|
|
12406
|
+
address_1: data.address_1,
|
|
12407
|
+
address_2: data.address_2,
|
|
12408
|
+
city: data.city,
|
|
12409
|
+
province: data.province,
|
|
12410
|
+
country_code: data.country_code,
|
|
12411
|
+
postal_code: data.postal_code,
|
|
12412
|
+
phone: data.phone
|
|
12413
|
+
}
|
|
12414
|
+
},
|
|
12415
|
+
{
|
|
12416
|
+
onSuccess: () => {
|
|
12417
|
+
handleSuccess();
|
|
12418
|
+
},
|
|
12419
|
+
onError: (error) => {
|
|
12420
|
+
toast.error(error.message);
|
|
12421
|
+
}
|
|
12422
|
+
}
|
|
12423
|
+
);
|
|
12424
|
+
});
|
|
12425
|
+
return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
|
|
12426
|
+
KeyboundForm,
|
|
12427
|
+
{
|
|
12428
|
+
className: "flex flex-1 flex-col overflow-hidden",
|
|
12429
|
+
onSubmit,
|
|
12430
|
+
children: [
|
|
12431
|
+
/* @__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: [
|
|
12432
|
+
/* @__PURE__ */ jsx(
|
|
12433
|
+
Form$2.Field,
|
|
12434
|
+
{
|
|
12435
|
+
control: form.control,
|
|
12436
|
+
name: "country_code",
|
|
12437
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12438
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Country" }),
|
|
12439
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(CountrySelect, { ...field }) }),
|
|
12440
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12441
|
+
] })
|
|
12442
|
+
}
|
|
12443
|
+
),
|
|
12444
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
12445
|
+
/* @__PURE__ */ jsx(
|
|
12446
|
+
Form$2.Field,
|
|
12447
|
+
{
|
|
12448
|
+
control: form.control,
|
|
12449
|
+
name: "first_name",
|
|
12450
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12451
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "First name" }),
|
|
12452
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12453
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12454
|
+
] })
|
|
12455
|
+
}
|
|
12456
|
+
),
|
|
12457
|
+
/* @__PURE__ */ jsx(
|
|
12458
|
+
Form$2.Field,
|
|
12459
|
+
{
|
|
12460
|
+
control: form.control,
|
|
12461
|
+
name: "last_name",
|
|
12462
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12463
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Last name" }),
|
|
12464
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12465
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12466
|
+
] })
|
|
12467
|
+
}
|
|
12468
|
+
)
|
|
12469
|
+
] }),
|
|
12470
|
+
/* @__PURE__ */ jsx(
|
|
12471
|
+
Form$2.Field,
|
|
12472
|
+
{
|
|
12473
|
+
control: form.control,
|
|
12474
|
+
name: "company",
|
|
12475
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12476
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Company" }),
|
|
12477
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12478
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12479
|
+
] })
|
|
12480
|
+
}
|
|
12481
|
+
),
|
|
12482
|
+
/* @__PURE__ */ jsx(
|
|
12483
|
+
Form$2.Field,
|
|
12484
|
+
{
|
|
12485
|
+
control: form.control,
|
|
12486
|
+
name: "address_1",
|
|
12487
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12488
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Address" }),
|
|
12489
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12490
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12491
|
+
] })
|
|
12492
|
+
}
|
|
12493
|
+
),
|
|
12494
|
+
/* @__PURE__ */ jsx(
|
|
12495
|
+
Form$2.Field,
|
|
12496
|
+
{
|
|
12497
|
+
control: form.control,
|
|
12498
|
+
name: "address_2",
|
|
12499
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12500
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
|
|
12501
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12502
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12503
|
+
] })
|
|
12504
|
+
}
|
|
12505
|
+
),
|
|
12506
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
12507
|
+
/* @__PURE__ */ jsx(
|
|
12508
|
+
Form$2.Field,
|
|
12509
|
+
{
|
|
12510
|
+
control: form.control,
|
|
12511
|
+
name: "postal_code",
|
|
12512
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12513
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Postal code" }),
|
|
12514
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12515
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12516
|
+
] })
|
|
12517
|
+
}
|
|
12518
|
+
),
|
|
12519
|
+
/* @__PURE__ */ jsx(
|
|
12520
|
+
Form$2.Field,
|
|
12521
|
+
{
|
|
12522
|
+
control: form.control,
|
|
12523
|
+
name: "city",
|
|
12524
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12525
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "City" }),
|
|
12526
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12527
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12528
|
+
] })
|
|
12529
|
+
}
|
|
12530
|
+
)
|
|
12531
|
+
] }),
|
|
12532
|
+
/* @__PURE__ */ jsx(
|
|
12533
|
+
Form$2.Field,
|
|
12534
|
+
{
|
|
12535
|
+
control: form.control,
|
|
12536
|
+
name: "province",
|
|
12537
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12538
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Province / State" }),
|
|
12539
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12540
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12541
|
+
] })
|
|
12542
|
+
}
|
|
12543
|
+
),
|
|
12544
|
+
/* @__PURE__ */ jsx(
|
|
12545
|
+
Form$2.Field,
|
|
12546
|
+
{
|
|
12547
|
+
control: form.control,
|
|
12548
|
+
name: "phone",
|
|
12549
|
+
render: ({ field }) => /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12550
|
+
/* @__PURE__ */ jsx(Form$2.Label, { optional: true, children: "Phone" }),
|
|
12551
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(Input, { ...field }) }),
|
|
12552
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12553
|
+
] })
|
|
12554
|
+
}
|
|
12555
|
+
)
|
|
12556
|
+
] }) }),
|
|
12557
|
+
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
12558
|
+
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
12559
|
+
/* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
12560
|
+
] }) })
|
|
12561
|
+
]
|
|
12562
|
+
}
|
|
12563
|
+
) });
|
|
12564
|
+
};
|
|
12565
|
+
const schema$1 = addressSchema;
|
|
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,
|
|
12393
12596
|
value: order.customer.id
|
|
12394
12597
|
} : null;
|
|
12395
12598
|
const onSubmit = form.handleSubmit(async (data) => {
|
|
@@ -12833,212 +13036,9 @@ const Illustration = () => {
|
|
|
12833
13036
|
}
|
|
12834
13037
|
);
|
|
12835
13038
|
};
|
|
12836
|
-
const schema
|
|
13039
|
+
const schema = objectType({
|
|
12837
13040
|
customer_id: stringType().min(1)
|
|
12838
13041
|
});
|
|
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: [
|
|
@@ -13059,10 +13059,6 @@ const routeModule = {
|
|
|
13059
13059
|
handle,
|
|
13060
13060
|
loader,
|
|
13061
13061
|
children: [
|
|
13062
|
-
{
|
|
13063
|
-
Component: BillingAddress,
|
|
13064
|
-
path: "/draft-orders/:id/billing-address"
|
|
13065
|
-
},
|
|
13066
13062
|
{
|
|
13067
13063
|
Component: CustomItems,
|
|
13068
13064
|
path: "/draft-orders/:id/custom-items"
|
|
@@ -13079,6 +13075,10 @@ const routeModule = {
|
|
|
13079
13075
|
Component: Metadata,
|
|
13080
13076
|
path: "/draft-orders/:id/metadata"
|
|
13081
13077
|
},
|
|
13078
|
+
{
|
|
13079
|
+
Component: BillingAddress,
|
|
13080
|
+
path: "/draft-orders/:id/billing-address"
|
|
13081
|
+
},
|
|
13082
13082
|
{
|
|
13083
13083
|
Component: Promotions,
|
|
13084
13084
|
path: "/draft-orders/:id/promotions"
|
|
@@ -13091,13 +13091,13 @@ const routeModule = {
|
|
|
13091
13091
|
Component: Shipping,
|
|
13092
13092
|
path: "/draft-orders/:id/shipping"
|
|
13093
13093
|
},
|
|
13094
|
-
{
|
|
13095
|
-
Component: TransferOwnership,
|
|
13096
|
-
path: "/draft-orders/:id/transfer-ownership"
|
|
13097
|
-
},
|
|
13098
13094
|
{
|
|
13099
13095
|
Component: ShippingAddress,
|
|
13100
13096
|
path: "/draft-orders/:id/shipping-address"
|
|
13097
|
+
},
|
|
13098
|
+
{
|
|
13099
|
+
Component: TransferOwnership,
|
|
13100
|
+
path: "/draft-orders/:id/transfer-ownership"
|
|
13101
13101
|
}
|
|
13102
13102
|
]
|
|
13103
13103
|
}
|