@lookiero/checkout 3.0.0-beta.2 → 3.0.0-beta.5

package/dist/infrastructure/ui/components/layouts/layout/Layout.d.ts

@@ -1,5 +1,5 @@
-import { FC, ReactNode } from "react";
-import { LayoutChangeEvent, StyleProp, ViewStyle } from "react-native";
+import { FC, ReactNode, RefObject } from "react";
+import { LayoutChangeEvent, ScrollView, StyleProp, ViewStyle } from "react-native";
 interface LayoutStyle {
     readonly safeAreaView: StyleProp<ViewStyle>;
     readonly scrollView: StyleProp<ViewStyle>;
@@ -11,6 +11,8 @@ interface LayoutProps {
     readonly panel?: JSX.Element | null;
     readonly stickyHeader?: boolean;
     readonly stickyHeaderHiddenOnScroll?: boolean;
+    readonly scrollRef?: RefObject<ScrollView>;
+    readonly scrollEnabled?: boolean;
     readonly style?: Partial<LayoutStyle>;
     readonly onLayout?: (event: LayoutChangeEvent) => void;
 }

package/dist/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js

@@ -7,8 +7,8 @@ import { DefaultHeader } from "../../../templates/header/defaultHeader/DefaultHe
 import { Footer } from "../components/footer/Footer";
 import { Header } from "../components/header/Header";
 import { style } from "./DummyLayout.style";
-const DummyLayout = ({ children, header = React.createElement(DefaultHeader, null), footer = React.createElement(DefaultFooter, null), panel, style: customStyle, onLayout, }) => (React.createElement(SafeAreaView, { style: [style.safeAreaView, customStyle?.safeAreaView] },
-    React.createElement(ScrollView, { contentContainerStyle: [style.scrollView, customStyle?.scrollView], scrollEventThrottle: 16, showsVerticalScrollIndicator: false, stickyHeaderIndices: [0] },
+const DummyLayout = ({ children, header = React.createElement(DefaultHeader, null), footer = React.createElement(DefaultFooter, null), panel, style: customStyle, scrollEnabled, onLayout, }) => (React.createElement(SafeAreaView, { style: [style.safeAreaView, customStyle?.safeAreaView] },
+    React.createElement(ScrollView, { contentContainerStyle: [style.scrollView, customStyle?.scrollView], scrollEnabled: scrollEnabled, scrollEventThrottle: 16, showsVerticalScrollIndicator: false, stickyHeaderIndices: [0] },
         React.createElement(Header, null, header),
         panel,
         React.createElement(View, { style: style.children, onLayout: onLayout }, children)),

package/dist/infrastructure/ui/components/templates/header/Header.js

@@ -1,5 +1,9 @@
-import React from "react";
-import { View } from "react-native";
+import React, { useMemo } from "react";
+import { Platform, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
 import { style } from "./Header.style";
-const Header = ({ children, style: customStyle, ...props }) => (React.createElement(View, { ...props, style: [style.header, customStyle] }, children));
+const Header = ({ children, style: customStyle, ...props }) => {
+    const Component = useMemo(() => (Platform.OS === "android" ? SafeAreaView : View), []);
+    return (React.createElement(Component, { ...props, style: [style.header, customStyle] }, children));
+};
 export { Header };

package/dist/infrastructure/ui/components/templates/header/checkoutHeader/CheckoutHeader.js

@@ -1,23 +1,14 @@
 import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback } from "react";
-import { useNavigate } from "react-router-native";
+import React from "react";
 import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 import { I18nMessages } from "../../../../i18n/i18n";
-import { Routes } from "../../../../routing/routes";
-import { useBasePath } from "../../../../routing/useBasePath";
 import { Header } from "../Header";
 import { ButtonIconPlaceholder } from "../buttonIconPlaceholder/ButtonIconPlaceholder";
 const CheckoutHeader = ({ onBack }) => {
     const title = useI18nMessage({ id: I18nMessages.HEADER_COMPLETE_CHECKOUT_TITLE });
-    const basePath = useBasePath();
-    const navigate = useNavigate();
-    const handleOnBack = useCallback(() => {
-        onBack?.();
-        navigate(`${basePath}/${Routes.SUMMARY}`);
-    }, [basePath, navigate, onBack]);
     return (React.createElement(Header, { testID: "checkout-header" },
-        React.createElement(ButtonIcon, { name: "arrow-left", testID: "arrow-left-button-icon", onPress: handleOnBack }),
+        React.createElement(ButtonIcon, { name: "arrow-left", testID: "arrow-left-button-icon", onPress: onBack }),
         React.createElement(Text, { level: 3, detail: true, upperCase: true }, title),
         React.createElement(ButtonIconPlaceholder, null)));
 };

package/dist/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts

@@ -1,3 +1,6 @@
 import { FC } from "react";
-declare const DefaultHeader: FC;
+interface DefaultHeaderProps {
+    readonly onPressMenu?: () => void;
+}
+declare const DefaultHeader: FC<DefaultHeaderProps>;
 export { DefaultHeader };

package/dist/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js

@@ -4,8 +4,8 @@ import { Header } from "../Header";
 import { ButtonIconPlaceholder } from "../buttonIconPlaceholder/ButtonIconPlaceholder";
 import { Logo } from "../logo/Logo";
 import { style } from "./DefaultHeader.style";
-const DefaultHeader = () => (React.createElement(Header, { testID: "default-header" },
+const DefaultHeader = ({ onPressMenu }) => (React.createElement(Header, { testID: "default-header" },
     React.createElement(Logo, { style: style.logo }),
     React.createElement(ButtonIconPlaceholder, null),
-    React.createElement(ButtonIcon, { name: "menu", testID: "menu-button-icon", onPress: () => void 0 })));
+    React.createElement(ButtonIcon, { name: "menu", testID: "menu-button-icon", onPress: onPressMenu })));
 export { DefaultHeader };

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

@@ -45,11 +45,14 @@ const Checkout = ({ children, customerId, country, layout: Layout, useRedirect }
     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 trackPressBack = useTrackPressBack();
-    const handleOnBack = useCallback(() => trackPressBack({
-        page: TrackingPage.CHECKOUT,
-        country,
-        checkoutId: checkout?.id,
-    }), [checkout?.id, country, trackPressBack]);
+    const handleOnBack = useCallback(() => {
+        trackPressBack({
+            page: TrackingPage.CHECKOUT,
+            country,
+            checkoutId: checkout?.id,
+        });
+        navigate(`${basePath}/${Routes.SUMMARY}`);
+    }, [basePath, checkout?.id, country, navigate, trackPressBack]);
     const dependenciesLoadedStatuses = [QueryStatus.ERROR, QueryStatus.SUCCESS];
     const dependenciesLoaded = (dependenciesLoadedStatuses.includes(checkoutStatus) || checkout) &&
         dependenciesLoadedStatuses.includes(pricingStatus);

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

@@ -128,6 +128,7 @@ const Item = ({ customerId, country, layout: Layout }) => {
     const header = useMemo(() => itemDetailRouteMatch ? (React.createElement(ItemDetailHeader, { onBack: handleOnBack })) : (React.createElement(ItemHeader, { item: checkoutItem, items: checkout?.items, onNext: handleOnNext, onPrevious: handleOnPrevious })), [checkout?.items, checkoutItem, handleOnBack, handleOnNext, handleOnPrevious, itemDetailRouteMatch]);
     const [height, setHeight] = useState(0);
     const handleOnLayout = useCallback((event) => setHeight(event.nativeEvent.layout.height), []);
+    const itemWithoutCustomerDecission = checkoutItem.status === CheckoutItemStatus.INITIAL;
     const dependenciesLoaded = checkoutStatus !== QueryStatus.LOADING &&
         checkout &&
         checkoutItem &&
@@ -141,7 +142,7 @@ const Item = ({ customerId, country, layout: Layout }) => {
         return React.createElement(Spinner, null);
     }
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
-        React.createElement(Layout, { header: header, style: { scrollView: { height: checkoutItem.status === CheckoutItemStatus.INITIAL ? height : "auto" } }, onLayout: handleOnLayout }, checkoutItem.status === CheckoutItemStatus.INITIAL ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, onReturn: showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: showReturnQuestions }))),
+        React.createElement(Layout, { header: header, scrollEnabled: !itemWithoutCustomerDecission, style: { scrollView: { height: itemWithoutCustomerDecission ? height : "auto" } }, onLayout: handleOnLayout }, itemWithoutCustomerDecission ? (React.createElement(ItemWithoutCustomerDecission, { bookedProductsVariants: bookedProductsVariants, checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, onReturn: showReturnQuestions })) : (React.createElement(ItemWithCustomerDecission, { checkoutId: checkout.id, checkoutItem: checkoutItem, country: country, currentProductVariant: currentProductVariant, returnQuestions: returnQuestions, onEditFeedback: showReturnQuestions }))),
         React.createElement(ReturnQuestionsForm, { returnQuestions: returnQuestions, visible: returnQuestionsVisible, onClose: hideReturnQuestions, onSubmit: returnItem })));
 };
 export { Item };

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

@@ -85,7 +85,7 @@ const Summary = ({ customerId, country, layout: Layout }) => {
         dependenciesLoadedStatuses.includes(fiveItemsDiscountStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
-    return (React.createElement(Layout, { style: { scrollView: { height } }, onLayout: handleOnLayout },
+    return (React.createElement(Layout, { scrollEnabled: false, style: { scrollView: { height } }, onLayout: handleOnLayout },
         React.createElement(ScrollView, { showsVerticalScrollIndicator: false },
             React.createElement(Body, { style: { row: { paddingBottom: pricingHeight + spaceXXL } } },
                 fiveItemsDiscount !== 0 && React.createElement(FiveItemsDiscountBanner, { fiveItemsDiscount: fiveItemsDiscount }),

package/package.json

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