@lookiero/checkout 9.12.0-beta.0 → 9.13.0

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

@@ -344,19 +344,12 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                           "right": 0,
                           "top": 0,
                         },
-                        "alignContent": "center",
                         "alignSelf": "flex-start",
-                        "backgroundColor": "#0C0A0A",
-                        "borderRadius": 9999,
                         "container": {
                           "overflow": "hidden",
                         },
                         "height": 64,
-                        "justifyContent": "center",
                         "overflow": "hidden",
-                        "paddingLeft": 24,
-                        "paddingRight": 24,
-                        "position": "relative",
                         "pressed": {
                           "bottom": 0,
                           "left": 0,
@@ -372,55 +365,96 @@ exports[`SizeWithoutStockModal component matches the snapshot 1`] = `
                   ]
                 }
               >
-                <View
-                  collapsable={false}
-                  pointerEvents="none"
-                  style={
-                    {
-                      "backgroundColor": "#716A6B",
-                      "height": "300%",
-                      "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,
+                      undefined,
+                      false,
+                      {
+                        "borderRadius": 9999,
                       },
                     ]
                   }
                 >
-                  <Text
-                    allowFontScaling={false}
-                    selectable={false}
+                  <View
+                    collapsable={false}
+                    pointerEvents="none"
+                    style={
+                      {
+                        "backgroundColor": "#716A6B",
+                        "height": "300%",
+                        "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",
                         },
                       ]
                     }
                   >
-                    size_without_stock_modal.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",
+                          },
+                        ]
+                      }
+                    >
+                      size_without_stock_modal.button
+                    </Text>
+                  </View>
+                </ViewManagerAdapter_ExpoLinearGradient>
               </View>
             </View>
           </View>

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

@@ -3,6 +3,7 @@ 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 {
@@ -12,11 +13,13 @@ 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/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 { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, 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({ 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 {
     productVariant: { media, brand, name, size: sizeProjection },

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

@@ -32,7 +32,7 @@ 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 { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { Routes } from "../../../../routing/routes";
 import { useBasePath } from "../../../../routing/useBasePath";
 import { ProductVariantPreview } from "../productVariantPreview/ProductVariantPreview";
@@ -70,9 +70,9 @@ const ReturnQuestionsForm: FC<ReturnQuestionsFormProps> = ({
 
   const { screen } = useDevice();
 
-  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 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 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, I18nMessages } from "../../../../i18n/i18n";
+import { COLOR_I18N_PREFIX, DOMAIN, 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({ id: I18nMessages.ITEM_UNIQUE });
-  const colorLabel = useI18nMessage({ id: color.name, prefix: COLOR_I18N_PREFIX });
-  const sizeChangeText = useI18nMessage({ id: I18nMessages.PRODUCT_VARIANT_SIZE_CHANGE });
+  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 cdnImageUrl = useMediaImage();
 

package/src/infrastructure/ui/views/summary/Summary.tsx

@@ -16,7 +16,7 @@ import { useTrackPressPricing } from "../../../tracking/useTrackPressPricing";
 import { FiveItemsDiscountBanner } from "../../components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner";
 import { Body } from "../../components/layouts/body/Body";
 import { useStaticInfo } from "../../hooks/useStaticInfo";
-import { I18nMessages } from "../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../i18n/i18n";
 import { Routes } from "../../routing/routes";
 import { useBasePath } from "../../routing/useBasePath";
 import { style } from "./Summary.style";
@@ -33,9 +33,9 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
   } = useStaticInfo();
   const [pricingCollapsed, setPricingCollapsed] = useState(true);
   const [pricingHeight, setPricingHeight] = useState(0);
-  const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
-  const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
-  const submitButtonText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
+  const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TITLE });
+  const descriptionText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_DESCRIPTION });
+  const submitButtonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
   const { screen } = useDevice();
 
   const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });

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

@@ -5,7 +5,7 @@ import { Button, Icon, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { Pricing } from "../pricing/Pricing";
 import { style } from "./CollapsiblePricing.style";
 
@@ -29,8 +29,9 @@ const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
 }) => {
   const { pendingToPay } = pricing;
 
-  const totalText = useI18nMessage({ id: I18nMessages.SUMMARY_TOTAL });
+  const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
   const totalCheckoutItemsKeptText = useI18nMessage({
+    domain: DOMAIN,
     id: I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT,
     values: { items: totalCheckoutItemsKept.toString() },
   });

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

@@ -224,19 +224,12 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
                   "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,
@@ -253,55 +246,98 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         }
         testID="submit-checkout-collpased-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",
                 },
               ]
             }
           >
-            summary.submit_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",
+                  },
+                ]
+              }
+            >
+              summary.submit_button
+            </Text>
+          </View>
+        </ViewManagerAdapter_ExpoLinearGradient>
       </View>
     </View>
   </View>
@@ -532,19 +568,12 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
                   "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,
@@ -561,55 +590,98 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         }
         testID="submit-checkout-collpased-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",
                 },
               ]
             }
           >
-            summary.submit_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",
+                  },
+                ]
+              }
+            >
+              summary.submit_button
+            </Text>
+          </View>
+        </ViewManagerAdapter_ExpoLinearGradient>
       </View>
     </View>
   </View>

package/src/infrastructure/ui/views/summary/components/pricing/Pricing.tsx

@@ -4,7 +4,7 @@ import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./Pricing.style";
 
 interface RowProps {
@@ -30,19 +30,21 @@ interface PricingProps {
 const Pricing: FC<PricingProps> = ({ pricing, totalCheckoutItemsKept }) => {
   const { pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, service } = pricing;
 
-  const totalText = useI18nMessage({ id: I18nMessages.SUMMARY_TOTAL });
+  const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
   const totalCheckoutItemsKeptText = useI18nMessage({
+    domain: DOMAIN,
     id: I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT,
     values: { items: totalCheckoutItemsKept.toString() },
   });
-  const subtotalText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBTOTAL });
-  const freeText = useI18nMessage({ id: I18nMessages.SUMMARY_FREE });
+  const subtotalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_SUBTOTAL });
+  const freeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_FREE });
   const discountText = useI18nMessage({
+    domain: DOMAIN,
     id: I18nMessages.SUMMARY_DISCOUNT,
     values: { discount: discountPercentage?.toString() },
   });
-  const creditText = useI18nMessage({ id: I18nMessages.SUMMARY_CREDIT });
-  const feeText = useI18nMessage({ id: I18nMessages.SUMMARY_FEE });
+  const creditText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_CREDIT });
+  const feeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_FEE });
 
   return (
     <View>

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.tsx

@@ -10,7 +10,7 @@ import {
   CheckoutItemProjection,
 } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { PriceProjection } from "../../../../../../projection/price/price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { ProductVariant, ProductVariantStyle } from "../../../shared/components/productVariant/ProductVariant";
 import { style } from "./CheckoutItemsTabs.style";
 
@@ -65,11 +65,11 @@ const CheckoutItemsTabs: FC<CheckoutItemsTabsProps> = ({
   onChanged,
 }) => {
   const { screen } = useDevice();
-  const keepTabText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_TAB });
-  const returnTabText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_TAB });
+  const keepTabText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_KEEP_TAB });
+  const returnTabText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_RETURN_TAB });
 
-  const keepEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_EMPTY });
-  const returnEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_EMPTY });
+  const keepEmptyText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_KEEP_EMPTY });
+  const returnEmptyText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_RETURN_EMPTY });
 
   const handleOnPressItem = useCallback((checkoutItemId: string) => onPressItem(checkoutItemId), [onPressItem]);