@lookiero/checkout 0.4.6-beta.3 → 0.4.6

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

@@ -4,7 +4,6 @@ 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,18 +1,16 @@
 import React from "react";
-import { Platform, ScrollView } from "react-native";
+import { ScrollView } from "react-native";
 import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
-import { theme } from "../../theme/theme";
-const { spaceXXXL } = theme();
-const SafeAreaScrollView = ({ children, footer, edges = ["top", "bottom", "left", "right"], style: customStyle, scrollerPaddingTop = 0, }) => {
+const SafeAreaScrollView = ({ children, 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: [
                 {
+                    // Why did we set this??
                     paddingTop: safeAreaInsetTop + scrollerPaddingTop,
-                    paddingBottom: safeAreaInsetBottom + (Platform.OS === "android" ? spaceXXXL : 0),
+                    paddingBottom: safeAreaInsetBottom,
                 },
                 customStyle?.scrollView,
-            ] }, children),
-        footer));
+            ] }, children)));
 };
 export { SafeAreaScrollView };

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

@@ -38,7 +38,7 @@ const Checkout = ({ children, customerId, useRedirect }) => {
     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 },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 hasReplacedCheckoutItem && (React.createElement(View, { style: style.deliveryBannerContainer },
                     React.createElement(DeliveryBanner, null))),

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

@@ -30,7 +30,7 @@ const Feedback = ({ customerId }) => {
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
     return (React.createElement(CheckoutQuestionFeedbackProvider, { feedback: {} },
-        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" || Platform.OS === "android" ? HEADER_HEIGHT : 0 },
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
             React.createElement(Body, { style: { column: style.bodyColumn } },
                 React.createElement(CheckoutQuestionsForm, { checkoutQuestions: checkoutQuestions || [], submitButtonDisabled: giveCheckoutFeedbackStatus === CommandStatus.LOADING, onSubmit: handleOnSubmit })))));
 };

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 isVisible: boolean;
+    readonly visible: boolean;
     readonly onClose: () => void;
 }
 type Menu = FC<MenuProps>;

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

@@ -1,8 +1,9 @@
 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 { SafeAreaView } from "react-native-safe-area-context";
+import { View } from "react-native";
+import { SafeAreaView, // useSafeAreaInsets
+ } from "react-native-safe-area-context";
 import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
 import { ButtonIcon } from "../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
@@ -83,12 +84,8 @@ const Header = ({ customerId, menu: Menu, style: customStyle }) => {
     else {
         header = React.createElement(DefaultHeader, { onOpenMenu: handleOnOpenMenu });
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaView, { edges: ["top"], style: [
-                style.container,
-                // Platform.OS === "android" && { paddingTop: StatusBar.currentHeight },
-                customStyle,
-            ] }, header),
-        React.createElement(Menu, { isVisible: menuVisible, onClose: handleOnCloseMenu })));
+    return (React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, customStyle] },
+        header,
+        React.createElement(Menu, { visible: 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, 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(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? HEADER_HEIGHT : 0 },
             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,6 +145,7 @@ 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 })))))),
+        !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/item/components/productVariant/ProductVariant.js

@@ -8,9 +8,7 @@ import { ButtonIcon } from "../../../../../../shared/ui/components/molecules/but
 import { Price } from "../../../../components/atoms/price/Price";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
 import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
-import { theme } from "../../../../theme/theme";
 import { IMAGE_WIDTH, style } from "./ProductVariant.style";
-const { colorContent } = theme();
 const ProductVariant = ({ media, brand, name, price, size, color, status, discarded, style: customStyle, onPress, }) => {
     const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
     const colorLabel = useI18nMessage({ id: color.label, prefix: COLOR_I18N_PREFIX });
@@ -25,7 +23,7 @@ const ProductVariant = ({ media, brand, name, price, size, color, status, discar
                             width: IMAGE_WIDTH,
                         }),
                     } }),
-                discarded && (React.createElement(Svg, { preserveAspectRatio: "none", stroke: colorContent, style: style.discarded, testID: "discarded", viewBox: "0 0 100 100" },
+                discarded && (React.createElement(Svg, { preserveAspectRatio: "none", style: style.discarded, testID: "discarded", viewBox: "0 0 100 100" },
                     React.createElement(Line, { vectorEffect: "non-scaling-stroke", x1: "100", x2: "0", y1: "0", y2: "100" })))),
             React.createElement(View, { style: style.descriptionContainer },
                 React.createElement(View, null,

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.style.d.ts

@@ -15,6 +15,7 @@ declare const style: {
         height: string;
         left: number;
         position: "absolute";
+        stroke: string;
         top: number;
         width: string;
         zIndex: number;

package/dist/infrastructure/ui/views/item/components/productVariant/ProductVariant.style.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { borderSize, colorGrayscaleL, colorInfo, spaceXS, spaceS, spaceM } = theme();
+const { borderSize, colorContent, colorGrayscaleL, colorInfo, spaceXS, spaceS, spaceM } = theme();
 const IMAGE_WIDTH = 96;
 const IMAGE_HEIGHT = 120;
 const style = StyleSheet.create({
@@ -19,6 +19,7 @@ const style = StyleSheet.create({
         height: "100%",
         left: 0,
         position: "absolute",
+        stroke: colorContent,
         top: 0,
         width: "100%",
         zIndex: 10,

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

@@ -1,15 +1,11 @@
 import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useMemo, useState } from "react";
 import { Platform, View } from "react-native";
 import { generatePath, useNavigate } from "react-router-native";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
-import { useCreateNotification } from "../../../../shared/notifications";
-import { NotificationLevel } from "../../../../shared/notifications/domain/notification/model/notification";
 import { Spinner } from "../../../../shared/ui/components/atoms/spinner/Spinner";
-import { Toast, ToastVariant } from "../../../../shared/ui/components/molecules/toast/Toast";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
 import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
@@ -28,11 +24,6 @@ const { spaceXL } = theme();
 const Summary = ({ customerId }) => {
     const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
-    const [create] = useCreateNotification({ contextId: MESSAGING_CONTEXT_ID });
-    useEffect(() => {
-        const i = setInterval(() => create({ bodyI18nKey: "Notification body", level: NotificationLevel.ERROR }), 10000);
-        return () => clearInterval(i);
-    }, [create]);
     const [pricingHeight, setPricingHeight] = useState(0);
     const handleOnPricingLayout = useCallback(({ height }) => setPricingHeight(height), []);
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -52,13 +43,14 @@ const Summary = ({ customerId }) => {
         dependenciesLoadedStatuses.includes(fiveItemsDiscountStatus);
     if (!dependenciesLoaded)
         return React.createElement(Spinner, null);
-    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(Toast, { body: "Toast body", title: "Toast title", variant: ToastVariant.ERROR, onClose: () => void 0 }),
-                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 }))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SafeAreaScrollView, { scrollerPaddingTop: Platform.OS === "web" ? 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 }))));
 };
 export { Summary };

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

@@ -6,11 +6,9 @@ import React from "react";
 import { Pressable, View } from "react-native";
 import { Price } from "../../../../components/atoms/price/Price";
 import { I18nMessages } from "../../../../i18n/i18n";
-import { theme } from "../../../../theme/theme";
 import { style } from "./Pricing.style";
 import { ArrowDown } from "./icons/ArrowDown";
 import { ArrowUp } from "./icons/ArrowUp";
-const { colorGrayscaleS } = theme();
 const PS_SERVICE_FREE_INDICATOR = 100;
 const Row = ({ text, level = 3, children }) => (React.createElement(View, { style: style.row },
     React.createElement(Text, { level: level, style: style.uppercase, action: true }, text),
@@ -34,7 +32,7 @@ const Pricing = ({ orderTotal, subtotal, balanceDiscount, discount, discountPerc
     const collapsedStyle = useSpring({ opacitiy: collapsed ? 1 : 0 });
     const notCollapsedStyle = useSpring({ opacitiy: collapsed ? 0 : 1 });
     return (React.createElement(Pressable, { testID: "pricing", onPress: collapsible ? onPress : null },
-        collapsible && (React.createElement(View, { style: style.iconContainer }, collapsed ? (React.createElement(ArrowUp, { stroke: colorGrayscaleS, style: style.icon, testID: "arrow-up" })) : (React.createElement(ArrowDown, { stroke: colorGrayscaleS, style: style.icon, testID: "arrow-down" })))),
+        collapsible && (React.createElement(View, { style: style.iconContainer }, collapsed ? (React.createElement(ArrowUp, { style: style.icon, testID: "arrow-up" })) : (React.createElement(ArrowDown, { style: style.icon, testID: "arrow-down" })))),
         collapsed && collapsible ? (React.createElement(animated.View, { style: [style.collapsed, { opacity: collapsedStyle.opacitiy }] },
             React.createElement(View, null,
                 React.createElement(Text, { level: 1, style: style.totalCollapsed, detail: true },

package/dist/infrastructure/ui/views/summary/components/pricing/Pricing.style.d.ts

@@ -10,6 +10,7 @@ declare const style: {
     };
     icon: {
         height: number;
+        stroke: string;
         width: number;
     };
     iconContainer: {

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

@@ -1,6 +1,6 @@
 import { StyleSheet } from "react-native";
 import { theme } from "../../../../theme/theme";
-const { colorContent, spaceXS, spaceL } = theme();
+const { colorContent, colorGrayscaleS, spaceXS, spaceL } = theme();
 const style = StyleSheet.create({
     collapsed: {
         flexDirection: "row",
@@ -13,6 +13,7 @@ const style = StyleSheet.create({
     },
     icon: {
         height: 10,
+        stroke: colorGrayscaleS,
         width: 58,
     },
     iconContainer: {

package/dist/shared/notifications/infrastructure/ui/components/NotificationItem.js

@@ -16,8 +16,8 @@ const NotificationItem = ({ notification, onRemove, autoHideTimeout, testID = "n
         if (!autoHideTimeout) {
             return;
         }
-        // const hideTimeout = setTimeout(handleOnClose, autoHideTimeout);
-        // return () => clearTimeout(hideTimeout);
+        const hideTimeout = setTimeout(handleOnClose, autoHideTimeout);
+        return () => clearTimeout(hideTimeout);
     }, [autoHideTimeout, handleOnClose]);
     return (React.createElement(Toast, { body: body, style: customStyle, testID: testID, title: title, variant: toastVariantForNotificationLevel[notification.level], onClose: handleOnClose }));
 };

package/dist/shared/notifications/infrastructure/ui/components/Notifications.style.d.ts

@@ -1,20 +1,17 @@
 import { StyleSheet } from "react-native";
 declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
     notifications: {
-        flexDirection: "column";
         top: number;
         width: string;
         zIndex: number;
         left: number;
     } | {
-        flexDirection: "column";
         top: number;
         width: string;
         zIndex: number;
-        position: "fixed";
+        position: "sticky";
         left: number;
     } | {
-        flexDirection: "column";
         top: number;
         width: string;
         zIndex: number;

package/dist/shared/notifications/infrastructure/ui/components/Notifications.style.js

@@ -7,11 +7,10 @@ const style = StyleSheet.create({
     notifications: {
         left: 0,
         ...Platform.select({
-            web: { position: "fixed" },
+            web: { position: "sticky" },
             ios: { position: "absolute" },
             android: { position: "absolute" },
         }),
-        flexDirection: "column",
         top: 0,
         width: "100%",
         zIndex: 20,

package/dist/shared/ui/components/atoms/field/Field.js

@@ -23,7 +23,7 @@ const Field = ({ label, isFocused = false, style: customStyle }) => {
             },
             customStyle?.field,
         ] },
-        React.createElement(Text, { level: 1, numberOfLines: 1, style: [style.fieldText, customStyle?.fieldText], detail: true }, label),
+        React.createElement(Text, { level: 1, style: [style.fieldText, customStyle?.fieldText], detail: true }, label),
         React.createElement(View, { style: [style.fieldBackground, { opacity: isFocused ? 1 : 0 }] })));
 };
 export { Field };

package/dist/shared/ui/components/atoms/field/Field.style.d.ts

@@ -7,8 +7,6 @@ declare const style: {
         zIndex: number;
     };
     fieldText: {
-        flexWrap: "nowrap";
-        overflow: "hidden";
         paddingHorizontal: number;
         zIndex: number;
     };

package/dist/shared/ui/components/atoms/field/Field.style.js

@@ -10,8 +10,6 @@ const style = StyleSheet.create({
         zIndex: 0,
     },
     fieldText: {
-        flexWrap: "nowrap",
-        overflow: "hidden",
         paddingHorizontal: spaceS,
         zIndex: 1,
     },

package/dist/shared/ui/components/atoms/input/Input.js

@@ -32,6 +32,6 @@ const Input = ({ minHeight = MIN_HEIGHT, maxHeight = MAX_HEIGHT, style: customSt
     }, [maxHeight, minHeight, multiline]);
     useLayoutEffect(handleOnContentSizeChangeWeb, [handleOnContentSizeChangeWeb, value]);
     const textInputRef = useRef(null);
-    return (React.createElement(TextInput, { ...restOfProps, ref: textInputRef, multiline: multiline, numberOfLines: !!multiline ? undefined : 1, placeholderTextColor: placeholderTextColor, style: [style.input, customStyle, { height }], testID: "input", textAlignVertical: "top", value: value, onChange: onChange, onContentSizeChange: handleOnContentSizeChange }));
+    return (React.createElement(TextInput, { ...restOfProps, ref: textInputRef, multiline: multiline, placeholderTextColor: placeholderTextColor, style: [style.input, customStyle, { height }], testID: "input", textAlignVertical: "top", value: value, onChange: onChange, onContentSizeChange: handleOnContentSizeChange }));
 };
 export { Input };

package/dist/shared/ui/components/atoms/input/Input.style.d.ts

@@ -8,9 +8,12 @@ declare const style: {
         fontFamily: string;
         fontSize: number;
         letterSpacing: number;
+        outlineStyle: string;
         paddingBottom: number;
         paddingHorizontal: number;
         paddingTop: number;
+        textOverflow: string;
+        whiteSpace: string;
     };
 };
 export { style, borderSize, paddingVertical };

package/dist/shared/ui/components/atoms/input/Input.style.js

@@ -10,12 +10,12 @@ const style = StyleSheet.create({
         fontFamily: fontMap.Body,
         fontSize: fontBodySize3,
         letterSpacing: fontBodyLetterSpacing3,
-        // outlineStyle: "none",
+        outlineStyle: "none",
         paddingBottom: paddingVertical,
         paddingHorizontal: spaceM,
         paddingTop: paddingVertical,
-        // textOverflow: "ellipsis",
-        // whiteSpace: "nowrap",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
         ...Platform.select({
             web: {
                 lineHeight: fontBodyHeight3,

package/dist/shared/ui/components/layouts/stack/Stack.js

@@ -1,18 +1,19 @@
 import { animated, useTransition } from "@react-spring/native";
-import React, { useCallback, useState } from "react";
+import React, { useCallback, useState, useMemo } from "react";
 import { View } from "react-native";
 import { style } from "./Stack.style";
 const Stack = ({ children, style: customStyle }) => {
     const [heights, setHeights] = useState({});
     const handleOnLayout = useCallback((itemKey) => ({ nativeEvent: { layout } }) => setHeights((heights) => ({ ...heights, [itemKey]: layout.height })), []);
-    const inState = useCallback((height) => ({ opacity: 1, height, translateY: 0 }), []);
+    const outState = useMemo(() => ({ opacity: 0, height: 0, translateY: -50 }), []);
+    const inState = useCallback((height = 0) => ({ opacity: 1, height, translateY: 0 }), []);
     const transitions = useTransition(children, {
         keys: (item) => `${item.key}`,
         native: true,
-        from: { opacity: 0, height: undefined, translateY: -50 },
+        from: outState,
         enter: (item) => inState(heights[item.key]),
         update: (item) => inState(heights[item.key]),
-        leave: { opacity: 0, height: 0, translateY: -50 },
+        leave: outState,
     });
     return (React.createElement(View, { pointerEvents: "box-none", style: [style.stack, customStyle] }, transitions(({ opacity, height, translateY }, item, { phase }) => (React.createElement(animated.View, { key: item.key, testID: "stack-item", style: [
             {

package/dist/shared/ui/components/layouts/sticky/Sticky.style.d.ts

@@ -1,7 +1,6 @@
 import { StyleSheet } from "react-native";
 declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
     sticky: {
-        zIndex: number;
         backgroundColor: string;
         bottom: number;
         elevation: number;
@@ -15,7 +14,6 @@ declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
         shadowRadius: number;
         width: string;
     } | {
-        zIndex: number;
         position: "sticky";
         backgroundColor: string;
         bottom: number;
@@ -30,7 +28,6 @@ declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
         shadowRadius: number;
         width: string;
     } | {
-        zIndex: number;
         position: "absolute";
         backgroundColor: string;
         bottom: number;

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

@@ -18,11 +18,16 @@ 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: 0,
     },
 });
 export { style };

package/dist/shared/ui/components/molecules/inputField/InputField.js

@@ -8,7 +8,6 @@ import { Input } from "../../atoms/input/Input";
 import { style } from "./InputField.style";
 const { colorBase, colorContent, colorGrayscaleL, colorPrimary, spaceM, iconSize } = theme();
 const inputPaddingRightWithIcon = iconSize + spaceM * 2;
-const inputPaddingRightWithoutIcon = spaceM * 2;
 const InputField = ({ label, placeholder, value, multiline = false, minHeight, error, style: customStyle, onChange = () => void 0, icon, ...inputRestProps }) => {
     const [isFocused, setIsFocused] = useState(false);
     const handleOnChange = useCallback((text) => onChange(text), [onChange]);
@@ -18,11 +17,7 @@ const InputField = ({ label, placeholder, value, multiline = false, minHeight, e
     return (React.createElement(View, { style: customStyle?.inputField, testID: "input-field" },
         React.createElement(Field, { isFocused: isFocused || !!value, label: label, style: {
                 field: [style.field, customStyle?.field],
-                fieldText: [
-                    { color },
-                    { paddingRight: !!icon ? inputPaddingRightWithIcon : inputPaddingRightWithoutIcon },
-                    customStyle?.fieldText,
-                ],
+                fieldText: [{ color }, customStyle?.fieldText],
             } }),
         React.createElement(Input, { minHeight: minHeight, multiline: multiline, placeholder: placeholder, placeholderTextColor: isFocused ? colorGrayscaleL : colorBase, style: [!!icon && { paddingRight: inputPaddingRightWithIcon }, { borderColor: color }, customStyle?.input], value: value, onBlur: handleOnBlur, onChangeText: handleOnChange, onFocus: handleOnFocus, ...inputRestProps }),
         !!icon && React.createElement(Icon, { name: icon, style: [style.icon, { color }, customStyle?.icon] }),

package/dist/shared/ui/components/molecules/toast/Toast.style.d.ts

@@ -29,7 +29,6 @@ declare const style: {
         shadowOffset: typeof import("@lookiero/aurora-next/build/theming/theme.default").DefaultTheme.$elevationOffset;
         shadowOpacity: number;
         shadowRadius: number;
-        width: string;
     };
 };
 export { style };

package/dist/shared/ui/components/molecules/toast/Toast.style.js

@@ -32,7 +32,6 @@ const style = StyleSheet.create({
         shadowOffset: elevationOffset,
         shadowOpacity: elevationOpacityM,
         shadowRadius: elevationRadius,
-        width: "100%",
     },
 });
 export { style };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.4.6-beta.3",
+  "version": "0.4.6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -53,7 +53,6 @@
     "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"

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 };

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

@@ -1,14 +0,0 @@
-import { useCommand } from "@lookiero/messaging-react";
-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 [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
-        aggregateId: uuid(),
-        checkoutItemId,
-    })), [checkoutItemId, commandBus]);
-    return [book, status];
-};
-export { useBookCheckouBookingForCheckoutItem };

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

@@ -1,12 +0,0 @@
-import { BookedSizeChangeProductsVariantsForCheckoutItemView } from "../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
-import { HttpPostFunction } from "../../delivery/http/httpClient";
-interface HttpBookedSizeChangeProductsVariantsForCheckoutItemView extends BookedSizeChangeProductsVariantsForCheckoutItemView {
-}
-interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs {
-    readonly httpPost: HttpPostFunction;
-}
-interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction {
-    (args: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs): HttpBookedSizeChangeProductsVariantsForCheckoutItemView;
-}
-declare const httpBookedSizeChangeProductsVariantsForCheckoutItemView: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction;
-export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

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

@@ -1,9 +0,0 @@
-const httpBookedSizeChangeProductsVariantsForCheckoutItemView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
-    const response = await httpPost({
-        endpoint: "/view-booked-size-change-product-variants-for-checkout-item",
-        body: { checkoutItemId },
-        signal,
-    });
-    return !response.ok || response.status === 404 ? null : (await response.json()).result;
-};
-export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.d.ts

@@ -1,10 +0,0 @@
-import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { BookedSizeChangeProductsVariantsProjection } from "../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
-interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs {
-    readonly checkoutItemId: string;
-}
-interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
-    (args: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs): UseQueryFunctionResult<BookedSizeChangeProductsVariantsProjection>;
-}
-declare const useViewBookedSizeChangeProductsVariantsForCheckoutItem: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
-export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.js

@@ -1,12 +0,0 @@
-import { useQuery } from "@lookiero/messaging-react";
-import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
-import { viewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKED;
-const useViewBookedSizeChangeProductsVariantsForCheckoutItem = ({ checkoutItemId }) => useQuery({
-    query: viewBookedSizeChangeProductsVariantsForCheckoutItem({ checkoutItemId }),
-    contextId: MESSAGING_CONTEXT_ID,
-    invalidation: isCheckoutBookingBooked,
-    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
-});
-export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

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

@@ -1,12 +0,0 @@
-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/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.js

@@ -1,9 +0,0 @@
-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/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.d.ts

@@ -1,10 +0,0 @@
-import { SizeProjection } from "../shared/size";
-interface ProductVariantProjection {
-    readonly id: string;
-    readonly size: SizeProjection;
-}
-interface BookedSizeChangeProductsVariantsProjection {
-    readonly bookingId: string;
-    readonly productVariants: ProductVariantProjection[];
-}
-export type { BookedSizeChangeProductsVariantsProjection, ProductVariantProjection };

package/dist/projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants.js

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

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

@@ -1,25 +0,0 @@
-import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-import { BookedSizeChangeProductsVariantsProjection } from "./bookedSizeChangeProductsVariants";
-declare const VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM = "view_booked_size_change_product_variants_for_checkout_item";
-interface ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload {
-    readonly checkoutItemId: string;
-}
-interface ViewBookedSizeChangeProductsVariantsForCheckoutItem extends Query<typeof VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM>, ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload {
-}
-interface ViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
-    (payload: ViewBookedSizeChangeProductsVariantsForCheckoutItemPayload): ViewBookedSizeChangeProductsVariantsForCheckoutItem;
-}
-declare const viewBookedSizeChangeProductsVariantsForCheckoutItem: ViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
-type ViewBookedSizeChangeProductsVariantsForCheckoutItemResult = BookedSizeChangeProductsVariantsProjection | null;
-interface BookedSizeChangeProductsVariantsForCheckoutItemViewArgs extends CancelableQueryViewArgs {
-    readonly checkoutItemId: string;
-}
-interface BookedSizeChangeProductsVariantsForCheckoutItemView {
-    (args: BookedSizeChangeProductsVariantsForCheckoutItemViewArgs): Promise<ViewBookedSizeChangeProductsVariantsForCheckoutItemResult>;
-}
-interface ViewBookedSizeChangeProductsVariantsForCheckoutItemHandlerFunctionArgs extends QueryHandlerFunctionArgs {
-    readonly view: BookedSizeChangeProductsVariantsForCheckoutItemView;
-}
-declare const viewBookedSizeChangeProductsVariantsForCheckoutItemHandler: QueryHandlerFunction<ViewBookedSizeChangeProductsVariantsForCheckoutItem, ViewBookedSizeChangeProductsVariantsForCheckoutItemResult, ViewBookedSizeChangeProductsVariantsForCheckoutItemHandlerFunctionArgs>;
-export type { ViewBookedSizeChangeProductsVariantsForCheckoutItem, BookedSizeChangeProductsVariantsForCheckoutItemView, ViewBookedSizeChangeProductsVariantsForCheckoutItemResult, };
-export { VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItem, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, };

package/dist/projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem.js

@@ -1,8 +0,0 @@
-import { query, } from "@lookiero/messaging";
-const VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM = "view_booked_size_change_product_variants_for_checkout_item";
-const viewBookedSizeChangeProductsVariantsForCheckoutItem = (payload) => ({
-    ...query({ name: VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM }),
-    ...payload,
-});
-const viewBookedSizeChangeProductsVariantsForCheckoutItemHandler = ({ view, signal }) => async ({ checkoutItemId }) => view({ checkoutItemId, signal });
-export { VIEW_BOOKED_SIZE_CHANGE_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedSizeChangeProductsVariantsForCheckoutItem, viewBookedSizeChangeProductsVariantsForCheckoutItemHandler, };

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

@@ -1,25 +0,0 @@
-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/projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId.js

@@ -1,8 +0,0 @@
-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, };