@lookiero/checkout 10.0.0-beta.1 → 10.0.0-beta.3

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

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

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

@@ -1,11 +1,12 @@
 import { StyleSheet } from "react-native";
 import { theme } from "@lookiero/sty-psp-ui";
 
-const { space4, space6 } = theme();
+const { space1, 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 { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, 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({ id: I18nMessages.ITEM_SIZE });
-  const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
+  const sizeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_SIZE });
+  const uniqueText = useI18nMessage({ domain: DOMAIN, 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,6 +54,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
         style={
           {
             "flex": 1,
+            "gap": 4,
           }
         }
       >
@@ -71,7 +72,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 4,
+                "paddingTop": 0,
               },
             ]
           }
@@ -92,7 +93,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 4,
+                "paddingTop": 0,
               },
             ]
           }
@@ -122,7 +123,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 4,
+                "paddingTop": 0,
               },
             ]
           }
@@ -146,7 +147,7 @@ exports[`ProductVariantDescription component matches the snapshot for a non-uniq
             "paddingBottom": 0,
             "paddingLeft": 0,
             "paddingRight": 0,
-            "paddingTop": 4,
+            "paddingTop": 0,
           },
         ]
       }
@@ -211,6 +212,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
         style={
           {
             "flex": 1,
+            "gap": 4,
           }
         }
       >
@@ -228,7 +230,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 4,
+                "paddingTop": 0,
               },
             ]
           }
@@ -249,7 +251,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 4,
+                "paddingTop": 0,
               },
             ]
           }
@@ -279,7 +281,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 4,
+                "paddingTop": 0,
               },
             ]
           }
@@ -303,7 +305,7 @@ exports[`ProductVariantDescription component matches the snapshot for an unique
             "paddingBottom": 0,
             "paddingLeft": 0,
             "paddingRight": 0,
-            "paddingTop": 4,
+            "paddingTop": 0,
           },
         ]
       }