@lookiero/checkout 3.8.0 → 3.9.0-beta.0

package/dist/shared/ui/components/layouts/slider/SliderDots.style.js

@@ -0,0 +1,15 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../../../../infrastructure/ui/theme/theme";
+const { spaceM } = theme();
+const style = StyleSheet.create({
+    sliderDot: {
+        marginHorizontal: 3,
+    },
+    sliderDots: {
+        alignItems: "center",
+        flexDirection: "row",
+        justifyContent: "center",
+        paddingVertical: spaceM,
+    },
+});
+export { style };

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

@@ -1,10 +1,8 @@
 import React, { useCallback } from "react";
 import { View } from "react-native";
-import { theme } from "../../../../../infrastructure/ui/theme/theme";
 import { style } from "./Sticky.style";
-const { spaceXL } = theme();
 const Sticky = ({ children, style: customStyle, onLayout }) => {
     const handleOnLayout = useCallback(({ nativeEvent: { layout: { width, height }, }, }) => onLayout?.({ width, height }), [onLayout]);
-    return (React.createElement(View, { style: [style.sticky, { paddingBottom: spaceXL }, customStyle], onLayout: handleOnLayout }, children));
+    return (React.createElement(View, { style: [style.sticky, customStyle], onLayout: handleOnLayout }, children));
 };
 export { Sticky };

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

@@ -5,6 +5,7 @@ declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
         backgroundColor: string;
         bottom: number;
         elevation: number;
+        paddingBottom: number;
         paddingTop: number;
         shadowColor: string;
         shadowOffset: {
@@ -20,6 +21,7 @@ declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
         backgroundColor: string;
         bottom: number;
         elevation: number;
+        paddingBottom: number;
         paddingTop: number;
         shadowColor: string;
         shadowOffset: {
@@ -35,6 +37,7 @@ declare const style: StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
         backgroundColor: string;
         bottom: number;
         elevation: number;
+        paddingBottom: number;
         paddingTop: number;
         shadowColor: string;
         shadowOffset: {

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

@@ -1,6 +1,6 @@
 import { Platform, StyleSheet } from "react-native";
 import { theme } from "../../../../../infrastructure/ui/theme/theme";
-const { colorBase, elevationColor, elevationLayerL, elevationOffset, elevationOpacityM, elevationRadius, spaceXL } = theme();
+const { colorBase, elevationColor, elevationLayerL, elevationOffset, elevationOpacityM, elevationRadius, spaceM, spaceL, } = theme();
 const style = StyleSheet.create({
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -8,7 +8,8 @@ const style = StyleSheet.create({
         backgroundColor: colorBase,
         bottom: 0,
         elevation: elevationLayerL,
-        paddingTop: spaceXL,
+        paddingBottom: spaceL,
+        paddingTop: spaceM,
         shadowColor: elevationColor,
         shadowOffset: elevationOffset,
         shadowOpacity: elevationOpacityM,

package/dist/shared/ui/components/molecules/selectField/SelectField.js

@@ -6,7 +6,7 @@ import { Modal } from "../../layouts/modal/Modal";
 import { InputField } from "../inputField/InputField";
 import { style } from "./SelectField.style";
 const { colorGrayscaleS } = theme();
-const SelectField = ({ title, placeholder, value, options, style: customStyle, onChange = () => void 0, testID, ...touchableRestProps }) => {
+const SelectField = ({ title, placeholder, value, options, style: customStyle, onChange = () => void 0, ...touchableRestProps }) => {
     const [modalVisible, setModalVisible] = useState(false);
     const handleOnPressSelectField = useCallback(() => setModalVisible(true), []);
     const handleOnModalClose = useCallback(() => setModalVisible(false), []);
@@ -16,13 +16,13 @@ const SelectField = ({ title, placeholder, value, options, style: customStyle, o
     }, [handleOnModalClose, onChange]);
     const selectedValue = useMemo(() => options.find((option) => option.value === value), [options, value]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(TouchableHighlight, { accessibilityLabel: testID, style: customStyle?.selectField, testID: testID, underlayColor: colorGrayscaleS, accessible: true, onPress: handleOnPressSelectField, ...touchableRestProps },
+        React.createElement(TouchableHighlight, { style: customStyle?.selectField, underlayColor: colorGrayscaleS, onPress: handleOnPressSelectField, ...touchableRestProps },
             React.createElement(View, { pointerEvents: "none" },
                 React.createElement(InputField, { editable: false, icon: "arrow-down", label: placeholder, style: customStyle?.inputField, value: selectedValue?.label }))),
         React.createElement(Modal, { testID: "select-field-modal", visible: modalVisible, scroll: true, showCloseButton: true, onClose: handleOnModalClose },
             React.createElement(View, { style: [style.modalContent, customStyle?.modalContent] },
                 title && (React.createElement(Text, { level: 2, style: style.modalTitle }, title)),
-                options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, accessibilityLabel: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], testID: optionValue, underlayColor: colorGrayscaleS, accessible: true, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },
+                options.map(({ label, value: optionValue }) => (React.createElement(TouchableHighlight, { key: optionValue, disabled: value === optionValue, style: [style.option, customStyle?.option], underlayColor: colorGrayscaleS, onPress: value !== optionValue ? () => handleOnPressOption(optionValue) : undefined },
                     React.createElement(Text, { color: value === optionValue ? COLOR.GRAYSCALE_M : COLOR.CONTENT, level: 3, style: [style.optionText, customStyle?.optionText] }, label))))))));
 };
 export { SelectField };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "3.8.0",
+  "version": "3.9.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -57,8 +57,11 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "^0.71.4",
+    "react-native-gesture-handler": "^2.12.0",
     "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.11",
+    "react-native-reanimated": "^3.3.0",
+    "react-native-reanimated-carousel": "^3.4.0",
     "react-router-dom": "^6.8.1",
     "react-router-native": "^6.8.1"
   },
@@ -77,6 +80,7 @@
     "@pact-foundation/pact-node": "^10.17.6",
     "@react-native-firebase/analytics": "10.5.1",
     "@react-native-firebase/app": "10.5.0",
+    "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^11.5.0",
     "@trivago/prettier-plugin-sort-imports": "^3.3.0",
     "@types/jest": "^29.2.4",
@@ -115,8 +119,11 @@
     "react-error-overlay": "^6.0.9",
     "react-native": "^0.71.3",
     "react-native-adjust": "^4.33.0",
+    "react-native-gesture-handler": "^2.12.0",
     "react-native-get-random-values": "^1.8.0",
     "react-native-web": "^0.18.11",
+    "react-native-reanimated": "^3.3.0",
+    "react-native-reanimated-carousel": "^3.4.0",
     "react-router-dom": "^6.8.1",
     "react-router-native": "^6.8.1",
     "react-test-renderer": "^18.0.0",