@lookiero/checkout 0.2.40 → 0.2.42

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

@@ -0,0 +1,15 @@
+import { Command } from "@lookiero/messaging";
+import { Feedbacks } from "../model/feedbacks";
+declare const RETURN_CHECKOUT_ITEM = "return_checkout_item";
+interface ReturnCheckoutItemPayload {
+    readonly aggregateId: string;
+    readonly feedbacks: Feedbacks;
+}
+interface ReturnCheckoutItem extends Command<typeof RETURN_CHECKOUT_ITEM>, ReturnCheckoutItemPayload {
+}
+interface ReturnCheckoutItemFunction {
+    (payload: ReturnCheckoutItemPayload): ReturnCheckoutItem;
+}
+declare const returnCheckoutItem: ReturnCheckoutItemFunction;
+export type { ReturnCheckoutItem };
+export { RETURN_CHECKOUT_ITEM, returnCheckoutItem };

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

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

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

@@ -1,5 +1,7 @@
 import { AggregateRoot, CommandHandlerFunction } from "@lookiero/messaging";
 import { KeepCheckoutItem } from "../command/keepCheckoutItem";
+import { ReturnCheckoutItem } from "../command/returnCheckoutItem";
+import { Feedbacks } from "./feedbacks";
 import { Price } from "./price";
 declare enum CheckoutItemStatus {
     INITIAL = "INITIAL",
@@ -11,7 +13,9 @@ declare enum CheckoutItemStatus {
 interface CheckoutItem extends AggregateRoot {
     readonly status: CheckoutItemStatus;
     readonly price: Price;
+    readonly feedbacks: Feedbacks;
 }
 declare const keepCheckoutItemHandler: CommandHandlerFunction<KeepCheckoutItem, CheckoutItem>;
+declare const returnCheckoutItemHandler: CommandHandlerFunction<ReturnCheckoutItem, CheckoutItem>;
 export type { CheckoutItem };
-export { CheckoutItemStatus, keepCheckoutItemHandler };
+export { CheckoutItemStatus, keepCheckoutItemHandler, returnCheckoutItemHandler };

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

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

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

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_ITEM_RETURNED = "checkout_item_returned";
+interface CheckoutItemReturnedPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutItemReturned extends DomainEvent<typeof CHECKOUT_ITEM_RETURNED>, CheckoutItemReturnedPayload {
+}
+interface CheckoutItemReturnedFunction {
+    (payload: CheckoutItemReturnedPayload): CheckoutItemReturned;
+}
+declare const checkoutItemReturned: CheckoutItemReturnedFunction;
+export type { CheckoutItemReturned };
+export { CHECKOUT_ITEM_RETURNED, checkoutItemReturned };

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

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

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

@@ -0,0 +1,3 @@
+declare type ReturnQuestionId = string;
+declare type Feedbacks = Record<ReturnQuestionId, ReturnQuestionId | string>;
+export type { Feedbacks };

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

@@ -0,0 +1 @@
+export {};

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -4,7 +4,8 @@ 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 { keepCheckoutItemHandler } from "../../domain/checkoutItem/model/checkoutItem";
+import { RETURN_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/returnCheckoutItem";
+import { keepCheckoutItemHandler, 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";
@@ -39,6 +40,7 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
     view: returnQuestionsByCheckoutItemIdView,
 })
     .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
+    .command(RETURN_CHECKOUT_ITEM, returnCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
     .query(VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, {
     view: bookedSizeChangeProductsVariantsForCheckoutItemView,
 })

package/dist/infrastructure/delivery/mock/dataSourceCheckoutItems.js

@@ -10,10 +10,11 @@ const toCheckoutItemProjection = (checkoutItem) => ({
 const toCheckoutItemDomain = (checkoutItem) => {
     invariant(checkoutItem, "No checkoutItem found!");
     return {
+        aggregateId: checkoutItem.id,
         id: checkoutItem.id,
         status: checkoutItem.status,
-        aggregateId: checkoutItem.id,
         price: checkoutItem.price,
+        feedbacks: checkoutItem.feedback,
         domainEvents: [],
     };
 };

package/dist/infrastructure/domain/checkout/model/httpCheckouts.js

@@ -15,7 +15,5 @@ const toDomain = (checkout) => {
     };
 };
 const getCheckout = ({ queryBus }) => async (aggregateId) => toDomain(await queryBus(viewCheckoutById({ checkoutId: aggregateId })));
-const saveCheckout = ({ httpPost }) => async (aggregateRoot) => {
-    await httpCheckoutsStart({ httpPost })(aggregateRoot);
-};
+const saveCheckout = ({ httpPost }) => async (aggregateRoot) => await httpCheckoutsStart({ httpPost })(aggregateRoot);
 export { getCheckout, saveCheckout };

package/dist/infrastructure/domain/checkout/model/httpCheckoutsStart.js

@@ -5,7 +5,7 @@ const httpCheckoutsStart = ({ httpPost }) => async ({ aggregateId, domainEvents
     if (!checkoutStarted) {
         return;
     }
-    httpPost({
+    await httpPost({
         endpoint: "/start-checkout",
         body: { checkoutId: aggregateId },
     });

package/dist/infrastructure/domain/checkout/react/useStartCheckout.js

@@ -4,7 +4,7 @@ import { startCheckout } from "../../../../domain/checkout/command/startCheckout
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useStartCheckout = ({ checkoutId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const start = useCallback(async () => await commandBus(startCheckout({ aggregateId: checkoutId })), [checkoutId, commandBus]);
+    const start = useCallback(() => commandBus(startCheckout({ aggregateId: checkoutId })), [checkoutId, commandBus]);
     return [start, status];
 };
 export { useStartCheckout };

package/dist/infrastructure/domain/checkoutBooking/model/httpCheckoutBookings.js

@@ -11,7 +11,5 @@ const toDomain = (checkoutBooking) => {
     };
 };
 const getCheckoutBooking = ({ queryBus }) => async (aggregateId) => toDomain(await queryBus(viewCheckoutBookingById({ checkoutBookingId: aggregateId })));
-const saveCheckoutBooking = ({ httpPost }) => async (aggregateRoot) => {
-    await httpCheckoutBookingsBook({ httpPost })(aggregateRoot);
-};
+const saveCheckoutBooking = ({ httpPost }) => async (aggregateRoot) => await httpCheckoutBookingsBook({ httpPost })(aggregateRoot);
 export { getCheckoutBooking, saveCheckoutBooking };

package/dist/infrastructure/domain/checkoutBooking/model/httpCheckoutBookingsBook.js

@@ -6,8 +6,8 @@ const httpCheckoutBookingsBook = ({ httpPost }) => async ({ aggregateId, checkou
         return;
     }
     const { checkoutItemId } = checkoutBookingBooked;
-    httpPost({
-        endpoint: "/book-size-replaceable-product-variants-for-checkout-item",
+    await httpPost({
+        endpoint: "/book-size-change-product-variants-for-checkout-item",
         body: {
             checkoutId,
             checkoutItemId,

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.js

@@ -5,7 +5,7 @@ import { bookCheckoutBookingForCheckoutItem } from "../../../../domain/checkoutB
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useBookCheckouBookingForCheckoutItem = ({ checkoutId, checkoutItemId, checkoutBookingId, }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const book = useCallback(async () => await commandBus(bookCheckoutBookingForCheckoutItem({
+    const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
         aggregateId: checkoutBookingId || uuid(),
         checkoutId,
         checkoutItemId,

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

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

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

@@ -5,7 +5,7 @@ const httpCheckoutItemsKeep = ({ httpPost }) => async ({ aggregateId, domainEven
     if (!checkoutItemKept) {
         return;
     }
-    httpPost({
+    await httpPost({
         endpoint: "/keep-checkout-item",
         body: { checkoutItemId: aggregateId },
     });

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

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

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

@@ -0,0 +1,13 @@
+import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
+const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
+const httpCheckoutItemsReturn = ({ httpPost }) => async ({ aggregateId, feedbacks, domainEvents }) => {
+    const checkoutItemReturned = domainEvents.find(isCheckoutItemReturned);
+    if (!checkoutItemReturned) {
+        return;
+    }
+    await httpPost({
+        endpoint: "/return-checkout-item",
+        body: { checkoutItemId: aggregateId, feedbacks },
+    });
+};
+export { httpCheckoutItemsReturn };

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

@@ -4,7 +4,7 @@ import { keepCheckoutItem } from "../../../../domain/checkoutItem/command/keepCh
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useKeepCheckoutItem = ({ checkoutItemId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const keep = useCallback(async () => await commandBus(keepCheckoutItem({
+    const keep = useCallback(() => commandBus(keepCheckoutItem({
         aggregateId: checkoutItemId,
     })), [checkoutItemId, commandBus]);
     return [keep, status];

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

@@ -0,0 +1,17 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { Feedbacks } from "../../../../domain/checkoutItem/model/feedbacks";
+interface ReturnCheckoutItemFunctionArgs {
+    readonly feedbacks: Feedbacks;
+}
+interface ReturnCheckoutItemFunction {
+    (args: ReturnCheckoutItemFunctionArgs): Promise<void>;
+}
+interface UseReturnCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+}
+declare type UseReturnCheckoutItemResult = [returnCheckoutItem: ReturnCheckoutItemFunction, status: CommandStatus];
+interface UseReturnCheckoutItemFunction {
+    (args: UseReturnCheckoutItemFunctionArgs): UseReturnCheckoutItemResult;
+}
+declare const useReturnCheckoutItem: UseReturnCheckoutItemFunction;
+export { useReturnCheckoutItem };

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

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

package/dist/infrastructure/domain/uiSetting/react/useUpdateUiSetting.js

@@ -5,7 +5,7 @@ import { updateUiSetting } from "../../../../domain/uiSetting/command/updateUiSe
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useUpdateUiSetting = () => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const update = useCallback(async ({ key, value }) => await commandBus(updateUiSetting({
+    const update = useCallback(({ key, value }) => commandBus(updateUiSetting({
         aggregateId: uuid(),
         key,
         value,

package/dist/infrastructure/projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId.js

@@ -1,9 +1,14 @@
 import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_ITEM_KEPT } from "../../../../domain/checkoutItem/model/checkoutItemKept";
+import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
 import { viewFirstAvailableCheckoutByCustomerId } from "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutItemKept = (event) => event.name === CHECKOUT_ITEM_KEPT;
+const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
 const useViewFirstAvailableCheckoutByCustomerId = ({ customerId }) => useQuery({
     query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
     contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutItemKept || isCheckoutItemReturned,
     options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewFirstAvailableCheckoutByCustomerId };

package/dist/infrastructure/ui/shared/components/molecules/inputField/InputField.d.ts

@@ -21,4 +21,5 @@ interface InputFieldBaseProps {
 interface InputFieldProps extends Omit<InputProps, keyof InputFieldBaseProps>, InputFieldBaseProps {
 }
 declare const InputField: FC<InputFieldProps>;
+export type { InputFieldStyle };
 export { InputField };

package/dist/infrastructure/ui/shared/components/molecules/inputField/InputField.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { spaceXS, spaceM, spaceL } = theme();
+const { spaceXS, spaceS, spaceM, spaceL } = theme();
 const style = StyleSheet.create({
     error: {
         marginLeft: spaceL,
@@ -12,7 +12,7 @@ const style = StyleSheet.create({
     },
     icon: {
         position: "absolute",
-        right: spaceM,
+        right: spaceS,
         top: spaceM,
         zIndex: 4,
     },

package/dist/infrastructure/ui/shared/components/molecules/selectField/SelectField.d.ts

@@ -1,10 +1,12 @@
 import { FC } from "react";
 import { StyleProp, TextStyle, TouchableHighlightProps, ViewStyle } from "react-native";
+import { InputFieldStyle } from "../inputField/InputField";
 interface SelectFieldStyle {
     readonly selectField: StyleProp<ViewStyle>;
     readonly modalContent: StyleProp<ViewStyle>;
     readonly option: StyleProp<ViewStyle>;
     readonly optionText: StyleProp<TextStyle>;
+    readonly inputField: Partial<InputFieldStyle>;
 }
 interface Option {
     readonly label: string;

package/dist/infrastructure/ui/shared/components/molecules/selectField/SelectField.js

@@ -18,7 +18,7 @@ const SelectField = ({ placeholder, value, options, style: customStyle, onChange
     return (React.createElement(React.Fragment, null,
         React.createElement(TouchableHighlight, { style: customStyle?.selectField, underlayColor: colorGrayscaleS, onPress: handleOnPressSelectField, ...touchableRestProps },
             React.createElement(View, { pointerEvents: "none" },
-                React.createElement(InputField, { editable: false, icon: "arrow-down", label: placeholder, value: selectedValue?.label }))),
+                React.createElement(InputField, { editable: false, icon: "arrow-down", label: placeholder, style: customStyle?.inputField, value: selectedValue?.label }))),
         React.createElement(Modal, { visible: modalVisible, scroll: true, onClose: handleOnModalClose },
             React.createElement(View, { style: [style.modalContent, customStyle?.modalContent] }, options.map(({ label, value }) => (React.createElement(TouchableHighlight, { key: value, style: [style.option, customStyle?.option], underlayColor: colorGrayscaleS, onPress: () => handleOnPressOption(value) },
                 React.createElement(Text, { level: 3, style: [style.optionText, customStyle?.optionText] }, label))))))));

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

@@ -1,4 +1,4 @@
-import { QueryStatus } from "@lookiero/messaging-react";
+import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback, useEffect, useState } from "react";
 import { View } from "react-native";
 import { useParams } from "react-router-native";
@@ -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 { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
 import { useViewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/returnQuestion/react/useListReturnQuestionsByCheckoutItemId";
@@ -19,10 +20,20 @@ import { ProductVariantDescription } from "./components/productVariantDescriptio
 import { ProductVariantSlider } from "./components/productVariantSlider/ProductVariantSlider";
 import { ReturnQuestionsFeedback } from "./components/returnQuestionsFeedback/ReturnQuestionsFeedback";
 import { ReturnQuestionsForm } from "./components/returnQuestionsForm/ReturnQuestionsForm";
+import { SizeChangeModal } from "./components/sizeChangeModal/SizeChangeModal";
+import { SizeWithoutStockModal } from "./components/sizeWithoutStockModal/SizeWithoutStockModal";
 const Item = ({ customerId }) => {
     const { id } = useParams();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const checkoutItem = checkout?.items.find((checkoutItem) => checkoutItem.id === id);
+    const [customerDecissionMade, setCustomerDecissionMade] = useState(() => checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED);
+    const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(!customerDecissionMade), [customerDecissionMade]);
+    const [sizeWithoutStockModalVisible, setSizeWithoutStockModalVisible] = useState(false);
+    const handleOnShowSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(true), []);
+    const handleOnHideSizeWithoutStockModal = useCallback(() => setSizeWithoutStockModalVisible(false), []);
+    const [sizeChangeModalVisible, setSizeChangeModalVisible] = useState(false);
+    const handleOnShowSizeChangeModal = useCallback(() => setSizeChangeModalVisible(true), []);
+    const handleOnHideSizeChangeModal = useCallback(() => setSizeChangeModalVisible(false), []);
     const [bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariantsStatus] = useViewBookedSizeChangeProductsVariantsForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
@@ -34,20 +45,25 @@ const Item = ({ customerId }) => {
     const [returnQuestions, returnQuestionsStatus] = useListReturnQuestionsByCheckoutItemId({
         checkoutItemId: checkoutItem.id,
     });
-    const [keepCheckoutItem] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
+    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
+    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
+    const [stickyHeight, setStickyHeight] = useState(0);
+    const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
     useEffect(() => {
         checkout?.bookingId === undefined && bookCheckouBooking();
     }, [bookCheckouBooking, checkout?.bookingId]);
-    const [stickyHeight, setStickyHeight] = useState(0);
-    const handleOnStickyLayout = useCallback(({ height }) => setStickyHeight(height), []);
     const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
     const handleOnShowReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
     const handleOnHideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
-    const handleOnEditFeedback = useCallback(() => void 0, []);
-    const handleOnSubmit = useCallback(() => handleOnHideReturnQuestions(), [handleOnHideReturnQuestions]);
-    const handleOnReplace = useCallback(() => void 0, []);
+    const handleOnEditFeedback = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
+    const handleOnSubmit = useCallback((feedback) => {
+        handleOnHideReturnQuestions();
+        returnCheckoutItem({ feedbacks: feedback });
+    }, [handleOnHideReturnQuestions, returnCheckoutItem]);
+    const handleOnReplace = useCallback(() => handleOnShowSizeChangeModal(), [handleOnShowSizeChangeModal]);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const handleOnBannerPress = useCallback(() => void 0, []);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
         dependenciesLoadedStatuses.includes(checkoutStatus) &&
@@ -56,11 +72,12 @@ const Item = ({ customerId }) => {
         return React.createElement(Spinner, null);
     const { price } = checkoutItem;
     const { media, brand, name, size, color } = checkoutItem.productVariant;
-    const customerDecissionMade = checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED;
     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 }),
         React.createElement(SafeAreaScrollView, null,
             React.createElement(Body, null,
                 !customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
@@ -69,8 +86,8 @@ const Item = ({ customerId }) => {
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),
                     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, { size: checkoutItem.productVariant.size, sizes: sizes, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn })),
+                        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 })),
         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/banner/CustomerDecissionBanner.d.ts

@@ -1,9 +1,10 @@
 import { FC } from "react";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
-declare type Status = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
+declare type CustomerDecissionBannerStatus = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL | CheckoutItemStatus.EXPIRED>;
 interface CustomerDecissionBannerProps {
-    readonly checkoutItemStatus: Status;
+    readonly checkoutItemStatus: CustomerDecissionBannerStatus;
     readonly onPress: () => void;
 }
 declare const CustomerDecissionBanner: FC<CustomerDecissionBannerProps>;
+export type { CustomerDecissionBannerStatus };
 export { CustomerDecissionBanner };

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

@@ -4,6 +4,9 @@ import { Layout } from "../../../../shared/components/layouts/sticky/Sticky";
 interface ItemActionsProps {
     readonly sizes: SizeProjection[];
     readonly size: SizeProjection;
+    readonly keepButtonLoading?: boolean;
+    readonly returnButtonLoading?: boolean;
+    readonly onSizeSelectorPress?: () => void;
     readonly onKeep: (value: string) => void;
     readonly onReturn: () => void;
     readonly onReplace: () => void;

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

@@ -1,25 +1,31 @@
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
 import { BUTTON_VARIANT } from "@lookiero/aurora-next/build/components/atoms/Button/Button.definition";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useMemo } from "react";
+import React, { useCallback, useMemo } from "react";
 import { View } from "react-native";
 import { Body } from "../../../../components/layouts/body/Body";
 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, onKeep, onReplace, onReturn, onLayout }) => {
+const ItemActions = ({ sizes, size, keepButtonLoading = false, returnButtonLoading = 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 handleOnPressSizeSelector = useCallback(() => onSizeSelectorPress(), [onSizeSelectorPress]);
     return (React.createElement(Sticky, { onLayout: onLayout },
         React.createElement(Body, { style: { column: style.container } },
-            React.createElement(Button, { onPress: onKeep }, keepButtonText),
+            React.createElement(Button, { busy: keepButtonLoading, onPress: onKeep }, keepButtonText),
             React.createElement(View, { style: style.row },
-                !size.unique && (React.createElement(SelectField, { disabled: disabledSizeSelector, options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", style: { selectField: style.sizeSelector }, testID: "size-selector", value: size.id, onChange: onReplace })),
+                !size.unique && (React.createElement(SelectField, { ...(disabledSizeSelector && {
+                        onPress: handleOnPressSizeSelector,
+                    }), options: sizeSelectorOptions, placeholder: sizeSelectorLabelText || "", testID: "size-selector", value: size.id, style: {
+                        selectField: style.sizeSelector,
+                        inputField: { input: disabledSizeSelector && style.inputDisabled },
+                    }, onChange: onReplace })),
                 React.createElement(View, { style: style.returnButtonContainer },
-                    React.createElement(Button, { variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText))))));
+                    React.createElement(Button, { busy: returnButtonLoading, variant: BUTTON_VARIANT.SECONDARY, onPress: onReturn }, returnButtonText))))));
 };
 export { ItemActions };

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

@@ -2,6 +2,9 @@ declare const style: {
     container: {
         paddingHorizontal: number;
     };
+    inputDisabled: {
+        color: string;
+    };
     returnButtonContainer: {
         flex: number;
     };

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

@@ -1,10 +1,13 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { spaceL, spaceXL } = theme();
+const { colorGrayscaleL, spaceL, spaceXL } = theme();
 const style = StyleSheet.create({
     container: {
         paddingHorizontal: spaceXL,
     },
+    inputDisabled: {
+        color: colorGrayscaleL,
+    },
     returnButtonContainer: {
         flex: 1,
     },

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts

@@ -8,7 +8,7 @@ interface ReturnQuestionsFormProps {
     readonly returnQuestions: ReturnQuestionProjection[];
     readonly checkoutItemPrice: PriceProjection;
     readonly productVariant: CheckoutItemProductVariantProjection;
-    readonly onSubmit: () => void;
+    readonly onSubmit: (feedback: FeedbackProjection) => void;
     readonly onClose: () => void;
 }
 declare const ReturnQuestionsForm: FC<ReturnQuestionsFormProps>;

package/dist/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js

@@ -2,7 +2,7 @@ import { PortalHost } from "@gorhom/portal";
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React from "react";
+import React, { useCallback } from "react";
 import { View } from "react-native";
 import { ReturnQuestionType, } from "../../../../../../projection/returnQuestion/returnQuestion";
 import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
@@ -33,10 +33,11 @@ const ReturnQuestionsForm = ({ feedback, returnQuestions, checkoutItemPrice, pro
         prefix: RETURN_QUESTIONS_PREFIX,
     });
     const { media, brand, name, size, color } = productVariant;
+    const handleOnSubmit = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: feedback },
         React.createElement(ReturnQuestionItemProvider, { returnQuestionItems: returnQuestionItems },
             React.createElement(PortalHost, { name: RETURN_QUESTION_FORM_PORTAL_HOST_NAME }),
-            React.createElement(Modal, { footer: React.createElement(Button, { onPress: onSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
+            React.createElement(Modal, { footer: React.createElement(Button, { onPress: handleOnSubmit }, submitButtonText), portalHostName: RETURN_QUESTION_FORM_PORTAL_HOST_NAME, visible: visible, scroll: true, showCloseButton: true, onClose: onClose },
                 React.createElement(View, { style: style.returnQuestionsContainer },
                     React.createElement(Text, { level: 2, style: style.title }, titleText),
                     React.createElement(ProductVariant, { brand: brand, color: color, media: media, name: name, price: checkoutItemPrice, size: size }),

package/dist/infrastructure/ui/views/summary/Summary.js

@@ -1,16 +1,13 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useState } from "react";
+import React from "react";
 import { StyleSheet, View } from "react-native";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
-import { SizeWithoutStockModal } from "../item/components/sizeWithoutStockModal/SizeWithoutStockModal";
 const Summary = () => {
     const summaryText = useI18nMessage({ id: "summary" });
-    const [modalVisible, setModalVisible] = useState(true);
     return (React.createElement(SafeAreaScrollView, null,
         React.createElement(View, { style: styles.container },
-            React.createElement(Text, { heading: true, level: 3 }, summaryText),
-            React.createElement(SizeWithoutStockModal, { visible: modalVisible, onDismiss: () => setModalVisible(false) }))));
+            React.createElement(Text, { heading: true, level: 3 }, summaryText))));
 };
 const styles = StyleSheet.create({
     container: {

package/dist/projection/checkoutItem/checkoutItem.d.ts

@@ -47,7 +47,7 @@ interface CheckoutItemProjection {
     readonly price: PriceProjection;
     readonly replacedFor?: string;
     readonly productVariant: CheckoutItemProductVariantProjection;
-    readonly feedback: FeedbackProjection | null;
+    readonly feedback: FeedbackProjection;
 }
 export type { CheckoutItemProjection, CheckoutItemProductVariantProjection, ColorProjection, MediaProjection, PriceProjection, };
 export { Currency, MediaPerspective };

package/package.json

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