@lookiero/checkout 14.3.1 → 14.7.0

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx

@@ -3,14 +3,13 @@ import React, { FC, useCallback, useMemo } from "react";
 import { Platform, View } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 import { generatePath, useNavigate } from "react-router-native";
-import { Box, Button, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
+import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { CommandStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { Segment } from "@lookiero/sty-psp-segment";
-import { Text } from "@lookiero/sty-psp-ui";
-import { Layout as UiLayout, useScreenSize } from "@lookiero/sty-psp-ui";
+import { Button, Layout as UiLayout, Text, useScreenSize } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutProjection } from "../../../../../../projection/checkout/checkout";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx

@@ -1,9 +1,8 @@
 import React, { FC, useMemo } from "react";
 import { Pressable, View } from "react-native";
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
-import { Button } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { Icon, Text } from "@lookiero/sty-psp-ui";
+import { Button, Icon, Text } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
@@ -79,7 +78,7 @@ const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
           </View>
 
           <View style={style.collapsedContent}>
-            <Button testID="submit-checkout-collpased-button" small onPress={onSubmit}>
+            <Button size="small" testID="submit-checkout-collpased-button" onPress={onSubmit}>
               {submitButtonText}
             </Button>
           </View>

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap

@@ -185,7 +185,6 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
       }
     >
       <View
-        accessibilityRole="button"
         accessibilityState={
           {
             "busy": undefined,
@@ -206,9 +205,7 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         accessible={true}
         collapsable={false}
         focusable={true}
-        onBlur={[Function]}
         onClick={[Function]}
-        onFocus={[Function]}
         onLayout={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -217,37 +214,10 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          [
-            [
-              {
-                "_container": {
-                  "overflow": "hidden",
-                },
-                "_pressed": {
-                  "bottom": 0,
-                  "left": 0,
-                  "right": 0,
-                  "top": 0,
-                },
-                "alignSelf": "flex-start",
-                "container": {
-                  "overflow": "hidden",
-                },
-                "height": 48,
-                "overflow": "hidden",
-                "pressed": {
-                  "bottom": 0,
-                  "left": 0,
-                  "right": 0,
-                  "top": 0,
-                },
-                "width": "100%",
-              },
-            ],
-            {
-              "opacity": 1,
-            },
-          ]
+          {
+            "height": 48,
+            "opacity": 1,
+          }
         }
         testID="submit-checkout-collpased-button"
       >
@@ -271,75 +241,64 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
             ]
           }
           style={
-            [
-              {
-                "alignContent": "center",
-                "height": 64,
-                "justifyContent": "center",
-                "overflow": "hidden",
-                "paddingLeft": 24,
-                "paddingRight": 24,
-                "position": "relative",
-              },
-              {},
-              undefined,
-              {
-                "height": 48,
-              },
-              false,
-              {
-                "borderRadius": 9999,
-              },
-            ]
+            {
+              "alignContent": "center",
+              "borderRadius": 9999,
+              "height": 48,
+              "justifyContent": "center",
+              "overflow": "hidden",
+              "paddingLeft": 24,
+              "paddingRight": 24,
+              "position": "relative",
+            }
           }
         >
           <View
-            collapsable={false}
             pointerEvents="none"
             style={
               [
                 {
                   "backgroundColor": "#716A6B",
-                  "height": 48,
+                  "height": "300%",
                   "left": 0,
                   "opacity": 0.7,
                   "position": "absolute",
                   "top": 0,
                 },
                 {
-                  "width": "0%",
+                  "width": 0,
                 },
               ]
             }
           />
           <View
             style={
-              [
-                {
-                  "alignItems": "center",
-                  "flexDirection": "row",
-                  "justifyContent": "center",
-                },
-              ]
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "justifyContent": "center",
+              }
             }
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
-                    "color": "#FFFFFF",
+                    "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Extrabold",
                     "fontSize": 15,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": -0.2,
                     "lineHeight": 20,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
-                    "textAlign": "center",
                   },
+                  [
+                    {
+                      "color": "#FFFFFF",
+                      "textAlign": "center",
+                    },
+                    undefined,
+                  ],
                 ]
               }
             >
@@ -538,7 +497,6 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
       }
     >
       <View
-        accessibilityRole="button"
         accessibilityState={
           {
             "busy": undefined,
@@ -559,9 +517,7 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         accessible={true}
         collapsable={false}
         focusable={true}
-        onBlur={[Function]}
         onClick={[Function]}
-        onFocus={[Function]}
         onLayout={[Function]}
         onResponderGrant={[Function]}
         onResponderMove={[Function]}
@@ -570,37 +526,10 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          [
-            [
-              {
-                "_container": {
-                  "overflow": "hidden",
-                },
-                "_pressed": {
-                  "bottom": 0,
-                  "left": 0,
-                  "right": 0,
-                  "top": 0,
-                },
-                "alignSelf": "flex-start",
-                "container": {
-                  "overflow": "hidden",
-                },
-                "height": 48,
-                "overflow": "hidden",
-                "pressed": {
-                  "bottom": 0,
-                  "left": 0,
-                  "right": 0,
-                  "top": 0,
-                },
-                "width": "100%",
-              },
-            ],
-            {
-              "opacity": 1,
-            },
-          ]
+          {
+            "height": 48,
+            "opacity": 1,
+          }
         }
         testID="submit-checkout-collpased-button"
       >
@@ -624,75 +553,64 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
             ]
           }
           style={
-            [
-              {
-                "alignContent": "center",
-                "height": 64,
-                "justifyContent": "center",
-                "overflow": "hidden",
-                "paddingLeft": 24,
-                "paddingRight": 24,
-                "position": "relative",
-              },
-              {},
-              undefined,
-              {
-                "height": 48,
-              },
-              false,
-              {
-                "borderRadius": 9999,
-              },
-            ]
+            {
+              "alignContent": "center",
+              "borderRadius": 9999,
+              "height": 48,
+              "justifyContent": "center",
+              "overflow": "hidden",
+              "paddingLeft": 24,
+              "paddingRight": 24,
+              "position": "relative",
+            }
           }
         >
           <View
-            collapsable={false}
             pointerEvents="none"
             style={
               [
                 {
                   "backgroundColor": "#716A6B",
-                  "height": 48,
+                  "height": "300%",
                   "left": 0,
                   "opacity": 0.7,
                   "position": "absolute",
                   "top": 0,
                 },
                 {
-                  "width": "0%",
+                  "width": 0,
                 },
               ]
             }
           />
           <View
             style={
-              [
-                {
-                  "alignItems": "center",
-                  "flexDirection": "row",
-                  "justifyContent": "center",
-                },
-              ]
+              {
+                "alignItems": "center",
+                "flexDirection": "row",
+                "justifyContent": "center",
+              }
             }
           >
             <Text
-              allowFontScaling={false}
-              selectable={false}
               style={
                 [
                   {
-                    "color": "#FFFFFF",
+                    "color": "#0C0A0A",
                     "fontFamily": "AreaNormal-Extrabold",
                     "fontSize": 15,
+                    "fontStyle": "normal",
+                    "fontWeight": "normal",
                     "letterSpacing": -0.2,
                     "lineHeight": 20,
-                    "paddingBottom": 0,
-                    "paddingLeft": 0,
-                    "paddingRight": 0,
-                    "paddingTop": 0,
-                    "textAlign": "center",
                   },
+                  [
+                    {
+                      "color": "#FFFFFF",
+                      "textAlign": "center",
+                    },
+                    undefined,
+                  ],
                 ]
               }
             >