@lookiero/checkout 9.14.0 → 10.0.0-beta.0

package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -184,20 +184,20 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                             }
                           }
                         >
-                          <ViewManagerAdapter_ExpoLinearGradient
+                          <View
                             colors={
                               [
-                                16777215,
-                                4292532440,
-                                4292532440,
-                                16777215,
+                                "rgba(255, 255, 255, 0)",
+                                "#DAD8D8",
+                                "#DAD8D8",
+                                "rgba(255, 255, 255, 0)",
                               ]
                             }
-                            endPoint={
-                              [
-                                1,
-                                0,
-                              ]
+                            end={
+                              {
+                                "x": 1,
+                                "y": 0,
+                              }
                             }
                             locations={
                               [
@@ -207,11 +207,11 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                                 1,
                               ]
                             }
-                            startPoint={
-                              [
-                                0,
-                                0,
-                              ]
+                            start={
+                              {
+                                "x": 0,
+                                "y": 0,
+                              }
                             }
                             style={
                               {
@@ -343,20 +343,20 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                             }
                           }
                         >
-                          <ViewManagerAdapter_ExpoLinearGradient
+                          <View
                             colors={
                               [
-                                16777215,
-                                4292532440,
-                                4292532440,
-                                16777215,
+                                "rgba(255, 255, 255, 0)",
+                                "#DAD8D8",
+                                "#DAD8D8",
+                                "rgba(255, 255, 255, 0)",
                               ]
                             }
-                            endPoint={
-                              [
-                                1,
-                                0,
-                              ]
+                            end={
+                              {
+                                "x": 1,
+                                "y": 0,
+                              }
                             }
                             locations={
                               [
@@ -366,11 +366,11 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                                 1,
                               ]
                             }
-                            startPoint={
-                              [
-                                0,
-                                0,
-                              ]
+                            start={
+                              {
+                                "x": 0,
+                                "y": 0,
+                              }
                             }
                             style={
                               {
@@ -597,7 +597,6 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
             style={
               {
                 "flex": 1,
-                "gap": 4,
               }
             }
           >
@@ -615,7 +614,7 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -636,7 +635,7 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -666,7 +665,7 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -690,7 +689,7 @@ exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`]
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -887,20 +886,20 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                             }
                           }
                         >
-                          <ViewManagerAdapter_ExpoLinearGradient
+                          <View
                             colors={
                               [
-                                16777215,
-                                4292532440,
-                                4292532440,
-                                16777215,
+                                "rgba(255, 255, 255, 0)",
+                                "#DAD8D8",
+                                "#DAD8D8",
+                                "rgba(255, 255, 255, 0)",
                               ]
                             }
-                            endPoint={
-                              [
-                                1,
-                                0,
-                              ]
+                            end={
+                              {
+                                "x": 1,
+                                "y": 0,
+                              }
                             }
                             locations={
                               [
@@ -910,11 +909,11 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                                 1,
                               ]
                             }
-                            startPoint={
-                              [
-                                0,
-                                0,
-                              ]
+                            start={
+                              {
+                                "x": 0,
+                                "y": 0,
+                              }
                             }
                             style={
                               {
@@ -1046,20 +1045,20 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                             }
                           }
                         >
-                          <ViewManagerAdapter_ExpoLinearGradient
+                          <View
                             colors={
                               [
-                                16777215,
-                                4292532440,
-                                4292532440,
-                                16777215,
+                                "rgba(255, 255, 255, 0)",
+                                "#DAD8D8",
+                                "#DAD8D8",
+                                "rgba(255, 255, 255, 0)",
                               ]
                             }
-                            endPoint={
-                              [
-                                1,
-                                0,
-                              ]
+                            end={
+                              {
+                                "x": 1,
+                                "y": 0,
+                              }
                             }
                             locations={
                               [
@@ -1069,11 +1068,11 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                                 1,
                               ]
                             }
-                            startPoint={
-                              [
-                                0,
-                                0,
-                              ]
+                            start={
+                              {
+                                "x": 0,
+                                "y": 0,
+                              }
                             }
                             style={
                               {
@@ -1300,7 +1299,6 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
             style={
               {
                 "flex": 1,
-                "gap": 4,
               }
             }
           >
@@ -1318,7 +1316,7 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -1339,7 +1337,7 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -1369,7 +1367,7 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -1393,7 +1391,7 @@ exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }
@@ -1590,20 +1588,20 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                             }
                           }
                         >
-                          <ViewManagerAdapter_ExpoLinearGradient
+                          <View
                             colors={
                               [
-                                16777215,
-                                4292532440,
-                                4292532440,
-                                16777215,
+                                "rgba(255, 255, 255, 0)",
+                                "#DAD8D8",
+                                "#DAD8D8",
+                                "rgba(255, 255, 255, 0)",
                               ]
                             }
-                            endPoint={
-                              [
-                                1,
-                                0,
-                              ]
+                            end={
+                              {
+                                "x": 1,
+                                "y": 0,
+                              }
                             }
                             locations={
                               [
@@ -1613,11 +1611,11 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                                 1,
                               ]
                             }
-                            startPoint={
-                              [
-                                0,
-                                0,
-                              ]
+                            start={
+                              {
+                                "x": 0,
+                                "y": 0,
+                              }
                             }
                             style={
                               {
@@ -1749,20 +1747,20 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                             }
                           }
                         >
-                          <ViewManagerAdapter_ExpoLinearGradient
+                          <View
                             colors={
                               [
-                                16777215,
-                                4292532440,
-                                4292532440,
-                                16777215,
+                                "rgba(255, 255, 255, 0)",
+                                "#DAD8D8",
+                                "#DAD8D8",
+                                "rgba(255, 255, 255, 0)",
                               ]
                             }
-                            endPoint={
-                              [
-                                1,
-                                0,
-                              ]
+                            end={
+                              {
+                                "x": 1,
+                                "y": 0,
+                              }
                             }
                             locations={
                               [
@@ -1772,11 +1770,11 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                                 1,
                               ]
                             }
-                            startPoint={
-                              [
-                                0,
-                                0,
-                              ]
+                            start={
+                              {
+                                "x": 0,
+                                "y": 0,
+                              }
                             }
                             style={
                               {
@@ -2003,7 +2001,6 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
             style={
               {
                 "flex": 1,
-                "gap": 4,
               }
             }
           >
@@ -2021,7 +2018,7 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -2042,7 +2039,7 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -2072,7 +2069,7 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                     "paddingBottom": 0,
                     "paddingLeft": 0,
                     "paddingRight": 0,
-                    "paddingTop": 0,
+                    "paddingTop": 4,
                   },
                 ]
               }
@@ -2096,7 +2093,7 @@ exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 0,
+                "paddingTop": 4,
               },
             ]
           }

package/src/infrastructure/ui/views/return/components/price/Price.tsx

@@ -3,7 +3,6 @@ import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
 import { useI18nNumber } from "@lookiero/i18n-react";
 import { PriceProjection } from "../../../../../../projection/price/price";
-import { DOMAIN } from "../../../../i18n/i18n";
 import { style } from "./Price.style";
 
 interface PriceProps {
@@ -13,13 +12,11 @@ interface PriceProps {
 const Price: FC<PriceProps> = ({ price, withPercentage = false }) => {
   const isDiscounted = price.discountedPrice && price.discountedPrice.percentage > 0;
   const productPrice = useI18nNumber({
-    domain: DOMAIN,
     value: price.amount / 100,
     style: "currency",
     currency: price.currency,
   });
   const productDiscountedPrice = useI18nNumber({
-    domain: DOMAIN,
     value: (price.discountedPrice?.amount || 0) / 100,
     style: "currency",
     currency: price.currency,

package/src/infrastructure/ui/views/return/components/price/__snapshots__/Price.test.tsx.snap

@@ -51,7 +51,7 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
             "paddingBottom": 0,
             "paddingLeft": 0,
             "paddingRight": 0,
-            "paddingTop": 0,
+            "paddingTop": 4,
             "textDecorationLine": "line-through",
           },
         ]
@@ -82,7 +82,7 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
               "paddingBottom": 0,
               "paddingLeft": 0,
               "paddingRight": 0,
-              "paddingTop": 0,
+              "paddingTop": 4,
             },
           ]
         }
@@ -154,7 +154,7 @@ exports[`Price atom matches the snapshot for a non-discounted price: non-discoun
               "paddingBottom": 0,
               "paddingLeft": 0,
               "paddingRight": 0,
-              "paddingTop": 0,
+              "paddingTop": 4,
             },
           ]
         }

package/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.tsx

@@ -7,7 +7,7 @@ import { Column, Row } from "@lookiero/sty-psp-ui";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { size } from "../../../../../../projection/size/size";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
-import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { Price } from "../price/Price";
 import { IMAGE_SIZE, style } from "./ProductVariantPreview.style";
 
@@ -20,8 +20,8 @@ const ProductVariantPreview: FC<ProductVariantPreviewProps> = ({ item, country }
   const cdnImageUrl = useMediaImage();
   const { screen } = useDevice();
 
-  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 {
     productVariant: { media, brand, name, size: sizeProjection },

package/src/infrastructure/ui/views/return/components/productVariantPreview/__snapshots__/ProductVariantPreview.test.tsx.snap

@@ -203,7 +203,7 @@ exports[`ProductVariantPreview matches the snapshot 1`] = `
                       "paddingBottom": 0,
                       "paddingLeft": 0,
                       "paddingRight": 0,
-                      "paddingTop": 0,
+                      "paddingTop": 4,
                     },
                   ]
                 }

package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.ts

@@ -2,7 +2,7 @@ import { StyleSheet } from "react-native";
 import { theme } from "@lookiero/sty-psp-ui";
 import { HEADER_HEIGHT } from "../../../../components/templates/header/Header.style";
 
-const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space1, space4, space6, space8 } = theme();
+const { borderRadius5, colorBgPrimaryLight, colorBgBase, colorTextMedium, space4, space6, space8 } = theme();
 
 const style = StyleSheet.create({
   background: {
@@ -27,7 +27,6 @@ const style = StyleSheet.create({
   },
   info: {
     backgroundColor: colorBgBase,
-    gap: space1,
     paddingBottom: space4,
     paddingHorizontal: space6,
     paddingTop: space8,

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

@@ -32,9 +32,9 @@ import { HostStackReturnQuestionItem } from "../../../../components/organisms/re
 import { RadioReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem";
 import { TextareaReturnQuestionItem } from "../../../../components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem";
 import { ItemDetailHeader } from "../../../../components/templates/header/itemDetailHeader/ItemDetailHeader";
-import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
+import { useStaticInfo } from "../../../../hooks/useStaticInfo";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { Routes } from "../../../../routing/routes";
-import { useBasePath } from "../../../../routing/useBasePath";
 import { ProductVariantPreview } from "../productVariantPreview/ProductVariantPreview";
 import { style } from "./ReturnQuestionsForm.style";
 
@@ -65,14 +65,14 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
   segment,
 }) => {
   const navigate = useNavigate();
-  const basePath = useBasePath();
+  const { basePath } = useStaticInfo();
   const logger = useLogger();
 
   const { screen } = useDevice();
 
-  const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.RETURN_QUESTIONS_TITLE });
-  const descriptionText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.RETURN_QUESTIONS_DESCRIPTION });
-  const submitButtonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
+  const titleText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_TITLE });
+  const descriptionText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_DESCRIPTION });
+  const submitButtonText = useI18nMessage({ id: I18nMessages.RETURN_QUESTIONS_SUBMIT_BUTTON });
 
   const feedback = useReturnQuestionFeedback();
   const [returnQuestions] = useListReturnQuestionsByCheckoutItemId({

package/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.tsx

@@ -10,7 +10,7 @@ import { PriceProjection } from "../../../../../../projection/price/price";
 import { size, SizeProjection } from "../../../../../../projection/size/size";
 import { Price } from "../../../../components/atoms/price/Price";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
-import { COLOR_I18N_PREFIX, DOMAIN, I18nMessages } from "../../../../i18n/i18n";
+import { COLOR_I18N_PREFIX, I18nMessages } from "../../../../i18n/i18n";
 import { IMAGE_WIDTH, style } from "./ProductVariant.style";
 
 interface ProductVariantStyle {
@@ -41,9 +41,9 @@ const ProductVariant: FC<ProductVariantProps> = ({
   style: customStyle,
   onPress,
 }) => {
-  const uniqueText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_UNIQUE });
-  const colorLabel = useI18nMessage({ domain: DOMAIN, id: color.name, prefix: COLOR_I18N_PREFIX });
-  const sizeChangeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.PRODUCT_VARIANT_SIZE_CHANGE });
+  const uniqueText = useI18nMessage({ id: I18nMessages.ITEM_UNIQUE });
+  const colorLabel = useI18nMessage({ id: color.name, prefix: COLOR_I18N_PREFIX });
+  const sizeChangeText = useI18nMessage({ id: I18nMessages.PRODUCT_VARIANT_SIZE_CHANGE });
 
   const cdnImageUrl = useMediaImage();
 

package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -141,20 +141,20 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
                   }
                 }
               >
-                <ViewManagerAdapter_ExpoLinearGradient
+                <View
                   colors={
                     [
-                      16777215,
-                      4292532440,
-                      4292532440,
-                      16777215,
+                      "rgba(255, 255, 255, 0)",
+                      "#DAD8D8",
+                      "#DAD8D8",
+                      "rgba(255, 255, 255, 0)",
                     ]
                   }
-                  endPoint={
-                    [
-                      1,
-                      0,
-                    ]
+                  end={
+                    {
+                      "x": 1,
+                      "y": 0,
+                    }
                   }
                   locations={
                     [
@@ -164,11 +164,11 @@ exports[`ProductVariant component matches the snapshot for a non-unique size: no
                       1,
                     ]
                   }
-                  startPoint={
-                    [
-                      0,
-                      0,
-                    ]
+                  start={
+                    {
+                      "x": 0,
+                      "y": 0,
+                    }
                   }
                   style={
                     {
@@ -491,20 +491,20 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
                   }
                 }
               >
-                <ViewManagerAdapter_ExpoLinearGradient
+                <View
                   colors={
                     [
-                      16777215,
-                      4292532440,
-                      4292532440,
-                      16777215,
+                      "rgba(255, 255, 255, 0)",
+                      "#DAD8D8",
+                      "#DAD8D8",
+                      "rgba(255, 255, 255, 0)",
                     ]
                   }
-                  endPoint={
-                    [
-                      1,
-                      0,
-                    ]
+                  end={
+                    {
+                      "x": 1,
+                      "y": 0,
+                    }
                   }
                   locations={
                     [
@@ -514,11 +514,11 @@ exports[`ProductVariant component matches the snapshot for an unique size: uniqu
                       1,
                     ]
                   }
-                  startPoint={
-                    [
-                      0,
-                      0,
-                    ]
+                  start={
+                    {
+                      "x": 0,
+                      "y": 0,
+                    }
                   }
                   style={
                     {