@lookiero/checkout 0.3.21 → 0.3.23

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lookiero/checkout",
-    "version": "0.3.21",
+    "version": "0.3.23",
     "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/domain/checkout/model/checkout.d.ts

@@ -12,7 +12,7 @@ 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/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/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/src/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/src/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/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/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/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/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/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.21",
+  "version": "0.3.23",
   "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"
   }
 }