@lookiero/checkout 14.7.0 → 14.8.0

package/cypress/support/interceptViewPricingByCheckoutId.ts

@@ -1,6 +1,6 @@
-import { PricingProjection } from "../../src/projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../src/projection/pricing/pricing";
 
-const interceptViewPricingByCheckoutId = (response: PricingProjection) =>
-  cy.intercept({ method: "POST", url: "/local-to-dev/view-pricing-by-checkout-id" }, { body: { result: response } });
+const interceptViewPricingByCheckoutId = (response: CheckoutPricingProjection) =>
+  cy.intercept({ method: "POST", url: "/local-to-dev/view-checkout-pricing-by-checkout-id" }, { body: response });
 
 export { interceptViewPricingByCheckoutId };

package/dist/src/ExpoRoot.js

@@ -20,12 +20,11 @@ const tradename = Tradename.LOOKIERO;
 const theme = themeByTradename({ tradename });
 const locale = Locale.es_ES;
 const customer = {
-    customerId: "ec091fb1-04f3-46da-8262-aab5c88e0b3a",
+    customerId: "0d26cc55-b59e-4cde-971d-e587673f691e",
     country: Country.ES,
     segment: Segment.WOMEN,
     email: "email@example.com",
     name: "Adèle Léonce Émilie",
-    migrated: false,
 };
 const sentryConfig = {
     publicKey: "66cadf9444db4ea5945670f12ec08ae7",
@@ -41,7 +40,7 @@ const apiUrl = Platform.OS !== "web"
             ? "/local-to-dev"
             : "http://localhost:3004/local-to-dev"
         : "/checkout/api";
-const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNzIyNDE2LCJleHAiOjE3NzE4NzQ4OTgsImRpc3BsYXlOYW1lIjoibWFpbC5kZXYrdGRwLjUzYWI2MmI5LTQwYTYtNDkwOC1iMGM0LWM3ZDRiNDZhODU2N0Bsb29raWVyby5jb20iLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJ1dWlkIjoiZWMwOTFmYjEtMDRmMy00NmRhLTgyNjItYWFiNWM4OGUwYjNhIiwiaWF0IjoxNzcxODQ2MDk4fQ.UKFl9pA4d1t9uR2iGVMc6XuwPbfUI_XWEbovie-Z_RI";
+const authToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNzI0MjA2LCJleHAiOjE3NzMyNTgxNDYsImRpc3BsYXlOYW1lIjoibWFpbC5kZXYrdGRwLmMwN2NiYTQ3LTc5MDUtNDE0Yi04Y2ViLTIzZDIxMTgyZDgzMEBsb29raWVyby5jb20iLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJ1dWlkIjoiMGQyNmNjNTUtYjU5ZS00Y2RlLTk3MWQtZTU4NzY3M2Y2OTFlIiwiaWF0IjoxNzczMjI5MzQ2fQ.qEd3wCB6qbMBCZnOWa3sa_aC-FDJe_f1AshhXYq1MIM";
 const getAuthToken = () => Promise.resolve(authToken);
 const useRedirect = () => ({
     returnUrl: "https://web2.dev.aws.lookiero.es/user/",

package/dist/src/infrastructure/delivery/bootstrap.mock.js

@@ -6,7 +6,7 @@ import { checkoutFeedback as checkoutFeedbackMock } from "../projection/checkout
 import { checkoutFeedbackDefinition as checkoutFeedbackDefinitionMock } from "../projection/checkoutFeedback/checkoutFeedbackDefinition.mock";
 import { feedback as feedbackMock } from "../projection/feedback/feedback.mock";
 import { paymentFlowPayload as paymentFlowPayloadMock } from "../projection/payment/paymentFlowPayload.mock";
-import { pricing as pricingMock } from "../projection/pricing/pricing.mock";
+import { mockCheckoutPricingProjection } from "../projection/pricing/pricing.mock";
 import { returnQuestions as returnQuestionsMock } from "../projection/returnQuestion/returnQuestions.mock";
 import { baseBootstrap } from "./baseBootstrap";
 import { checkoutBookingDataSource } from "./mock/checkoutBookingDataSource";
@@ -52,7 +52,7 @@ const checkoutItemByIdView = async ({ checkoutItemId }) => dataSource.getCheckou
 const returnQuestionsByCheckoutItemIdView = async () => returnQuestionsMock;
 const checkoutBookingByIdView = async () => checkoutBookingMock;
 const bookedProductsVariantsForCheckoutItemView = async () => bookedProductsVariants;
-const pricingByCheckoutIdView = async () => pricingMock();
+const pricingByCheckoutIdView = async () => mockCheckoutPricingProjection;
 const paymentFlowPayloadByCheckoutIdView = async () => paymentFlowPayloadMock;
 const checkoutFeedbackDefinitionByCheckoutIdView = async () => checkoutFeedbackDefinitionMock;
 const bootstrap = () => baseBootstrap({

package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.js

@@ -1,11 +1,10 @@
-import { toPricingProjection } from "./pricing";
 const httpPricingByCheckoutIdView = ({ httpPost }) => async ({ checkoutId, signal }) => await httpPost({
-    endpoint: "/view-pricing-by-checkout-id",
+    endpoint: "/view-checkout-pricing-by-checkout-id",
     body: { checkoutId },
     signal,
     result: {
         error: null,
-        success: (response) => toPricingProjection(response.result),
+        success: (response) => response,
     },
 });
 export { httpPricingByCheckoutIdView };

package/dist/src/infrastructure/projection/pricing/pricing.mock.d.ts

@@ -1,10 +1,4 @@
-import { CheckoutPricingProjection, PricingProjection } from "../../../projection/pricing/pricing";
-interface PricingFunctionArgs {
-    readonly paidWithPromocode: boolean;
-}
-interface PricingFunction {
-    (args?: PricingFunctionArgs): PricingProjection;
-}
-declare const pricing: PricingFunction;
+import { CheckoutPricingProjection } from "../../../projection/pricing/pricing";
 declare const mockCheckoutPricingProjection: CheckoutPricingProjection;
-export { pricing, mockCheckoutPricingProjection };
+declare const pricing: () => CheckoutPricingProjection;
+export { mockCheckoutPricingProjection, pricing };

package/dist/src/infrastructure/projection/pricing/pricing.mock.js

@@ -1,69 +1,30 @@
 import { Currency } from "@lookiero/sty-psp-locale";
-import { CheckoutPrincingContext, CheckoutPrincingType, } from "../../../projection/pricing/pricing";
-const pricing = ({ paidWithPromocode } = { paidWithPromocode: false }) => ({
-    orderTotal: {
-        amount: 18301,
-        currency: Currency.EUR,
-    },
-    pendingToPay: {
-        amount: 16301,
-        currency: Currency.EUR,
-    },
-    subtotal: {
-        amount: 21801,
-        currency: Currency.EUR,
-    },
-    discount: {
-        amount: -2500,
-        currency: Currency.EUR,
-    },
-    discountPercentage: 25,
-    balanceDiscount: {
-        amount: -2000,
-        currency: Currency.EUR,
-    },
-    service: {
-        reference: "LK-service",
-        originalPrice: {
-            amount: 10.0,
-            currency: Currency.EUR,
-        },
-        discount: {
-            amount: 0,
-            currency: Currency.EUR,
-        },
-        finalPrice: {
-            amount: -1000,
-            currency: Currency.EUR,
-        },
-        prepaid: true,
-        paidWithPromocode,
-    },
-});
+import { CheckoutPricingContext, CheckoutPricingType, } from "../../../projection/pricing/pricing";
 const mockCheckoutPricingProjection = {
     currency: Currency.EUR,
-    final: 12127,
-    original: 21195,
+    finalPrice: 12127,
+    originalPrice: 21195,
     modifiers: [
         {
             amount: 7068,
             percentage: 35,
-            type: CheckoutPrincingType.DISCOUNT,
-            context: CheckoutPrincingContext.PROMOCODE,
+            type: CheckoutPricingType.DISCOUNT,
+            context: CheckoutPricingContext.PROMOCODE,
             translationKey: "summary.discount",
         },
         {
             amount: 1000,
-            type: CheckoutPrincingType.DISCOUNT,
-            context: CheckoutPrincingContext.BALANCE,
+            type: CheckoutPricingType.DISCOUNT,
+            context: CheckoutPricingContext.BALANCE,
             translationKey: "summary.credit",
         },
         {
             amount: 1000,
-            type: CheckoutPrincingType.DISCOUNT,
-            context: CheckoutPrincingContext.PS_FEE,
+            type: CheckoutPricingType.DISCOUNT,
+            context: CheckoutPricingContext.PS_FEE,
             translationKey: "summary.fee",
         },
     ],
 };
-export { pricing, mockCheckoutPricingProjection };
+const pricing = () => mockCheckoutPricingProjection;
+export { mockCheckoutPricingProjection, pricing };

package/dist/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.d.ts

@@ -1,5 +1,5 @@
 import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { PricingProjection } from "../../../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../../../projection/pricing/pricing";
 interface QueryOptions {
     readonly refetchOnMount?: boolean | "always";
 }
@@ -8,7 +8,7 @@ interface UseViewPricingByCheckoutIdFunctionArgs {
     readonly queryOptions?: QueryOptions;
 }
 interface UseViewPricingByCheckoutIdFunction {
-    (args: UseViewPricingByCheckoutIdFunctionArgs): UseQueryFunctionResult<PricingProjection>;
+    (args: UseViewPricingByCheckoutIdFunctionArgs): UseQueryFunctionResult<CheckoutPricingProjection>;
 }
 declare const useViewPricingByCheckoutId: UseViewPricingByCheckoutIdFunction;
 export { useViewPricingByCheckoutId };

package/dist/src/infrastructure/tracking/useTrackCheckout.d.ts

@@ -2,14 +2,14 @@ import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutProjection } from "../../projection/checkout/checkout";
-import { PricingProjection } from "../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../projection/pricing/pricing";
 import { CheckoutTrackingEvent } from "./tracking";
 interface TrackCheckoutFunction {
     (): CheckoutTrackingEvent;
 }
 interface UseTrackCheckoutFunctionArgs {
     readonly checkout: CheckoutProjection | undefined;
-    readonly pricing: PricingProjection | undefined;
+    readonly pricing: CheckoutPricingProjection | undefined;
     readonly userId: string;
     readonly country: Country;
     readonly segment: Segment;

package/dist/src/infrastructure/tracking/useTrackCheckout.js

@@ -23,17 +23,17 @@ const useTrackCheckout = ({ checkout, pricing, segment, country, userId, tradena
                 checkout: {
                     actionField: {
                         items: checkoutItemsKept.length || 0,
-                        currencyCode: pricing?.pendingToPay.currency,
+                        currencyCode: pricing?.currency,
                         // subscription,
                         // coupon,
                         // orderId: orderNumber,
-                        value: pricing?.pendingToPay.amount / 100,
+                        value: pricing?.finalPrice / 100,
                     },
                 },
             },
         };
         return checkoutTrackingEvent;
-    }, [checkout, country, pricing?.pendingToPay.amount, pricing?.pendingToPay.currency, segment, userId, tradename]);
+    }, [checkout, country, pricing?.finalPrice, pricing?.currency, segment, userId, tradename]);
     return trackCheckout;
 };
 export { useTrackCheckout };

package/dist/src/infrastructure/ui/components/atoms/price/Price.d.ts

@@ -1,8 +1,13 @@
 import { FC } from "react";
-import { PriceProjection } from "../../../../../projection/price/price";
+import { Currency } from "@lookiero/sty-psp-locale";
 type PriceVariant = "default" | "detail" | "subtotal" | "total";
 interface PriceProps {
-    readonly price: PriceProjection;
+    readonly amount: number;
+    readonly currency: Currency;
+    readonly discountedPrice?: {
+        readonly amount: number;
+        readonly percentage: number;
+    };
     readonly variant?: PriceVariant;
     readonly withPercentage?: boolean;
 }

package/dist/src/infrastructure/ui/components/atoms/price/Price.js

@@ -10,19 +10,19 @@ const PRICE_VARIANT = {
     subtotal: { variant: "detail", level: 1 },
     total: { variant: "action", level: 2 },
 };
-const Price = ({ price, variant = "default", withPercentage = false }) => {
-    const isDiscounted = price.discountedPrice && price.discountedPrice.percentage > 0;
+const Price = ({ amount, currency, discountedPrice, variant = "default", withPercentage = false }) => {
+    const isDiscounted = discountedPrice && discountedPrice.percentage > 0;
     const productPrice = useI18nNumber({
         domain: DOMAIN,
-        value: price.amount / 100,
+        value: amount / 100,
         style: "currency",
-        currency: price.currency,
+        currency,
     });
     const productDiscountedPrice = useI18nNumber({
         domain: DOMAIN,
-        value: (price.discountedPrice?.amount || 0) / 100,
+        value: (discountedPrice?.amount || 0) / 100,
         style: "currency",
-        currency: price.currency,
+        currency,
     });
     const priceValue = isDiscounted ? productDiscountedPrice : productPrice;
     const style = useMemo(() => priceStyle(), []);
@@ -30,6 +30,6 @@ const Price = ({ price, variant = "default", withPercentage = false }) => {
         React.createElement(Text, { ...PRICE_VARIANT[variant], testID: "price-text" }, priceValue),
         isDiscounted && (React.createElement(View, { style: style.discountedPriceInfo },
             React.createElement(Text, { ...PRICE_VARIANT[variant], style: style.discountedPriceText, testID: "discounted-price-text" }, productPrice),
-            withPercentage ? (React.createElement(Text, { ...PRICE_VARIANT[variant], style: style.discountedPercentage, testID: "discounted-percentage-text" }, `-${price.discountedPrice.percentage}%`)) : null))));
+            withPercentage ? (React.createElement(Text, { ...PRICE_VARIANT[variant], style: style.discountedPercentage, testID: "discounted-percentage-text" }, `-${discountedPrice.percentage}%`)) : null))));
 };
 export { Price };

package/dist/src/infrastructure/ui/views/checkout/Checkout.js

@@ -26,7 +26,7 @@ import { style as checkoutStyle } from "./Checkout.style";
 import { DeliveryBanner } from "./components/deliveryBanner/DeliveryBanner";
 import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrument";
 const Checkout = ({ layout: Layout, getAuthToken, useRedirect, onCheckoutFlowSuccess }) => {
-    const { customer: { customerId, country, segment, migrated }, basePath, tradename, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
     const style = useMemo(() => checkoutStyle(), []);
@@ -98,7 +98,7 @@ const Checkout = ({ layout: Layout, getAuthToken, useRedirect, onCheckoutFlowSuc
                         country !== Country.NL && (React.createElement(View, { style: style.paymentSelector },
                             React.createElement(PaymentInstrument, { useRedirect: useRedirect }))))),
                 React.createElement(Box, { size: { L: "1/3" }, style: [style.resume, isDektopScreen && style.desktopResume] }, pricing ? (React.createElement(View, { style: [style.princingWrapper, !isDektopScreen && style.princingWrapperSmall] },
-                    React.createElement(Pricing, { migrated: migrated, pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, tradename: tradename }),
+                    React.createElement(Pricing, { pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0 }),
                     isDektopScreen && React.createElement(PaymentButton, null))) : null))),
         pricing && !isDektopScreen ? (React.createElement(Sticky, { style: style.sticky, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined },
             React.createElement(Body, null,

package/dist/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js

@@ -18,7 +18,7 @@ const ProductVariantDescription = ({ brand, name, price, size: sizeProjection, c
             React.createElement(View, { style: style.content },
                 React.createElement(Text, { level: 1, style: style.brand, variant: "detail" }, brand),
                 React.createElement(Text, { level: 1, variant: "detailBold" }, name)),
-            React.createElement(Price, { price: price, withPercentage: true })),
+            React.createElement(Price, { amount: price.amount, currency: price.currency, discountedPrice: price.discountedPrice, withPercentage: true })),
         React.createElement(Text, { level: 1, variant: "detail" }, `${sizeText} ${sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country })}`)));
 };
 export { ProductVariantDescription };

package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.js

@@ -1,9 +1,10 @@
 import React, { useCallback, useMemo, useState } from "react";
 import { View } from "react-native";
-import { AspectRatioView, Bullets, Carousel, LazyImage, useScreenSize, } from "@lookiero/sty-psp-ui";
+import { Bullets, Carousel, LazyImage, useScreenSize, } from "@lookiero/sty-psp-ui";
 import { MediaPerspective } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
 import { style as productVariantSliderStyle } from "./ProductVariantSlider.style";
+import { AspectRatioView } from "./components/aspectRatioView/AspectRatioView";
 const ProductVariantSlider = ({ producVariantMedia, onChanged, availableHeight }) => {
     const cdnImageUrl = useMediaImage();
     const screenSize = useScreenSize();

package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/components/aspectRatioView/AspectRatioView.d.ts

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from "react";
+import { StyleProp, ViewStyle } from "react-native";
+declare enum AspectRatioViewResizeDirection {
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
+interface AspectRatioViewProps {
+    readonly children: ReactNode;
+    readonly aspectRatio?: number;
+    readonly resizeDirection?: AspectRatioViewResizeDirection;
+    readonly multiplier?: number;
+    readonly style?: StyleProp<ViewStyle>;
+}
+declare const AspectRatioView: FC<AspectRatioViewProps>;
+export { AspectRatioView, AspectRatioViewResizeDirection };

package/dist/src/infrastructure/ui/views/item/components/productVariantSlider/components/aspectRatioView/AspectRatioView.js

@@ -0,0 +1,16 @@
+import React, { useCallback, useState } from "react";
+import { View } from "react-native";
+var AspectRatioViewResizeDirection;
+(function (AspectRatioViewResizeDirection) {
+    AspectRatioViewResizeDirection["VERTICAL"] = "VERTICAL";
+    AspectRatioViewResizeDirection["HORIZONTAL"] = "HORIZONTAL";
+})(AspectRatioViewResizeDirection || (AspectRatioViewResizeDirection = {}));
+const AspectRatioView = ({ aspectRatio = 1, resizeDirection = AspectRatioViewResizeDirection.HORIZONTAL, multiplier = 1, style: customStyle = {}, children, }) => {
+    const [{ width, height }, setDimension] = useState({});
+    const handleOnLayout = useCallback(({ nativeEvent: { layout } }) => setDimension(resizeDirection === AspectRatioViewResizeDirection.HORIZONTAL
+        ? { width: layout.width * multiplier, height: layout.width * aspectRatio }
+        : { width: layout.height * aspectRatio, height: layout.height }), [aspectRatio, multiplier, resizeDirection]);
+    return (React.createElement(View, { onLayout: handleOnLayout },
+        React.createElement(View, { style: [{ width, height }, customStyle] }, children)));
+};
+export { AspectRatioView, AspectRatioViewResizeDirection };

package/dist/src/infrastructure/ui/views/return/components/price/Price.d.ts

@@ -1,7 +1,12 @@
 import { FC } from "react";
-import { PriceProjection } from "../../../../../../projection/price/price";
+import { Currency } from "@lookiero/sty-psp-locale";
 interface PriceProps {
-    readonly price: PriceProjection;
+    readonly amount: number;
+    readonly currency: Currency;
+    readonly discountedPrice?: {
+        readonly amount: number;
+        readonly percentage: number;
+    };
     readonly withPercentage?: boolean;
 }
 declare const Price: FC<PriceProps>;

package/dist/src/infrastructure/ui/views/return/components/price/Price.js

@@ -4,19 +4,19 @@ import { useI18nNumber } from "@lookiero/i18n-react";
 import { Text } from "@lookiero/sty-psp-ui";
 import { DOMAIN } from "../../../../i18n/i18n";
 import { style as priceStyle } from "./Price.style";
-const Price = ({ price, withPercentage = false }) => {
-    const isDiscounted = price.discountedPrice && price.discountedPrice.percentage > 0;
+const Price = ({ amount, currency, discountedPrice, withPercentage = false }) => {
+    const isDiscounted = discountedPrice && discountedPrice.percentage > 0;
     const productPrice = useI18nNumber({
         domain: DOMAIN,
-        value: price.amount / 100,
+        value: amount / 100,
         style: "currency",
-        currency: price.currency,
+        currency,
     });
     const productDiscountedPrice = useI18nNumber({
         domain: DOMAIN,
-        value: (price.discountedPrice?.amount || 0) / 100,
+        value: (discountedPrice?.amount || 0) / 100,
         style: "currency",
-        currency: price.currency,
+        currency,
     });
     const priceValue = isDiscounted ? productDiscountedPrice : productPrice;
     const style = useMemo(() => priceStyle(), []);
@@ -24,6 +24,6 @@ const Price = ({ price, withPercentage = false }) => {
         isDiscounted && (React.createElement(Text, { level: 1, style: style.discountedPriceText, testID: "discounted-price-text", variant: "detail" }, productPrice)),
         React.createElement(View, { style: style.discountedPriceInfo },
             React.createElement(Text, { level: 1, testID: "price-text", variant: "detail" }, priceValue),
-            isDiscounted && withPercentage ? (React.createElement(Text, { level: 1, style: style.discountedPercentage, testID: "discounted-percentage-text", variant: "detail" }, `-${price.discountedPrice.percentage}%`)) : null)));
+            isDiscounted && withPercentage ? (React.createElement(Text, { level: 1, style: style.discountedPercentage, testID: "discounted-percentage-text", variant: "detail" }, `-${discountedPrice.percentage}%`)) : null)));
 };
 export { Price };

package/dist/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.js

@@ -30,6 +30,6 @@ const ProductVariantPreview = ({ item, country }) => {
                     React.createElement(Text, { level: 2, variant: "detail" }, name),
                     React.createElement(Text, { level: 2, style: style.text, variant: "detail" }, `${sizeText} ${sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country })}`)),
                 React.createElement(View, { style: style.price },
-                    React.createElement(Price, { price: price, withPercentage: true }))))));
+                    React.createElement(Price, { amount: price.amount, currency: price.currency, discountedPrice: price.discountedPrice, withPercentage: true }))))));
 };
 export { ProductVariantPreview };

package/dist/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.js

@@ -29,7 +29,7 @@ const ProductVariant = ({ media, brand, name, price, size: sizeProjection, color
                         colorLabel),
                     status === CheckoutItemStatus.REPLACED && (React.createElement(View, { style: style.sizeChange },
                         React.createElement(Text, { level: 2, variant: "detail" }, sizeChangeText)))),
-                React.createElement(Price, { price: price, variant: "detail" }))),
+                React.createElement(Price, { amount: price.amount, currency: price.currency, discountedPrice: price.discountedPrice, variant: "detail" }))),
         onPress && React.createElement(Icon, { name: "arrow_right" })));
 };
 export { ProductVariant };

package/dist/src/infrastructure/ui/views/summary/Summary.js

@@ -21,7 +21,7 @@ import { Routes } from "../../routing/routes";
 import { style as summaryStyle } from "./Summary.style";
 import { CollapsiblePricing } from "./components/collapsiblePricing/CollapsiblePricing";
 const Summary = ({ layout: Layout, children }) => {
-    const { customer: { customerId, country, segment, migrated }, basePath, tradename, } = useStaticInfo();
+    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDesktopScreen = screenSize === "L";
     const style = useMemo(() => summaryStyle(), []);
@@ -97,9 +97,9 @@ const Summary = ({ layout: Layout, children }) => {
                         children)),
                 pricing && isDesktopScreen ? (React.createElement(Box, { size: { L: "1/3" }, style: [style.resume, isDesktopScreen ? style.desktopResume : style.mobileResume] },
                     React.createElement(View, { style: style.princingWrapper },
-                        React.createElement(CollapsiblePricing, { collapsed: false, collapsible: false, migrated: migrated, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename, onSubmit: handleOnSubmit })))) : null)),
+                        React.createElement(CollapsiblePricing, { collapsed: false, collapsible: false, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, onSubmit: handleOnSubmit })))) : null)),
         pricing && !isDesktopScreen ? (React.createElement(Sticky, { style: style.sticky, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined },
             React.createElement(Body, null,
-                React.createElement(CollapsiblePricing, { collapsed: pricingCollapsed, migrated: migrated, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })))) : null));
+                React.createElement(CollapsiblePricing, { collapsed: pricingCollapsed, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })))) : null));
 };
 export { Summary };

package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.d.ts

@@ -1,10 +1,7 @@
 import { FC } from "react";
-import { Tradename } from "@lookiero/sty-sp-tradename";
-import { PricingProjection } from "../../../../../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../../../../../projection/pricing/pricing";
 interface CollapsiblePricingProps {
-    readonly tradename: Tradename;
-    readonly migrated: boolean;
-    readonly pricing: PricingProjection;
+    readonly pricing: CheckoutPricingProjection;
     readonly totalCheckoutItemsKept: number;
     readonly collapsible?: boolean;
     readonly collapsed?: boolean;

package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js

@@ -7,8 +7,8 @@ import { Price } from "../../../../components/atoms/price/Price";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { Pricing } from "../pricing/Pricing";
 import { style as collapsiblePricingStyle } from "./CollapsiblePricing.style";
-const CollapsiblePricing = ({ migrated, tradename, pricing, totalCheckoutItemsKept, collapsible = true, collapsed = false, submitButtonText, onPress = () => void 0, onSubmit, }) => {
-    const { pendingToPay } = pricing;
+const CollapsiblePricing = ({ pricing, totalCheckoutItemsKept, collapsible = true, collapsed = false, submitButtonText, onPress = () => void 0, onSubmit, }) => {
+    const { finalPrice, currency } = pricing;
     const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
     const totalCheckoutItemsKeptText = useI18nMessage({
         domain: DOMAIN,
@@ -30,10 +30,10 @@ const CollapsiblePricing = ({ migrated, tradename, pricing, totalCheckoutItemsKe
                     totalText,
                     " ",
                     totalCheckoutItemsKeptText),
-                React.createElement(Price, { price: pendingToPay, variant: "detail" })),
+                React.createElement(Price, { amount: finalPrice, currency: currency, variant: "detail" })),
             React.createElement(View, { style: style.collapsedContent },
                 React.createElement(Button, { size: "small", testID: "submit-checkout-collpased-button", onPress: onSubmit }, submitButtonText)))) : (React.createElement(Animated.View, { key: "not-collapsed", style: notCollapsedAnimatedStyle },
-            React.createElement(Pricing, { migrated: migrated, pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename }),
+            React.createElement(Pricing, { pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept }),
             React.createElement(Button, { testID: "submit-checkout-button", onPress: onSubmit }, submitButtonText)))));
 };
 export { CollapsiblePricing };

package/dist/src/infrastructure/ui/views/summary/components/pricing/Pricing.d.ts

@@ -1,11 +1,8 @@
 import { FC } from "react";
-import { Tradename } from "@lookiero/sty-sp-tradename";
-import { PricingProjection } from "../../../../../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../../../../../projection/pricing/pricing";
 interface PricingProps {
-    readonly pricing: PricingProjection;
+    readonly pricing: CheckoutPricingProjection;
     readonly totalCheckoutItemsKept: number;
-    readonly tradename: Tradename;
-    readonly migrated: boolean;
 }
 declare const Pricing: FC<PricingProps>;
 export { Pricing };

package/dist/src/infrastructure/ui/views/summary/components/pricing/Pricing.js

@@ -2,7 +2,7 @@ import React, { useMemo } from "react";
 import { View } from "react-native";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { Text } from "@lookiero/sty-psp-ui";
-import { Tradename } from "@lookiero/sty-sp-tradename";
+import { CheckoutPricingType } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style as pricingStyle } from "./Pricing.style";
@@ -12,8 +12,18 @@ const Row = ({ action = false, text, level = 3, children }) => {
         React.createElement(Text, { level: level, variant: action ? "action" : "body" }, text),
         children));
 };
-const Pricing = ({ pricing, totalCheckoutItemsKept, tradename, migrated }) => {
-    const { pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, service } = pricing;
+const ModifierRow = ({ translationKey, amount, percentage, currency, type }) => {
+    const modifierText = useI18nMessage({
+        domain: DOMAIN,
+        id: translationKey,
+        values: percentage ? { discount: percentage.toString() } : undefined,
+    });
+    const displayAmount = type === CheckoutPricingType.DISCOUNT ? -amount : amount;
+    return (React.createElement(Row, { text: modifierText },
+        React.createElement(Price, { amount: displayAmount, currency: currency, variant: "subtotal" })));
+};
+const Pricing = ({ pricing, totalCheckoutItemsKept }) => {
+    const { originalPrice, finalPrice, modifiers, currency } = pricing;
     const style = useMemo(() => pricingStyle(), []);
     const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
     const totalCheckoutItemsKeptText = useI18nMessage({
@@ -22,24 +32,12 @@ const Pricing = ({ pricing, totalCheckoutItemsKept, tradename, migrated }) => {
         values: { items: totalCheckoutItemsKept.toString() },
     });
     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({ domain: DOMAIN, id: I18nMessages.SUMMARY_CREDIT });
-    const feeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_FEE });
     return (React.createElement(View, null,
         React.createElement(Row, { text: `${subtotalText} ${totalCheckoutItemsKeptText}` },
-            React.createElement(Price, { price: subtotal, variant: "subtotal" })),
-        discount && discount.amount !== 0 && (React.createElement(Row, { text: discountText },
-            React.createElement(Price, { price: discount, variant: "subtotal" }))),
-        balanceDiscount && balanceDiscount.amount !== 0 && (React.createElement(Row, { text: creditText },
-            React.createElement(Price, { price: balanceDiscount, variant: "subtotal" }))),
-        (tradename === Tradename.LOOKIERO || (tradename === Tradename.OUTFITTERY && !migrated)) && (React.createElement(Row, { text: feeText }, service.paidWithPromocode ? (React.createElement(Text, { level: 3 }, freeText)) : (React.createElement(Price, { price: service.finalPrice, variant: "subtotal" })))),
+            React.createElement(Price, { amount: originalPrice, currency: currency, variant: "subtotal" })),
+        modifiers.map((modifier, index) => (React.createElement(ModifierRow, { key: `modifier-${index}`, amount: modifier.amount, currency: currency, percentage: modifier.percentage, translationKey: modifier.translationKey, type: modifier.type }))),
         React.createElement(View, { style: style.divider }),
         React.createElement(Row, { level: 2, text: totalText, action: true },
-            React.createElement(Price, { price: pendingToPay, variant: "total" }))));
+            React.createElement(Price, { amount: finalPrice, currency: currency, variant: "total" }))));
 };
 export { Pricing };

package/dist/src/projection/customer/customer.d.ts

@@ -6,6 +6,5 @@ interface Customer {
     readonly segment: Segment;
     readonly name: string;
     readonly email: string;
-    readonly migrated: boolean;
 }
 export type { Customer };

package/dist/src/projection/pricing/pricing.d.ts

@@ -1,22 +1,4 @@
 import { Currency } from "@lookiero/sty-psp-locale";
-import { PriceProjection } from "../price/price";
-interface ServiceProjection {
-    readonly discount: PriceProjection;
-    readonly finalPrice: PriceProjection;
-    readonly originalPrice: PriceProjection;
-    readonly prepaid: boolean;
-    readonly reference: string;
-    readonly paidWithPromocode?: boolean;
-}
-interface PricingProjection {
-    readonly balanceDiscount: PriceProjection;
-    readonly discount: PriceProjection;
-    readonly discountPercentage: number;
-    readonly orderTotal: PriceProjection;
-    readonly pendingToPay: PriceProjection;
-    readonly service: ServiceProjection;
-    readonly subtotal: PriceProjection;
-}
 declare enum Type {
     DISCOUNT = "DISCOUNT",
     CHARGE = "CHARGE"
@@ -26,7 +8,7 @@ declare enum Context {
     PROMOCODE = "PROMOCODE",
     BALANCE = "BALANCE"
 }
-interface Modify {
+interface Modifier {
     readonly amount: number;
     readonly percentage?: number;
     readonly type: Type;
@@ -35,9 +17,9 @@ interface Modify {
 }
 interface CheckoutPricingProjection {
     readonly currency: Currency;
-    readonly final: number;
-    readonly original: number;
-    readonly modifiers: Modify[];
+    readonly finalPrice: number;
+    readonly originalPrice: number;
+    readonly modifiers: Modifier[];
 }
-export type { PricingProjection, ServiceProjection, CheckoutPricingProjection };
-export { Type as CheckoutPrincingType, Context as CheckoutPrincingContext };
+export type { CheckoutPricingProjection };
+export { Type as CheckoutPricingType, Context as CheckoutPricingContext };

package/dist/src/projection/pricing/pricing.js

@@ -9,4 +9,4 @@ var Context;
     Context["PROMOCODE"] = "PROMOCODE";
     Context["BALANCE"] = "BALANCE";
 })(Context || (Context = {}));
-export { Type as CheckoutPrincingType, Context as CheckoutPrincingContext };
+export { Type as CheckoutPricingType, Context as CheckoutPricingContext };