@medusajs/draft-order 2.11.2-snapshot-20251030163249 → 2.11.2-snapshot-20251031082325
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 +229 -228
- package/.medusa/server/src/admin/index.mjs +227 -227
- package/package.json +26 -23
|
@@ -14,14 +14,15 @@ const reactHookForm = require("react-hook-form");
|
|
|
14
14
|
const radixUi = require("radix-ui");
|
|
15
15
|
const react = require("@ariakit/react");
|
|
16
16
|
const matchSorter = require("match-sorter");
|
|
17
|
-
const debounce = require("lodash
|
|
17
|
+
const debounce = require("lodash.debounce");
|
|
18
18
|
const Primitive = require("@uiw/react-json-view");
|
|
19
|
-
const
|
|
19
|
+
const isEqual = require("lodash.isequal");
|
|
20
20
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
21
21
|
const React__default = /* @__PURE__ */ _interopDefault(React);
|
|
22
22
|
const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
|
|
23
23
|
const debounce__default = /* @__PURE__ */ _interopDefault(debounce);
|
|
24
24
|
const Primitive__default = /* @__PURE__ */ _interopDefault(Primitive);
|
|
25
|
+
const isEqual__default = /* @__PURE__ */ _interopDefault(isEqual);
|
|
25
26
|
function useQueryParams(keys, prefix) {
|
|
26
27
|
const [params] = reactRouterDom.useSearchParams();
|
|
27
28
|
const result = {};
|
|
@@ -9571,6 +9572,196 @@ const ID = () => {
|
|
|
9571
9572
|
/* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
|
|
9572
9573
|
] });
|
|
9573
9574
|
};
|
|
9575
|
+
const BillingAddress = () => {
|
|
9576
|
+
const { id } = reactRouterDom.useParams();
|
|
9577
|
+
const { order, isPending, isError, error } = useOrder(id, {
|
|
9578
|
+
fields: "+billing_address"
|
|
9579
|
+
});
|
|
9580
|
+
if (isError) {
|
|
9581
|
+
throw error;
|
|
9582
|
+
}
|
|
9583
|
+
const isReady = !isPending && !!order;
|
|
9584
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
|
|
9585
|
+
/* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
|
|
9586
|
+
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Billing Address" }) }),
|
|
9587
|
+
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
|
|
9588
|
+
] }),
|
|
9589
|
+
isReady && /* @__PURE__ */ jsxRuntime.jsx(BillingAddressForm, { order })
|
|
9590
|
+
] });
|
|
9591
|
+
};
|
|
9592
|
+
const BillingAddressForm = ({ order }) => {
|
|
9593
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
9594
|
+
const form = reactHookForm.useForm({
|
|
9595
|
+
defaultValues: {
|
|
9596
|
+
first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
|
|
9597
|
+
last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
|
|
9598
|
+
company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
|
|
9599
|
+
address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
|
|
9600
|
+
address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
|
|
9601
|
+
city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
|
|
9602
|
+
province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
|
|
9603
|
+
country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
|
|
9604
|
+
postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
9605
|
+
phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
|
|
9606
|
+
},
|
|
9607
|
+
resolver: zod.zodResolver(schema$5)
|
|
9608
|
+
});
|
|
9609
|
+
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
9610
|
+
const { handleSuccess } = useRouteModal();
|
|
9611
|
+
const onSubmit = form.handleSubmit(async (data) => {
|
|
9612
|
+
await mutateAsync(
|
|
9613
|
+
{ billing_address: data },
|
|
9614
|
+
{
|
|
9615
|
+
onSuccess: () => {
|
|
9616
|
+
handleSuccess();
|
|
9617
|
+
},
|
|
9618
|
+
onError: (error) => {
|
|
9619
|
+
ui.toast.error(error.message);
|
|
9620
|
+
}
|
|
9621
|
+
}
|
|
9622
|
+
);
|
|
9623
|
+
});
|
|
9624
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
9625
|
+
KeyboundForm,
|
|
9626
|
+
{
|
|
9627
|
+
className: "flex flex-1 flex-col overflow-hidden",
|
|
9628
|
+
onSubmit,
|
|
9629
|
+
children: [
|
|
9630
|
+
/* @__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: [
|
|
9631
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9632
|
+
Form$2.Field,
|
|
9633
|
+
{
|
|
9634
|
+
control: form.control,
|
|
9635
|
+
name: "country_code",
|
|
9636
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9637
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Country" }),
|
|
9638
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, { ...field }) }),
|
|
9639
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9640
|
+
] })
|
|
9641
|
+
}
|
|
9642
|
+
),
|
|
9643
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
9644
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9645
|
+
Form$2.Field,
|
|
9646
|
+
{
|
|
9647
|
+
control: form.control,
|
|
9648
|
+
name: "first_name",
|
|
9649
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9650
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "First name" }),
|
|
9651
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9652
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9653
|
+
] })
|
|
9654
|
+
}
|
|
9655
|
+
),
|
|
9656
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9657
|
+
Form$2.Field,
|
|
9658
|
+
{
|
|
9659
|
+
control: form.control,
|
|
9660
|
+
name: "last_name",
|
|
9661
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9662
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Last name" }),
|
|
9663
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9664
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9665
|
+
] })
|
|
9666
|
+
}
|
|
9667
|
+
)
|
|
9668
|
+
] }),
|
|
9669
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9670
|
+
Form$2.Field,
|
|
9671
|
+
{
|
|
9672
|
+
control: form.control,
|
|
9673
|
+
name: "company",
|
|
9674
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9675
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Company" }),
|
|
9676
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9677
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9678
|
+
] })
|
|
9679
|
+
}
|
|
9680
|
+
),
|
|
9681
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9682
|
+
Form$2.Field,
|
|
9683
|
+
{
|
|
9684
|
+
control: form.control,
|
|
9685
|
+
name: "address_1",
|
|
9686
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9687
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Address" }),
|
|
9688
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9689
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9690
|
+
] })
|
|
9691
|
+
}
|
|
9692
|
+
),
|
|
9693
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9694
|
+
Form$2.Field,
|
|
9695
|
+
{
|
|
9696
|
+
control: form.control,
|
|
9697
|
+
name: "address_2",
|
|
9698
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9699
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
|
|
9700
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9701
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9702
|
+
] })
|
|
9703
|
+
}
|
|
9704
|
+
),
|
|
9705
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
9706
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9707
|
+
Form$2.Field,
|
|
9708
|
+
{
|
|
9709
|
+
control: form.control,
|
|
9710
|
+
name: "postal_code",
|
|
9711
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9712
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Postal code" }),
|
|
9713
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9714
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9715
|
+
] })
|
|
9716
|
+
}
|
|
9717
|
+
),
|
|
9718
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9719
|
+
Form$2.Field,
|
|
9720
|
+
{
|
|
9721
|
+
control: form.control,
|
|
9722
|
+
name: "city",
|
|
9723
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9724
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "City" }),
|
|
9725
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9726
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9727
|
+
] })
|
|
9728
|
+
}
|
|
9729
|
+
)
|
|
9730
|
+
] }),
|
|
9731
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9732
|
+
Form$2.Field,
|
|
9733
|
+
{
|
|
9734
|
+
control: form.control,
|
|
9735
|
+
name: "province",
|
|
9736
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9737
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Province / State" }),
|
|
9738
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9739
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9740
|
+
] })
|
|
9741
|
+
}
|
|
9742
|
+
),
|
|
9743
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
9744
|
+
Form$2.Field,
|
|
9745
|
+
{
|
|
9746
|
+
control: form.control,
|
|
9747
|
+
name: "phone",
|
|
9748
|
+
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
9749
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Phone" }),
|
|
9750
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
9751
|
+
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
9752
|
+
] })
|
|
9753
|
+
}
|
|
9754
|
+
)
|
|
9755
|
+
] }) }),
|
|
9756
|
+
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
9757
|
+
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
9758
|
+
/* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
9759
|
+
] }) })
|
|
9760
|
+
]
|
|
9761
|
+
}
|
|
9762
|
+
) });
|
|
9763
|
+
};
|
|
9764
|
+
const schema$5 = addressSchema;
|
|
9574
9765
|
const CustomItems = () => {
|
|
9575
9766
|
return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
|
|
9576
9767
|
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Custom Items" }) }) }),
|
|
@@ -9579,7 +9770,7 @@ const CustomItems = () => {
|
|
|
9579
9770
|
};
|
|
9580
9771
|
const CustomItemsForm = () => {
|
|
9581
9772
|
const form = reactHookForm.useForm({
|
|
9582
|
-
resolver: zod.zodResolver(schema$
|
|
9773
|
+
resolver: zod.zodResolver(schema$4)
|
|
9583
9774
|
});
|
|
9584
9775
|
return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(KeyboundForm, { className: "flex flex-1 flex-col", children: [
|
|
9585
9776
|
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Body, {}),
|
|
@@ -9589,7 +9780,7 @@ const CustomItemsForm = () => {
|
|
|
9589
9780
|
] }) })
|
|
9590
9781
|
] }) });
|
|
9591
9782
|
};
|
|
9592
|
-
const schema$
|
|
9783
|
+
const schema$4 = objectType({
|
|
9593
9784
|
email: stringType().email()
|
|
9594
9785
|
});
|
|
9595
9786
|
const Email = () => {
|
|
@@ -9614,7 +9805,7 @@ const EmailForm = ({ order }) => {
|
|
|
9614
9805
|
defaultValues: {
|
|
9615
9806
|
email: order.email ?? ""
|
|
9616
9807
|
},
|
|
9617
|
-
resolver: zod.zodResolver(schema$
|
|
9808
|
+
resolver: zod.zodResolver(schema$3)
|
|
9618
9809
|
});
|
|
9619
9810
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
9620
9811
|
const { handleSuccess } = useRouteModal();
|
|
@@ -9657,7 +9848,7 @@ const EmailForm = ({ order }) => {
|
|
|
9657
9848
|
}
|
|
9658
9849
|
) });
|
|
9659
9850
|
};
|
|
9660
|
-
const schema$
|
|
9851
|
+
const schema$3 = objectType({
|
|
9661
9852
|
email: stringType().email()
|
|
9662
9853
|
});
|
|
9663
9854
|
const NumberInput = React.forwardRef(
|
|
@@ -11289,7 +11480,7 @@ const SalesChannelForm = ({ order }) => {
|
|
|
11289
11480
|
defaultValues: {
|
|
11290
11481
|
sales_channel_id: order.sales_channel_id || ""
|
|
11291
11482
|
},
|
|
11292
|
-
resolver: zod.zodResolver(schema$
|
|
11483
|
+
resolver: zod.zodResolver(schema$2)
|
|
11293
11484
|
});
|
|
11294
11485
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
11295
11486
|
const { handleSuccess } = useRouteModal();
|
|
@@ -11364,7 +11555,7 @@ const SalesChannelField = ({ control, order }) => {
|
|
|
11364
11555
|
}
|
|
11365
11556
|
);
|
|
11366
11557
|
};
|
|
11367
|
-
const schema$
|
|
11558
|
+
const schema$2 = objectType({
|
|
11368
11559
|
sales_channel_id: stringType().min(1)
|
|
11369
11560
|
});
|
|
11370
11561
|
const STACKED_FOCUS_MODAL_ID = "shipping-form";
|
|
@@ -11392,7 +11583,7 @@ const Shipping = () => {
|
|
|
11392
11583
|
const isReady = preview && !isPreviewPending && order && !isPending;
|
|
11393
11584
|
return /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal, { onClose: onCancel, children: !orderHasItems ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden ", children: [
|
|
11394
11585
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Header, {}),
|
|
11395
|
-
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 py-16
|
|
11586
|
+
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 px-6 py-16", children: [
|
|
11396
11587
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Shipping" }) }),
|
|
11397
11588
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "This draft order currently has no items. Add items to the order before adding shipping." }) })
|
|
11398
11589
|
] }) }) }),
|
|
@@ -11479,14 +11670,14 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11479
11670
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
|
|
11480
11671
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Header, {}),
|
|
11481
11672
|
/* @__PURE__ */ jsxRuntime.jsxs(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: [
|
|
11482
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 py-16
|
|
11673
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 px-6 py-16", children: [
|
|
11483
11674
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
11484
11675
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Shipping" }) }),
|
|
11485
11676
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Choose which shipping method(s) to use for the items in the order." }) })
|
|
11486
11677
|
] }),
|
|
11487
11678
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Divider, { variant: "dashed" }),
|
|
11488
|
-
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Root, { type: "multiple", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle
|
|
11489
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "
|
|
11679
|
+
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Root, { type: "multiple", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest rounded-xl", children: [
|
|
11680
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2", children: [
|
|
11490
11681
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
11491
11682
|
ui.Text,
|
|
11492
11683
|
{
|
|
@@ -11528,8 +11719,8 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11528
11719
|
value: profile.id,
|
|
11529
11720
|
className: "bg-ui-bg-base shadow-elevation-card-rest rounded-lg",
|
|
11530
11721
|
children: [
|
|
11531
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "
|
|
11532
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3
|
|
11722
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [
|
|
11723
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-x-3 overflow-hidden", children: [
|
|
11533
11724
|
/* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
11534
11725
|
ui.IconButton,
|
|
11535
11726
|
{
|
|
@@ -11537,12 +11728,12 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11537
11728
|
variant: "transparent",
|
|
11538
11729
|
className: "group/trigger",
|
|
11539
11730
|
disabled: !hasItems,
|
|
11540
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(icons.TriangleRightMini, { className: "group-data-[state=open]/trigger:rotate-90
|
|
11731
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(icons.TriangleRightMini, { className: "transition-transform group-data-[state=open]/trigger:rotate-90" })
|
|
11541
11732
|
}
|
|
11542
11733
|
) }),
|
|
11543
11734
|
!shippingOption ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
|
|
11544
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "
|
|
11545
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-
|
|
11735
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "shadow-borders-base flex size-7 items-center justify-center rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-ui-bg-component-hover flex size-6 items-center justify-center rounded", children: /* @__PURE__ */ jsxRuntime.jsx(icons.Shopping, { className: "text-ui-fg-subtle" }) }) }),
|
|
11736
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col", children: [
|
|
11546
11737
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
11547
11738
|
ui.Text,
|
|
11548
11739
|
{
|
|
@@ -11566,7 +11757,7 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11566
11757
|
}
|
|
11567
11758
|
)
|
|
11568
11759
|
] })
|
|
11569
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-[5px] max-sm:flex-col max-sm:items-start
|
|
11760
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-1 items-center gap-[5px] overflow-hidden max-sm:flex-col max-sm:items-start", children: [
|
|
11570
11761
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
11571
11762
|
ui.Tooltip,
|
|
11572
11763
|
{
|
|
@@ -11583,7 +11774,7 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11583
11774
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
11584
11775
|
ui.Badge,
|
|
11585
11776
|
{
|
|
11586
|
-
className: "flex items-center gap-x-[3px] overflow-hidden
|
|
11777
|
+
className: "flex cursor-default items-center gap-x-[3px] overflow-hidden",
|
|
11587
11778
|
size: "xsmall",
|
|
11588
11779
|
children: [
|
|
11589
11780
|
/* @__PURE__ */ jsxRuntime.jsx(icons.Shopping, { className: "shrink-0" }),
|
|
@@ -11608,7 +11799,7 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11608
11799
|
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
11609
11800
|
ui.Badge,
|
|
11610
11801
|
{
|
|
11611
|
-
className: "flex items-center gap-x-[3px] overflow-hidden
|
|
11802
|
+
className: "flex cursor-default items-center gap-x-[3px] overflow-hidden",
|
|
11612
11803
|
size: "xsmall",
|
|
11613
11804
|
children: [
|
|
11614
11805
|
/* @__PURE__ */ jsxRuntime.jsx(icons.Buildings, { className: "shrink-0" }),
|
|
@@ -11621,7 +11812,7 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11621
11812
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: shippingOption.name, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
11622
11813
|
ui.Badge,
|
|
11623
11814
|
{
|
|
11624
|
-
className: "flex items-center gap-x-[3px] overflow-hidden
|
|
11815
|
+
className: "flex cursor-default items-center gap-x-[3px] overflow-hidden",
|
|
11625
11816
|
size: "xsmall",
|
|
11626
11817
|
children: [
|
|
11627
11818
|
/* @__PURE__ */ jsxRuntime.jsx(icons.TruckFast, { className: "shrink-0" }),
|
|
@@ -11692,17 +11883,17 @@ const ShippingForm = ({ preview, order }) => {
|
|
|
11692
11883
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
11693
11884
|
"div",
|
|
11694
11885
|
{
|
|
11695
|
-
className: "
|
|
11886
|
+
className: "flex items-center gap-x-3 px-3",
|
|
11696
11887
|
children: [
|
|
11697
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "
|
|
11888
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-[56px] w-5 flex-col items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
11698
11889
|
ui.Divider,
|
|
11699
11890
|
{
|
|
11700
11891
|
variant: "dashed",
|
|
11701
11892
|
orientation: "vertical"
|
|
11702
11893
|
}
|
|
11703
11894
|
) }),
|
|
11704
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "
|
|
11705
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-7
|
|
11895
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3 py-2", children: [
|
|
11896
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-7 items-center justify-center tabular-nums", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
11706
11897
|
ui.Text,
|
|
11707
11898
|
{
|
|
11708
11899
|
size: "small",
|
|
@@ -11839,7 +12030,7 @@ const ShippingProfileForm = ({
|
|
|
11839
12030
|
isPending: isUpdatingShippingMethod
|
|
11840
12031
|
} = useDraftOrderUpdateShippingMethod(order.id);
|
|
11841
12032
|
const onSubmit = form.handleSubmit(async (values) => {
|
|
11842
|
-
if (
|
|
12033
|
+
if (isEqual__default.default(values, form.formState.defaultValues)) {
|
|
11843
12034
|
setIsOpen(STACKED_FOCUS_MODAL_ID, false);
|
|
11844
12035
|
return;
|
|
11845
12036
|
}
|
|
@@ -11883,7 +12074,7 @@ const ShippingProfileForm = ({
|
|
|
11883
12074
|
onSubmit,
|
|
11884
12075
|
children: [
|
|
11885
12076
|
/* @__PURE__ */ jsxRuntime.jsx(StackedFocusModal.Header, {}),
|
|
11886
|
-
/* @__PURE__ */ jsxRuntime.jsx(StackedFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 py-16
|
|
12077
|
+
/* @__PURE__ */ jsxRuntime.jsx(StackedFocusModal.Body, { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-[720px] flex-col gap-y-6 px-6 py-16", children: [
|
|
11887
12078
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
11888
12079
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Shipping" }) }),
|
|
11889
12080
|
/* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Add a shipping method for the selected shipping profile. You can see the items that will be shipped using this method in the preview below." }) })
|
|
@@ -11956,14 +12147,14 @@ const ItemsPreview = ({ order, shippingProfileId }) => {
|
|
|
11956
12147
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Items with the selected shipping profile." })
|
|
11957
12148
|
] }) }),
|
|
11958
12149
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-subtle shadow-elevation-card-rest rounded-xl", children: [
|
|
11959
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 px-4 py-2
|
|
12150
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-ui-fg-muted grid grid-cols-2 gap-3 px-4 py-2", children: [
|
|
11960
12151
|
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Item" }) }),
|
|
11961
12152
|
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", children: "Quantity" }) })
|
|
11962
12153
|
] }),
|
|
11963
12154
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-y-1.5 px-[5px] pb-[5px]", children: matches.length > 0 ? matches == null ? void 0 : matches.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
11964
12155
|
"div",
|
|
11965
12156
|
{
|
|
11966
|
-
className: "
|
|
12157
|
+
className: "bg-ui-bg-base shadow-elevation-card-rest grid grid-cols-2 items-center gap-3 rounded-lg px-4 py-2",
|
|
11967
12158
|
children: [
|
|
11968
12159
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
|
|
11969
12160
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -12016,7 +12207,7 @@ const ItemsPreview = ({ order, shippingProfileId }) => {
|
|
|
12016
12207
|
]
|
|
12017
12208
|
},
|
|
12018
12209
|
item.id
|
|
12019
|
-
)) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-x-3
|
|
12210
|
+
)) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-ui-bg-base shadow-elevation-card-rest flex flex-col items-center justify-center gap-1 gap-x-3 rounded-lg p-4", children: [
|
|
12020
12211
|
/* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", weight: "plus", leading: "compact", children: "No items found" }),
|
|
12021
12212
|
/* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: [
|
|
12022
12213
|
'No items found for "',
|
|
@@ -12206,7 +12397,7 @@ const ShippingAddressForm = ({ order }) => {
|
|
|
12206
12397
|
postal_code: ((_i = order.shipping_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
12207
12398
|
phone: ((_j = order.shipping_address) == null ? void 0 : _j.phone) ?? ""
|
|
12208
12399
|
},
|
|
12209
|
-
resolver: zod.zodResolver(schema$
|
|
12400
|
+
resolver: zod.zodResolver(schema$1)
|
|
12210
12401
|
});
|
|
12211
12402
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12212
12403
|
const { handleSuccess } = useRouteModal();
|
|
@@ -12376,7 +12567,7 @@ const ShippingAddressForm = ({ order }) => {
|
|
|
12376
12567
|
}
|
|
12377
12568
|
) });
|
|
12378
12569
|
};
|
|
12379
|
-
const schema$
|
|
12570
|
+
const schema$1 = addressSchema;
|
|
12380
12571
|
const TransferOwnership = () => {
|
|
12381
12572
|
const { id } = reactRouterDom.useParams();
|
|
12382
12573
|
const { draft_order, isPending, isError, error } = useDraftOrder(id, {
|
|
@@ -12400,7 +12591,7 @@ const TransferOwnershipForm = ({ order }) => {
|
|
|
12400
12591
|
defaultValues: {
|
|
12401
12592
|
customer_id: order.customer_id || ""
|
|
12402
12593
|
},
|
|
12403
|
-
resolver: zod.zodResolver(schema
|
|
12594
|
+
resolver: zod.zodResolver(schema)
|
|
12404
12595
|
});
|
|
12405
12596
|
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12406
12597
|
const { handleSuccess } = useRouteModal();
|
|
@@ -12850,199 +13041,9 @@ const Illustration = () => {
|
|
|
12850
13041
|
}
|
|
12851
13042
|
);
|
|
12852
13043
|
};
|
|
12853
|
-
const schema
|
|
13044
|
+
const schema = objectType({
|
|
12854
13045
|
customer_id: stringType().min(1)
|
|
12855
13046
|
});
|
|
12856
|
-
const BillingAddress = () => {
|
|
12857
|
-
const { id } = reactRouterDom.useParams();
|
|
12858
|
-
const { order, isPending, isError, error } = useOrder(id, {
|
|
12859
|
-
fields: "+billing_address"
|
|
12860
|
-
});
|
|
12861
|
-
if (isError) {
|
|
12862
|
-
throw error;
|
|
12863
|
-
}
|
|
12864
|
-
const isReady = !isPending && !!order;
|
|
12865
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer, { children: [
|
|
12866
|
-
/* @__PURE__ */ jsxRuntime.jsxs(RouteDrawer.Header, { children: [
|
|
12867
|
-
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Edit Billing Address" }) }),
|
|
12868
|
-
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit the billing address for the draft order" }) })
|
|
12869
|
-
] }),
|
|
12870
|
-
isReady && /* @__PURE__ */ jsxRuntime.jsx(BillingAddressForm, { order })
|
|
12871
|
-
] });
|
|
12872
|
-
};
|
|
12873
|
-
const BillingAddressForm = ({ order }) => {
|
|
12874
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
|
|
12875
|
-
const form = reactHookForm.useForm({
|
|
12876
|
-
defaultValues: {
|
|
12877
|
-
first_name: ((_a = order.billing_address) == null ? void 0 : _a.first_name) ?? "",
|
|
12878
|
-
last_name: ((_b = order.billing_address) == null ? void 0 : _b.last_name) ?? "",
|
|
12879
|
-
company: ((_c = order.billing_address) == null ? void 0 : _c.company) ?? "",
|
|
12880
|
-
address_1: ((_d = order.billing_address) == null ? void 0 : _d.address_1) ?? "",
|
|
12881
|
-
address_2: ((_e = order.billing_address) == null ? void 0 : _e.address_2) ?? "",
|
|
12882
|
-
city: ((_f = order.billing_address) == null ? void 0 : _f.city) ?? "",
|
|
12883
|
-
province: ((_g = order.billing_address) == null ? void 0 : _g.province) ?? "",
|
|
12884
|
-
country_code: ((_h = order.billing_address) == null ? void 0 : _h.country_code) ?? "",
|
|
12885
|
-
postal_code: ((_i = order.billing_address) == null ? void 0 : _i.postal_code) ?? "",
|
|
12886
|
-
phone: ((_j = order.billing_address) == null ? void 0 : _j.phone) ?? ""
|
|
12887
|
-
},
|
|
12888
|
-
resolver: zod.zodResolver(schema)
|
|
12889
|
-
});
|
|
12890
|
-
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12891
|
-
const { handleSuccess } = useRouteModal();
|
|
12892
|
-
const onSubmit = form.handleSubmit(async (data) => {
|
|
12893
|
-
await mutateAsync(
|
|
12894
|
-
{ billing_address: data },
|
|
12895
|
-
{
|
|
12896
|
-
onSuccess: () => {
|
|
12897
|
-
handleSuccess();
|
|
12898
|
-
},
|
|
12899
|
-
onError: (error) => {
|
|
12900
|
-
ui.toast.error(error.message);
|
|
12901
|
-
}
|
|
12902
|
-
}
|
|
12903
|
-
);
|
|
12904
|
-
});
|
|
12905
|
-
return /* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
12906
|
-
KeyboundForm,
|
|
12907
|
-
{
|
|
12908
|
-
className: "flex flex-1 flex-col overflow-hidden",
|
|
12909
|
-
onSubmit,
|
|
12910
|
-
children: [
|
|
12911
|
-
/* @__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: [
|
|
12912
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12913
|
-
Form$2.Field,
|
|
12914
|
-
{
|
|
12915
|
-
control: form.control,
|
|
12916
|
-
name: "country_code",
|
|
12917
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12918
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Country" }),
|
|
12919
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(CountrySelect, { ...field }) }),
|
|
12920
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12921
|
-
] })
|
|
12922
|
-
}
|
|
12923
|
-
),
|
|
12924
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
12925
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12926
|
-
Form$2.Field,
|
|
12927
|
-
{
|
|
12928
|
-
control: form.control,
|
|
12929
|
-
name: "first_name",
|
|
12930
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12931
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "First name" }),
|
|
12932
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
12933
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12934
|
-
] })
|
|
12935
|
-
}
|
|
12936
|
-
),
|
|
12937
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12938
|
-
Form$2.Field,
|
|
12939
|
-
{
|
|
12940
|
-
control: form.control,
|
|
12941
|
-
name: "last_name",
|
|
12942
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12943
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Last name" }),
|
|
12944
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
12945
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12946
|
-
] })
|
|
12947
|
-
}
|
|
12948
|
-
)
|
|
12949
|
-
] }),
|
|
12950
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12951
|
-
Form$2.Field,
|
|
12952
|
-
{
|
|
12953
|
-
control: form.control,
|
|
12954
|
-
name: "company",
|
|
12955
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12956
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Company" }),
|
|
12957
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
12958
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12959
|
-
] })
|
|
12960
|
-
}
|
|
12961
|
-
),
|
|
12962
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12963
|
-
Form$2.Field,
|
|
12964
|
-
{
|
|
12965
|
-
control: form.control,
|
|
12966
|
-
name: "address_1",
|
|
12967
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12968
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Address" }),
|
|
12969
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
12970
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12971
|
-
] })
|
|
12972
|
-
}
|
|
12973
|
-
),
|
|
12974
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12975
|
-
Form$2.Field,
|
|
12976
|
-
{
|
|
12977
|
-
control: form.control,
|
|
12978
|
-
name: "address_2",
|
|
12979
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12980
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Apartment, suite, etc." }),
|
|
12981
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
12982
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12983
|
-
] })
|
|
12984
|
-
}
|
|
12985
|
-
),
|
|
12986
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
12987
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12988
|
-
Form$2.Field,
|
|
12989
|
-
{
|
|
12990
|
-
control: form.control,
|
|
12991
|
-
name: "postal_code",
|
|
12992
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
12993
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "Postal code" }),
|
|
12994
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
12995
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
12996
|
-
] })
|
|
12997
|
-
}
|
|
12998
|
-
),
|
|
12999
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13000
|
-
Form$2.Field,
|
|
13001
|
-
{
|
|
13002
|
-
control: form.control,
|
|
13003
|
-
name: "city",
|
|
13004
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
13005
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { children: "City" }),
|
|
13006
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
13007
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
13008
|
-
] })
|
|
13009
|
-
}
|
|
13010
|
-
)
|
|
13011
|
-
] }),
|
|
13012
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13013
|
-
Form$2.Field,
|
|
13014
|
-
{
|
|
13015
|
-
control: form.control,
|
|
13016
|
-
name: "province",
|
|
13017
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
13018
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Province / State" }),
|
|
13019
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
13020
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
13021
|
-
] })
|
|
13022
|
-
}
|
|
13023
|
-
),
|
|
13024
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
13025
|
-
Form$2.Field,
|
|
13026
|
-
{
|
|
13027
|
-
control: form.control,
|
|
13028
|
-
name: "phone",
|
|
13029
|
-
render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(Form$2.Item, { children: [
|
|
13030
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Label, { optional: true, children: "Phone" }),
|
|
13031
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.Control, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { ...field }) }),
|
|
13032
|
-
/* @__PURE__ */ jsxRuntime.jsx(Form$2.ErrorMessage, {})
|
|
13033
|
-
] })
|
|
13034
|
-
}
|
|
13035
|
-
)
|
|
13036
|
-
] }) }),
|
|
13037
|
-
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
13038
|
-
/* @__PURE__ */ jsxRuntime.jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
13039
|
-
/* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
13040
|
-
] }) })
|
|
13041
|
-
]
|
|
13042
|
-
}
|
|
13043
|
-
) });
|
|
13044
|
-
};
|
|
13045
|
-
const schema = addressSchema;
|
|
13046
13047
|
const widgetModule = { widgets: [] };
|
|
13047
13048
|
const routeModule = {
|
|
13048
13049
|
routes: [
|
|
@@ -13063,6 +13064,10 @@ const routeModule = {
|
|
|
13063
13064
|
handle,
|
|
13064
13065
|
loader,
|
|
13065
13066
|
children: [
|
|
13067
|
+
{
|
|
13068
|
+
Component: BillingAddress,
|
|
13069
|
+
path: "/draft-orders/:id/billing-address"
|
|
13070
|
+
},
|
|
13066
13071
|
{
|
|
13067
13072
|
Component: CustomItems,
|
|
13068
13073
|
path: "/draft-orders/:id/custom-items"
|
|
@@ -13098,10 +13103,6 @@ const routeModule = {
|
|
|
13098
13103
|
{
|
|
13099
13104
|
Component: TransferOwnership,
|
|
13100
13105
|
path: "/draft-orders/:id/transfer-ownership"
|
|
13101
|
-
},
|
|
13102
|
-
{
|
|
13103
|
-
Component: BillingAddress,
|
|
13104
|
-
path: "/draft-orders/:id/billing-address"
|
|
13105
13106
|
}
|
|
13106
13107
|
]
|
|
13107
13108
|
}
|