@lookiero/checkout 0.4.5-beta.4 → 0.4.5-beta.6

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

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

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 { 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,11 @@ 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/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, style: [style.fieldText, customStyle?.fieldText], detail: true }, label),
+        React.createElement(Text, { level: 1, numberOfLines: 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,6 +7,8 @@ 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,6 +10,8 @@ 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, 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, numberOfLines: !!multiline ? undefined : 1, placeholderTextColor: placeholderTextColor, style: [style.input, customStyle, { height }], testID: "input", textAlignVertical: "top", value: value, onChange: onChange, onContentSizeChange: handleOnContentSizeChange }));
 };
 export { Input };

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

@@ -17,7 +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 }, customStyle?.fieldText],
+                fieldText: [{ color }, !!icon && { paddingRight: inputPaddingRightWithIcon }, 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.4.5-beta.4",
+  "version": "0.4.5-beta.6",
   "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"