@lookiero/checkout 0.2.42 → 0.2.44

package/dist/domain/checkoutItem/command/replaceCheckoutItem.d.ts

@@ -0,0 +1,14 @@
+import { Command } from "@lookiero/messaging";
+declare const REPLACE_CHECKOUT_ITEM = "replace_checkout_item";
+interface ReplaceCheckoutItemPayload {
+    readonly aggregateId: string;
+    readonly replacedFor: string;
+}
+interface ReplaceCheckoutItem extends Command<typeof REPLACE_CHECKOUT_ITEM>, ReplaceCheckoutItemPayload {
+}
+interface ReplaceCheckoutItemFunction {
+    (payload: ReplaceCheckoutItemPayload): ReplaceCheckoutItem;
+}
+declare const replaceCheckoutItem: ReplaceCheckoutItemFunction;
+export type { ReplaceCheckoutItem };
+export { REPLACE_CHECKOUT_ITEM, replaceCheckoutItem };

package/dist/domain/checkoutItem/command/replaceCheckoutItem.js

@@ -0,0 +1,7 @@
+import { command } from "@lookiero/messaging";
+const REPLACE_CHECKOUT_ITEM = "replace_checkout_item";
+const replaceCheckoutItem = ({ aggregateId, ...payload }) => ({
+    ...command({ aggregateId, name: REPLACE_CHECKOUT_ITEM }),
+    ...payload,
+});
+export { REPLACE_CHECKOUT_ITEM, replaceCheckoutItem };

package/dist/domain/checkoutItem/model/checkoutItem.d.ts

@@ -1,5 +1,6 @@
 import { AggregateRoot, CommandHandlerFunction } from "@lookiero/messaging";
 import { KeepCheckoutItem } from "../command/keepCheckoutItem";
+import { ReplaceCheckoutItem } from "../command/replaceCheckoutItem";
 import { ReturnCheckoutItem } from "../command/returnCheckoutItem";
 import { Feedbacks } from "./feedbacks";
 import { Price } from "./price";
@@ -14,8 +15,10 @@ interface CheckoutItem extends AggregateRoot {
     readonly status: CheckoutItemStatus;
     readonly price: Price;
     readonly feedbacks: Feedbacks;
+    readonly replacedFor?: string;
 }
 declare const keepCheckoutItemHandler: CommandHandlerFunction<KeepCheckoutItem, CheckoutItem>;
 declare const returnCheckoutItemHandler: CommandHandlerFunction<ReturnCheckoutItem, CheckoutItem>;
+declare const replaceCheckoutItemHandler: CommandHandlerFunction<ReplaceCheckoutItem, CheckoutItem>;
 export type { CheckoutItem };
-export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler };
+export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler, replaceCheckoutItemHandler };

package/dist/domain/checkoutItem/model/checkoutItem.js

@@ -1,5 +1,6 @@
 import invariant from "tiny-invariant";
 import { checkoutItemKept } from "./checkoutItemKept";
+import { checkoutItemReplaced } from "./checkoutItemReplaced";
 import { checkoutItemReturned } from "./checkoutItemReturned";
 var CheckoutItemStatus;
 (function (CheckoutItemStatus) {
@@ -27,4 +28,13 @@ const returnCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
         domainEvents: [checkoutItemReturned({ aggregateId })],
     };
 };
-export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler };
+const replaceCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
+    const { aggregateId } = command;
+    invariant(aggregateRoot.status !== CheckoutItemStatus.REPLACED, "CheckoutItem is already replaced");
+    return {
+        ...aggregateRoot,
+        status: CheckoutItemStatus.REPLACED,
+        domainEvents: [checkoutItemReplaced({ aggregateId })],
+    };
+};
+export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler, replaceCheckoutItemHandler };

package/dist/domain/checkoutItem/model/checkoutItemReplaced.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_ITEM_REPLACED = "checkout_item_replaced";
+interface CheckoutItemReplacedPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutItemReplaced extends DomainEvent<typeof CHECKOUT_ITEM_REPLACED>, CheckoutItemReplacedPayload {
+}
+interface CheckoutItemReplacedFunction {
+    (payload: CheckoutItemReplacedPayload): CheckoutItemReplaced;
+}
+declare const checkoutItemReplaced: CheckoutItemReplacedFunction;
+export type { CheckoutItemReplaced };
+export { CHECKOUT_ITEM_REPLACED, checkoutItemReplaced };

package/dist/domain/checkoutItem/model/checkoutItemReplaced.js

@@ -0,0 +1,4 @@
+import { domainEvent } from "@lookiero/messaging";
+const CHECKOUT_ITEM_REPLACED = "checkout_item_replaced";
+const checkoutItemReplaced = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_ITEM_REPLACED });
+export { CHECKOUT_ITEM_REPLACED, checkoutItemReplaced };

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -4,8 +4,9 @@ import { startCheckoutHandler } from "../../domain/checkout/model/checkout";
 import { BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM } from "../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
 import { bookCheckoutBookingForCheckoutItemHandler, } from "../../domain/checkoutBooking/model/checkoutBooking";
 import { KEEP_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/keepCheckoutItem";
+import { REPLACE_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/replaceCheckoutItem";
 import { RETURN_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/returnCheckoutItem";
-import { keepCheckoutItemHandler, returnCheckoutItemHandler, } from "../../domain/checkoutItem/model/checkoutItem";
+import { keepCheckoutItemHandler, replaceCheckoutItemHandler, returnCheckoutItemHandler, } from "../../domain/checkoutItem/model/checkoutItem";
 import { UPDATE_UI_SETTING } from "../../domain/uiSetting/command/updateUiSetting";
 import { updateUiSettingHandler } from "../../domain/uiSetting/model/uiSetting";
 import { viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, } from "../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
@@ -41,6 +42,7 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
 })
     .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
     .command(RETURN_CHECKOUT_ITEM, returnCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
+    .command(REPLACE_CHECKOUT_ITEM, replaceCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
     .query(VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, {
     view: bookedSizeChangeProductsVariantsForCheckoutItemView,
 })

package/dist/infrastructure/domain/checkoutItem/model/httpCheckoutItems.js

@@ -1,6 +1,7 @@
 import invariant from "tiny-invariant";
 import { viewCheckoutItemById, } from "../../../../projection/checkoutItem/viewCheckoutItemById";
 import { httpCheckoutItemsKeep } from "./httpCheckoutItemsKeep";
+import { httpCheckoutItemsReplace } from "./httpCheckoutItemsReplace";
 import { httpCheckoutItemsReturn } from "./httpCheckoutItemsReturn";
 const toDomain = (checkoutItem) => {
     invariant(checkoutItem, "No checkoutItem found!");
@@ -9,6 +10,7 @@ const toDomain = (checkoutItem) => {
         status: checkoutItem.status,
         price: checkoutItem.price,
         feedbacks: checkoutItem.feedback,
+        replacedFor: checkoutItem.replacedFor,
         aggregateId: checkoutItem.id,
         domainEvents: [],
     };
@@ -18,6 +20,7 @@ const saveCheckoutItem = ({ httpPost }) => async (aggregateRoot) => {
     await Promise.all([
         httpCheckoutItemsKeep({ httpPost })(aggregateRoot),
         httpCheckoutItemsReturn({ httpPost })(aggregateRoot),
+        httpCheckoutItemsReplace({ httpPost })(aggregateRoot),
     ]);
 };
 export { getCheckoutItem, saveCheckoutItem };

package/dist/infrastructure/domain/checkoutItem/model/httpCheckoutItemsReplace.d.ts

@@ -0,0 +1,5 @@
+import { HttpCheckoutItemsSaveFunction } from "./httpCheckoutItems";
+interface HttpCheckoutItemsReplaceFunction extends HttpCheckoutItemsSaveFunction {
+}
+declare const httpCheckoutItemsReplace: HttpCheckoutItemsReplaceFunction;
+export { httpCheckoutItemsReplace };

package/dist/infrastructure/domain/checkoutItem/model/httpCheckoutItemsReplace.js

@@ -0,0 +1,13 @@
+import { CHECKOUT_ITEM_REPLACED, } from "../../../../domain/checkoutItem/model/checkoutItemReplaced";
+const isCheckoutItemReplaced = (event) => event.name === CHECKOUT_ITEM_REPLACED;
+const httpCheckoutItemsReplace = ({ httpPost }) => async ({ aggregateId, replacedFor, domainEvents }) => {
+    const checkoutItemReplaced = domainEvents.find(isCheckoutItemReplaced);
+    if (!checkoutItemReplaced) {
+        return;
+    }
+    await httpPost({
+        endpoint: "/replace-checkout-item",
+        body: { checkoutItemId: aggregateId, replacedFor },
+    });
+};
+export { httpCheckoutItemsReplace };

package/dist/infrastructure/domain/checkoutItem/react/useReplaceCheckoutItem.d.ts

@@ -0,0 +1,16 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface ReplaceCheckoutItemFunctionArgs {
+    readonly replacedFor: string;
+}
+interface ReplaceCheckoutItemFunction {
+    (args: ReplaceCheckoutItemFunctionArgs): Promise<void>;
+}
+interface UseReplaceCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+declare type UseReplaceCheckoutItemResult = [replace: ReplaceCheckoutItemFunction, status: CommandStatus];
+interface UseReplaceCheckoutItemFunction {
+    (args: UseReplaceCheckoutItemFunctionArgs): UseReplaceCheckoutItemResult;
+}
+declare const useReplaceCheckoutItem: UseReplaceCheckoutItemFunction;
+export { useReplaceCheckoutItem };

package/dist/infrastructure/domain/checkoutItem/react/useReplaceCheckoutItem.js

@@ -0,0 +1,13 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { replaceCheckoutItem } from "../../../../domain/checkoutItem/command/replaceCheckoutItem";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useReplaceCheckoutItem = ({ checkoutItemId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const replace = useCallback(({ replacedFor }) => commandBus(replaceCheckoutItem({
+        aggregateId: checkoutItemId,
+        replacedFor,
+    })), [checkoutItemId, commandBus]);
+    return [replace, status];
+};
+export { useReplaceCheckoutItem };

package/dist/infrastructure/ui/views/item/Item.js

@@ -6,6 +6,7 @@ import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checko
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { useBookCheckouBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem";
 import { useKeepCheckoutItem } from "../../../domain/checkoutItem/react/useKeepCheckoutItem";
+import { useReplaceCheckoutItem } from "../../../domain/checkoutItem/react/useReplaceCheckoutItem";
 import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useViewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
@@ -49,6 +50,9 @@ const Item = ({ customerId }) => {
     const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
+    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
     const [stickyHeight, setStickyHeight] = useState(0);
     const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
     useEffect(() => {
@@ -62,7 +66,10 @@ const Item = ({ customerId }) => {
         handleOnHideReturnQuestions();
         returnCheckoutItem({ feedbacks: feedback });
     }, [handleOnHideReturnQuestions, returnCheckoutItem]);
-    const handleOnReplace = useCallback(() => handleOnShowSizeChangeModal(), [handleOnShowSizeChangeModal]);
+    const handleOnReplace = useCallback((replacedFor) => {
+        handleOnShowSizeChangeModal();
+        replaceCheckoutItem({ replacedFor });
+    }, [handleOnShowSizeChangeModal, replaceCheckoutItem]);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
@@ -72,9 +79,6 @@ const Item = ({ customerId }) => {
         return React.createElement(Spinner, null);
     const { price } = checkoutItem;
     const { media, brand, name, size, color } = checkoutItem.productVariant;
-    const sizes = bookedSizeChangeProductsVariants?.productVariants
-        .map((productVariant) => productVariant.size)
-        .concat(checkoutItem.productVariant.size) || [];
     return (React.createElement(React.Fragment, null,
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
         React.createElement(SizeChangeModal, { visible: sizeChangeModalVisible, onDismiss: handleOnHideSizeChangeModal }),
@@ -87,7 +91,7 @@ const Item = ({ customerId }) => {
                     React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: size }),
                     checkoutItem.feedback && (React.createElement(View, { style: style.feedbackContainer },
                         React.createElement(ReturnQuestionsFeedback, { feedback: checkoutItem.feedback || {}, returnQuestions: returnQuestions || [], onEditFeedback: handleOnEditFeedback })))))),
-        customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, size: checkoutItem.productVariant.size, sizes: sizes, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })),
+        customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: checkoutItem.productVariant, productVariants: bookedSizeChangeProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })),
         React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, feedback: checkoutItem.feedback || {}, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
 };
 export { Item };

package/dist/infrastructure/ui/views/item/components/itemActions/ItemActions.d.ts

@@ -1,15 +1,17 @@
 import { FC } from "react";
-import { SizeProjection } from "../../../../../../projection/shared/size";
+import { ProductVariantProjection } from "../../../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
+import { CheckoutItemProductVariantProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { Layout } from "../../../../shared/components/layouts/sticky/Sticky";
 interface ItemActionsProps {
-    readonly sizes: SizeProjection[];
-    readonly size: SizeProjection;
+    readonly productVariants: ProductVariantProjection[];
+    readonly productVariantSelected: CheckoutItemProductVariantProjection;
     readonly keepButtonLoading?: boolean;
     readonly returnButtonLoading?: boolean;
+    readonly sizeSelectorDisabled?: boolean;
     readonly onSizeSelectorPress?: () => void;
-    readonly onKeep: (value: string) => void;
+    readonly onKeep: () => void;
     readonly onReturn: () => void;
-    readonly onReplace: () => void;
+    readonly onReplace: (value: string) => void;
     readonly onLayout?: ({ width, height }: Layout) => void;
 }
 declare const ItemActions: FC<ItemActionsProps>;

package/dist/infrastructure/ui/views/item/components/itemActions/ItemActions.js

@@ -8,22 +8,24 @@ import { I18nMessages } from "../../../../i18n/i18n";
 import { Sticky } from "../../../../shared/components/layouts/sticky/Sticky";
 import { SelectField } from "../../../../shared/components/molecules/selectField/SelectField";
 import { style } from "./ItemActions.style";
-const ItemActions = ({ sizes, size, keepButtonLoading = false, returnButtonLoading = false, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
+const ItemActions = ({ productVariants, productVariantSelected, keepButtonLoading = false, returnButtonLoading = false, sizeSelectorDisabled = false, onSizeSelectorPress = () => void 0, onKeep, onReplace, onReturn, onLayout, }) => {
     const sizeSelectorLabelText = useI18nMessage({ id: I18nMessages.ITEM_SIZES_LABEL });
     const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
     const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
-    const sizeSelectorOptions = useMemo(() => sizes.map((size) => ({ label: size.lookiero, value: size.id })), [sizes]);
-    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === size.id, [sizeSelectorOptions, size.id]);
+    const sizeSelectorOptions = useMemo(() => productVariants
+        .map((productVariant) => ({ label: productVariant.size.lookiero, value: productVariant.id }))
+        .concat({ label: productVariantSelected.size.lookiero, value: productVariantSelected.id }), [productVariantSelected.id, productVariantSelected.size.lookiero, productVariants]);
+    const disabledSizeSelector = useMemo(() => sizeSelectorOptions.length === 1 && sizeSelectorOptions[0]?.value === productVariantSelected.id, [sizeSelectorOptions, productVariantSelected.id]);
     const handleOnPressSizeSelector = useCallback(() => onSizeSelectorPress(), [onSizeSelectorPress]);
     return (React.createElement(Sticky, { onLayout: onLayout },
         React.createElement(Body, { style: { column: style.container } },
             React.createElement(Button, { busy: keepButtonLoading, onPress: onKeep }, keepButtonText),
             React.createElement(View, { style: style.row },
-                !size.unique && (React.createElement(SelectField, { ...(disabledSizeSelector && {
+                !productVariantSelected.size.unique && (React.createElement(SelectField, { ...(disabledSizeSelector && {
                         onPress: handleOnPressSizeSelector,
-                    }), options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", testID: "size-selector", value: size.id, style: {
+                    }), disabled: sizeSelectorDisabled, options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", testID: "size-selector", value: productVariantSelected.id, style: {
                         selectField: style.sizeSelector,
-                        inputField: { input: disabledSizeSelector && style.inputDisabled },
+                        inputField: { input: (disabledSizeSelector || sizeSelectorDisabled) && style.inputDisabled },
                     }, onChange: onReplace })),
                 React.createElement(View, { style: style.returnButtonContainer },
                     React.createElement(Button, { busy: returnButtonLoading, variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText))))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.2.42",
+  "version": "0.2.44",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [