@medusajs/draft-order 2.10.4-preview-20251011030926 → 2.10.4-preview-20251011090154
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 +366 -366
- package/.medusa/server/src/admin/index.mjs +366 -366
- package/package.json +16 -16
|
@@ -10820,283 +10820,6 @@ const customItemSchema = objectType({
|
|
|
10820
10820
|
quantity: numberType(),
|
|
10821
10821
|
unit_price: unionType([numberType(), stringType()])
|
|
10822
10822
|
});
|
|
10823
|
-
const PROMOTION_QUERY_KEY = "promotions";
|
|
10824
|
-
const promotionsQueryKeys = {
|
|
10825
|
-
list: (query2) => [
|
|
10826
|
-
PROMOTION_QUERY_KEY,
|
|
10827
|
-
query2 ? query2 : void 0
|
|
10828
|
-
],
|
|
10829
|
-
detail: (id, query2) => [
|
|
10830
|
-
PROMOTION_QUERY_KEY,
|
|
10831
|
-
id,
|
|
10832
|
-
query2 ? query2 : void 0
|
|
10833
|
-
]
|
|
10834
|
-
};
|
|
10835
|
-
const usePromotions = (query2, options) => {
|
|
10836
|
-
const { data, ...rest } = useQuery({
|
|
10837
|
-
queryKey: promotionsQueryKeys.list(query2),
|
|
10838
|
-
queryFn: async () => sdk.admin.promotion.list(query2),
|
|
10839
|
-
...options
|
|
10840
|
-
});
|
|
10841
|
-
return { ...data, ...rest };
|
|
10842
|
-
};
|
|
10843
|
-
const Promotions = () => {
|
|
10844
|
-
const { id } = useParams();
|
|
10845
|
-
const {
|
|
10846
|
-
order: preview,
|
|
10847
|
-
isError: isPreviewError,
|
|
10848
|
-
error: previewError
|
|
10849
|
-
} = useOrderPreview(id, void 0);
|
|
10850
|
-
useInitiateOrderEdit({ preview });
|
|
10851
|
-
const { onCancel } = useCancelOrderEdit({ preview });
|
|
10852
|
-
if (isPreviewError) {
|
|
10853
|
-
throw previewError;
|
|
10854
|
-
}
|
|
10855
|
-
const isReady = !!preview;
|
|
10856
|
-
return /* @__PURE__ */ jsxs(RouteDrawer, { onClose: onCancel, children: [
|
|
10857
|
-
/* @__PURE__ */ jsx(RouteDrawer.Header, { children: /* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Promotions" }) }) }),
|
|
10858
|
-
isReady && /* @__PURE__ */ jsx(PromotionForm, { preview })
|
|
10859
|
-
] });
|
|
10860
|
-
};
|
|
10861
|
-
const PromotionForm = ({ preview }) => {
|
|
10862
|
-
const { items, shipping_methods } = preview;
|
|
10863
|
-
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
10864
|
-
const [comboboxValue, setComboboxValue] = useState("");
|
|
10865
|
-
const { handleSuccess } = useRouteModal();
|
|
10866
|
-
const { mutateAsync: addPromotions, isPending: isAddingPromotions } = useDraftOrderAddPromotions(preview.id);
|
|
10867
|
-
const promoIds = getPromotionIds(items, shipping_methods);
|
|
10868
|
-
const { promotions, isPending, isError, error } = usePromotions(
|
|
10869
|
-
{
|
|
10870
|
-
id: promoIds
|
|
10871
|
-
},
|
|
10872
|
-
{
|
|
10873
|
-
enabled: !!promoIds.length
|
|
10874
|
-
}
|
|
10875
|
-
);
|
|
10876
|
-
const comboboxData = useComboboxData({
|
|
10877
|
-
queryKey: ["promotions", "combobox", promoIds],
|
|
10878
|
-
queryFn: async (params) => {
|
|
10879
|
-
return await sdk.admin.promotion.list({
|
|
10880
|
-
...params,
|
|
10881
|
-
id: {
|
|
10882
|
-
$nin: promoIds
|
|
10883
|
-
}
|
|
10884
|
-
});
|
|
10885
|
-
},
|
|
10886
|
-
getOptions: (data) => {
|
|
10887
|
-
return data.promotions.map((promotion) => ({
|
|
10888
|
-
label: promotion.code,
|
|
10889
|
-
value: promotion.code
|
|
10890
|
-
}));
|
|
10891
|
-
}
|
|
10892
|
-
});
|
|
10893
|
-
const add = async (value) => {
|
|
10894
|
-
if (!value) {
|
|
10895
|
-
return;
|
|
10896
|
-
}
|
|
10897
|
-
addPromotions(
|
|
10898
|
-
{
|
|
10899
|
-
promo_codes: [value]
|
|
10900
|
-
},
|
|
10901
|
-
{
|
|
10902
|
-
onError: (e) => {
|
|
10903
|
-
toast.error(e.message);
|
|
10904
|
-
comboboxData.onSearchValueChange("");
|
|
10905
|
-
setComboboxValue("");
|
|
10906
|
-
},
|
|
10907
|
-
onSuccess: () => {
|
|
10908
|
-
comboboxData.onSearchValueChange("");
|
|
10909
|
-
setComboboxValue("");
|
|
10910
|
-
}
|
|
10911
|
-
}
|
|
10912
|
-
);
|
|
10913
|
-
};
|
|
10914
|
-
const { mutateAsync: confirmOrderEdit } = useDraftOrderConfirmEdit(preview.id);
|
|
10915
|
-
const { mutateAsync: requestOrderEdit } = useOrderEditRequest(preview.id);
|
|
10916
|
-
const onSubmit = async () => {
|
|
10917
|
-
setIsSubmitting(true);
|
|
10918
|
-
let requestSucceeded = false;
|
|
10919
|
-
await requestOrderEdit(void 0, {
|
|
10920
|
-
onError: (e) => {
|
|
10921
|
-
toast.error(e.message);
|
|
10922
|
-
},
|
|
10923
|
-
onSuccess: () => {
|
|
10924
|
-
requestSucceeded = true;
|
|
10925
|
-
}
|
|
10926
|
-
});
|
|
10927
|
-
if (!requestSucceeded) {
|
|
10928
|
-
setIsSubmitting(false);
|
|
10929
|
-
return;
|
|
10930
|
-
}
|
|
10931
|
-
await confirmOrderEdit(void 0, {
|
|
10932
|
-
onError: (e) => {
|
|
10933
|
-
toast.error(e.message);
|
|
10934
|
-
},
|
|
10935
|
-
onSuccess: () => {
|
|
10936
|
-
handleSuccess();
|
|
10937
|
-
},
|
|
10938
|
-
onSettled: () => {
|
|
10939
|
-
setIsSubmitting(false);
|
|
10940
|
-
}
|
|
10941
|
-
});
|
|
10942
|
-
};
|
|
10943
|
-
if (isError) {
|
|
10944
|
-
throw error;
|
|
10945
|
-
}
|
|
10946
|
-
return /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", onSubmit, children: [
|
|
10947
|
-
/* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
10948
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
|
|
10949
|
-
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
10950
|
-
/* @__PURE__ */ jsx(Label$1, { size: "small", weight: "plus", htmlFor: "promotion-combobox", children: "Apply promotions" }),
|
|
10951
|
-
/* @__PURE__ */ jsx(Hint$1, { id: "promotion-combobox-hint", children: "Manage promotions that should be applied to the order." })
|
|
10952
|
-
] }),
|
|
10953
|
-
/* @__PURE__ */ jsx(
|
|
10954
|
-
Combobox,
|
|
10955
|
-
{
|
|
10956
|
-
id: "promotion-combobox",
|
|
10957
|
-
"aria-describedby": "promotion-combobox-hint",
|
|
10958
|
-
isFetchingNextPage: comboboxData.isFetchingNextPage,
|
|
10959
|
-
fetchNextPage: comboboxData.fetchNextPage,
|
|
10960
|
-
options: comboboxData.options,
|
|
10961
|
-
onSearchValueChange: comboboxData.onSearchValueChange,
|
|
10962
|
-
searchValue: comboboxData.searchValue,
|
|
10963
|
-
disabled: comboboxData.disabled || isAddingPromotions,
|
|
10964
|
-
onChange: add,
|
|
10965
|
-
value: comboboxValue
|
|
10966
|
-
}
|
|
10967
|
-
)
|
|
10968
|
-
] }),
|
|
10969
|
-
/* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
|
|
10970
|
-
/* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: promotions == null ? void 0 : promotions.map((promotion) => /* @__PURE__ */ jsx(
|
|
10971
|
-
PromotionItem,
|
|
10972
|
-
{
|
|
10973
|
-
promotion,
|
|
10974
|
-
orderId: preview.id,
|
|
10975
|
-
isLoading: isPending
|
|
10976
|
-
},
|
|
10977
|
-
promotion.id
|
|
10978
|
-
)) })
|
|
10979
|
-
] }) }),
|
|
10980
|
-
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
10981
|
-
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
10982
|
-
/* @__PURE__ */ jsx(
|
|
10983
|
-
Button,
|
|
10984
|
-
{
|
|
10985
|
-
size: "small",
|
|
10986
|
-
type: "submit",
|
|
10987
|
-
isLoading: isSubmitting || isAddingPromotions,
|
|
10988
|
-
children: "Save"
|
|
10989
|
-
}
|
|
10990
|
-
)
|
|
10991
|
-
] }) })
|
|
10992
|
-
] });
|
|
10993
|
-
};
|
|
10994
|
-
const PromotionItem = ({
|
|
10995
|
-
promotion,
|
|
10996
|
-
orderId,
|
|
10997
|
-
isLoading
|
|
10998
|
-
}) => {
|
|
10999
|
-
var _a;
|
|
11000
|
-
const { mutateAsync: removePromotions, isPending } = useDraftOrderRemovePromotions(orderId);
|
|
11001
|
-
const onRemove = async () => {
|
|
11002
|
-
removePromotions(
|
|
11003
|
-
{
|
|
11004
|
-
promo_codes: [promotion.code]
|
|
11005
|
-
},
|
|
11006
|
-
{
|
|
11007
|
-
onError: (e) => {
|
|
11008
|
-
toast.error(e.message);
|
|
11009
|
-
}
|
|
11010
|
-
}
|
|
11011
|
-
);
|
|
11012
|
-
};
|
|
11013
|
-
const displayValue = getDisplayValue(promotion);
|
|
11014
|
-
return /* @__PURE__ */ jsxs(
|
|
11015
|
-
"div",
|
|
11016
|
-
{
|
|
11017
|
-
className: clx(
|
|
11018
|
-
"bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
|
|
11019
|
-
{
|
|
11020
|
-
"animate-pulse": isLoading
|
|
11021
|
-
}
|
|
11022
|
-
),
|
|
11023
|
-
children: [
|
|
11024
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
11025
|
-
/* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: promotion.code }),
|
|
11026
|
-
/* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-1.5", children: [
|
|
11027
|
-
displayValue && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
11028
|
-
/* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: displayValue }),
|
|
11029
|
-
/* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: "·" })
|
|
11030
|
-
] }),
|
|
11031
|
-
/* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "capitalize", children: (_a = promotion.application_method) == null ? void 0 : _a.allocation })
|
|
11032
|
-
] })
|
|
11033
|
-
] }),
|
|
11034
|
-
/* @__PURE__ */ jsx(
|
|
11035
|
-
IconButton,
|
|
11036
|
-
{
|
|
11037
|
-
size: "small",
|
|
11038
|
-
type: "button",
|
|
11039
|
-
variant: "transparent",
|
|
11040
|
-
onClick: onRemove,
|
|
11041
|
-
isLoading: isPending || isLoading,
|
|
11042
|
-
children: /* @__PURE__ */ jsx(XMark, {})
|
|
11043
|
-
}
|
|
11044
|
-
)
|
|
11045
|
-
]
|
|
11046
|
-
},
|
|
11047
|
-
promotion.id
|
|
11048
|
-
);
|
|
11049
|
-
};
|
|
11050
|
-
function getDisplayValue(promotion) {
|
|
11051
|
-
var _a, _b, _c, _d;
|
|
11052
|
-
const value = (_a = promotion.application_method) == null ? void 0 : _a.value;
|
|
11053
|
-
if (!value) {
|
|
11054
|
-
return null;
|
|
11055
|
-
}
|
|
11056
|
-
if (((_b = promotion.application_method) == null ? void 0 : _b.type) === "fixed") {
|
|
11057
|
-
const currency = (_c = promotion.application_method) == null ? void 0 : _c.currency_code;
|
|
11058
|
-
if (!currency) {
|
|
11059
|
-
return null;
|
|
11060
|
-
}
|
|
11061
|
-
return getLocaleAmount(value, currency);
|
|
11062
|
-
} else if (((_d = promotion.application_method) == null ? void 0 : _d.type) === "percentage") {
|
|
11063
|
-
return formatPercentage(value);
|
|
11064
|
-
}
|
|
11065
|
-
return null;
|
|
11066
|
-
}
|
|
11067
|
-
const formatter = new Intl.NumberFormat([], {
|
|
11068
|
-
style: "percent",
|
|
11069
|
-
minimumFractionDigits: 2
|
|
11070
|
-
});
|
|
11071
|
-
const formatPercentage = (value, isPercentageValue = false) => {
|
|
11072
|
-
let val = value || 0;
|
|
11073
|
-
if (!isPercentageValue) {
|
|
11074
|
-
val = val / 100;
|
|
11075
|
-
}
|
|
11076
|
-
return formatter.format(val);
|
|
11077
|
-
};
|
|
11078
|
-
function getPromotionIds(items, shippingMethods) {
|
|
11079
|
-
const promotionIds = /* @__PURE__ */ new Set();
|
|
11080
|
-
for (const item of items) {
|
|
11081
|
-
if (item.adjustments) {
|
|
11082
|
-
for (const adjustment of item.adjustments) {
|
|
11083
|
-
if (adjustment.promotion_id) {
|
|
11084
|
-
promotionIds.add(adjustment.promotion_id);
|
|
11085
|
-
}
|
|
11086
|
-
}
|
|
11087
|
-
}
|
|
11088
|
-
}
|
|
11089
|
-
for (const shippingMethod of shippingMethods) {
|
|
11090
|
-
if (shippingMethod.adjustments) {
|
|
11091
|
-
for (const adjustment of shippingMethod.adjustments) {
|
|
11092
|
-
if (adjustment.promotion_id) {
|
|
11093
|
-
promotionIds.add(adjustment.promotion_id);
|
|
11094
|
-
}
|
|
11095
|
-
}
|
|
11096
|
-
}
|
|
11097
|
-
}
|
|
11098
|
-
return Array.from(promotionIds);
|
|
11099
|
-
}
|
|
11100
10823
|
const InlineTip = forwardRef(
|
|
11101
10824
|
({ variant = "tip", label, className, children, ...props }, ref) => {
|
|
11102
10825
|
const labelValue = label || (variant === "warning" ? "Warning" : "Tip");
|
|
@@ -11447,112 +11170,283 @@ function getHasUneditableRows(metadata) {
|
|
|
11447
11170
|
(value) => !EDITABLE_TYPES.includes(typeof value)
|
|
11448
11171
|
);
|
|
11449
11172
|
}
|
|
11450
|
-
const
|
|
11451
|
-
|
|
11452
|
-
|
|
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,
|
|
11453
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(
|
|
11454
11219
|
{
|
|
11455
|
-
|
|
11220
|
+
id: promoIds
|
|
11456
11221
|
},
|
|
11457
11222
|
{
|
|
11458
|
-
enabled: !!
|
|
11223
|
+
enabled: !!promoIds.length
|
|
11459
11224
|
}
|
|
11460
11225
|
);
|
|
11461
|
-
|
|
11462
|
-
|
|
11463
|
-
|
|
11464
|
-
|
|
11465
|
-
|
|
11466
|
-
|
|
11467
|
-
|
|
11468
|
-
|
|
11469
|
-
|
|
11470
|
-
ISrEADY && /* @__PURE__ */ jsx(SalesChannelForm, { order: draft_order })
|
|
11471
|
-
] });
|
|
11472
|
-
};
|
|
11473
|
-
const SalesChannelForm = ({ order }) => {
|
|
11474
|
-
const form = useForm({
|
|
11475
|
-
defaultValues: {
|
|
11476
|
-
sales_channel_id: order.sales_channel_id || ""
|
|
11226
|
+
const comboboxData = useComboboxData({
|
|
11227
|
+
queryKey: ["promotions", "combobox", promoIds],
|
|
11228
|
+
queryFn: async (params) => {
|
|
11229
|
+
return await sdk.admin.promotion.list({
|
|
11230
|
+
...params,
|
|
11231
|
+
id: {
|
|
11232
|
+
$nin: promoIds
|
|
11233
|
+
}
|
|
11234
|
+
});
|
|
11477
11235
|
},
|
|
11478
|
-
|
|
11236
|
+
getOptions: (data) => {
|
|
11237
|
+
return data.promotions.map((promotion) => ({
|
|
11238
|
+
label: promotion.code,
|
|
11239
|
+
value: promotion.code
|
|
11240
|
+
}));
|
|
11241
|
+
}
|
|
11479
11242
|
});
|
|
11480
|
-
const
|
|
11481
|
-
|
|
11482
|
-
|
|
11483
|
-
|
|
11243
|
+
const add = async (value) => {
|
|
11244
|
+
if (!value) {
|
|
11245
|
+
return;
|
|
11246
|
+
}
|
|
11247
|
+
addPromotions(
|
|
11484
11248
|
{
|
|
11485
|
-
|
|
11249
|
+
promo_codes: [value]
|
|
11486
11250
|
},
|
|
11487
11251
|
{
|
|
11252
|
+
onError: (e) => {
|
|
11253
|
+
toast.error(e.message);
|
|
11254
|
+
comboboxData.onSearchValueChange("");
|
|
11255
|
+
setComboboxValue("");
|
|
11256
|
+
},
|
|
11488
11257
|
onSuccess: () => {
|
|
11489
|
-
|
|
11490
|
-
|
|
11258
|
+
comboboxData.onSearchValueChange("");
|
|
11259
|
+
setComboboxValue("");
|
|
11260
|
+
}
|
|
11261
|
+
}
|
|
11262
|
+
);
|
|
11263
|
+
};
|
|
11264
|
+
const { mutateAsync: confirmOrderEdit } = useDraftOrderConfirmEdit(preview.id);
|
|
11265
|
+
const { mutateAsync: requestOrderEdit } = useOrderEditRequest(preview.id);
|
|
11266
|
+
const onSubmit = async () => {
|
|
11267
|
+
setIsSubmitting(true);
|
|
11268
|
+
let requestSucceeded = false;
|
|
11269
|
+
await requestOrderEdit(void 0, {
|
|
11270
|
+
onError: (e) => {
|
|
11271
|
+
toast.error(e.message);
|
|
11272
|
+
},
|
|
11273
|
+
onSuccess: () => {
|
|
11274
|
+
requestSucceeded = true;
|
|
11275
|
+
}
|
|
11276
|
+
});
|
|
11277
|
+
if (!requestSucceeded) {
|
|
11278
|
+
setIsSubmitting(false);
|
|
11279
|
+
return;
|
|
11280
|
+
}
|
|
11281
|
+
await confirmOrderEdit(void 0, {
|
|
11282
|
+
onError: (e) => {
|
|
11283
|
+
toast.error(e.message);
|
|
11284
|
+
},
|
|
11285
|
+
onSuccess: () => {
|
|
11286
|
+
handleSuccess();
|
|
11287
|
+
},
|
|
11288
|
+
onSettled: () => {
|
|
11289
|
+
setIsSubmitting(false);
|
|
11290
|
+
}
|
|
11291
|
+
});
|
|
11292
|
+
};
|
|
11293
|
+
if (isError) {
|
|
11294
|
+
throw error;
|
|
11295
|
+
}
|
|
11296
|
+
return /* @__PURE__ */ jsxs(KeyboundForm, { className: "flex flex-1 flex-col", onSubmit, children: [
|
|
11297
|
+
/* @__PURE__ */ jsx(RouteDrawer.Body, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
11298
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
|
|
11299
|
+
/* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
11300
|
+
/* @__PURE__ */ jsx(Label$1, { size: "small", weight: "plus", htmlFor: "promotion-combobox", children: "Apply promotions" }),
|
|
11301
|
+
/* @__PURE__ */ jsx(Hint$1, { id: "promotion-combobox-hint", children: "Manage promotions that should be applied to the order." })
|
|
11302
|
+
] }),
|
|
11303
|
+
/* @__PURE__ */ jsx(
|
|
11304
|
+
Combobox,
|
|
11305
|
+
{
|
|
11306
|
+
id: "promotion-combobox",
|
|
11307
|
+
"aria-describedby": "promotion-combobox-hint",
|
|
11308
|
+
isFetchingNextPage: comboboxData.isFetchingNextPage,
|
|
11309
|
+
fetchNextPage: comboboxData.fetchNextPage,
|
|
11310
|
+
options: comboboxData.options,
|
|
11311
|
+
onSearchValueChange: comboboxData.onSearchValueChange,
|
|
11312
|
+
searchValue: comboboxData.searchValue,
|
|
11313
|
+
disabled: comboboxData.disabled || isAddingPromotions,
|
|
11314
|
+
onChange: add,
|
|
11315
|
+
value: comboboxValue
|
|
11316
|
+
}
|
|
11317
|
+
)
|
|
11318
|
+
] }),
|
|
11319
|
+
/* @__PURE__ */ jsx(Divider, { variant: "dashed" }),
|
|
11320
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: promotions == null ? void 0 : promotions.map((promotion) => /* @__PURE__ */ jsx(
|
|
11321
|
+
PromotionItem,
|
|
11322
|
+
{
|
|
11323
|
+
promotion,
|
|
11324
|
+
orderId: preview.id,
|
|
11325
|
+
isLoading: isPending
|
|
11491
11326
|
},
|
|
11492
|
-
|
|
11493
|
-
|
|
11327
|
+
promotion.id
|
|
11328
|
+
)) })
|
|
11329
|
+
] }) }),
|
|
11330
|
+
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
11331
|
+
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
11332
|
+
/* @__PURE__ */ jsx(
|
|
11333
|
+
Button,
|
|
11334
|
+
{
|
|
11335
|
+
size: "small",
|
|
11336
|
+
type: "submit",
|
|
11337
|
+
isLoading: isSubmitting || isAddingPromotions,
|
|
11338
|
+
children: "Save"
|
|
11339
|
+
}
|
|
11340
|
+
)
|
|
11341
|
+
] }) })
|
|
11342
|
+
] });
|
|
11343
|
+
};
|
|
11344
|
+
const PromotionItem = ({
|
|
11345
|
+
promotion,
|
|
11346
|
+
orderId,
|
|
11347
|
+
isLoading
|
|
11348
|
+
}) => {
|
|
11349
|
+
var _a;
|
|
11350
|
+
const { mutateAsync: removePromotions, isPending } = useDraftOrderRemovePromotions(orderId);
|
|
11351
|
+
const onRemove = async () => {
|
|
11352
|
+
removePromotions(
|
|
11353
|
+
{
|
|
11354
|
+
promo_codes: [promotion.code]
|
|
11355
|
+
},
|
|
11356
|
+
{
|
|
11357
|
+
onError: (e) => {
|
|
11358
|
+
toast.error(e.message);
|
|
11494
11359
|
}
|
|
11495
11360
|
}
|
|
11496
11361
|
);
|
|
11497
|
-
}
|
|
11498
|
-
|
|
11499
|
-
|
|
11362
|
+
};
|
|
11363
|
+
const displayValue = getDisplayValue(promotion);
|
|
11364
|
+
return /* @__PURE__ */ jsxs(
|
|
11365
|
+
"div",
|
|
11500
11366
|
{
|
|
11501
|
-
className:
|
|
11502
|
-
|
|
11367
|
+
className: clx(
|
|
11368
|
+
"bg-ui-bg-component shadow-elevation-card-rest flex items-center justify-between rounded-lg px-3 py-2",
|
|
11369
|
+
{
|
|
11370
|
+
"animate-pulse": isLoading
|
|
11371
|
+
}
|
|
11372
|
+
),
|
|
11503
11373
|
children: [
|
|
11504
|
-
/* @__PURE__ */
|
|
11505
|
-
|
|
11506
|
-
/* @__PURE__ */
|
|
11507
|
-
|
|
11508
|
-
|
|
11374
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
11375
|
+
/* @__PURE__ */ jsx(Text, { size: "small", weight: "plus", leading: "compact", children: promotion.code }),
|
|
11376
|
+
/* @__PURE__ */ jsxs("div", { className: "text-ui-fg-subtle flex items-center gap-1.5", children: [
|
|
11377
|
+
displayValue && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
11378
|
+
/* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: displayValue }),
|
|
11379
|
+
/* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: "·" })
|
|
11380
|
+
] }),
|
|
11381
|
+
/* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "capitalize", children: (_a = promotion.application_method) == null ? void 0 : _a.allocation })
|
|
11382
|
+
] })
|
|
11383
|
+
] }),
|
|
11384
|
+
/* @__PURE__ */ jsx(
|
|
11385
|
+
IconButton,
|
|
11386
|
+
{
|
|
11387
|
+
size: "small",
|
|
11388
|
+
type: "button",
|
|
11389
|
+
variant: "transparent",
|
|
11390
|
+
onClick: onRemove,
|
|
11391
|
+
isLoading: isPending || isLoading,
|
|
11392
|
+
children: /* @__PURE__ */ jsx(XMark, {})
|
|
11393
|
+
}
|
|
11394
|
+
)
|
|
11509
11395
|
]
|
|
11510
|
-
}
|
|
11511
|
-
) });
|
|
11512
|
-
};
|
|
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
11396
|
},
|
|
11525
|
-
|
|
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
|
-
}
|
|
11397
|
+
promotion.id
|
|
11551
11398
|
);
|
|
11552
11399
|
};
|
|
11553
|
-
|
|
11554
|
-
|
|
11400
|
+
function getDisplayValue(promotion) {
|
|
11401
|
+
var _a, _b, _c, _d;
|
|
11402
|
+
const value = (_a = promotion.application_method) == null ? void 0 : _a.value;
|
|
11403
|
+
if (!value) {
|
|
11404
|
+
return null;
|
|
11405
|
+
}
|
|
11406
|
+
if (((_b = promotion.application_method) == null ? void 0 : _b.type) === "fixed") {
|
|
11407
|
+
const currency = (_c = promotion.application_method) == null ? void 0 : _c.currency_code;
|
|
11408
|
+
if (!currency) {
|
|
11409
|
+
return null;
|
|
11410
|
+
}
|
|
11411
|
+
return getLocaleAmount(value, currency);
|
|
11412
|
+
} else if (((_d = promotion.application_method) == null ? void 0 : _d.type) === "percentage") {
|
|
11413
|
+
return formatPercentage(value);
|
|
11414
|
+
}
|
|
11415
|
+
return null;
|
|
11416
|
+
}
|
|
11417
|
+
const formatter = new Intl.NumberFormat([], {
|
|
11418
|
+
style: "percent",
|
|
11419
|
+
minimumFractionDigits: 2
|
|
11555
11420
|
});
|
|
11421
|
+
const formatPercentage = (value, isPercentageValue = false) => {
|
|
11422
|
+
let val = value || 0;
|
|
11423
|
+
if (!isPercentageValue) {
|
|
11424
|
+
val = val / 100;
|
|
11425
|
+
}
|
|
11426
|
+
return formatter.format(val);
|
|
11427
|
+
};
|
|
11428
|
+
function getPromotionIds(items, shippingMethods) {
|
|
11429
|
+
const promotionIds = /* @__PURE__ */ new Set();
|
|
11430
|
+
for (const item of items) {
|
|
11431
|
+
if (item.adjustments) {
|
|
11432
|
+
for (const adjustment of item.adjustments) {
|
|
11433
|
+
if (adjustment.promotion_id) {
|
|
11434
|
+
promotionIds.add(adjustment.promotion_id);
|
|
11435
|
+
}
|
|
11436
|
+
}
|
|
11437
|
+
}
|
|
11438
|
+
}
|
|
11439
|
+
for (const shippingMethod of shippingMethods) {
|
|
11440
|
+
if (shippingMethod.adjustments) {
|
|
11441
|
+
for (const adjustment of shippingMethod.adjustments) {
|
|
11442
|
+
if (adjustment.promotion_id) {
|
|
11443
|
+
promotionIds.add(adjustment.promotion_id);
|
|
11444
|
+
}
|
|
11445
|
+
}
|
|
11446
|
+
}
|
|
11447
|
+
}
|
|
11448
|
+
return Array.from(promotionIds);
|
|
11449
|
+
}
|
|
11556
11450
|
const STACKED_FOCUS_MODAL_ID = "shipping-form";
|
|
11557
11451
|
const Shipping = () => {
|
|
11558
11452
|
var _a;
|
|
@@ -12360,6 +12254,112 @@ const CustomAmountField = ({
|
|
|
12360
12254
|
}
|
|
12361
12255
|
);
|
|
12362
12256
|
};
|
|
12257
|
+
const SalesChannel = () => {
|
|
12258
|
+
const { id } = useParams();
|
|
12259
|
+
const { draft_order, isPending, isError, error } = useDraftOrder(
|
|
12260
|
+
id,
|
|
12261
|
+
{
|
|
12262
|
+
fields: "+sales_channel_id"
|
|
12263
|
+
},
|
|
12264
|
+
{
|
|
12265
|
+
enabled: !!id
|
|
12266
|
+
}
|
|
12267
|
+
);
|
|
12268
|
+
if (isError) {
|
|
12269
|
+
throw error;
|
|
12270
|
+
}
|
|
12271
|
+
const ISrEADY = !!draft_order && !isPending;
|
|
12272
|
+
return /* @__PURE__ */ jsxs(RouteDrawer, { children: [
|
|
12273
|
+
/* @__PURE__ */ jsxs(RouteDrawer.Header, { children: [
|
|
12274
|
+
/* @__PURE__ */ jsx(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { children: "Edit Sales Channel" }) }),
|
|
12275
|
+
/* @__PURE__ */ jsx(RouteDrawer.Description, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Update which sales channel the draft order is associated with" }) })
|
|
12276
|
+
] }),
|
|
12277
|
+
ISrEADY && /* @__PURE__ */ jsx(SalesChannelForm, { order: draft_order })
|
|
12278
|
+
] });
|
|
12279
|
+
};
|
|
12280
|
+
const SalesChannelForm = ({ order }) => {
|
|
12281
|
+
const form = useForm({
|
|
12282
|
+
defaultValues: {
|
|
12283
|
+
sales_channel_id: order.sales_channel_id || ""
|
|
12284
|
+
},
|
|
12285
|
+
resolver: zodResolver(schema$2)
|
|
12286
|
+
});
|
|
12287
|
+
const { mutateAsync, isPending } = useUpdateDraftOrder(order.id);
|
|
12288
|
+
const { handleSuccess } = useRouteModal();
|
|
12289
|
+
const onSubmit = form.handleSubmit(async (data) => {
|
|
12290
|
+
await mutateAsync(
|
|
12291
|
+
{
|
|
12292
|
+
sales_channel_id: data.sales_channel_id
|
|
12293
|
+
},
|
|
12294
|
+
{
|
|
12295
|
+
onSuccess: () => {
|
|
12296
|
+
toast.success("Sales channel updated");
|
|
12297
|
+
handleSuccess();
|
|
12298
|
+
},
|
|
12299
|
+
onError: (error) => {
|
|
12300
|
+
toast.error(error.message);
|
|
12301
|
+
}
|
|
12302
|
+
}
|
|
12303
|
+
);
|
|
12304
|
+
});
|
|
12305
|
+
return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
|
|
12306
|
+
KeyboundForm,
|
|
12307
|
+
{
|
|
12308
|
+
className: "flex flex-1 flex-col overflow-hidden",
|
|
12309
|
+
onSubmit,
|
|
12310
|
+
children: [
|
|
12311
|
+
/* @__PURE__ */ jsx(RouteDrawer.Body, { className: "flex flex-col gap-y-6 overflow-y-auto", children: /* @__PURE__ */ jsx(SalesChannelField, { control: form.control, order }) }),
|
|
12312
|
+
/* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
12313
|
+
/* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: "Cancel" }) }),
|
|
12314
|
+
/* @__PURE__ */ jsx(Button, { size: "small", type: "submit", isLoading: isPending, children: "Save" })
|
|
12315
|
+
] }) })
|
|
12316
|
+
]
|
|
12317
|
+
}
|
|
12318
|
+
) });
|
|
12319
|
+
};
|
|
12320
|
+
const SalesChannelField = ({ control, order }) => {
|
|
12321
|
+
const salesChannels = useComboboxData({
|
|
12322
|
+
queryFn: async (params) => {
|
|
12323
|
+
return await sdk.admin.salesChannel.list(params);
|
|
12324
|
+
},
|
|
12325
|
+
queryKey: ["sales-channels"],
|
|
12326
|
+
getOptions: (data) => {
|
|
12327
|
+
return data.sales_channels.map((salesChannel) => ({
|
|
12328
|
+
label: salesChannel.name,
|
|
12329
|
+
value: salesChannel.id
|
|
12330
|
+
}));
|
|
12331
|
+
},
|
|
12332
|
+
defaultValue: order.sales_channel_id || void 0
|
|
12333
|
+
});
|
|
12334
|
+
return /* @__PURE__ */ jsx(
|
|
12335
|
+
Form$2.Field,
|
|
12336
|
+
{
|
|
12337
|
+
control,
|
|
12338
|
+
name: "sales_channel_id",
|
|
12339
|
+
render: ({ field }) => {
|
|
12340
|
+
return /* @__PURE__ */ jsxs(Form$2.Item, { children: [
|
|
12341
|
+
/* @__PURE__ */ jsx(Form$2.Label, { children: "Sales Channel" }),
|
|
12342
|
+
/* @__PURE__ */ jsx(Form$2.Control, { children: /* @__PURE__ */ jsx(
|
|
12343
|
+
Combobox,
|
|
12344
|
+
{
|
|
12345
|
+
options: salesChannels.options,
|
|
12346
|
+
fetchNextPage: salesChannels.fetchNextPage,
|
|
12347
|
+
isFetchingNextPage: salesChannels.isFetchingNextPage,
|
|
12348
|
+
searchValue: salesChannels.searchValue,
|
|
12349
|
+
onSearchValueChange: salesChannels.onSearchValueChange,
|
|
12350
|
+
placeholder: "Select sales channel",
|
|
12351
|
+
...field
|
|
12352
|
+
}
|
|
12353
|
+
) }),
|
|
12354
|
+
/* @__PURE__ */ jsx(Form$2.ErrorMessage, {})
|
|
12355
|
+
] });
|
|
12356
|
+
}
|
|
12357
|
+
}
|
|
12358
|
+
);
|
|
12359
|
+
};
|
|
12360
|
+
const schema$2 = objectType({
|
|
12361
|
+
sales_channel_id: stringType().min(1)
|
|
12362
|
+
});
|
|
12363
12363
|
const ShippingAddress = () => {
|
|
12364
12364
|
const { id } = useParams();
|
|
12365
12365
|
const { order, isPending, isError, error } = useOrder(id, {
|
|
@@ -13075,22 +13075,22 @@ const routeModule = {
|
|
|
13075
13075
|
Component: Items,
|
|
13076
13076
|
path: "/draft-orders/:id/items"
|
|
13077
13077
|
},
|
|
13078
|
-
{
|
|
13079
|
-
Component: Promotions,
|
|
13080
|
-
path: "/draft-orders/:id/promotions"
|
|
13081
|
-
},
|
|
13082
13078
|
{
|
|
13083
13079
|
Component: Metadata,
|
|
13084
13080
|
path: "/draft-orders/:id/metadata"
|
|
13085
13081
|
},
|
|
13086
13082
|
{
|
|
13087
|
-
Component:
|
|
13088
|
-
path: "/draft-orders/:id/
|
|
13083
|
+
Component: Promotions,
|
|
13084
|
+
path: "/draft-orders/:id/promotions"
|
|
13089
13085
|
},
|
|
13090
13086
|
{
|
|
13091
13087
|
Component: Shipping,
|
|
13092
13088
|
path: "/draft-orders/:id/shipping"
|
|
13093
13089
|
},
|
|
13090
|
+
{
|
|
13091
|
+
Component: SalesChannel,
|
|
13092
|
+
path: "/draft-orders/:id/sales-channel"
|
|
13093
|
+
},
|
|
13094
13094
|
{
|
|
13095
13095
|
Component: ShippingAddress,
|
|
13096
13096
|
path: "/draft-orders/:id/shipping-address"
|