@lookiero/checkout 9.12.0-beta.0 → 9.13.0

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": 0,
-                      "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": 0,
-                      "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": 0,
-                    "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>

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/returnQuestionsFeedback/ReturnQuestionsFeedback.tsx

@@ -11,7 +11,7 @@ import {
 } from "../../../../components/organisms/returnQuestions/behaviors/useReturnQuestionItem";
 import { HostDefaultReturnQuestionFeedbackItem } from "../../../../components/organisms/returnQuestions/components/hostDefaultReturnQuestionFeedbackItem/HostDefaultReturnQuestionFeedbackItem";
 import { ReturnQuestionFeedbackItem } from "../../../../components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./ReturnQuestionsFeedback.style";
 
 const returnQuestionItems: ReturnQuestionItems = {
@@ -29,7 +29,7 @@ interface ReturnQuestionsFeedbackProps {
 }
 
 const ReturnQuestionsFeedback: FC<ReturnQuestionsFeedbackProps> = ({ returnQuestions, onEditFeedback }) => {
-  const titleText = useI18nMessage({ id: I18nMessages.FEEDBACK_TITLE });
+  const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.FEEDBACK_TITLE });
 
   return (
     <View>

package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx

@@ -3,7 +3,7 @@ import { View } from "react-native";
 import { Button, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { Modal } from "@lookiero/sty-psp-ui";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./SizeWithoutStockModal.style";
 
 interface SizeWithoutStockModalProps {
@@ -11,9 +11,9 @@ interface SizeWithoutStockModalProps {
   readonly onDismiss: () => void;
 }
 const SizeWithoutStockModal: FC<SizeWithoutStockModalProps> = ({ visible, onDismiss }) => {
-  const titleText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });
-  const descriptionText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
-  const buttonText = useI18nMessage({ id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
+  const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_TITLE });
+  const descriptionText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_DESCRIPTION });
+  const buttonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SIZE_WITHOUT_STOCK_MODAL_BUTTON });
 
   return (
     <Modal portalHostName="Checkout" visible={visible} showCloseButton onClose={onDismiss}>