@lookiero/checkout 9.14.0 → 10.0.0-beta.0

package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap

@@ -148,14 +148,24 @@ exports[`ItemActions component matches the snapshot 1`] = `
                       "right": 0,
                       "top": 0,
                     },
+                    "alignContent": "center",
                     "alignSelf": "flex-start",
+                    "backgroundColor": "#FFFFFF",
+                    "borderColor": "#0C0A0A",
+                    "borderRadius": 9999,
+                    "borderStyle": "solid",
+                    "borderWidth": 2,
                     "container": {
                       "overflow": "hidden",
                     },
                     "flex": 1,
                     "height": 48,
+                    "justifyContent": "center",
                     "marginRight": 8,
                     "overflow": "hidden",
+                    "paddingLeft": 24,
+                    "paddingRight": 24,
+                    "position": "relative",
                     "pressed": {
                       "bottom": 0,
                       "left": 0,
@@ -172,105 +182,55 @@ exports[`ItemActions component matches the snapshot 1`] = `
             }
             testID="size-selector"
           >
-            <ViewManagerAdapter_ExpoLinearGradient
-              colors={
-                [
-                  4294967295,
-                  4294967295,
-                ]
-              }
-              endPoint={
-                [
-                  1,
-                  0,
-                ]
-              }
-              startPoint={
-                [
-                  0,
-                  1,
-                ]
+            <View
+              collapsable={false}
+              pointerEvents="none"
+              style={
+                {
+                  "backgroundColor": "#B7B3B3",
+                  "height": 48,
+                  "left": 0,
+                  "opacity": 0.7,
+                  "position": "absolute",
+                  "top": 0,
+                  "width": "0%",
+                }
               }
+            />
+            <View
               style={
                 [
                   {
-                    "alignContent": "center",
-                    "height": 64,
+                    "alignItems": "center",
+                    "flexDirection": "row",
                     "justifyContent": "center",
-                    "overflow": "hidden",
-                    "paddingLeft": 24,
-                    "paddingRight": 24,
-                    "position": "relative",
-                  },
-                  {
-                    "borderColor": "#0C0A0A",
-                    "borderStyle": "solid",
-                    "borderWidth": 2,
-                    "height": 64,
-                    "paddingLeft": 24,
-                    "paddingRight": 24,
-                  },
-                  undefined,
-                  {
-                    "height": 48,
-                  },
-                  false,
-                  {
-                    "borderRadius": 9999,
                   },
                 ]
               }
             >
-              <View
-                collapsable={false}
-                pointerEvents="none"
-                style={
-                  {
-                    "backgroundColor": "#B7B3B3",
-                    "height": 48,
-                    "left": 0,
-                    "opacity": 0.7,
-                    "position": "absolute",
-                    "top": 0,
-                    "width": "0%",
-                  }
-                }
-              />
-              <View
+              <Text
+                allowFontScaling={false}
+                selectable={false}
                 style={
                   [
                     {
-                      "alignItems": "center",
-                      "flexDirection": "row",
-                      "justifyContent": "center",
+                      "color": "#0C0C0A",
+                      "fontFamily": "AreaNormal-Extrabold",
+                      "fontSize": 15,
+                      "letterSpacing": -0.2,
+                      "lineHeight": 20,
+                      "paddingBottom": 0,
+                      "paddingLeft": 0,
+                      "paddingRight": 0,
+                      "paddingTop": 2,
+                      "textAlign": "center",
                     },
                   ]
                 }
               >
-                <Text
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
-                    [
-                      {
-                        "color": "#0C0C0A",
-                        "fontFamily": "AreaNormal-Extrabold",
-                        "fontSize": 15,
-                        "letterSpacing": -0.2,
-                        "lineHeight": 20,
-                        "paddingBottom": 0,
-                        "paddingLeft": 0,
-                        "paddingRight": 0,
-                        "paddingTop": 0,
-                        "textAlign": "center",
-                      },
-                    ]
-                  }
-                >
-                  item.change_size_button
-                </Text>
-              </View>
-            </ViewManagerAdapter_ExpoLinearGradient>
+                item.change_size_button
+              </Text>
+            </View>
           </View>
           <View
             accessibilityRole="button"
@@ -317,13 +277,23 @@ exports[`ItemActions component matches the snapshot 1`] = `
                       "right": 0,
                       "top": 0,
                     },
+                    "alignContent": "center",
                     "alignSelf": "flex-start",
+                    "backgroundColor": "#FFFFFF",
+                    "borderColor": "#0C0A0A",
+                    "borderRadius": 9999,
+                    "borderStyle": "solid",
+                    "borderWidth": 2,
                     "container": {
                       "overflow": "hidden",
                     },
                     "flex": 1,
                     "height": 48,
+                    "justifyContent": "center",
                     "overflow": "hidden",
+                    "paddingLeft": 24,
+                    "paddingRight": 24,
+                    "position": "relative",
                     "pressed": {
                       "bottom": 0,
                       "left": 0,
@@ -340,105 +310,55 @@ exports[`ItemActions component matches the snapshot 1`] = `
             }
             testID="return-button"
           >
-            <ViewManagerAdapter_ExpoLinearGradient
-              colors={
-                [
-                  4294967295,
-                  4294967295,
-                ]
-              }
-              endPoint={
-                [
-                  1,
-                  0,
-                ]
-              }
-              startPoint={
-                [
-                  0,
-                  1,
-                ]
+            <View
+              collapsable={false}
+              pointerEvents="none"
+              style={
+                {
+                  "backgroundColor": "#B7B3B3",
+                  "height": 48,
+                  "left": 0,
+                  "opacity": 0.7,
+                  "position": "absolute",
+                  "top": 0,
+                  "width": "0%",
+                }
               }
+            />
+            <View
               style={
                 [
                   {
-                    "alignContent": "center",
-                    "height": 64,
+                    "alignItems": "center",
+                    "flexDirection": "row",
                     "justifyContent": "center",
-                    "overflow": "hidden",
-                    "paddingLeft": 24,
-                    "paddingRight": 24,
-                    "position": "relative",
-                  },
-                  {
-                    "borderColor": "#0C0A0A",
-                    "borderStyle": "solid",
-                    "borderWidth": 2,
-                    "height": 64,
-                    "paddingLeft": 24,
-                    "paddingRight": 24,
-                  },
-                  undefined,
-                  {
-                    "height": 48,
-                  },
-                  false,
-                  {
-                    "borderRadius": 9999,
                   },
                 ]
               }
             >
-              <View
-                collapsable={false}
-                pointerEvents="none"
-                style={
-                  {
-                    "backgroundColor": "#B7B3B3",
-                    "height": 48,
-                    "left": 0,
-                    "opacity": 0.7,
-                    "position": "absolute",
-                    "top": 0,
-                    "width": "0%",
-                  }
-                }
-              />
-              <View
+              <Text
+                allowFontScaling={false}
+                selectable={false}
                 style={
                   [
                     {
-                      "alignItems": "center",
-                      "flexDirection": "row",
-                      "justifyContent": "center",
+                      "color": "#0C0C0A",
+                      "fontFamily": "AreaNormal-Extrabold",
+                      "fontSize": 15,
+                      "letterSpacing": -0.2,
+                      "lineHeight": 20,
+                      "paddingBottom": 0,
+                      "paddingLeft": 0,
+                      "paddingRight": 0,
+                      "paddingTop": 2,
+                      "textAlign": "center",
                     },
                   ]
                 }
               >
-                <Text
-                  allowFontScaling={false}
-                  selectable={false}
-                  style={
-                    [
-                      {
-                        "color": "#0C0C0A",
-                        "fontFamily": "AreaNormal-Extrabold",
-                        "fontSize": 15,
-                        "letterSpacing": -0.2,
-                        "lineHeight": 20,
-                        "paddingBottom": 0,
-                        "paddingLeft": 0,
-                        "paddingRight": 0,
-                        "paddingTop": 0,
-                        "textAlign": "center",
-                      },
-                    ]
-                  }
-                >
-                  item.return_button
-                </Text>
-              </View>
-            </ViewManagerAdapter_ExpoLinearGradient>
+                item.return_button
+              </Text>
+            </View>
           </View>
         </View>
         <View
@@ -486,12 +406,19 @@ exports[`ItemActions component matches the snapshot 1`] = `
                     "right": 0,
                     "top": 0,
                   },
+                  "alignContent": "center",
                   "alignSelf": "flex-start",
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 9999,
                   "container": {
                     "overflow": "hidden",
                   },
                   "height": 48,
+                  "justifyContent": "center",
                   "overflow": "hidden",
+                  "paddingLeft": 24,
+                  "paddingRight": 24,
+                  "position": "relative",
                   "pressed": {
                     "bottom": 0,
                     "left": 0,
@@ -508,98 +435,55 @@ exports[`ItemActions component matches the snapshot 1`] = `
           }
           testID="keep-button"
         >
-          <ViewManagerAdapter_ExpoLinearGradient
-            colors={
-              [
-                4278979082,
-                4278979082,
-              ]
-            }
-            endPoint={
-              [
-                1,
-                0,
-              ]
-            }
-            startPoint={
-              [
-                0,
-                1,
-              ]
+          <View
+            collapsable={false}
+            pointerEvents="none"
+            style={
+              {
+                "backgroundColor": "#716A6B",
+                "height": 48,
+                "left": 0,
+                "opacity": 0.7,
+                "position": "absolute",
+                "top": 0,
+                "width": "0%",
+              }
             }
+          />
+          <View
             style={
               [
                 {
-                  "alignContent": "center",
-                  "height": 64,
+                  "alignItems": "center",
+                  "flexDirection": "row",
                   "justifyContent": "center",
-                  "overflow": "hidden",
-                  "paddingLeft": 24,
-                  "paddingRight": 24,
-                  "position": "relative",
-                },
-                {},
-                undefined,
-                {
-                  "height": 48,
-                },
-                false,
-                {
-                  "borderRadius": 9999,
                 },
               ]
             }
           >
-            <View
-              collapsable={false}
-              pointerEvents="none"
-              style={
-                {
-                  "backgroundColor": "#716A6B",
-                  "height": 48,
-                  "left": 0,
-                  "opacity": 0.7,
-                  "position": "absolute",
-                  "top": 0,
-                  "width": "0%",
-                }
-              }
-            />
-            <View
+            <Text
+              allowFontScaling={false}
+              selectable={false}
               style={
                 [
                   {
-                    "alignItems": "center",
-                    "flexDirection": "row",
-                    "justifyContent": "center",
+                    "color": "#FFFFFF",
+                    "fontFamily": "AreaNormal-Extrabold",
+                    "fontSize": 15,
+                    "letterSpacing": -0.2,
+                    "lineHeight": 20,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 2,
+                    "textAlign": "center",
                   },
                 ]
               }
             >
-              <Text
-                allowFontScaling={false}
-                selectable={false}
-                style={
-                  [
-                    {
-                      "color": "#FFFFFF",
-                      "fontFamily": "AreaNormal-Extrabold",
-                      "fontSize": 15,
-                      "letterSpacing": -0.2,
-                      "lineHeight": 20,
-                      "paddingBottom": 0,
-                      "paddingLeft": 0,
-                      "paddingRight": 0,
-                      "paddingTop": 0,
-                      "textAlign": "center",
-                    },
-                  ]
-                }
-              >
-                item.keep_button
-              </Text>
-            </View>
-          </ViewManagerAdapter_ExpoLinearGradient>
+              item.keep_button
+            </Text>
+          </View>
         </View>
       </View>
     </View>
@@ -904,7 +788,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
                             "paddingBottom": 0,
                             "paddingLeft": 0,
                             "paddingRight": 0,
-                            "paddingTop": 0,
+                            "paddingTop": 2,
                           },
                         ]
                       }
@@ -962,7 +846,7 @@ exports[`ItemActions component matches the snapshot 1`] = `
                             "paddingBottom": 0,
                             "paddingLeft": 0,
                             "paddingRight": 0,
-                            "paddingTop": 0,
+                            "paddingTop": 2,
                           },
                         ]
                       }

package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.style.ts

@@ -1,12 +1,11 @@
 import { StyleSheet } from "react-native";
 import { theme } from "@lookiero/sty-psp-ui";
 
-const { space1, space4, space6 } = theme();
+const { space4, space6 } = theme();
 
 const style = StyleSheet.create({
   brand: {
     flex: 1,
-    gap: space1,
   },
   container: {
     width: "100%",

package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.tsx

@@ -7,7 +7,7 @@ import { useScreenSize } from "@lookiero/sty-psp-ui";
 import { PriceProjection } from "../../../../../../projection/price/price";
 import { SizeProjection, size } from "../../../../../../projection/size/size";
 import { Price } from "../../../../components/atoms/price/Price";
-import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ProductVariantDescription.style";
 
 interface ProductVariantDescriptionProps {
@@ -24,8 +24,8 @@ const ProductVariantDescription: FC<ProductVariantDescriptionProps> = ({
   size: sizeProjection,
   country,
 }) => {
-  const sizeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_SIZE });
-  const uniqueText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_UNIQUE });
+  const sizeText = useI18nMessage({ id: I18nMessages.ITEM_SIZE });
+  const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
   const screenDevice = useScreenSize();
   const isDesktopScreen = screenDevice !== "S";
 

package/src/infrastructure/ui/views/item/components/productVariantDescription/__snapshots__/ProductVariantDescription.test.tsx.snap

@@ -54,7 +54,6 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
         style={
           {
             "flex": 1,
-            "gap": 4,
           }
         }
       >
@@ -72,7 +71,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -93,7 +92,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -123,7 +122,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -147,7 +146,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
             "paddingBottom": 0,
             "paddingLeft": 0,
             "paddingRight": 0,
-            "paddingTop": 0,
+            "paddingTop": 4,
           },
         ]
       }
@@ -212,7 +211,6 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
         style={
           {
             "flex": 1,
-            "gap": 4,
           }
         }
       >
@@ -230,7 +228,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -251,7 +249,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -281,7 +279,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -305,7 +303,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
             "paddingBottom": 0,
             "paddingLeft": 0,
             "paddingRight": 0,
-            "paddingTop": 0,
+            "paddingTop": 4,
           },
         ]
       }