@lookiero/checkout 0.4.6-beta.0 → 0.4.6-beta.2

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

@@ -9,7 +9,7 @@ const SafeAreaScrollView = ({ children, footer, edges = ["top", "bottom", "left"
         React.createElement(ScrollView, { contentContainerStyle: [
                 {
                     paddingTop: safeAreaInsetTop + scrollerPaddingTop,
-                    paddingBottom: safeAreaInsetBottom + Platform.OS === "android" ? spaceXXXL : 0,
+                    paddingBottom: safeAreaInsetBottom + (Platform.OS === "android" ? spaceXXXL : 0),
                 },
                 customStyle?.scrollView,
             ] }, children),

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

@@ -8,6 +8,7 @@ import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checko
 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";
@@ -55,6 +56,7 @@ const Summary = ({ customerId }) => {
         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 }))));

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,17 +1,20 @@
 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: "sticky";
+        position: "fixed";
         left: number;
     } | {
+        flexDirection: "column";
         top: number;
         width: string;
         zIndex: number;

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

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

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

@@ -1,19 +1,18 @@
 import { animated, useTransition } from "@react-spring/native";
-import React, { useCallback, useState, useMemo } from "react";
+import React, { useCallback, useState } 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 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: outState,
+        from: { opacity: 0, height: undefined, translateY: -50 },
         enter: (item) => inState(heights[item.key]),
         update: (item) => inState(heights[item.key]),
-        leave: outState,
+        leave: { opacity: 0, height: 0, translateY: -50 },
     });
     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/molecules/toast/Toast.style.d.ts

@@ -29,6 +29,7 @@ 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,6 +32,7 @@ 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.0",
+  "version": "0.4.6-beta.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [