@lookiero/checkout 14.1.0 → 14.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/public/public/assets/adaptive-icon.png +0 -0
  2. package/dist/public/public/assets/favicon.png +0 -0
  3. package/dist/public/public/assets/icon.png +0 -0
  4. package/dist/public/public/assets/splash.png +0 -0
  5. package/dist/public/public/images/not-found.png +0 -0
  6. package/dist/src/ExpoRoot.d.ts +1 -0
  7. package/dist/src/ExpoRoot.js +3 -2
  8. package/dist/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner.js +3 -2
  9. package/dist/src/infrastructure/ui/components/atoms/price/Price.js +1 -1
  10. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.js +1 -1
  11. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.js +1 -1
  12. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.js +1 -1
  13. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.js +1 -1
  14. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.js +1 -1
  15. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.js +1 -1
  16. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.js +1 -1
  17. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.js +1 -1
  18. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.js +1 -1
  19. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.js +3 -4
  20. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.js +1 -1
  21. package/dist/src/infrastructure/ui/components/templates/header/checkoutHeader/CheckoutHeader.js +1 -1
  22. package/dist/src/infrastructure/ui/components/templates/header/itemDetailHeader/ItemDetailHeader.js +1 -1
  23. package/dist/src/infrastructure/ui/components/templates/header/itemHeader/ItemHeader.js +1 -1
  24. package/dist/src/infrastructure/ui/views/checkout/Checkout.js +2 -2
  25. package/dist/src/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.d.ts +1 -0
  26. package/dist/src/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.js +3 -2
  27. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js +4 -4
  28. package/dist/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js +1 -1
  29. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.js +1 -1
  30. package/dist/src/infrastructure/ui/views/item/components/selectModal/SelectModal.js +1 -1
  31. package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js +2 -2
  32. package/dist/src/infrastructure/ui/views/return/components/price/Price.js +1 -1
  33. package/dist/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.js +1 -1
  34. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js +2 -1
  35. package/dist/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.js +1 -1
  36. package/dist/src/infrastructure/ui/views/summary/Summary.js +2 -2
  37. package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js +2 -2
  38. package/dist/src/infrastructure/ui/views/summary/components/pricing/Pricing.js +1 -1
  39. package/dist/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.js +1 -1
  40. package/dist/src/projection/order/order.d.ts +6 -0
  41. package/dist/src/projection/order/order.js +1 -0
  42. package/dist/src/projection/subscription/subscription.d.ts +2 -0
  43. package/dist/src/projection/subscription/subscription.js +1 -0
  44. package/dist/src/version.d.ts +2 -2
  45. package/dist/src/version.js +2 -2
  46. package/package.json +4 -4
  47. package/src/ExpoRoot.tsx +3 -2
  48. package/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner.tsx +3 -2
  49. package/src/infrastructure/ui/components/atoms/price/Price.tsx +1 -1
  50. package/src/infrastructure/ui/components/atoms/price/__snapshots__/Price.test.tsx.snap +11 -21
  51. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.tsx +1 -1
  52. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.tsx +1 -1
  53. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.tsx +1 -1
  54. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.tsx +1 -1
  55. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostLegacyRadioGroupReturnQuestionItem/HostLegacyRadioGroupReturnQuestionItem.tsx +1 -1
  56. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.tsx +1 -1
  57. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.tsx +1 -1
  58. package/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.tsx +1 -1
  59. package/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.tsx +1 -1
  60. package/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.tsx +5 -6
  61. package/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.tsx +1 -1
  62. package/src/infrastructure/ui/components/templates/header/checkoutHeader/CheckoutHeader.tsx +1 -1
  63. package/src/infrastructure/ui/components/templates/header/checkoutHeader/__snapshots__/CheckoutHeader.test.tsx.snap +21 -20
  64. package/src/infrastructure/ui/components/templates/header/itemDetailHeader/ItemDetailHeader.tsx +1 -1
  65. package/src/infrastructure/ui/components/templates/header/itemDetailHeader/__snapshots__/ItemDetailHeader.test.tsx.snap +21 -20
  66. package/src/infrastructure/ui/components/templates/header/itemHeader/ItemHeader.tsx +1 -1
  67. package/src/infrastructure/ui/components/templates/header/itemHeader/__snapshots__/ItemHeader.test.tsx.snap +39 -33
  68. package/src/infrastructure/ui/views/checkout/Checkout.tsx +2 -2
  69. package/src/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.tsx +3 -2
  70. package/src/infrastructure/ui/views/item/components/banner/__snapshots__/CustomerDecissionBanner.test.tsx.snap +9 -21
  71. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx +4 -4
  72. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap +30 -32
  73. package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap +44 -36
  74. package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.tsx +1 -1
  75. package/src/infrastructure/ui/views/item/components/productVariantDescription/__snapshots__/ProductVariantDescription.test.tsx.snap +28 -56
  76. package/src/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.tsx +1 -1
  77. package/src/infrastructure/ui/views/item/components/selectModal/SelectModal.tsx +1 -1
  78. package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap +28 -21
  79. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx +2 -2
  80. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +27 -27
  81. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +42 -84
  82. package/src/infrastructure/ui/views/return/components/price/Price.tsx +1 -1
  83. package/src/infrastructure/ui/views/return/components/price/__snapshots__/Price.test.tsx.snap +11 -21
  84. package/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.tsx +1 -1
  85. package/src/infrastructure/ui/views/return/components/productVariantPreview/__snapshots__/ProductVariantPreview.test.tsx.snap +16 -28
  86. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +2 -1
  87. package/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.tsx +1 -1
  88. package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +68 -82
  89. package/src/infrastructure/ui/views/summary/Summary.tsx +2 -2
  90. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +2 -2
  91. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +50 -54
  92. package/src/infrastructure/ui/views/summary/components/pricing/Pricing.tsx +1 -1
  93. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.tsx +1 -1
  94. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +172 -196
@@ -1,3 +1,4 @@
1
1
  import { FC } from "react";
2
+ import "@lookiero/sty-psp-ui";
2
3
  declare const ExpoRoot: FC;
3
4
  export { ExpoRoot };
@@ -3,12 +3,13 @@ import { useFonts } from "expo-font";
3
3
  import React, { useCallback, useState } from "react";
4
4
  import { Platform, ScrollView } from "react-native";
5
5
  import { Navigate, Route, Routes } from "react-router-native";
6
- import { Aurora, Text } from "@lookiero/aurora";
6
+ import { Aurora } from "@lookiero/aurora";
7
7
  import { EventProvider } from "@lookiero/event";
8
8
  import { PaymentsQueryProvider, setPaymentsBridge } from "@lookiero/payments-front";
9
9
  import { Country, Locale } from "@lookiero/sty-psp-locale";
10
10
  import { Segment } from "@lookiero/sty-psp-segment";
11
- import { DummyLayout, themeByTradename } from "@lookiero/sty-psp-ui";
11
+ import "@lookiero/sty-psp-ui";
12
+ import { DummyLayout, themeByTradename, Text } from "@lookiero/sty-psp-ui";
12
13
  import { Tradename } from "@lookiero/sty-sp-tradename";
13
14
  import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
14
15
  import { bootstrap as checkoutMockBootstrap } from "./infrastructure/delivery/bootstrap.mock";
@@ -1,6 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
- import { ALIGN, DISPLAY, InfoBox, INFOBOX_TYPE, Text } from "@lookiero/aurora";
2
+ import { ALIGN, InfoBox, INFOBOX_TYPE } from "@lookiero/aurora";
3
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
4
5
  import { DOMAIN, I18nMessages } from "../../../i18n/i18n";
5
6
  import { style as fiveItemsDiscountBannerStyle } from "./FiveItemsDiscountBanner.style";
6
7
  const FiveItemsDiscountBanner = ({ fiveItemsDiscount }) => {
@@ -10,7 +11,7 @@ const FiveItemsDiscountBanner = ({ fiveItemsDiscount }) => {
10
11
  id: I18nMessages.BANNER_DISCOUNT_TEXT,
11
12
  values: {
12
13
  discount: fiveItemsDiscount.toString(),
13
- b: (chunks) => (React.createElement(Text, { as: "span", display: DISPLAY.INLINE, level: 2, style: style.textBold }, chunks)),
14
+ b: (chunks) => (React.createElement(Text, { level: 2, style: style.textBold }, chunks)),
14
15
  },
15
16
  });
16
17
  return (React.createElement(InfoBox, { contentAlign: ALIGN.CENTER, icon: "info", testID: "five-items-discount-banner", text: bannerText, type: INFOBOX_TYPE.SQUARED }));
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nNumber } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { DOMAIN } from "../../../i18n/i18n";
6
6
  import { style as priceStyle } from "./Price.style";
7
7
  const PRICE_VARIANT = {
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useCallback, useMemo } from "react";
3
3
  import { TouchableOpacity } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN } from "../../../../../i18n/i18n";
7
7
  import { useCheckoutQuestionFeedbackForId } from "../../behaviors/useCheckoutQuestionFeedback";
8
8
  import { style as buttonCheckoutQuestionItemStyle } from "./ButtonCheckoutQuestionItem.style";
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useMemo } from "react";
3
3
  import { View } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN } from "../../../../../i18n/i18n";
7
7
  import { style as hostDefaultCheckoutQuestionItemStyle } from "./HostDefaultCheckoutQuestionItem.style";
8
8
  const HostDefaultCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useMemo } from "react";
3
3
  import { View } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN } from "../../../../../i18n/i18n";
7
7
  import { style as hostSelectCheckoutQuestionItemStyle } from "./HostSelectCheckoutQuestionItem.style";
8
8
  const HostSelectCheckoutQuestionItem = ({ checkoutQuestion, children, }) => {
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useMemo } from "react";
3
3
  import { View } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18n } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN, I18nMessages } from "../../../../../i18n/i18n";
7
7
  import { style as hostDefaultReturnQuestionItemStyle } from "./HostDefaultReturnQuestionItem.style";
8
8
  const HostDefaultReturnQuestionItem = ({ returnQuestion, children, }) => {
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useMemo } from "react";
3
3
  import { View } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18n } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN } from "../../../../../i18n/i18n";
7
7
  import { style as hostLegacyRadioGroupReturnQuestionItemStyle } from "./HostLegacyRadioGroupReturnQuestionItem.style";
8
8
  const HostLegacyRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useMemo } from "react";
3
3
  import { View } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18n } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN } from "../../../../../i18n/i18n";
7
7
  import { style as hostRadioGroupReturnQuestionItemStyle } from "./HostRadioGroupReturnQuestionItem.style";
8
8
  const HostRadioGroupReturnQuestionItem = ({ returnQuestion, children, testID, }) => {
@@ -2,8 +2,8 @@
2
2
  import React, { useCallback, useMemo } from "react";
3
3
  import { View } from "react-native";
4
4
  import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
5
- import { Text } from "@lookiero/aurora";
6
5
  import { useI18n } from "@lookiero/i18n-react";
6
+ import { Text } from "@lookiero/sty-psp-ui";
7
7
  import { returnQuestionHasChildren } from "../../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
8
8
  import { DOMAIN } from "../../../../../../i18n/i18n";
9
9
  import ReturnQuestion from "../../../ReturnQuestion";
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18n } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { Modal } from "@lookiero/sty-psp-ui";
6
6
  import { returnQuestionHasChildren } from "../../../../../../../projection/returnQuestion/returnQuestion.typeguard";
7
7
  import { DOMAIN } from "../../../../../i18n/i18n";
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useCallback, useMemo } from "react";
3
3
  import { TouchableHighlight } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN } from "../../../../../i18n/i18n";
7
7
  import { useReturnQuestionFeedbackForReturnQuestion } from "../../behaviors/useReturnQuestionFeedback";
8
8
  import { style as optionReturnQuestionItemStyle } from "./OptionReturnQuestionItem.style";
@@ -1,9 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useCallback, useEffect, useMemo, useState } from "react";
3
3
  import { Pressable } from "react-native";
4
- import { Text as AuroraText } from "@lookiero/aurora";
5
4
  import { useI18n } from "@lookiero/i18n-react";
6
- import { Checkbox } from "@lookiero/sty-psp-ui";
5
+ import { Checkbox, Text } from "@lookiero/sty-psp-ui";
7
6
  import { Tradename } from "@lookiero/sty-sp-tradename";
8
7
  import { useStaticInfo } from "../../../../../hooks/useStaticInfo";
9
8
  import { DOMAIN } from "../../../../../i18n/i18n";
@@ -12,8 +11,8 @@ import { deepestReturnQuestionWithFeedbackForReturnQuestion, feedbackForReturnQu
12
11
  import { ModalOptionReturnQuestionItems } from "../modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems";
13
12
  import { style as radioReturnQuestionItemStyle } from "./RadioReturnQuestionItem.style";
14
13
  const TEXT = {
15
- [Tradename.LOOKIERO]: (props) => React.createElement(AuroraText, { level: 1, detail: true, ...props }),
16
- [Tradename.OUTFITTERY]: (props) => React.createElement(AuroraText, { level: 3, ...props }),
14
+ [Tradename.LOOKIERO]: (props) => React.createElement(Text, { level: 1, detail: true, ...props }),
15
+ [Tradename.OUTFITTERY]: (props) => React.createElement(Text, { level: 3, ...props }),
17
16
  };
18
17
  const RadioReturnQuestionItem = ({ returnQuestion, returnQuestionParent, testID, portalHostName, }) => {
19
18
  const { tradename } = useStaticInfo();
@@ -1,8 +1,8 @@
1
1
  /* eslint-disable react/prop-types */
2
2
  import React, { useCallback, useMemo } from "react";
3
3
  import { View } from "react-native";
4
- import { Text } from "@lookiero/aurora";
5
4
  import { useI18nMessage, useI18n } from "@lookiero/i18n-react";
5
+ import { Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN, I18nMessages } from "../../../../../i18n/i18n";
7
7
  import { useReturnQuestionFeedback } from "../../behaviors/useReturnQuestionFeedback";
8
8
  import { feedbackForReturnQuestion } from "../../util/returnQuestionFeedback";
@@ -1,6 +1,6 @@
1
1
  import React, { useMemo } from "react";
2
- import { Text } from "@lookiero/aurora";
3
2
  import { useI18nMessage } from "@lookiero/i18n-react";
3
+ import { Text } from "@lookiero/sty-psp-ui";
4
4
  import { ButtonIcon } from "@lookiero/sty-psp-ui";
5
5
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
6
6
  import { Header } from "../Header";
@@ -1,6 +1,6 @@
1
1
  import React, { useMemo } from "react";
2
- import { Text } from "@lookiero/aurora";
3
2
  import { useI18nMessage } from "@lookiero/i18n-react";
3
+ import { Text } from "@lookiero/sty-psp-ui";
4
4
  import { ButtonIcon } from "@lookiero/sty-psp-ui";
5
5
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
6
6
  import { Header } from "../Header";
@@ -1,7 +1,7 @@
1
1
  import React, { useCallback, useMemo } from "react";
2
2
  import { generatePath, useNavigate } from "react-router-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { ButtonIcon } from "@lookiero/sty-psp-ui";
6
6
  import { useStaticInfo } from "../../../../hooks/useStaticInfo";
7
7
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
@@ -1,12 +1,12 @@
1
1
  import React, { useCallback, useMemo, useState } from "react";
2
2
  import { Platform, ScrollView, View } from "react-native";
3
3
  import { useNavigate } from "react-router-native";
4
- import { Box, Layout as AuroraLayout, Spinner, Text } from "@lookiero/aurora";
4
+ import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
5
5
  import { useI18nMessage } from "@lookiero/i18n-react";
6
6
  import { QueryStatus } from "@lookiero/messaging-react";
7
7
  import { PayButton, Section } from "@lookiero/payments-front";
8
8
  import { Country } from "@lookiero/sty-psp-locale";
9
- import { Sticky, useScreenSize } from "@lookiero/sty-psp-ui";
9
+ import { Sticky, Text, useScreenSize } from "@lookiero/sty-psp-ui";
10
10
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
11
11
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
12
12
  import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
@@ -1,4 +1,5 @@
1
1
  import { FC } from "react";
2
+ import "@lookiero/sty-psp-ui";
2
3
  import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
3
4
  type CustomerDecissionBannerStatus = Exclude<CheckoutItemStatus, CheckoutItemStatus.INITIAL>;
4
5
  interface CustomerDecissionBannerProps {
@@ -1,8 +1,9 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { Pressable, View } from "react-native";
3
- import { InfoBox, Text } from "@lookiero/aurora";
3
+ import { InfoBox } from "@lookiero/aurora";
4
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
- import { useScreenSize } from "@lookiero/sty-psp-ui";
5
+ import "@lookiero/sty-psp-ui";
6
+ import { useScreenSize, Text } from "@lookiero/sty-psp-ui";
6
7
  import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
7
8
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
8
9
  import { style as customerDecissionBannerStyle } from "./CustomerDecissionBanner.style";
@@ -1,8 +1,8 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Button, BUTTON_VARIANT, Text } from "@lookiero/aurora";
3
+ import { Button, BUTTON_VARIANT } from "@lookiero/aurora";
4
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
- import { Modal } from "@lookiero/sty-psp-ui";
5
+ import { Modal, Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
7
7
  import { style as getOutOfCheckoutModalStyle } from "./GetOutOfCheckoutModal.style";
8
8
  const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
@@ -22,8 +22,8 @@ const GetOutOfCheckoutModal = ({ visible, onDismiss, onConfirm }) => {
22
22
  React.createElement(Text, { level: 1, style: style.title }, titleText),
23
23
  React.createElement(Text, { level: 3, style: style.description }, descriptionText),
24
24
  React.createElement(Button, { style: style.button, onPress: onDismiss },
25
- React.createElement(Text, { level: 3, selectable: false, style: style.buttonText, action: true, upperCase: true }, dismissButtonText)),
25
+ React.createElement(Text, { level: 3, selectable: false, style: [style.buttonText, { textTransform: "uppercase" }], action: true }, dismissButtonText)),
26
26
  React.createElement(Button, { style: [style.button, style.confirmButton], variant: BUTTON_VARIANT.SECONDARY, onPress: onConfirm },
27
- React.createElement(Text, { level: 3, selectable: false, style: style.buttonText, action: true, upperCase: true }, confirmButtonText)))));
27
+ React.createElement(Text, { level: 3, selectable: false, style: [style.buttonText, { textTransform: "uppercase" }], action: true }, confirmButtonText)))));
28
28
  };
29
29
  export { GetOutOfCheckoutModal };
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { useScreenSize } from "@lookiero/sty-psp-ui";
6
6
  import { size } from "../../../../../../projection/size/size";
7
7
  import { Price } from "../../../../components/atoms/price/Price";
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { ButtonIcon } from "@lookiero/sty-psp-ui";
6
6
  import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
7
7
  import { ReturnQuestions } from "../../../../components/organisms/returnQuestions/ReturnQuestions";
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useMemo } from "react";
2
2
  import { TouchableHighlight, View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
3
+ import { Text } from "@lookiero/sty-psp-ui";
4
4
  import { Modal } from "@lookiero/sty-psp-ui";
5
5
  import { style as modalStyle } from "./SelectModal.style";
6
6
  const SelectModal = ({ modalVisible, options, style: customStyle, testID, title, value, portalHostName, onChange = () => void 0, onClose = () => void 0, }) => {
@@ -1,8 +1,8 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Button, Text } from "@lookiero/aurora";
3
+ import { Button } from "@lookiero/aurora";
4
4
  import { useI18nMessage } from "@lookiero/i18n-react";
5
- import { Modal } from "@lookiero/sty-psp-ui";
5
+ import { Modal, Text } from "@lookiero/sty-psp-ui";
6
6
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
7
7
  import { style as sizeWithoutStockModalStyle } from "./SizeWithoutStockModal.style";
8
8
  const SizeWithoutStockModal = ({ visible, onDismiss }) => {
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nNumber } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { DOMAIN } from "../../../../i18n/i18n";
6
6
  import { style as priceStyle } from "./Price.style";
7
7
  const Price = ({ price, withPercentage = false }) => {
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { Image, View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { Column, Row, useScreenSize } from "@lookiero/sty-psp-ui";
6
6
  import { size } from "../../../../../../projection/size/size";
7
7
  import { useMediaImage } from "../../../../hooks/useMediaImage";
@@ -3,10 +3,11 @@ import React, { useCallback, useMemo } from "react";
3
3
  import { Platform, View } from "react-native";
4
4
  import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
5
5
  import { generatePath, useNavigate } from "react-router-native";
6
- import { Box, Button, Layout as AuroraLayout, Spinner, Text } from "@lookiero/aurora";
6
+ import { Box, Button, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
7
7
  import { useI18nMessage } from "@lookiero/i18n-react";
8
8
  import { CommandStatus } from "@lookiero/messaging-react";
9
9
  import { useLogger } from "@lookiero/sty-psp-logging";
10
+ import { Text } from "@lookiero/sty-psp-ui";
10
11
  import { useScreenSize } from "@lookiero/sty-psp-ui";
11
12
  import { Tradename } from "@lookiero/sty-sp-tradename";
12
13
  import { ReturnQuestionType } from "../../../../../../projection/returnQuestion/returnQuestion.constants";
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { Pressable, View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { Icon, LazyImage } from "@lookiero/sty-psp-ui";
6
6
  import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
7
7
  import { size } from "../../../../../../projection/size/size";
@@ -1,10 +1,10 @@
1
1
  import React, { useCallback, useEffect, useMemo, useState } from "react";
2
2
  import { Platform, ScrollView, View } from "react-native";
3
3
  import { generatePath, useMatch, useNavigate } from "react-router-native";
4
- import { Box, Text, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
4
+ import { Box, Layout as AuroraLayout, Spinner } from "@lookiero/aurora";
5
5
  import { useI18nMessage } from "@lookiero/i18n-react";
6
6
  import { QueryStatus } from "@lookiero/messaging-react";
7
- import { Sticky, useScreenSize } from "@lookiero/sty-psp-ui";
7
+ import { Sticky, Text, useScreenSize } from "@lookiero/sty-psp-ui";
8
8
  import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
9
9
  import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
10
10
  import { useViewFiveItemsDiscountByCustomerId } from "../../../projection/checkout/react/useViewFiveItemsDiscountByCustomerId";
@@ -1,9 +1,9 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { Pressable, View } from "react-native";
3
3
  import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
4
- import { Button, Text } from "@lookiero/aurora";
4
+ import { Button } from "@lookiero/aurora";
5
5
  import { useI18nMessage } from "@lookiero/i18n-react";
6
- import { Icon } from "@lookiero/sty-psp-ui";
6
+ import { Icon, Text } from "@lookiero/sty-psp-ui";
7
7
  import { Price } from "../../../../components/atoms/price/Price";
8
8
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
9
9
  import { Pricing } from "../pricing/Pricing";
@@ -1,7 +1,7 @@
1
1
  import React, { useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { Tradename } from "@lookiero/sty-sp-tradename";
6
6
  import { Price } from "../../../../components/atoms/price/Price";
7
7
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
@@ -1,7 +1,7 @@
1
1
  import React, { useCallback, useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { Tabs, useScreenSize } from "@lookiero/sty-psp-ui";
6
6
  import { CheckoutItemStatus } from "../../../../../../domain/checkoutItem/model/checkoutItem";
7
7
  import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
@@ -0,0 +1,6 @@
1
+ interface Order {
2
+ readonly orderNumber: number;
3
+ readonly isFirstOrder: boolean;
4
+ readonly coupon: string | null;
5
+ }
6
+ export type { Order as OrderProjection };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,2 @@
1
+ type Subscription = "o" | "m" | "b" | "q";
2
+ export type { Subscription as SubscriptionProjection };
@@ -0,0 +1 @@
1
+ export {};
@@ -1,2 +1,2 @@
1
- export declare const VERSION = "14.1.0";
2
- export declare const RELEASE = "checkout@14.1.0";
1
+ export declare const VERSION = "14.2.0";
2
+ export declare const RELEASE = "checkout@14.2.0";
@@ -1,2 +1,2 @@
1
- export const VERSION = "14.1.0";
2
- export const RELEASE = "checkout@14.1.0";
1
+ export const VERSION = "14.2.0";
2
+ export const RELEASE = "checkout@14.2.0";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lookiero/checkout",
3
- "version": "14.1.0",
3
+ "version": "14.2.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": "false",
@@ -28,13 +28,13 @@
28
28
  "@lookiero/sty-psp-i18n": "^2.0",
29
29
  "@lookiero/sty-psp-locale": "^2.1",
30
30
  "@lookiero/sty-psp-logging": "^2.2",
31
- "@lookiero/sty-psp-notifications": "^2.15",
31
+ "@lookiero/sty-psp-notifications": "^2.16",
32
32
  "@lookiero/sty-psp-react-native": "^2.0",
33
33
  "@lookiero/sty-psp-segment": "^0.1",
34
34
  "@lookiero/sty-psp-storage": "^1.1",
35
35
  "@lookiero/sty-psp-tracking": "^2.4",
36
- "@lookiero/sty-psp-ui": "^3.4",
37
- "@lookiero/sty-psp-ui-settings": "^1.5",
36
+ "@lookiero/sty-psp-ui": "^3.5",
37
+ "@lookiero/sty-psp-ui-settings": "^1.6",
38
38
  "@lookiero/sty-psp-units": "^0.1",
39
39
  "@lookiero/sty-psp-uuid": "^0.2",
40
40
  "@lookiero/sty-sp-tradename": "^1.0",
package/src/ExpoRoot.tsx CHANGED
@@ -3,13 +3,14 @@ import { useFonts } from "expo-font";
3
3
  import React, { FC, useCallback, useState } from "react";
4
4
  import { Platform, ScrollView } from "react-native";
5
5
  import { Navigate, Route, Routes } from "react-router-native";
6
- import { Aurora, Text } from "@lookiero/aurora";
6
+ import { Aurora } from "@lookiero/aurora";
7
7
  import { EventProvider } from "@lookiero/event";
8
8
  import { FeatureFlags, PaymentsQueryProvider, setPaymentsBridge } from "@lookiero/payments-front";
9
9
  import { Country, Locale } from "@lookiero/sty-psp-locale";
10
10
  import { SentryEnvironment } from "@lookiero/sty-psp-logging";
11
11
  import { Segment } from "@lookiero/sty-psp-segment";
12
- import { DummyLayout, themeByTradename } from "@lookiero/sty-psp-ui";
12
+ import "@lookiero/sty-psp-ui";
13
+ import { DummyLayout, themeByTradename, Text } from "@lookiero/sty-psp-ui";
13
14
  import { Tradename } from "@lookiero/sty-sp-tradename";
14
15
  import { KameleoonEnvironment } from "./infrastructure/ab-testing/kameleoonEnvironment";
15
16
  import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
@@ -1,6 +1,7 @@
1
1
  import React, { FC, ReactNode, useMemo } from "react";
2
- import { ALIGN, DISPLAY, InfoBox, INFOBOX_TYPE, Text } from "@lookiero/aurora";
2
+ import { ALIGN, InfoBox, INFOBOX_TYPE } from "@lookiero/aurora";
3
3
  import { useI18nMessage } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
4
5
  import { DOMAIN, I18nMessages } from "../../../i18n/i18n";
5
6
  import { style as fiveItemsDiscountBannerStyle } from "./FiveItemsDiscountBanner.style";
6
7
 
@@ -16,7 +17,7 @@ const FiveItemsDiscountBanner: FC<FiveItemsDiscountBannerProps> = ({ fiveItemsDi
16
17
  values: {
17
18
  discount: fiveItemsDiscount.toString(),
18
19
  b: (chunks: ReactNode[]) => (
19
- <Text as="span" display={DISPLAY.INLINE} level={2} style={style.textBold}>
20
+ <Text level={2} style={style.textBold}>
20
21
  {chunks}
21
22
  </Text>
22
23
  ),
@@ -1,7 +1,7 @@
1
1
  import React, { FC, useMemo } from "react";
2
2
  import { View } from "react-native";
3
- import { Text } from "@lookiero/aurora";
4
3
  import { useI18nNumber } from "@lookiero/i18n-react";
4
+ import { Text } from "@lookiero/sty-psp-ui";
5
5
  import { PriceProjection } from "../../../../../projection/price/price";
6
6
  import { DOMAIN } from "../../../i18n/i18n";
7
7
  import { style as priceStyle } from "./Price.style";
@@ -38,21 +38,17 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
38
38
  testID="price"
39
39
  >
40
40
  <Text
41
- allowFontScaling={false}
42
- selectable={false}
43
41
  style={
44
42
  [
45
43
  {
46
- "color": "#0C0A0A",
47
44
  "fontFamily": "AreaNormal-Semibold",
48
45
  "fontSize": 13,
46
+ "fontStyle": "normal",
47
+ "fontWeight": "normal",
49
48
  "letterSpacing": 0.1,
50
49
  "lineHeight": 17,
51
- "paddingBottom": 0,
52
- "paddingLeft": 0,
53
- "paddingRight": 0,
54
- "paddingTop": 0,
55
50
  },
51
+ undefined,
56
52
  ]
57
53
  }
58
54
  testID="price-text"
@@ -68,22 +64,20 @@ exports[`Price atom matches the snapshot for a discounted price: discounted pric
68
64
  }
69
65
  >
70
66
  <Text
71
- allowFontScaling={false}
72
- selectable={false}
73
67
  style={
74
68
  [
75
69
  {
76
- "color": "#837C7C",
77
70
  "fontFamily": "AreaNormal-Semibold",
78
71
  "fontSize": 13,
72
+ "fontStyle": "normal",
73
+ "fontWeight": "normal",
79
74
  "letterSpacing": 0.1,
80
75
  "lineHeight": 17,
81
- "paddingBottom": 0,
82
- "paddingLeft": 0,
83
- "paddingRight": 0,
84
- "paddingTop": 0,
85
76
  "textDecorationLine": "line-through",
86
77
  },
78
+ {
79
+ "color": "#837C7C",
80
+ },
87
81
  ]
88
82
  }
89
83
  testID="discounted-price-text"
@@ -133,21 +127,17 @@ exports[`Price atom matches the snapshot for a non-discounted price: non-discoun
133
127
  testID="price"
134
128
  >
135
129
  <Text
136
- allowFontScaling={false}
137
- selectable={false}
138
130
  style={
139
131
  [
140
132
  {
141
- "color": "#0C0A0A",
142
133
  "fontFamily": "AreaNormal-Semibold",
143
134
  "fontSize": 13,
135
+ "fontStyle": "normal",
136
+ "fontWeight": "normal",
144
137
  "letterSpacing": 0.1,
145
138
  "lineHeight": 17,
146
- "paddingBottom": 0,
147
- "paddingLeft": 0,
148
- "paddingRight": 0,
149
- "paddingTop": 0,
150
139
  },
140
+ undefined,
151
141
  ]
152
142
  }
153
143
  testID="price-text"