@lookiero/checkout 0.3.20 → 0.3.22

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lookiero/checkout",
-    "version": "0.3.20",
+    "version": "0.3.22",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [
@@ -48,14 +48,14 @@
         "@lookiero/locale": "^0.3",
         "@lookiero/payments-front": "^0.16.5",
         "apollo-boost": "0.4.4",
-        "graphql": "14.5.8",
+        "graphql": "16.6.0",
         "graphql-tag": "2.12.6",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
-        "react-native": "^0.70.1",
+        "react-native": "^0.70.6",
         "react-native-web": "^0.18.9",
-        "react-router-dom": "^6.4.2",
-        "react-router-native": "^6.4.2"
+        "react-router-dom": "^6.4.5",
+        "react-router-native": "^6.4.5"
     },
     "devDependencies": {
         "@babel/core": "^7.19.1",
@@ -73,11 +73,11 @@
         "@testing-library/react-hooks": "^8.0.1",
         "@testing-library/react-native": "^11.0.0",
         "@trivago/prettier-plugin-sort-imports": "^3.3.0",
-        "@types/jest": "^29.2.3",
+        "@types/jest": "^29.2.4",
         "@types/react": "~18.0.0",
         "@types/react-dom": "~18.0.0",
         "@types/react-native": "~0.69.1",
-        "@types/uuid": "^8.3.4",
+        "@types/uuid": "^9.0.0",
         "apollo-boost": "0.4.4",
         "eslint": "^8.24.0",
         "eslint-config-prettier": "^8.5.0",
@@ -92,9 +92,9 @@
         "expo": "~46.0.8",
         "expo-modules-core": "^1.0.3",
         "expo-status-bar": "~1.4.0",
-        "graphql": "14.5.8",
+        "graphql": "16.6.0",
         "graphql-tag": "2.12.6",
-        "husky": "^8.0.1",
+        "husky": "^8.0.2",
         "jest": "^29.3.1",
         "jest-expo": "^46.0.1",
         "jest-fetch-mock": "^3.0.3",
@@ -104,14 +104,14 @@
         "prettier": "^2.7.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
-        "react-native": "^0.70.1",
+        "react-native": "^0.70.6",
         "react-native-get-random-values": "^1.8.0",
         "react-native-unimodules": "^0.14.10",
         "react-native-web": "^0.18.9",
-        "react-router-dom": "^6.4.2",
-        "react-router-native": "^6.4.2",
+        "react-router-dom": "^6.4.5",
+        "react-router-native": "^6.4.5",
         "react-test-renderer": "^18.0.0",
         "typescript": "^4.9.3",
-        "webpack-bundle-analyzer": "^4.6.1"
+        "webpack-bundle-analyzer": "^4.7.0"
     }
 }

package/dist/src/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/src/infrastructure/delivery/baseBootstrap.js

@@ -18,6 +18,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 +26,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,6 +59,9 @@ 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,

package/dist/src/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, authToken }) => {
         uiSettingByKeyView: storageUiSettingByKeyView({ read }),
         checkoutItemByIdView: httpCheckoutItemByIdView({ httpPost }),
         returnQuestionsByCheckoutItemIdView: httpReturnQuestionsByCheckoutItemIdView({ httpPost }),
+        checkoutBookingByIdView: httpCheckoutBookingByIdView({ httpPost }),
         bookedSizeChangeProductsVariantsForCheckoutItemView: httpBookedSizeChangeProductsVariantsForCheckoutItemView({
             httpPost,
         }),

package/dist/src/infrastructure/delivery/mock/dataSourceCheckoutFeedbacks.js

@@ -1,18 +1,16 @@
 import invariant from "tiny-invariant";
-import { viewCheckoutFeedbackById, } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackById";
+import { v4 as uuid } from "uuid";
+import { viewCheckoutFeedbackByCheckoutId, } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId";
 const toCheckoutFeedbackDomain = (checkoutFeedback) => {
     invariant(checkoutFeedback, "No checkoutFeedback found!");
     return {
-        aggregateId: checkoutFeedback.id,
-        feedbacks: checkoutFeedback.feedbacks,
+        aggregateId: uuid(),
+        feedbacks: checkoutFeedback,
         domainEvents: [],
     };
 };
-const toCheckoutFeedbackProjection = (checkoutFeedback) => ({
-    id: checkoutFeedback.aggregateId,
-    feedbacks: checkoutFeedback.feedbacks,
-});
-const getCheckoutFeedback = ({ queryBus }) => async (aggregateId) => toCheckoutFeedbackDomain(await queryBus(viewCheckoutFeedbackById({ checkoutFeedbackId: aggregateId })));
+const toCheckoutFeedbackProjection = (checkoutFeedback) => checkoutFeedback.feedbacks;
+const getCheckoutFeedback = ({ queryBus }) => async (aggregateId) => toCheckoutFeedbackDomain(await queryBus(viewCheckoutFeedbackByCheckoutId({ checkoutId: aggregateId })));
 const saveCheckoutFeedback = ({ dataSource }) => async (aggregateRoot) => {
     dataSource.saveCheckoutFeedback(toCheckoutFeedbackProjection(aggregateRoot));
 };

package/dist/src/infrastructure/domain/checkoutFeedback/model/httpCheckoutFeedbacks.js

@@ -1,14 +1,15 @@
 import invariant from "tiny-invariant";
-import { viewCheckoutFeedbackById, } from "../../../../projection/checkoutFeedback/viewCheckoutFeedbackById";
+import { v4 as uuid } from "uuid";
+import { viewCheckoutFeedbackByCheckoutId, } from "../../../../projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId";
 import { httpCheckoutFeedbacksGive } from "./httpCheckoutFeedbacksGive";
 const toDomain = (checkoutFeedback) => {
     invariant(checkoutFeedback, "Not checkoutFeedback found!");
     return {
-        aggregateId: checkoutFeedback.id,
-        feedbacks: checkoutFeedback.feedbacks,
+        aggregateId: uuid(),
+        feedbacks: checkoutFeedback,
         domainEvents: [],
     };
 };
-const getCheckoutFeedback = ({ queryBus }) => async (aggregateId) => toDomain(await queryBus(viewCheckoutFeedbackById({ checkoutFeedbackId: aggregateId })));
+const getCheckoutFeedback = ({ queryBus }) => async (aggregateId) => toDomain(await queryBus(viewCheckoutFeedbackByCheckoutId({ checkoutId: aggregateId })));
 const saveCheckoutFeedback = ({ httpPost }) => async (aggregateRoot) => await httpCheckoutFeedbacksGive({ httpPost })(aggregateRoot);
 export { getCheckoutFeedback, saveCheckoutFeedback };

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.d.ts

@@ -0,0 +1,12 @@
+import { CheckoutFeedbackByCheckoutIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId";
+import { HttpPostFunction } from "../../delivery/http/httpClient";
+interface HttpCheckoutFeebackByCheckoutIdView extends CheckoutFeedbackByCheckoutIdView {
+}
+interface HttpCheckoutFeebackByCheckoutIdViewFunctionArgs {
+    readonly httpPost: HttpPostFunction;
+}
+interface HttpCheckoutFeebackByCheckoutIdViewFunction {
+    (args: HttpCheckoutFeebackByCheckoutIdViewFunctionArgs): HttpCheckoutFeebackByCheckoutIdView;
+}
+declare const httpCheckoutFeebackByCheckoutIdView: HttpCheckoutFeebackByCheckoutIdViewFunction;
+export { httpCheckoutFeebackByCheckoutIdView };

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.js

@@ -0,0 +1,9 @@
+const httpCheckoutFeebackByCheckoutIdView = ({ httpPost }) => async ({ checkoutId, signal }) => {
+    const response = await httpPost({
+        endpoint: "/view-checkout-feedback-by-checkout-id",
+        body: { checkoutId },
+        signal,
+    });
+    return !response.ok || response.status === 404 ? null : (await response.json()).result;
+};
+export { httpCheckoutFeebackByCheckoutIdView };

package/dist/src/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/src/infrastructure/ui/components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from "react";
-import { FeedbackProjection } from "../../../../../../projection/checkoutFeedback/feedback";
+import { CheckoutFeedbackProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
 interface OnChangeCheckoutQuestionFeedbackFunctionArgs {
     readonly checkoutQuestionId: string;
     readonly checkoutQuestionFeedback: string | undefined;
@@ -8,7 +8,7 @@ interface OnChangeCheckoutQuestionFeedbackFunction {
     (args: OnChangeCheckoutQuestionFeedbackFunctionArgs): void;
 }
 interface CheckoutQuestionFeedbackContextProviderProps {
-    readonly feedback: FeedbackProjection | undefined;
+    readonly feedback: CheckoutFeedbackProjection | undefined;
     readonly children: ReactNode;
 }
 declare const CheckoutQuestionFeedbackProvider: FC<CheckoutQuestionFeedbackContextProviderProps>;
@@ -23,7 +23,7 @@ interface UseCheckoutQuestionFeedbackForIdFunction {
 }
 declare const useCheckoutQuestionFeedbackForId: UseCheckoutQuestionFeedbackForIdFunction;
 interface UseCheckoutQuestionFeedbackFunction {
-    (): FeedbackProjection;
+    (): CheckoutFeedbackProjection;
 }
 declare const useCheckoutQuestionFeedback: UseCheckoutQuestionFeedbackFunction;
 export { useCheckoutQuestionFeedbackForId, useCheckoutQuestionFeedback, CheckoutQuestionFeedbackProvider };

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

@@ -23,7 +23,7 @@ const CheckoutMiddleware = ({ customerId, loader = React.createElement(Spinner,
     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;
     }
@@ -54,7 +54,6 @@ 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);
             return (React.createElement(Navigate, { to: generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }), replace: true }));
         }
         /* Navigate to the summary if required */

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.d.ts

@@ -1,10 +1,10 @@
 import { FC } from "react";
-import { FeedbackProjection } from "../../../../../../projection/checkoutFeedback/feedback";
+import { CheckoutFeedbackProjection } from "../../../../../../projection/checkoutFeedback/checkoutFeedback";
 import { CheckoutQuestionProjection } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
 interface CheckoutQuestionsFormProps {
     readonly checkoutQuestions: CheckoutQuestionProjection[];
     readonly submitButtonDisabled: boolean;
-    readonly onSubmit: (feedback: FeedbackProjection) => void;
+    readonly onSubmit: (feedback: CheckoutFeedbackProjection) => void;
 }
 declare const CheckoutQuestionsForm: FC<CheckoutQuestionsFormProps>;
 export { CheckoutQuestionsForm };

package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js

@@ -1,6 +1,6 @@
 import { Button } from "@lookiero/aurora-next/build/components/atoms/Button/Button";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 import { CheckoutQuestionType, } from "../../../../../../projection/checkoutQuestion/checkoutQuestion";
 import { CheckoutQuestions } from "../../../../components/organisms/checkoutQuestions/CheckoutQuestions";
 import { useCheckoutQuestionFeedback } from "../../../../components/organisms/checkoutQuestions/behaviors/useCheckoutQuestionFeedback";
@@ -24,9 +24,14 @@ const CheckoutQuestionsForm = ({ checkoutQuestions, submitButtonDisabled, onSubm
     const buttonText = useI18nMessage({ id: I18nMessages.FEEDBACK_BUTTON });
     const feedback = useCheckoutQuestionFeedback();
     const handlePress = useCallback(() => onSubmit(feedback), [feedback, onSubmit]);
+    const filteredCheckoutQuestions = useMemo(() => {
+        const responses = Object.values(feedback);
+        return checkoutQuestions.filter((checkoutQuestion) => checkoutQuestion.showCondition.length === 0 ||
+            checkoutQuestion.showCondition.every((condition) => responses.includes(condition)));
+    }, [checkoutQuestions, feedback]);
     return (React.createElement(React.Fragment, null,
         React.createElement(CheckoutQuestionItemProvider, { checkoutQuestionItems: checkoutQuestionItems },
-            React.createElement(CheckoutQuestions, { checkoutQuestions: checkoutQuestions })),
+            React.createElement(CheckoutQuestions, { checkoutQuestions: filteredCheckoutQuestions })),
         React.createElement(Button, { busy: submitButtonDisabled, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore

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

@@ -1,7 +1,7 @@
 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";
@@ -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,14 +30,48 @@ 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 basePath = useBasePath();
+    const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
+    const firstItemWithoutCustomerDecision = checkout?.items.find((item) => [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status));
+    const navigate = useNavigate();
+    const navigateToNextItem = useCallback(() => {
+        if (itemRouteMatch && firstItemWithoutCustomerDecision) {
+            navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: firstItemWithoutCustomerDecision.id }));
+        }
+    }, [basePath, firstItemWithoutCustomerDecision, itemRouteMatch, navigate]);
+    const [customerDecissionMade, setCustomerDecissionMade] = useState(false);
     const handleOnBannerPress = useCallback(() => setCustomerDecissionMade(!customerDecissionMade), [customerDecissionMade]);
+    useEffect(() => {
+        setCustomerDecissionMade(checkoutItem.status === CheckoutItemStatus.INITIAL || checkoutItem.status === CheckoutItemStatus.EXPIRED);
+    }, [checkoutItem]);
+    const [keepCheckoutItem, keepCheckoutItemStatus] = useKeepCheckoutItem({ checkoutItemId: checkoutItem.id });
+    const [returnCheckoutItem, returnCheckoutItemStatus] = useReturnCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
+    const [replaceCheckoutItem, replaceCheckoutItemStatus] = useReplaceCheckoutItem({
+        checkoutItemId: checkoutItem.id,
+    });
+    useEffect(() => {
+        if (keepCheckoutItemStatus === CommandStatus.SUCCESS) {
+            navigateToNextItem();
+        }
+    }, [keepCheckoutItemStatus, navigateToNextItem]);
+    useEffect(() => {
+        if (returnCheckoutItemStatus === CommandStatus.SUCCESS) {
+            navigateToNextItem();
+        }
+    }, [returnCheckoutItemStatus, navigateToNextItem]);
     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) {
+            navigateToNextItem();
+        }
+    }, [navigateToNextItem, replaceCheckoutItemStatus]);
     const [bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariantsStatus] = useViewBookedSizeChangeProductsVariantsForCheckoutItem({
         checkoutItemId: checkoutItem.id,
     });
@@ -44,17 +80,10 @@ const Item = ({ customerId }) => {
     });
     useEffect(() => {
         bookedSizeChangeProductsVariants === null && bookCheckouBooking();
-    }, [bookCheckouBooking, bookedSizeChangeProductsVariants, bookedSizeChangeProductsVariants?.bookingId]);
+    }, [bookCheckouBooking, bookedSizeChangeProductsVariants]);
     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);
@@ -70,17 +99,18 @@ const Item = ({ customerId }) => {
         replaceCheckoutItem({ replacedFor });
     }, [handleOnShowSizeChangeModal, replaceCheckoutItem]);
     const handleOnReturn = useCallback(() => handleOnShowReturnQuestions(), [handleOnShowReturnQuestions]);
-    const productVariantSelected = useMemo(() => checkoutItem.replacedFor
+    const productVariantSelected = useMemo(() => checkoutItem.status === CheckoutItemStatus.REPLACED && 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,
+        checkoutItem.status,
     ]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = dependenciesLoadedStatuses.includes(returnQuestionsStatus) &&
-        dependenciesLoadedStatuses.includes(checkoutStatus) &&
+        (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
         dependenciesLoadedStatuses.includes(bookedSizeChangeProductsVariantsStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);

package/dist/src/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/src/projection/checkoutFeedback/checkoutFeedback.d.ts

@@ -1,6 +1,3 @@
-import { FeedbackProjection } from "./feedback";
-interface CheckoutFeedbackProjection {
-    readonly id: string;
-    readonly feedbacks: FeedbackProjection;
-}
+import { FeedbackProjection } from "../feedback/feedback";
+type CheckoutFeedbackProjection = FeedbackProjection;
 export type { CheckoutFeedbackProjection };

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.d.ts

@@ -0,0 +1,25 @@
+import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
+import { CheckoutFeedbackProjection } from "./checkoutFeedback";
+declare const VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID = "view_checkout_feedback_by_checkout_id";
+interface ViewCheckoutFeedbackByCheckoutIdPayload {
+    readonly checkoutId: string;
+}
+interface ViewCheckoutFeedbackByCheckoutId extends Query<typeof VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID>, ViewCheckoutFeedbackByCheckoutIdPayload {
+}
+interface ViewCheckoutFeedbackByCheckoutIdFunction {
+    (payload: ViewCheckoutFeedbackByCheckoutIdPayload): ViewCheckoutFeedbackByCheckoutId;
+}
+declare const viewCheckoutFeedbackByCheckoutId: ViewCheckoutFeedbackByCheckoutIdFunction;
+type ViewCheckoutFeedbackByCheckoutIdResult = CheckoutFeedbackProjection | null;
+interface CheckoutFeedbackByCheckoutIdViewArgs extends CancelableQueryViewArgs {
+    readonly checkoutId: string;
+}
+interface CheckoutFeedbackByCheckoutIdView {
+    (args: CheckoutFeedbackByCheckoutIdViewArgs): Promise<ViewCheckoutFeedbackByCheckoutIdResult>;
+}
+interface ViewCheckoutFeedbackByCheckoutIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
+    readonly view: CheckoutFeedbackByCheckoutIdView;
+}
+declare const viewCheckoutFeedbackByCheckoutIdHandler: QueryHandlerFunction<ViewCheckoutFeedbackByCheckoutId, ViewCheckoutFeedbackByCheckoutIdResult, ViewCheckoutFeedbackByCheckoutIdHandlerFunctionArgs>;
+export type { ViewCheckoutFeedbackByCheckoutId, CheckoutFeedbackByCheckoutIdView, ViewCheckoutFeedbackByCheckoutIdResult, };
+export { VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID, viewCheckoutFeedbackByCheckoutId, viewCheckoutFeedbackByCheckoutIdHandler, };

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.js

@@ -0,0 +1,8 @@
+import { query, } from "@lookiero/messaging";
+const VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID = "view_checkout_feedback_by_checkout_id";
+const viewCheckoutFeedbackByCheckoutId = (payload) => ({
+    ...query({ name: VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID }),
+    ...payload,
+});
+const viewCheckoutFeedbackByCheckoutIdHandler = ({ view, signal }) => async ({ checkoutId }) => view({ checkoutId, signal });
+export { VIEW_CHECKOUT_FEEDBACK_BY_CHECKOUT_ID, viewCheckoutFeedbackByCheckoutId, viewCheckoutFeedbackByCheckoutIdHandler, };

package/dist/src/projection/checkoutQuestion/checkoutQuestion.d.ts

@@ -12,7 +12,7 @@ interface CheckoutQuestionProjection {
     readonly placeholder: string;
     readonly type: CheckoutQuestionType;
     readonly children?: CheckoutQuestionProjection[];
-    readonly showCondition?: string[];
+    readonly showCondition: string[];
 }
 export { CheckoutQuestionType };
 export type { CheckoutQuestionProjection };

package/dist/src/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.3.20",
+  "version": "0.3.22",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -48,14 +48,14 @@
     "@lookiero/locale": "^0.3",
     "@lookiero/payments-front": "^0.16.5",
     "apollo-boost": "0.4.4",
-    "graphql": "14.5.8",
+    "graphql": "16.6.0",
     "graphql-tag": "2.12.6",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-native": "^0.70.1",
+    "react-native": "^0.70.6",
     "react-native-web": "^0.18.9",
-    "react-router-dom": "^6.4.2",
-    "react-router-native": "^6.4.2"
+    "react-router-dom": "^6.4.5",
+    "react-router-native": "^6.4.5"
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
@@ -73,11 +73,11 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^11.0.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",
-    "@types/jest": "^29.2.3",
+    "@types/jest": "^29.2.4",
     "@types/react": "~18.0.0",
     "@types/react-dom": "~18.0.0",
     "@types/react-native": "~0.69.1",
-    "@types/uuid": "^8.3.4",
+    "@types/uuid": "^9.0.0",
     "apollo-boost": "0.4.4",
     "eslint": "^8.24.0",
     "eslint-config-prettier": "^8.5.0",
@@ -92,9 +92,9 @@
     "expo": "~46.0.8",
     "expo-modules-core": "^1.0.3",
     "expo-status-bar": "~1.4.0",
-    "graphql": "14.5.8",
+    "graphql": "16.6.0",
     "graphql-tag": "2.12.6",
-    "husky": "^8.0.1",
+    "husky": "^8.0.2",
     "jest": "^29.3.1",
     "jest-expo": "^46.0.1",
     "jest-fetch-mock": "^3.0.3",
@@ -104,14 +104,14 @@
     "prettier": "^2.7.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-native": "^0.70.1",
+    "react-native": "^0.70.6",
     "react-native-get-random-values": "^1.8.0",
     "react-native-unimodules": "^0.14.10",
     "react-native-web": "^0.18.9",
-    "react-router-dom": "^6.4.2",
-    "react-router-native": "^6.4.2",
+    "react-router-dom": "^6.4.5",
+    "react-router-native": "^6.4.5",
     "react-test-renderer": "^18.0.0",
     "typescript": "^4.9.3",
-    "webpack-bundle-analyzer": "^4.6.1"
+    "webpack-bundle-analyzer": "^4.7.0"
   }
 }

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByIdView.d.ts

@@ -1,12 +0,0 @@
-import { CheckoutFeedbackByIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackById";
-import { HttpPostFunction } from "../../delivery/http/httpClient";
-interface HttpCheckoutFeebackByIdView extends CheckoutFeedbackByIdView {
-}
-interface HttpCheckoutFeebackByIdViewFunctionArgs {
-    readonly httpPost: HttpPostFunction;
-}
-interface HttpCheckoutFeebackByIdViewFunction {
-    (args: HttpCheckoutFeebackByIdViewFunctionArgs): HttpCheckoutFeebackByIdView;
-}
-declare const httpCheckoutFeebackByIdView: HttpCheckoutFeebackByIdViewFunction;
-export { httpCheckoutFeebackByIdView };

package/dist/src/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByIdView.js

@@ -1,9 +0,0 @@
-const httpCheckoutFeebackByIdView = ({ httpPost }) => async ({ checkoutFeedbackId, signal }) => {
-    const response = await httpPost({
-        endpoint: "/view-checkout-feedback-by-id",
-        body: { checkoutFeedbackId },
-        signal,
-    });
-    return !response.ok || response.status === 404 ? null : (await response.json()).result;
-};
-export { httpCheckoutFeebackByIdView };

package/dist/src/projection/checkoutFeedback/feedback.d.ts

@@ -1,3 +0,0 @@
-type CheckoutQuestionId = string;
-type FeedbackProjection = Record<CheckoutQuestionId, CheckoutQuestionId | string>;
-export type { FeedbackProjection };

package/dist/src/projection/checkoutFeedback/feedback.js

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

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackById.d.ts

@@ -1,25 +0,0 @@
-import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-import { CheckoutFeedbackProjection } from "./checkoutFeedback";
-declare const VIEW_CHECKOUT_FEEDBACK_BY_ID = "view_checkout_feedback_by_id";
-interface ViewCheckoutFeedbackByIdPayload {
-    readonly checkoutFeedbackId: string;
-}
-interface ViewCheckoutFeedbackById extends Query<typeof VIEW_CHECKOUT_FEEDBACK_BY_ID>, ViewCheckoutFeedbackByIdPayload {
-}
-interface ViewCheckoutFeedbackByIdFunction {
-    (payload: ViewCheckoutFeedbackByIdPayload): ViewCheckoutFeedbackById;
-}
-declare const viewCheckoutFeedbackById: ViewCheckoutFeedbackByIdFunction;
-type ViewCheckoutFeedbackByIdResult = CheckoutFeedbackProjection | null;
-interface CheckoutFeedbackByIdViewArgs extends CancelableQueryViewArgs {
-    readonly checkoutFeedbackId: string;
-}
-interface CheckoutFeedbackByIdView {
-    (args: CheckoutFeedbackByIdViewArgs): Promise<ViewCheckoutFeedbackByIdResult>;
-}
-interface ViewCheckoutFeedbackByIdHandlerFunctionArgs extends QueryHandlerFunctionArgs {
-    readonly view: CheckoutFeedbackByIdView;
-}
-declare const viewCheckoutFeedbackByIdHandler: QueryHandlerFunction<ViewCheckoutFeedbackById, ViewCheckoutFeedbackByIdResult, ViewCheckoutFeedbackByIdHandlerFunctionArgs>;
-export type { ViewCheckoutFeedbackById, CheckoutFeedbackByIdView, ViewCheckoutFeedbackByIdResult };
-export { VIEW_CHECKOUT_FEEDBACK_BY_ID, viewCheckoutFeedbackById, viewCheckoutFeedbackByIdHandler };

package/dist/src/projection/checkoutFeedback/viewCheckoutFeedbackById.js

@@ -1,8 +0,0 @@
-import { query, } from "@lookiero/messaging";
-const VIEW_CHECKOUT_FEEDBACK_BY_ID = "view_checkout_feedback_by_id";
-const viewCheckoutFeedbackById = (payload) => ({
-    ...query({ name: VIEW_CHECKOUT_FEEDBACK_BY_ID }),
-    ...payload,
-});
-const viewCheckoutFeedbackByIdHandler = ({ view, signal }) => async ({ checkoutFeedbackId }) => view({ checkoutFeedbackId, signal });
-export { VIEW_CHECKOUT_FEEDBACK_BY_ID, viewCheckoutFeedbackById, viewCheckoutFeedbackByIdHandler };