@lookiero/checkout 0.4.0-beta.3 → 0.4.1

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

@@ -6,13 +6,14 @@ declare enum CheckoutStatus {
     NOTIFIED = "NOTIFIED",
     STARTED = "STARTED",
     COMPLETED = "COMPLETED",
-    PAID = "PAID"
+    PAID = "PAID",
+    EXPIRED = "EXPIRED"
 }
 interface Checkout extends AggregateRoot {
     readonly status: CheckoutStatus;
     readonly customerId: string;
     readonly boxId: string;
-    readonly bookingId: string;
+    readonly checkoutBookingId: string;
     readonly expiresOn: Date;
 }
 declare const startCheckoutHandler: CommandHandlerFunction<StartCheckout, Checkout>;

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

@@ -8,6 +8,7 @@ var CheckoutStatus;
     CheckoutStatus["STARTED"] = "STARTED";
     CheckoutStatus["COMPLETED"] = "COMPLETED";
     CheckoutStatus["PAID"] = "PAID";
+    CheckoutStatus["EXPIRED"] = "EXPIRED";
 })(CheckoutStatus || (CheckoutStatus = {}));
 const startCheckoutHandler = () => async ({ aggregateRoot, command }) => {
     const { aggregateId } = command;
@@ -21,7 +22,6 @@ const startCheckoutHandler = () => async ({ aggregateRoot, command }) => {
 };
 const markCheckoutAsPaidHandler = () => async ({ aggregateRoot, command }) => {
     const { aggregateId } = command;
-    invariant(aggregateRoot.status !== CheckoutStatus.PAID, "Checkout is already paid");
     invariant(aggregateRoot.status !== CheckoutStatus.COMPLETED, "Checkout is already completed");
     return {
         ...aggregateRoot,

package/dist/domain/checkoutBooking/command/blockCheckoutBooking.d.ts

@@ -0,0 +1,13 @@
+import { Command } from "@lookiero/messaging";
+declare const BLOCK_CHECKOUT_BOOKING = "block_checkout_booking";
+interface BlockCheckoutBookingPayload {
+    readonly aggregateId: string;
+}
+interface BlockCheckoutBooking extends Command<typeof BLOCK_CHECKOUT_BOOKING>, BlockCheckoutBookingPayload {
+}
+interface BlockCheckoutBookingFunction {
+    (payload: BlockCheckoutBookingPayload): BlockCheckoutBooking;
+}
+declare const blockCheckoutBooking: BlockCheckoutBookingFunction;
+export type { BlockCheckoutBooking };
+export { BLOCK_CHECKOUT_BOOKING, blockCheckoutBooking };

package/dist/domain/checkoutBooking/command/blockCheckoutBooking.js

@@ -0,0 +1,4 @@
+import { command } from "@lookiero/messaging";
+const BLOCK_CHECKOUT_BOOKING = "block_checkout_booking";
+const blockCheckoutBooking = ({ aggregateId }) => command({ aggregateId, name: BLOCK_CHECKOUT_BOOKING });
+export { BLOCK_CHECKOUT_BOOKING, blockCheckoutBooking };

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

@@ -1,8 +1,12 @@
 import { AggregateRoot, CommandHandlerFunction } from "@lookiero/messaging";
+import { CheckoutStatus } from "../../checkout/model/checkout";
+import { BlockCheckoutBooking } from "../command/blockCheckoutBooking";
 import { BookCheckoutBookingForCheckoutItem } from "../command/bookCheckoutBookingForCheckoutItem";
 interface CheckoutBooking extends AggregateRoot {
     readonly checkoutItemIds: string[];
+    readonly checkoutStatus: CheckoutStatus;
 }
 declare const bookCheckoutBookingForCheckoutItemHandler: CommandHandlerFunction<BookCheckoutBookingForCheckoutItem, CheckoutBooking>;
+declare const blockCheckoutBookingHandler: CommandHandlerFunction<BlockCheckoutBooking, CheckoutBooking>;
 export type { CheckoutBooking };
-export { bookCheckoutBookingForCheckoutItemHandler };
+export { bookCheckoutBookingForCheckoutItemHandler, blockCheckoutBookingHandler };

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

@@ -1,4 +1,7 @@
+import { CheckoutStatus } from "../../checkout/model/checkout";
+import { checkoutBookingBlocked } from "./checkoutBookingBlocked";
 import { checkoutBookingBooked } from "./checkoutBookingBooked";
+import { checkoutBookingExpired } from "./checkoutBookingExpired";
 const bookCheckoutBookingForCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
     const { aggregateId, checkoutItemId } = command;
     return {
@@ -6,4 +9,17 @@ const bookCheckoutBookingForCheckoutItemHandler = () => async ({ aggregateRoot,
         domainEvents: [checkoutBookingBooked({ aggregateId, checkoutItemId })],
     };
 };
-export { bookCheckoutBookingForCheckoutItemHandler };
+const blockCheckoutBookingHandler = () => async ({ aggregateRoot, command }) => {
+    const { aggregateId } = command;
+    if (aggregateRoot.checkoutStatus === CheckoutStatus.EXPIRED) {
+        return {
+            ...aggregateRoot,
+            domainEvents: [checkoutBookingExpired({ aggregateId })],
+        };
+    }
+    return {
+        ...aggregateRoot,
+        domainEvents: [checkoutBookingBlocked({ aggregateId })],
+    };
+};
+export { bookCheckoutBookingForCheckoutItemHandler, blockCheckoutBookingHandler };

package/dist/domain/checkoutBooking/model/checkoutBookingBlocked.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_BOOKING_BLOCKED = "checkout_booking_blocked";
+interface CheckoutBookingBlokedPaylcoad {
+    readonly aggregateId: string;
+}
+interface CheckoutBookingBlocked extends DomainEvent<typeof CHECKOUT_BOOKING_BLOCKED>, CheckoutBookingBlokedPaylcoad {
+}
+interface CheckoutBookingBlokedFunctcion {
+    (payload: CheckoutBookingBlokedPaylcoad): CheckoutBookingBlocked;
+}
+declare const checkoutBookingBlocked: CheckoutBookingBlokedFunctcion;
+export type { CheckoutBookingBlocked };
+export { CHECKOUT_BOOKING_BLOCKED, checkoutBookingBlocked };

package/dist/domain/checkoutBooking/model/checkoutBookingBlocked.js

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

package/dist/domain/checkoutBooking/model/checkoutBookingExpired.d.ts

@@ -0,0 +1,13 @@
+import { DomainEvent } from "@lookiero/messaging";
+declare const CHECKOUT_BOOKING_EXPIRED = "checkout_booking_expired";
+interface CheckoutBookingExpiredPayload {
+    readonly aggregateId: string;
+}
+interface CheckoutBookingExpired extends DomainEvent<typeof CHECKOUT_BOOKING_EXPIRED>, CheckoutBookingExpiredPayload {
+}
+interface CheckoutBookingExpiredFunction {
+    (payload: CheckoutBookingExpiredPayload): CheckoutBookingExpired;
+}
+declare const checkoutBookingExpired: CheckoutBookingExpiredFunction;
+export type { CheckoutBookingExpired };
+export { CHECKOUT_BOOKING_EXPIRED, checkoutBookingExpired };

package/dist/domain/checkoutBooking/model/checkoutBookingExpired.js

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

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

@@ -2,7 +2,7 @@ import { Command } from "@lookiero/messaging";
 declare const REPLACE_CHECKOUT_ITEM = "replace_checkout_item";
 interface ReplaceCheckoutItemPayload {
     readonly aggregateId: string;
-    readonly replacedFor: string;
+    readonly replacedForId: string;
 }
 interface ReplaceCheckoutItem extends Command<typeof REPLACE_CHECKOUT_ITEM>, ReplaceCheckoutItemPayload {
 }

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

@@ -15,7 +15,7 @@ interface CheckoutItem extends AggregateRoot {
     readonly status: CheckoutItemStatus;
     readonly price: Price;
     readonly feedbacks: Feedbacks;
-    readonly replacedFor?: string;
+    readonly replacedForId?: string;
 }
 declare const keepCheckoutItemHandler: CommandHandlerFunction<KeepCheckoutItem, CheckoutItem>;
 declare const returnCheckoutItemHandler: CommandHandlerFunction<ReturnCheckoutItem, CheckoutItem>;

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

@@ -1,4 +1,3 @@
-import invariant from "tiny-invariant";
 import { checkoutItemKept } from "./checkoutItemKept";
 import { checkoutItemReplaced } from "./checkoutItemReplaced";
 import { checkoutItemReturned } from "./checkoutItemReturned";
@@ -12,7 +11,6 @@ var CheckoutItemStatus;
 })(CheckoutItemStatus || (CheckoutItemStatus = {}));
 const keepCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
     const { aggregateId } = command;
-    invariant(aggregateRoot.status !== CheckoutItemStatus.KEPT, "CheckoutItem is already kept");
     return {
         ...aggregateRoot,
         status: CheckoutItemStatus.KEPT,
@@ -29,10 +27,10 @@ const returnCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
     };
 };
 const replaceCheckoutItemHandler = () => async ({ aggregateRoot, command }) => {
-    const { aggregateId, replacedFor } = command;
+    const { aggregateId, replacedForId } = command;
     return {
         ...aggregateRoot,
-        replacedFor,
+        replacedForId,
         status: CheckoutItemStatus.REPLACED,
         domainEvents: [checkoutItemReplaced({ aggregateId })],
     };

package/dist/infrastructure/delivery/baseBootstrap.d.ts

@@ -15,6 +15,7 @@ import { CheckoutByIdView } from "../../projection/checkout/viewCheckoutById";
 import { FirstAvailableCheckoutByCustomerIdView } from "../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { FiveItemsDiscountByCustomerIdView } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
 import { IsCheckoutEnabledByCustomerIdView } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
+import { CheckoutBookingByIdView } from "../../projection/checkoutBooking/viewCheckoutBookingById";
 import { CheckoutItemByIdView } from "../../projection/checkoutItem/viewCheckoutItemById";
 import { CheckoutQuestionsByCheckoutIdView } from "../../projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId";
 import { PaymentFlowPayloadByCheckoutIdView } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
@@ -31,6 +32,7 @@ interface BaseBootstrapFunctionArgs<UiSettingGetFunctionArgs extends RepositoryG
     readonly fiveItemsDiscountByCustomerIdView: FiveItemsDiscountByCustomerIdView;
     readonly uiSettingByKeyView: UiSettingByKeyView;
     readonly checkoutItemByIdView: CheckoutItemByIdView;
+    readonly checkoutBookingByIdView: CheckoutBookingByIdView;
     readonly returnQuestionsByCheckoutItemIdView: ReturnQuestionsByCheckoutItemIdView;
     readonly bookedSizeChangeProductsVariantsForCheckoutItemView: BookedSizeChangeProductsVariantsForCheckoutItemView;
     readonly pricingByCheckoutIdView: PricingByCheckoutIdView;

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -2,8 +2,9 @@ import { bootstrap as messagingBootstrap } from "@lookiero/messaging-react";
 import { MARK_CHECKOUT_AS_PAID } from "../../domain/checkout/command/markCheckoutAsPaid";
 import { START_CHECKOUT } from "../../domain/checkout/command/startCheckout";
 import { markCheckoutAsPaidHandler, startCheckoutHandler } from "../../domain/checkout/model/checkout";
+import { BLOCK_CHECKOUT_BOOKING } from "../../domain/checkoutBooking/command/blockCheckoutBooking";
 import { BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM } from "../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
-import { bookCheckoutBookingForCheckoutItemHandler, } from "../../domain/checkoutBooking/model/checkoutBooking";
+import { blockCheckoutBookingHandler, bookCheckoutBookingForCheckoutItemHandler, } from "../../domain/checkoutBooking/model/checkoutBooking";
 import { GIVE_CHECKOUT_FEEDBACK } from "../../domain/checkoutFeedback/command/giveCheckoutFeedback";
 import { giveCheckoutFeedbackHandler } from "../../domain/checkoutFeedback/model/checkoutFeedback";
 import { KEEP_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/keepCheckoutItem";
@@ -18,6 +19,7 @@ import { viewFirstAvailableCheckoutByCustomerIdHandler, VIEW_FIRST_AVAILABLE_CHE
 import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
 import { viewIsCheckoutAccessibleByCustomerIdHandler, VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { viewIsCheckoutEnabledByCustomerIdHandler, VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, } from "../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
+import { viewCheckoutBookingByIdHandler, VIEW_CHECKOUT_BOOKING_BY_ID, } from "../../projection/checkoutBooking/viewCheckoutBookingById";
 import { viewCheckoutItemByIdHandler, VIEW_CHECKOUT_ITEM_BY_ID, } from "../../projection/checkoutItem/viewCheckoutItemById";
 import { listCheckoutQuestionsByCheckoutIdHandler, LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, } from "../../projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId";
 import { viewPaymentFlowPayloadByCheckoutIdHandler, VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
@@ -25,7 +27,7 @@ import { viewPricingByCheckoutIdHandler, VIEW_PRICING_BY_CHECKOUT_ID, } from "..
 import { listReturnQuestionsByCheckoutItemIdHandler, LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
 import { viewUiSettingByKeyHandler, VIEW_UI_SETTING_BY_KEY, } from "../../projection/uiSetting/viewUiSettingByKey";
 const MESSAGING_CONTEXT_ID = "Checkout";
-const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, fiveItemsDiscountByCustomerIdView, uiSettingByKeyView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedSizeChangeProductsVariantsForCheckoutItemView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
+const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, fiveItemsDiscountByCustomerIdView, uiSettingByKeyView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedSizeChangeProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
     .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
     view: fiveItemsDiscountByCustomerIdView,
 })
@@ -58,11 +60,15 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
 })
     .query(LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutIdHandler, {
     view: checkoutQuestionsByCheckoutIdView,
+})
+    .query(VIEW_CHECKOUT_BOOKING_BY_ID, viewCheckoutBookingByIdHandler, {
+    view: checkoutBookingByIdView,
 })
     .query(VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, {
     view: bookedSizeChangeProductsVariantsForCheckoutItemView,
 })
     .command(BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM, bookCheckoutBookingForCheckoutItemHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
+    .command(BLOCK_CHECKOUT_BOOKING, blockCheckoutBookingHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
     .command(GIVE_CHECKOUT_FEEDBACK, giveCheckoutFeedbackHandler)(getCheckoutFeedback, saveCheckoutFeedback, ...checkoutFeedbacksDependencies)
     .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
     view: uiSettingByKeyView,

package/dist/infrastructure/delivery/bootstrap.js

@@ -9,6 +9,7 @@ import { httpCheckoutByIdView } from "../projection/checkout/httpCheckoutByIdVie
 import { httpFirstAvailableCheckoutByCustomerIdView } from "../projection/checkout/httpFirstAvailableCheckoutByCustomerIdView";
 import { httpFiveItemsDiscountByCustomerIdView } from "../projection/checkout/httpFiveItemsDiscountByCustomerIdView";
 import { httpIsCheckoutEnabledByCustomerIdView } from "../projection/checkout/httpIsCheckoutEnabledByCustomerIdView";
+import { httpCheckoutBookingByIdView } from "../projection/checkoutBooking/httpCheckoutBookingByIdView";
 import { httpCheckoutItemByIdView } from "../projection/checkoutItem/httpCheckoutItemByIdView";
 import { httpCheckoutQuestionsByCheckoutIdView } from "../projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView";
 import { httpPaymentFlowPayloadByCheckoutIdView } from "../projection/payment/httpPaymentFlowPayloadByCheckoutIdView";
@@ -28,6 +29,7 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         uiSettingByKeyView: storageUiSettingByKeyView({ read }),
         checkoutItemByIdView: httpCheckoutItemByIdView({ httpPost }),
         returnQuestionsByCheckoutItemIdView: httpReturnQuestionsByCheckoutItemIdView({ httpPost }),
+        checkoutBookingByIdView: httpCheckoutBookingByIdView({ httpPost }),
         bookedSizeChangeProductsVariantsForCheckoutItemView: httpBookedSizeChangeProductsVariantsForCheckoutItemView({
             httpPost,
         }),

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

@@ -1,16 +1,20 @@
 import invariant from "tiny-invariant";
+import { v4 as uuid } from "uuid";
+import { CheckoutStatus } from "../../../domain/checkout/model/checkout";
 import { viewBookedSizeChangeProductsVariantsForCheckoutItem, } from "../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
 const toCheckoutBookingDomain = (checkoutBooking) => {
     invariant(checkoutBooking, "No checkoutBooking found!");
     return {
-        aggregateId: checkoutBooking.bookingId,
+        aggregateId: uuid(),
         checkoutItemIds: checkoutBooking.productVariants.map((productVariant) => productVariant.id),
+        checkoutStatus: CheckoutStatus.AVAILABLE,
         domainEvents: [],
     };
 };
 const toCheckoutBookingProjection = (checkoutBooking) => ({
     id: checkoutBooking.aggregateId,
     checkoutItemIds: checkoutBooking.checkoutItemIds,
+    checkoutStatus: checkoutBooking.checkoutStatus,
 });
 const getCheckoutBooking = ({ queryBus }) => async (aggregateId) => toCheckoutBookingDomain(await queryBus(viewBookedSizeChangeProductsVariantsForCheckoutItem({ checkoutItemId: aggregateId })));
 const saveCheckoutBooking = ({ dataSource }) => async (aggregateRoot) => {

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

@@ -5,6 +5,7 @@ const toCheckoutItemProjection = (checkoutItem) => ({
     status: checkoutItem.status,
     productVariant: {},
     feedbacks: {},
+    replacedFor: null,
     price: checkoutItem.price,
 });
 const toCheckoutItemDomain = (checkoutItem) => {
@@ -15,6 +16,7 @@ const toCheckoutItemDomain = (checkoutItem) => {
         status: checkoutItem.status,
         price: checkoutItem.price,
         feedbacks: checkoutItem.feedbacks,
+        replacedForId: checkoutItem.replacedFor?.id,
         domainEvents: [],
     };
 };

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

@@ -7,7 +7,7 @@ const toCheckoutDomain = (checkout) => {
         status: checkout.status,
         customerId: checkout.customerId,
         boxId: checkout.boxId,
-        bookingId: checkout.bookingId,
+        checkoutBookingId: checkout.checkoutBookingId,
         expiresOn: checkout.expiresOn,
         aggregateId: checkout.id,
         domainEvents: [],
@@ -18,7 +18,7 @@ const toCheckoutProjection = (checkout) => ({
     status: checkout.status,
     customerId: checkout.customerId,
     boxId: checkout.boxId,
-    bookingId: checkout.bookingId,
+    checkoutBookingId: checkout.checkoutBookingId,
     expiresOn: checkout.expiresOn,
     items: [],
 });

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

@@ -9,7 +9,7 @@ const toDomain = (checkout) => {
         status: checkout.status,
         customerId: checkout.customerId,
         boxId: checkout.boxId,
-        bookingId: checkout.bookingId,
+        checkoutBookingId: checkout.checkoutBookingId,
         expiresOn: checkout.expiresOn,
         aggregateId: checkout.id,
         domainEvents: [],

package/dist/infrastructure/domain/checkout/react/useMarkCheckoutAsPaid.d.ts

@@ -1,6 +1,6 @@
 import { CommandStatus } from "@lookiero/messaging-react";
 interface MarkAsPaidFunction {
-    (): void;
+    (): Promise<void>;
 }
 type UseMarkCheckoutAsPaid = [markAsPaid: MarkAsPaidFunction, status: CommandStatus];
 interface UseMarkCheckoutAsPaidFunctionArgs {

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

@@ -7,7 +7,7 @@ const useMarkCheckoutAsPaid = ({ checkoutId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
     const markAsPaid = useCallback(() => {
         invariant(checkoutId, "CheckoutId must be defined in order to mark the checkout as paid");
-        commandBus(markCheckoutAsPaid({
+        return commandBus(markCheckoutAsPaid({
             aggregateId: checkoutId,
         }));
     }, [checkoutId, commandBus]);

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

@@ -1,14 +1,21 @@
 import invariant from "tiny-invariant";
 import { viewCheckoutBookingById, } from "../../../../projection/checkoutBooking/viewCheckoutBookingById";
+import { httpCheckoutBookingsBlock } from "./httpCheckoutBookingsBlock";
 import { httpCheckoutBookingsBook } from "./httpCheckoutBookingsBook";
 const toDomain = (checkoutBooking) => {
     invariant(checkoutBooking, "No checkout booking found!");
     return {
-        checkoutItemIds: checkoutBooking.checkoutItemIds,
         aggregateId: checkoutBooking.id,
+        checkoutItemIds: checkoutBooking.checkoutItemIds,
+        checkoutStatus: checkoutBooking.checkoutStatus,
         domainEvents: [],
     };
 };
 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 Promise.all([
+        httpCheckoutBookingsBook({ httpPost })(aggregateRoot),
+        httpCheckoutBookingsBlock({ httpPost })(aggregateRoot),
+    ]);
+};
 export { getCheckoutBooking, saveCheckoutBooking };

package/dist/infrastructure/domain/checkoutBooking/model/httpCheckoutBookingsBlock.d.ts

@@ -0,0 +1,5 @@
+import { HttpCheckoutBookingsSaveFunction } from "./httpCheckoutBookings";
+interface HttpCheckoutBookingsBlockFunction extends HttpCheckoutBookingsSaveFunction {
+}
+declare const httpCheckoutBookingsBlock: HttpCheckoutBookingsBlockFunction;
+export { httpCheckoutBookingsBlock };

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

@@ -0,0 +1,15 @@
+import { CHECKOUT_BOOKING_BLOCKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBlocked";
+const isCheckoutBookingBlocked = (event) => event.name === CHECKOUT_BOOKING_BLOCKED;
+const httpCheckoutBookingsBlock = ({ httpPost }) => async ({ aggregateId, domainEvents }) => {
+    const checkoutBookingBlocked = domainEvents.find(isCheckoutBookingBlocked);
+    if (!checkoutBookingBlocked) {
+        return;
+    }
+    await httpPost({
+        endpoint: "/block-checkout-booking",
+        body: {
+            checkoutBookingId: aggregateId,
+        },
+    });
+};
+export { httpCheckoutBookingsBlock };

package/dist/infrastructure/domain/checkoutBooking/react/useBlockCheckoutBooking.d.ts

@@ -0,0 +1,13 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface BlockCheckoutBookingFunction {
+    (): Promise<void>;
+}
+type UseBlockCheckoutBooking = [blockCheckoutBooking: BlockCheckoutBookingFunction, status: CommandStatus];
+interface UseBlockCheckoutBookingFunctionArgs {
+    readonly checkoutBookingId: string;
+}
+interface UseBlockCheckoutBookingFunction {
+    (args: UseBlockCheckoutBookingFunctionArgs): UseBlockCheckoutBooking;
+}
+declare const useBlockCheckoutBooking: UseBlockCheckoutBookingFunction;
+export { useBlockCheckoutBooking };

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

@@ -0,0 +1,12 @@
+import { useCommand } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { blockCheckoutBooking as blockCheckoutBookingCommand } from "../../../../domain/checkoutBooking/command/blockCheckoutBooking";
+import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const useBlockCheckoutBooking = ({ checkoutBookingId }) => {
+    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
+    const blockCheckoutBooking = useCallback(() => commandBus(blockCheckoutBookingCommand({
+        aggregateId: checkoutBookingId,
+    })), [checkoutBookingId, commandBus]);
+    return [blockCheckoutBooking, status];
+};
+export { useBlockCheckoutBooking };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem.d.ts

@@ -0,0 +1,14 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+interface BookFunction {
+    (): Promise<void>;
+}
+type UseBookCheckoutBookingForCheckoutItem = [book: BookFunction, status: CommandStatus];
+interface UseBookCheckoutBookingForCheckoutItemFunctionArgs {
+    readonly checkoutItemId: string;
+    readonly checkoutBookingId: string | undefined;
+}
+interface UseBookCheckoutBookingForCheckoutItemFunction {
+    (args: UseBookCheckoutBookingForCheckoutItemFunctionArgs): UseBookCheckoutBookingForCheckoutItem;
+}
+declare const useBookCheckoutBookingForCheckoutItem: UseBookCheckoutBookingForCheckoutItemFunction;
+export { useBookCheckoutBookingForCheckoutItem };

package/dist/infrastructure/domain/checkoutBooking/react/{useBookCheckouBookingForCheckoutItem.js → useBookCheckoutBookingForCheckoutItem.js}

@@ -3,12 +3,12 @@ import { useCallback } from "react";
 import { v4 as uuid } from "uuid";
 import { bookCheckoutBookingForCheckoutItem } from "../../../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useBookCheckouBookingForCheckoutItem = ({ checkoutItemId }) => {
+const useBookCheckoutBookingForCheckoutItem = ({ checkoutItemId, checkoutBookingId, }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
     const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
-        aggregateId: uuid(),
+        aggregateId: checkoutBookingId || uuid(),
         checkoutItemId,
-    })), [checkoutItemId, commandBus]);
+    })), [checkoutBookingId, checkoutItemId, commandBus]);
     return [book, status];
 };
-export { useBookCheckouBookingForCheckoutItem };
+export { useBookCheckoutBookingForCheckoutItem };

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

@@ -10,7 +10,7 @@ const toDomain = (checkoutItem) => {
         status: checkoutItem.status,
         price: checkoutItem.price,
         feedbacks: checkoutItem.feedbacks,
-        replacedFor: checkoutItem.replacedFor,
+        replacedForId: checkoutItem.replacedFor?.id,
         aggregateId: checkoutItem.id,
         domainEvents: [],
     };

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

@@ -1,13 +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 httpCheckoutItemsReplace = ({ httpPost }) => async ({ aggregateId, replacedForId, domainEvents }) => {
     const checkoutItemReplaced = domainEvents.find(isCheckoutItemReplaced);
     if (!checkoutItemReplaced) {
         return;
     }
     await httpPost({
         endpoint: "/replace-checkout-item",
-        body: { checkoutItemId: aggregateId, replacedFor },
+        body: { checkoutItemId: aggregateId, replacedFor: replacedForId },
     });
 };
 export { httpCheckoutItemsReplace };

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

@@ -1,6 +1,6 @@
 import { CommandStatus } from "@lookiero/messaging-react";
 interface ReplaceCheckoutItemFunctionArgs {
-    readonly replacedFor: string;
+    readonly replacedForId: string;
 }
 interface ReplaceCheckoutItemFunction {
     (args: ReplaceCheckoutItemFunctionArgs): Promise<void>;

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

@@ -4,9 +4,9 @@ import { replaceCheckoutItem } from "../../../../domain/checkoutItem/command/rep
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 const useReplaceCheckoutItem = ({ checkoutItemId }) => {
     const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const replace = useCallback(({ replacedFor }) => commandBus(replaceCheckoutItem({
+    const replace = useCallback(({ replacedForId }) => commandBus(replaceCheckoutItem({
         aggregateId: checkoutItemId,
-        replacedFor,
+        replacedForId,
     })), [checkoutItemId, commandBus]);
     return [replace, status];
 };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.js

@@ -1,6 +1,6 @@
 const httpBookedSizeChangeProductsVariantsForCheckoutItemView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
     const response = await httpPost({
-        endpoint: "/view-booked-size-change-product-variants-for-checkout-item",
+        endpoint: "/view-booked-product-variants-for-checkout-item",
         body: { checkoutItemId },
         signal,
     });

package/dist/infrastructure/projection/checkout/checkout.d.ts

@@ -5,7 +5,7 @@ interface CheckoutDto {
     readonly id: string;
     readonly customerId: string;
     readonly boxId: string;
-    readonly bookingId: string;
+    readonly checkoutBookingId: string;
     readonly status: CheckoutStatus;
     readonly expiresOn: string;
     readonly items: CheckoutItemProjection[];

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

@@ -1,9 +1,12 @@
 import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_FEEDBACK_GIVEN, } from "../../../../domain/checkoutFeedback/model/checkoutFeedbackGiven";
 import { viewIsCheckoutAccessibleByCustomerId, } from "../../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutFeedbackGiven = (event) => event.name === CHECKOUT_FEEDBACK_GIVEN;
 const useViewIsCheckoutAccessibleByCustomerId = ({ customerId }) => useQuery({
     query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
     contextId: MESSAGING_CONTEXT_ID,
+    invalidation: isCheckoutFeedbackGiven,
     options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
 });
 export { useViewIsCheckoutAccessibleByCustomerId };

package/dist/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.js

@@ -1,9 +1,17 @@
 import { useQuery } from "@lookiero/messaging-react";
+import { CHECKOUT_ITEM_KEPT } from "../../../../domain/checkoutItem/model/checkoutItemKept";
+import { CHECKOUT_ITEM_REPLACED, } from "../../../../domain/checkoutItem/model/checkoutItemReplaced";
+import { CHECKOUT_ITEM_RETURNED, } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
 import { viewPricingByCheckoutId } from "../../../../projection/pricing/viewPricingByCheckoutId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
+const isCheckoutItemKept = (event) => event.name === CHECKOUT_ITEM_KEPT;
+const isCheckoutItemReturned = (event) => event.name === CHECKOUT_ITEM_RETURNED;
+const isCheckoutItemReplaced = (event) => event.name === CHECKOUT_ITEM_REPLACED;
+const shouldInvalidate = (event) => isCheckoutItemKept(event) || isCheckoutItemReplaced(event) || isCheckoutItemReturned(event);
 const useViewPricingByCheckoutId = ({ checkoutId }) => useQuery({
     query: viewPricingByCheckoutId({ checkoutId }),
     contextId: MESSAGING_CONTEXT_ID,
-    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
+    invalidation: shouldInvalidate,
+    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false, refetchOnMount: "always" },
 });
 export { useViewPricingByCheckoutId };

package/dist/infrastructure/ui/routing/CheckoutMiddleware.js

@@ -12,6 +12,7 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     const basePath = useBasePath();
     const introShown = useRef(false);
     const [shouldIntroBeShown, shouldIntroBeShownStatus] = useShouldIntroBeShown();
+    const navigatedToFirstItemWithoutCustomerDecision = useRef(false);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const firstItemWithoutCustomerDecision = checkout?.items.find((item) => [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status));
     const introRouteMatch = useMatch(`${basePath}/${Routes.INTRO}`);
@@ -20,24 +21,20 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     const summaryRouteMatch = useMatch(`${basePath}/${Routes.SUMMARY}`);
     const checkoutRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}`);
     const feedbackRouteMatch = useMatch(`${basePath}/${Routes.FEEDBACK}`);
-    const notFoundRouteMatch = useMatch(`${basePath}/${Routes.NOT_FOUND}`);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(shouldIntroBeShownStatus) &&
-        dependenciesLoadedStatuses.includes(checkoutStatus);
+        (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout);
     if (!dependenciesLoaded) {
         return loader;
     }
-    /* Navigate to NotFound if checkout is completed */
-    if (checkout?.status === CheckoutStatus.COMPLETED && !notFoundRouteMatch) {
-        return React.createElement(Navigate, { to: `${basePath}/${Routes.NOT_FOUND}`, replace: true });
-    }
     /* Navigate to the feedback if checkout is paid */
-    if (checkout?.status === CheckoutStatus.PAID && !feedbackRouteMatch) {
+    if (checkout?.status === CheckoutStatus.PAID && !(feedbackRouteMatch || checkoutRouteMatch)) {
         return React.createElement(Navigate, { to: `${basePath}/${Routes.FEEDBACK}`, replace: true });
     }
     /* Navigate to the summary if required */
-    if (checkout?.status !== CheckoutStatus.PAID &&
-        checkout?.status !== CheckoutStatus.COMPLETED &&
+    if ((checkout?.status === CheckoutStatus.AVAILABLE ||
+        checkout?.status === CheckoutStatus.STARTED ||
+        checkout?.status === CheckoutStatus.NOTIFIED) &&
         firstItemWithoutCustomerDecision === undefined &&
         !(summaryRouteMatch || itemDetailRouteMatch || checkoutRouteMatch)) {
         return React.createElement(Navigate, { to: `${basePath}/${Routes.SUMMARY}`, replace: true });
@@ -60,8 +57,11 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
             }
         }
         /* Navigate to the first item without customer's decission */
-        if (firstItemWithoutCustomerDecision && !itemRouteMatch) {
-            console.log("navigate to first item...", firstItemWithoutCustomerDecision.id);
+        navigatedToFirstItemWithoutCustomerDecision.current =
+            navigatedToFirstItemWithoutCustomerDecision.current ||
+                Boolean(itemRouteMatch && itemRouteMatch.params.id === firstItemWithoutCustomerDecision?.id);
+        if (firstItemWithoutCustomerDecision && !navigatedToFirstItemWithoutCustomerDecision.current) {
+            navigatedToFirstItemWithoutCustomerDecision.current = true;
             return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
         }
     }

package/dist/infrastructure/ui/views/App.style.d.ts

@@ -1,5 +1,6 @@
 declare const style: {
     body: {
+        minHeight: string;
         paddingTop: number;
         zIndex: number;
     };

package/dist/infrastructure/ui/views/App.style.js

@@ -3,6 +3,7 @@ import { theme } from "../theme/theme";
 const { spaceXXXL } = theme();
 const style = StyleSheet.create({
     body: {
+        minHeight: "100%",
         paddingTop: spaceXXXL,
         zIndex: 0,
     },

package/dist/infrastructure/ui/views/checkout/Checkout.js

@@ -40,21 +40,21 @@ const Checkout = ({ customerId, getAuthToken, useRedirect }) => {
     });
     const [markAsPaid, markAsPaidStatus] = useMarkCheckoutAsPaid({ checkoutId: checkout?.id });
     const [createNotification] = useCreateNotification();
+    const [success, setSuccess] = useState(false);
     const [processingCheckout, setProcessingCheckout] = useState(false);
     const navigate = useNavigate();
     const basePath = useBasePath();
     const { returnUrl } = useRedirect();
     const handleOnSubmitCheckout = useCallback(() => {
-        console.log("onSubmit checkout");
         if (!paymentFlowRef.current) {
             return;
         }
         setProcessingCheckout(true);
+        setSuccess(false);
         paymentFlowRef.current.startLegacyBoxCheckout(
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        paymentFlowPayload, async ({ status, final, ...rest }) => {
-            console.log("Checkout flow event", status, final, rest);
+        paymentFlowPayload, async ({ status, final }) => {
             if (status === ChargeStatus.REJECTED) {
                 createNotification({ level: NotificationLevel.ERROR, bodyI18nKey: I18nMessages.CHECKOUT_TOAST_REJECTED });
             }
@@ -62,22 +62,30 @@ const Checkout = ({ customerId, getAuthToken, useRedirect }) => {
                 createNotification({ level: NotificationLevel.ERROR, bodyI18nKey: I18nMessages.CHECKOUT_TOAST_ERROR });
             }
             else if (status === ChargeStatus.EXECUTED) {
-                markAsPaid();
+                try {
+                    await markAsPaid();
+                    setSuccess(true);
+                }
+                catch (e) { }
             }
             if (final) {
                 setProcessingCheckout(false);
             }
         });
     }, [createNotification, markAsPaid, paymentFlowPayload]);
-    const handleOnSuccessModalDismiss = useCallback(() => navigate(`${basePath}/${Routes.FEEDBACK}`), [basePath, navigate]);
+    const handleOnSuccessModalDismiss = useCallback(() => {
+        setSuccess(false);
+        navigate(`${basePath}/${Routes.FEEDBACK}`);
+    }, [basePath, navigate]);
     const checkoutItemsKept = useMemo(() => checkout?.items.filter((checkoutItem) => checkoutItem.status === CheckoutItemStatus.KEPT || checkoutItem.status === CheckoutItemStatus.REPLACED), [checkout?.items]);
     const hasReplacedCheckoutItem = useMemo(() => checkout?.items.some((checkoutItem) => checkoutItem.status === CheckoutItemStatus.REPLACED), [checkout?.items]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
-    const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) && dependenciesLoadedStatuses.includes(pricingStatus);
+    const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
+        dependenciesLoadedStatuses.includes(pricingStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(React.Fragment, null,
-        React.createElement(CheckoutSuccessModal, { visible: markAsPaidStatus === CommandStatus.SUCCESS, onDismiss: handleOnSuccessModalDismiss }),
+        React.createElement(CheckoutSuccessModal, { visible: success, onDismiss: handleOnSuccessModalDismiss }),
         React.createElement(SafeAreaScrollView, null,
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 hasReplacedCheckoutItem && (React.createElement(View, { style: style.deliveryBannerContainer },

package/dist/infrastructure/ui/views/feedback/Feedback.js

@@ -17,7 +17,12 @@ const Feedback = ({ customerId }) => {
     const [giveCheckoutFeedback, giveCheckoutFeedbackStatus] = useGiveCheckoutFeedback({
         checkoutId: checkout?.id,
     });
-    const handleOnSubmit = useCallback((feedbacks) => giveCheckoutFeedback({ feedbacks }), [giveCheckoutFeedback]);
+    const handleOnSubmit = useCallback(async (feedbacks) => {
+        try {
+            await giveCheckoutFeedback({ feedbacks });
+        }
+        catch (e) { }
+    }, [giveCheckoutFeedback]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(checkoutStatus) && dependenciesLoadedStatuses.includes(checkoutQuestionsStatus);
     if (!dependenciesLoaded)

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

@@ -1,11 +1,11 @@
 import { CommandStatus, QueryStatus } from "@lookiero/messaging-react";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { View } from "react-native";
-import { useParams } from "react-router-native";
+import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import "../../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { useBookCheckouBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem";
+import { useBookCheckoutBookingForCheckoutItem } from "../../../domain/checkoutBooking/react/useBookCheckoutBookingForCheckoutItem";
 import { useKeepCheckoutItem } from "../../../domain/checkoutItem/react/useKeepCheckoutItem";
 import { useReplaceCheckoutItem } from "../../../domain/checkoutItem/react/useReplaceCheckoutItem";
 import { useReturnCheckoutItem } from "../../../domain/checkoutItem/react/useReturnCheckoutItem";
@@ -15,6 +15,8 @@ import { useListReturnQuestionsByCheckoutItemId } from "../../../projection/retu
 import { Body } from "../../components/layouts/body/Body";
 import { ReturnQuestionFeedbackProvider } from "../../components/organisms/returnQuestions/behaviors/useReturnQuestionFeedback";
 import { SafeAreaScrollView } from "../../components/templates/SafeAreaScrollView";
+import { Routes } from "../../routing/routes";
+import { useBasePath } from "../../routing/useBasePath";
 import { style } from "./Item.style";
 import { CustomerDecissionBanner } from "./components/banner/CustomerDecissionBanner";
 import { ItemActions } from "./components/itemActions/ItemActions";
@@ -28,60 +30,102 @@ 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 basePath = useBasePath();
+    const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
+    const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
+    const navigate = useNavigate();
+    const navigateToNextView = useCallback(() => {
+        if (itemRouteMatch) {
+            const nextItemWithoutCustomerDecision = checkout?.items
+                .filter((item) => item.id !== id)
+                .find((item) => [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status));
+            if (nextItemWithoutCustomerDecision) {
+                navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItemWithoutCustomerDecision.id }));
+            }
+        }
+        else if (itemDetailRouteMatch) {
+            navigate(`${basePath}/${Routes.SUMMARY}`);
+        }
+    }, [itemRouteMatch, itemDetailRouteMatch, checkout?.items, id, navigate, basePath]);
+    const [customerDecissionMade, setCustomerDecissionMade] = useState();
+    useEffect(() => {
+        setCustomerDecissionMade(checkoutItem.status !== CheckoutItemStatus.INITIAL && checkoutItem.status !== CheckoutItemStatus.EXPIRED);
+    }, [checkoutItem.status, id]);
+    const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(false), []);
+    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
+    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
+    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
     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 handleOnHideSizeChangeModal = useCallback(() => {
+        setSizeChangeModalVisible(false);
+        if (replaceCheckoutItemStatus === CommandStatus.SUCCESS) {
+            navigateToNextView();
+        }
+    }, [navigateToNextView, replaceCheckoutItemStatus]);
     const [bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariantsStatus] = useViewBookedSizeChangeProductsVariantsForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
-    const [bookCheckouBooking] = useBookCheckouBookingForCheckoutItem({
+    const [bookCheckoutBooking] = useBookCheckoutBookingForCheckoutItem({
         checkoutItemId: checkoutItem.id,
+        checkoutBookingId: checkout?.checkoutBookingId,
     });
     useEffect(() => {
-        bookedSizeChangeProductsVariants === null && bookCheckouBooking();
-    }, [bookCheckouBooking, bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariants?.bookingId]);
+        checkout && bookedSizeChangeProductsVariants === null && bookCheckoutBooking();
+    }, [bookCheckoutBooking, bookedSizeChangeProductsVariants, checkout]);
     const [returnQuestions, returnQuestionsStatus] = useListReturnQuestionsByCheckoutItemId({
         checkoutItemId: checkoutItem.id,
     });
-    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
-    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), []);
     const [returnQuestionsVisible, setReturnQuestionsVisible] = useState(false);
     const handleOnShowReturnQuestions = useCallback(() => setReturnQuestionsVisible(true), []);
     const handleOnHideReturnQuestions = useCallback(() => setReturnQuestionsVisible(false), []);
     const handleOnEditFeedback = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const handleOnSubmit = useCallback((feedbacks) => {
+    const handleOnSubmit = useCallback(async (feedbacks) => {
         handleOnHideReturnQuestions();
-        returnCheckoutItem({ feedbacks });
-    }, [handleOnHideReturnQuestions, returnCheckoutItem]);
-    const handleOnReplace = useCallback((replacedFor) => {
-        handleOnShowSizeChangeModal();
-        replaceCheckoutItem({ replacedFor });
+        try {
+            await returnCheckoutItem({ feedbacks });
+            navigateToNextView();
+        }
+        catch (e) {
+            // TODO show an error Notification?
+        }
+    }, [handleOnHideReturnQuestions, navigateToNextView, returnCheckoutItem]);
+    const handleOnKeep = useCallback(async () => {
+        try {
+            await keepCheckoutItem();
+            navigateToNextView();
+        }
+        catch (e) {
+            // TODO show an error Notification?
+        }
+    }, [keepCheckoutItem, navigateToNextView]);
+    const handleOnReplace = useCallback(async (replacedForId) => {
+        try {
+            await replaceCheckoutItem({ replacedForId });
+            handleOnShowSizeChangeModal();
+        }
+        catch (e) {
+            // TODO show an error Notification?
+        }
     }, [handleOnShowSizeChangeModal, replaceCheckoutItem]);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const productVariantSelected = useMemo(() => checkoutItem.replacedFor
-        ? bookedSizeChangeProductsVariants?.productVariants.find((productVariant) => productVariant.id === checkoutItem.replacedFor)
-        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [
-        bookedSizeChangeProductsVariants?.productVariants,
-        checkoutItem.productVariant.id,
-        checkoutItem.productVariant.size,
-        checkoutItem.replacedFor,
-    ]);
+    const productVariantSelected = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
+        ? { id: checkoutItem.replacedFor.id, size: checkoutItem.replacedFor.size }
+        : { id: checkoutItem.productVariant.id, size: checkoutItem.productVariant.size }, [checkoutItem.productVariant.id, checkoutItem.productVariant.size, checkoutItem.replacedFor, checkoutItem.status]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
-        dependenciesLoadedStatuses.includes(checkoutStatus) &&
-        dependenciesLoadedStatuses.includes(bookedSizeChangeProductsVariantsStatus);
+        (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
+        dependenciesLoadedStatuses.includes(bookedSizeChangeProductsVariantsStatus) &&
+        bookedSizeChangeProductsVariants;
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     const { price } = checkoutItem;
@@ -91,14 +135,14 @@ const Item = ({ customerId }) => {
         React.createElement(SizeChangeModal, { visible: sizeChangeModalVisible, onDismiss: handleOnHideSizeChangeModal }),
         React.createElement(SafeAreaScrollView, null,
             React.createElement(Body, null,
-                !customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
+                customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
                 React.createElement(View, { style: [style.container, { paddingBottom: stickyHeight }] },
                     React.createElement(View, { style: style.sliderContainer },
                         React.createElement(ProductVariantSlider, { producVariantMedia: media })),
                     React.createElement(ProductVariantDescription, { brand: brand, color: color, name: name, price: price, size: productVariantSelected.size }),
                     checkoutItem.status === CheckoutItemStatus.RETURNED && (React.createElement(View, { style: style.feedbackContainer },
                         React.createElement(ReturnQuestionsFeedback, { returnQuestions: returnQuestions || [], onEditFeedback: handleOnEditFeedback })))))),
-        customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedSizeChangeProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: keepCheckoutItem, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })),
+        !customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedSizeChangeProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })),
         React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit })));
 };
 export { Item };

package/dist/infrastructure/ui/views/summary/components/checkoutItemsTabs/CheckoutItemsTabs.js

@@ -2,12 +2,13 @@ import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Tex
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback } from "react";
 import { View } from "react-native";
+import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { Tabs } from "../../../../components/layouts/tabs/Tabs";
 import { I18nMessages } from "../../../../i18n/i18n";
 import { ProductVariant } from "../../../item/components/productVariant/ProductVariant";
 import { style } from "./CheckoutItemsTabs.style";
-const CheckoutItem = ({ checkoutItem, discarded = false, testID, style: customStyle, onPress, }) => (React.createElement(View, { style: style.checkoutItem, testID: testID },
-    React.createElement(ProductVariant, { brand: checkoutItem.productVariant.brand, color: checkoutItem.productVariant.color, discarded: discarded, media: checkoutItem.productVariant.media, name: checkoutItem.productVariant.name, price: checkoutItem.price, size: checkoutItem.productVariant.size, status: checkoutItem.status, style: customStyle, onPress: onPress })));
+const CheckoutItem = ({ checkoutItemStatus, checkoutItemProductVariant, checkoutItemPrice, discarded = false, testID, style: customStyle, onPress, }) => (React.createElement(View, { style: style.checkoutItem, testID: testID },
+    React.createElement(ProductVariant, { brand: checkoutItemProductVariant.brand, color: checkoutItemProductVariant.color, discarded: discarded, media: checkoutItemProductVariant.media, name: checkoutItemProductVariant.name, price: checkoutItemPrice, size: checkoutItemProductVariant.size, status: checkoutItemStatus, style: customStyle, onPress: onPress })));
 const CheckoutItemsTabs = ({ checkoutItemsKept, checkoutItemsReturned, onPressItem }) => {
     const keepTabText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_TAB });
     const returnTabText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_TAB });
@@ -15,7 +16,9 @@ const CheckoutItemsTabs = ({ checkoutItemsKept, checkoutItemsReturned, onPressIt
     const returnEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_EMPTY });
     const handleOnPressItem = useCallback((checkoutItemId) => onPressItem(checkoutItemId), [onPressItem]);
     return (React.createElement(Tabs, { style: { sliderContainer: style.sliderContainer }, tabLabels: [`${keepTabText} (${checkoutItemsKept.length})`, `${returnTabText} (${checkoutItemsReturned.length})`] },
-        React.createElement(React.Fragment, null, checkoutItemsKept.length === 0 ? (React.createElement(Text, null, keepEmptyText)) : (checkoutItemsKept.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItem: checkoutItem, testID: "keep-checkout-item", onPress: () => handleOnPressItem(checkoutItem.id) }))))),
-        React.createElement(React.Fragment, null, checkoutItemsReturned.length === 0 ? (React.createElement(Text, null, returnEmptyText)) : (checkoutItemsReturned.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItem: checkoutItem, style: { image: style.returnCheckoutItem }, testID: "return-checkout-item", discarded: true, onPress: () => handleOnPressItem(checkoutItem.id) })))))));
+        React.createElement(React.Fragment, null, checkoutItemsKept.length === 0 ? (React.createElement(Text, null, keepEmptyText)) : (checkoutItemsKept.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemStatus: checkoutItem.status, testID: "keep-checkout-item", checkoutItemProductVariant: checkoutItem.status === CheckoutItemStatus.REPLACED && checkoutItem.replacedFor
+                ? checkoutItem.replacedFor
+                : checkoutItem.productVariant, onPress: () => handleOnPressItem(checkoutItem.id) }))))),
+        React.createElement(React.Fragment, null, checkoutItemsReturned.length === 0 ? (React.createElement(Text, null, returnEmptyText)) : (checkoutItemsReturned.map((checkoutItem) => (React.createElement(CheckoutItem, { key: checkoutItem.id, checkoutItemPrice: checkoutItem.price, checkoutItemProductVariant: checkoutItem.productVariant, checkoutItemStatus: checkoutItem.status, style: { image: style.returnCheckoutItem }, testID: "return-checkout-item", discarded: true, onPress: () => handleOnPressItem(checkoutItem.id) })))))));
 };
 export { CheckoutItemsTabs };

package/dist/infrastructure/ui/views/summary/components/pricing/Pricing.js

@@ -44,9 +44,9 @@ const Pricing = ({ orderTotal, subtotal, balanceDiscount, discount, discountPerc
                 React.createElement(Button, { busy: busy, small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(animated.View, { style: { opacity: notCollapsedStyle.opacitiy } },
             React.createElement(Row, { text: `${subtotalText} ${totalCheckoutItemsKeptText}` },
                 React.createElement(Price, { price: subtotal, variant: "subtotal" })),
-            discount && (React.createElement(Row, { text: discountText },
+            discount && discount.amount !== 0 && (React.createElement(Row, { text: discountText },
                 React.createElement(Price, { price: discount, variant: "subtotal" }))),
-            balanceDiscount && (React.createElement(Row, { text: creditText },
+            balanceDiscount && balanceDiscount.amount !== 0 && (React.createElement(Row, { text: creditText },
                 React.createElement(Price, { price: balanceDiscount, variant: "subtotal" }))),
             React.createElement(Row, { text: feeText }, isPSServiceFree ? (React.createElement(Text, { level: 3, style: style.uppercase, action: true }, freeText)) : (React.createElement(Price, { price: service.finalPrice, variant: "subtotal" }))),
             React.createElement(View, { style: style.divider }),

package/dist/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.d.ts

@@ -4,7 +4,6 @@ interface ProductVariantProjection {
     readonly size: SizeProjection;
 }
 interface BookedSizeChangeProductsVariantsProjection {
-    readonly bookingId: string;
     readonly productVariants: ProductVariantProjection[];
 }
 export type { BookedSizeChangeProductsVariantsProjection, ProductVariantProjection };

package/dist/projection/checkout/checkout.d.ts

@@ -4,7 +4,7 @@ interface CheckoutProjection {
     readonly id: string;
     readonly customerId: string;
     readonly boxId: string;
-    readonly bookingId: string;
+    readonly checkoutBookingId: string;
     readonly status: CheckoutStatus;
     readonly expiresOn: Date;
     readonly items: CheckoutItemProjection[];

package/dist/projection/checkoutBooking/checkoutBooking.d.ts

@@ -1,5 +1,7 @@
+import { CheckoutStatus } from "../../domain/checkout/model/checkout";
 interface CheckoutBookingProjection {
     readonly id: string;
     readonly checkoutItemIds: string[];
+    readonly checkoutStatus: CheckoutStatus;
 }
 export type { CheckoutBookingProjection };

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

@@ -37,7 +37,7 @@ interface CheckoutItemProjection {
     readonly id: string;
     readonly status: CheckoutItemStatus;
     readonly price: PriceProjection;
-    readonly replacedFor?: string;
+    readonly replacedFor: CheckoutItemProductVariantProjection | null;
     readonly productVariant: CheckoutItemProductVariantProjection;
     readonly feedbacks: FeedbackProjection;
 }

package/dist/projection/pricing/pricing.d.ts

@@ -9,9 +9,9 @@ interface ServiceProjection {
 interface PricingProjection {
     readonly orderTotal: PriceProjection;
     readonly subtotal: PriceProjection;
-    readonly balanceDiscount?: PriceProjection;
-    readonly discount?: PriceProjection;
-    readonly discountPercentage?: number;
+    readonly balanceDiscount: PriceProjection;
+    readonly discount: PriceProjection;
+    readonly discountPercentage: number;
     readonly service: ServiceProjection;
 }
 export type { PricingProjection, ServiceProjection };

package/package.json

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

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.d.ts

@@ -1,13 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-interface BookFunction {
-    (): Promise<void>;
-}
-type UseBookCheckouBookingForCheckoutItem = [book: BookFunction, status: CommandStatus];
-interface UseBookCheckouBookingForCheckoutItemFunctionArgs {
-    readonly checkoutItemId: string;
-}
-interface UseBookCheckouBookingForCheckoutItemFunction {
-    (args: UseBookCheckouBookingForCheckoutItemFunctionArgs): UseBookCheckouBookingForCheckoutItem;
-}
-declare const useBookCheckouBookingForCheckoutItem: UseBookCheckouBookingForCheckoutItemFunction;
-export { useBookCheckouBookingForCheckoutItem };