@lookiero/checkout 0.4.5-beta.3 → 0.4.5-beta.5

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.d.ts

@@ -4,6 +4,7 @@ import { Edge } from "react-native-safe-area-context";
 type SafeAreaScrollViewStyle = "safeAreaView" | "scrollView";
 interface SafeAreaScrollViewProps {
     readonly children: ReactNode;
+    readonly footer?: ReactNode;
     readonly scrollerPaddingTop?: number;
     readonly edges?: Edge[];
     readonly style?: Partial<Record<SafeAreaScrollViewStyle, StyleProp<ViewStyle>>>;

package/dist/infrastructure/ui/components/templates/SafeAreaScrollView.js

@@ -1,17 +1,18 @@
 import React from "react";
-import { ScrollView } from "react-native";
+import { Platform, ScrollView } from "react-native";
 import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
 import { theme } from "../../theme/theme";
 const { spaceXXXL } = theme();
-const SafeAreaScrollView = ({ children, edges = ["top", "bottom", "left", "right"], style: customStyle, scrollerPaddingTop = 0, }) => {
+const SafeAreaScrollView = ({ children, footer, edges = ["top", "bottom", "left", "right"], style: customStyle, scrollerPaddingTop = 0, }) => {
     const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = useSafeAreaInsets();
     return (React.createElement(SafeAreaView, { edges: edges, style: customStyle?.safeAreaView },
         React.createElement(ScrollView, { contentContainerStyle: [
                 {
                     paddingTop: safeAreaInsetTop + scrollerPaddingTop,
-                    paddingBottom: safeAreaInsetBottom + spaceXXXL,
+                    paddingBottom: safeAreaInsetBottom + Platform.OS === "android" ? spaceXXXL : 0,
                 },
                 customStyle?.scrollView,
-            ] }, children)));
+            ] }, children),
+        footer));
 };
 export { SafeAreaScrollView };

package/dist/infrastructure/ui/views/header/Header.d.ts

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 interface MenuProps {
-    readonly visible: boolean;
+    readonly isVisible: boolean;
     readonly onClose: () => void;
 }
 type Menu = FC<MenuProps>;

package/dist/infrastructure/ui/views/header/Header.js

@@ -1,7 +1,7 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import React, { useCallback, useState } from "react";
-import { View } from "react-native";
+import { Platform, StatusBar, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { ButtonIcon } from "../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
@@ -84,7 +84,7 @@ const Header = ({ customerId, menu: Menu, style: customStyle }) => {
         header = React.createElement(DefaultHeader, { onOpenMenu: handleOnOpenMenu });
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, customStyle] }, header),
-        React.createElement(Menu, { visible: menuVisible, onClose: handleOnCloseMenu })));
+        React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, Platform.OS === "android" && { paddingTop: StatusBar.currentHeight }, customStyle] }, header),
+        React.createElement(Menu, { isVisible: menuVisible, onClose: handleOnCloseMenu })));
 };
 export { Header };

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

@@ -136,7 +136,7 @@ const Item = ({ customerId }) => {
     return (React.createElement(ReturnQuestionFeedbackProvider, { feedback: checkoutItem.feedbacks || {} },
         React.createElement(SizeWithoutStockModal, { visible: sizeWithoutStockModalVisible, onDismiss: handleOnHideSizeWithoutStockModal }),
         React.createElement(SizeChangeModal, { visible: sizeChangeModalVisible, onDismiss: handleOnHideSizeChangeModal }),
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, footer: !customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedProductsVariants?.productVariants || [], returnButtonLoading: returnCheckoutItemStatus === CommandStatus.LOADING, sizeSelectorDisabled: replaceCheckoutItemStatus === CommandStatus.LOADING, onKeep: handleOnKeep, onLayout: handleOnStickyLayout, onReplace: handleOnReplace, onReturn: handleOnReturn, onSizeSelectorPress: handleOnShowSizeWithoutStockModal })) },
             React.createElement(Body, null,
                 customerDecissionMade && (React.createElement(CustomerDecissionBanner, { checkoutItemStatus: checkoutItem.status, onPress: handleOnBannerPress })),
                 React.createElement(View, { style: [style.container, { paddingBottom: Platform.OS === "web" ? spaceXL : stickyHeight }] },
@@ -145,7 +145,6 @@ const Item = ({ customerId }) => {
                     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 })))))),
-        React.createElement(ReturnQuestionsForm, { checkoutItemPrice: checkoutItem.price, productVariant: checkoutItem.productVariant, returnQuestions: returnQuestions || [], visible: returnQuestionsVisible, onClose: handleOnHideReturnQuestions, onSubmit: handleOnSubmit }),
-        !customerDecissionMade && (React.createElement(ItemActions, { keepButtonLoading: keepCheckoutItemStatus === CommandStatus.LOADING, productVariantSelected: productVariantSelected, productVariants: bookedProductsVariants?.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/Summary.js

@@ -43,14 +43,12 @@ const Summary = ({ customerId }) => {
         dependenciesLoadedStatuses.includes(fiveItemsDiscountStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container } },
-            React.createElement(Body, { style: { row: { paddingBottom: pricingHeight || spaceXL } } },
-                fiveItemsDiscount !== 0 && React.createElement(FiveItemsDiscountBanner, { fiveItemsDiscount: fiveItemsDiscount }),
-                React.createElement(View, { style: style.content },
-                    React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
-                    React.createElement(Text, { level: 3, style: style.description, body: true }, descriptionText)),
-                React.createElement(CheckoutItemsTabs, { checkoutItemsKept: checkoutItemsKept || [], checkoutItemsReturned: checkoutItemsReturned || [], onPressItem: handleOnPressItem }))),
-        pricing && (React.createElement(StickyPricing, { collapsed: pricingCollapsed, pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined, onPress: handleOnPressPricing, onSubmit: handleOnSubmit }))));
+    return (React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0, style: { safeAreaView: style.container }, footer: pricing && (React.createElement(StickyPricing, { collapsed: pricingCollapsed, pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })) },
+        React.createElement(Body, { style: { row: { paddingBottom: pricingHeight || spaceXL } } },
+            fiveItemsDiscount !== 0 && React.createElement(FiveItemsDiscountBanner, { fiveItemsDiscount: fiveItemsDiscount }),
+            React.createElement(View, { style: style.content },
+                React.createElement(Text, { level: 3, style: style.title, heading: true }, titleText),
+                React.createElement(Text, { level: 3, style: style.description, body: true }, descriptionText)),
+            React.createElement(CheckoutItemsTabs, { checkoutItemsKept: checkoutItemsKept || [], checkoutItemsReturned: checkoutItemsReturned || [], onPressItem: handleOnPressItem }))));
 };
 export { Summary };

package/dist/shared/ui/components/layouts/sticky/Sticky.style.js

@@ -18,17 +18,11 @@ const style = StyleSheet.create({
         shadowRadius: elevationRadius,
         width: "100%",
         ...Platform.select({
-            web: {
-                position: "sticky",
-            },
-            ios: {
-                position: "absolute",
-            },
-            android: {
-                position: "absolute",
-            },
+            web: { position: "sticky" },
+            ios: { position: "absolute" },
+            android: { position: "absolute" },
         }),
-        zIndex: 1,
+        zIndex: 0,
     },
 });
 export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.4.5-beta.3",
+  "version": "0.4.5-beta.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -53,6 +53,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-native": "^0.70.6",
+    "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.9",
     "react-router-dom": "^6.4.5",
     "react-router-native": "^6.4.5"