@lookiero/checkout 14.1.0 → 14.2.0

package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { TouchableOpacity } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQuestionFeedback";

package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";

package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { CheckoutFeedbackQuestionType } from "../../../../../../../projection/checkoutFeedback/checkoutFeedback.constants";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { CheckoutQuestionItem } from "../CheckoutQuestionItem";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18n } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { DOMAIN, I18nMessages } from "../../../../../i18n/i18n";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18n } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18n } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { ReturnQuestionItem } from "../ReturnQuestionItem";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.tsx

@@ -2,8 +2,8 @@
 import React, { useCallback, useMemo } from "react";
 import { LayoutChangeEvent, View } from "react-native";
 import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
-import { Text } from "@lookiero/aurora";
 import { useI18n } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { returnQuestionHasChildren } from "../../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
 import { DOMAIN } from "../../../../../../i18n/i18n";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.tsx

@@ -1,7 +1,7 @@
 import React, { FC, useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18n } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { Modal } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionProjection } from "../../../../../../../projection/returnQuestion/returnQuestion";
 import { returnQuestionHasChildren } from "../../../../../../../projection/returnQuestion/returnQuestion.typeguard";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { TouchableHighlight } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { DOMAIN } from "../../../../../i18n/i18n";
 import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";

package/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.tsx

@@ -1,9 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { FC, useCallback, useEffect, useMemo, useState } from "react";
-import { Pressable } from "react-native";
-import { Text as AuroraText, TextProperties } from "@lookiero/aurora";
+import { Pressable, TextProps as RNTextProps } from "react-native";
 import { useI18n } from "@lookiero/i18n-react";
-import { Checkbox } from "@lookiero/sty-psp-ui";
+import { Checkbox, Text } from "@lookiero/sty-psp-ui";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { useStaticInfo } from "../../../../../hooks/useStaticInfo";
@@ -20,9 +19,9 @@ import { ReturnQuestionItem } from "../ReturnQuestionItem";
 import { ModalOptionReturnQuestionItems } from "../modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems";
 import { style as radioReturnQuestionItemStyle } from "./RadioReturnQuestionItem.style";
 
-const TEXT: Record<Tradename, FC<TextProperties>> = {
-  [Tradename.LOOKIERO]: (props) => <AuroraText level={1} detail {...props} />,
-  [Tradename.OUTFITTERY]: (props) => <AuroraText level={3} {...props} />,
+const TEXT: Record<Tradename, FC<RNTextProps>> = {
+  [Tradename.LOOKIERO]: (props) => <Text level={1} detail {...props} />,
+  [Tradename.OUTFITTERY]: (props) => <Text level={3} {...props} />,
 };
 
 const RadioReturnQuestionItem: ReturnQuestionItem<ReturnQuestionType.OPTION> = ({

package/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable react/prop-types */
 import React, { useCallback, useMemo } from "react";
 import { View } from "react-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage, useI18n } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ReturnQuestionType } from "../../../../../../../projection/returnQuestion/returnQuestion.constants";
 import { DOMAIN, I18nMessages } from "../../../../../i18n/i18n";
 import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeedback";

package/src/infrastructure/ui/components/templates/header/checkoutHeader/CheckoutHeader.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useMemo } from "react";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ButtonIcon } from "@lookiero/sty-psp-ui";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { Header } from "../Header";

package/src/infrastructure/ui/components/templates/header/checkoutHeader/__snapshots__/CheckoutHeader.test.tsx.snap

@@ -97,22 +97,27 @@ exports[`CheckoutHeader template matches the snapshot 1`] = `
         style={
           [
             {
-              "color": "#0C0A0A",
-              "fontFamily": "auroraicons",
-              "fontSize": 24,
+              "fontFamily": "AreaNormal-Semibold",
+              "fontSize": 15,
               "fontStyle": "normal",
-              "fontWeight": "normal",
-              "height": 24,
+              "fontWeight": "300",
               "letterSpacing": -0.2,
-              "lineHeight": 24,
-              "minHeight": 24,
-              "minWidth": 24,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
-              "width": 24,
+              "lineHeight": 20,
             },
+            [
+              {
+                "fontFamily": "auroraicons",
+                "fontSize": 24,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
+                "height": 24,
+                "lineHeight": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "width": 24,
+              },
+              undefined,
+            ],
           ]
         }
         testID="icon"
@@ -121,21 +126,17 @@ exports[`CheckoutHeader template matches the snapshot 1`] = `
       </Text>
     </View>
     <Text
-      allowFontScaling={false}
-      selectable={false}
       style={
         [
           {
-            "color": "#0C0A0A",
             "fontFamily": "AreaNormal-Extrabold",
             "fontSize": 15,
+            "fontStyle": "normal",
+            "fontWeight": "normal",
             "letterSpacing": -0.2,
             "lineHeight": 20,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
           },
+          undefined,
         ]
       }
     >

package/src/infrastructure/ui/components/templates/header/itemDetailHeader/ItemDetailHeader.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useMemo } from "react";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ButtonIcon } from "@lookiero/sty-psp-ui";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { Header } from "../Header";

package/src/infrastructure/ui/components/templates/header/itemDetailHeader/__snapshots__/ItemDetailHeader.test.tsx.snap

@@ -59,21 +59,17 @@ exports[`ItemDetailHeader template matches the snapshot 1`] = `
       }
     />
     <Text
-      allowFontScaling={false}
-      selectable={false}
       style={
         [
           {
-            "color": "#0C0A0A",
             "fontFamily": "AreaNormal-Extrabold",
             "fontSize": 15,
+            "fontStyle": "normal",
+            "fontWeight": "normal",
             "letterSpacing": -0.2,
             "lineHeight": 20,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
           },
+          undefined,
         ]
       }
     >
@@ -127,22 +123,27 @@ exports[`ItemDetailHeader template matches the snapshot 1`] = `
         style={
           [
             {
-              "color": "#0C0A0A",
-              "fontFamily": "auroraicons",
-              "fontSize": 24,
+              "fontFamily": "AreaNormal-Semibold",
+              "fontSize": 15,
               "fontStyle": "normal",
-              "fontWeight": "normal",
-              "height": 24,
+              "fontWeight": "300",
               "letterSpacing": -0.2,
-              "lineHeight": 24,
-              "minHeight": 24,
-              "minWidth": 24,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
-              "width": 24,
+              "lineHeight": 20,
             },
+            [
+              {
+                "fontFamily": "auroraicons",
+                "fontSize": 24,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
+                "height": 24,
+                "lineHeight": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "width": 24,
+              },
+              undefined,
+            ],
           ]
         }
         testID="icon"

package/src/infrastructure/ui/components/templates/header/itemHeader/ItemHeader.tsx

@@ -1,8 +1,8 @@
 import React, { FC, useCallback, useMemo } from "react";
 import { StyleProp, ViewStyle } from "react-native";
 import { generatePath, useNavigate } from "react-router-native";
-import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Text } from "@lookiero/sty-psp-ui";
 import { ButtonIcon } from "@lookiero/sty-psp-ui";
 import { CheckoutItemProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { useStaticInfo } from "../../../../hooks/useStaticInfo";

package/src/infrastructure/ui/components/templates/header/itemHeader/__snapshots__/ItemHeader.test.tsx.snap

@@ -97,22 +97,27 @@ exports[`ItemHeader template matches the snapshot 1`] = `
         style={
           [
             {
-              "color": "#0C0A0A",
-              "fontFamily": "auroraicons",
-              "fontSize": 24,
+              "fontFamily": "AreaNormal-Semibold",
+              "fontSize": 15,
               "fontStyle": "normal",
-              "fontWeight": "normal",
-              "height": 24,
+              "fontWeight": "300",
               "letterSpacing": -0.2,
-              "lineHeight": 24,
-              "minHeight": 24,
-              "minWidth": 24,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
-              "width": 24,
+              "lineHeight": 20,
             },
+            [
+              {
+                "fontFamily": "auroraicons",
+                "fontSize": 24,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
+                "height": 24,
+                "lineHeight": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "width": 24,
+              },
+              undefined,
+            ],
           ]
         }
         testID="icon"
@@ -121,21 +126,17 @@ exports[`ItemHeader template matches the snapshot 1`] = `
       </Text>
     </View>
     <Text
-      allowFontScaling={false}
-      selectable={false}
       style={
         [
           {
-            "color": "#0C0A0A",
             "fontFamily": "AreaNormal-Extrabold",
             "fontSize": 15,
+            "fontStyle": "normal",
+            "fontWeight": "normal",
             "letterSpacing": -0.2,
             "lineHeight": 20,
-            "paddingBottom": 0,
-            "paddingLeft": 0,
-            "paddingRight": 0,
-            "paddingTop": 0,
           },
+          undefined,
         ]
       }
     >
@@ -189,22 +190,27 @@ exports[`ItemHeader template matches the snapshot 1`] = `
         style={
           [
             {
-              "color": "#0C0A0A",
-              "fontFamily": "auroraicons",
-              "fontSize": 24,
+              "fontFamily": "AreaNormal-Semibold",
+              "fontSize": 15,
               "fontStyle": "normal",
-              "fontWeight": "normal",
-              "height": 24,
+              "fontWeight": "300",
               "letterSpacing": -0.2,
-              "lineHeight": 24,
-              "minHeight": 24,
-              "minWidth": 24,
-              "paddingBottom": 0,
-              "paddingLeft": 0,
-              "paddingRight": 0,
-              "paddingTop": 0,
-              "width": 24,
+              "lineHeight": 20,
             },
+            [
+              {
+                "fontFamily": "auroraicons",
+                "fontSize": 24,
+                "fontStyle": "normal",
+                "fontWeight": "normal",
+                "height": 24,
+                "lineHeight": 24,
+                "minHeight": 24,
+                "minWidth": 24,
+                "width": 24,
+              },
+              undefined,
+            ],
           ]
         }
         testID="icon"

package/src/infrastructure/ui/views/checkout/Checkout.tsx

@@ -1,12 +1,12 @@
 import React, { FC, useCallback, useMemo, useState } from "react";
 import { LayoutRectangle, Platform, ScrollView, View } from "react-native";
 import { useNavigate } from "react-router-native";
-import { Box, Layout as AuroraLayout, Spinner, Text } from "@lookiero/aurora";
+import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { QueryStatus } from "@lookiero/messaging-react";
 import { PayButton, Section } from "@lookiero/payments-front";
 import { Country } from "@lookiero/sty-psp-locale";
-import { Layout as UiLayout, Sticky, useScreenSize } from "@lookiero/sty-psp-ui";
+import { Layout as UiLayout, Sticky, Text, useScreenSize } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
 import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";

package/src/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.tsx

@@ -1,8 +1,9 @@
 import React, { FC, useMemo } from "react";
 import { Pressable, View } from "react-native";
-import { InfoBox, Text } from "@lookiero/aurora";
+import { InfoBox } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { useScreenSize } from "@lookiero/sty-psp-ui";
+import "@lookiero/sty-psp-ui";
+import { useScreenSize, Text } from "@lookiero/sty-psp-ui";
 import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style as customerDecissionBannerStyle } from "./CustomerDecissionBanner.style";

package/src/infrastructure/ui/views/item/components/banner/__snapshots__/CustomerDecissionBanner.test.tsx.snap

@@ -138,22 +138,18 @@ exports[`CustomerDecissionBanner component matches the snapshot for a KEPT check
                 testID="customer-decission-banner"
               >
                 <Text
-                  allowFontScaling={false}
-                  selectable={false}
                   style={
                     [
                       {
-                        "color": "#0C0A0A",
                         "fontFamily": "AreaNormal-Semibold",
                         "fontSize": 12,
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
                         "letterSpacing": 0.1,
                         "lineHeight": 16,
-                        "paddingBottom": 0,
-                        "paddingLeft": 0,
-                        "paddingRight": 0,
-                        "paddingTop": 0,
                         "textDecorationLine": "underline",
                       },
+                      undefined,
                     ]
                   }
                 >
@@ -307,22 +303,18 @@ exports[`CustomerDecissionBanner component matches the snapshot for a REPLACED c
                 testID="customer-decission-banner"
               >
                 <Text
-                  allowFontScaling={false}
-                  selectable={false}
                   style={
                     [
                       {
-                        "color": "#0C0A0A",
                         "fontFamily": "AreaNormal-Semibold",
                         "fontSize": 12,
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
                         "letterSpacing": 0.1,
                         "lineHeight": 16,
-                        "paddingBottom": 0,
-                        "paddingLeft": 0,
-                        "paddingRight": 0,
-                        "paddingTop": 0,
                         "textDecorationLine": "underline",
                       },
+                      undefined,
                     ]
                   }
                 >
@@ -476,22 +468,18 @@ exports[`CustomerDecissionBanner component matches the snapshot for a RETURNED c
                 testID="customer-decission-banner"
               >
                 <Text
-                  allowFontScaling={false}
-                  selectable={false}
                   style={
                     [
                       {
-                        "color": "#0C0A0A",
                         "fontFamily": "AreaNormal-Semibold",
                         "fontSize": 12,
+                        "fontStyle": "normal",
+                        "fontWeight": "normal",
                         "letterSpacing": 0.1,
                         "lineHeight": 16,
-                        "paddingBottom": 0,
-                        "paddingLeft": 0,
-                        "paddingRight": 0,
-                        "paddingTop": 0,
                         "textDecorationLine": "underline",
                       },
+                      undefined,
                     ]
                   }
                 >

package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx

@@ -1,8 +1,8 @@
 import React, { FC, useMemo } from "react";
 import { View } from "react-native";
-import { Button, BUTTON_VARIANT, Text } from "@lookiero/aurora";
+import { Button, BUTTON_VARIANT } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
-import { Modal } from "@lookiero/sty-psp-ui";
+import { Modal, Text } from "@lookiero/sty-psp-ui";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style as getOutOfCheckoutModalStyle } from "./GetOutOfCheckoutModal.style";
 
@@ -35,12 +35,12 @@ const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps> = ({ visible, onDism
           {descriptionText}
         </Text>
         <Button style={style.button} onPress={onDismiss}>
-          <Text level={3} selectable={false} style={style.buttonText} action upperCase>
+          <Text level={3} selectable={false} style={[style.buttonText, { textTransform: "uppercase" }]} action>
             {dismissButtonText}
           </Text>
         </Button>
         <Button style={[style.button, style.confirmButton]} variant={BUTTON_VARIANT.SECONDARY} onPress={onConfirm}>
-          <Text level={3} selectable={false} style={style.buttonText} action upperCase>
+          <Text level={3} selectable={false} style={[style.buttonText, { textTransform: "uppercase" }]} action>
             {confirmButtonText}
           </Text>
         </Button>