@lookiero/checkout 14.7.0 → 14.8.0

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

@@ -1,5 +1,5 @@
 import { CancelableQueryViewArgs, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
-import { PricingProjection } from "./pricing";
+import { CheckoutPricingProjection } from "./pricing";
 declare const VIEW_PRICING_BY_CHECKOUT_ID = "view_pricing_by_checkout_id";
 interface ViewPricingByCheckoutIdPayload {
     readonly checkoutId: string;
@@ -10,7 +10,7 @@ interface ViewPricingByCheckoutIdFunction {
     (payload: ViewPricingByCheckoutIdPayload): ViewPricingByCheckoutId;
 }
 declare const viewPricingByCheckoutId: ViewPricingByCheckoutIdFunction;
-type ViewPricingByCheckoutIdResult = PricingProjection | null;
+type ViewPricingByCheckoutIdResult = CheckoutPricingProjection | null;
 interface PricingByCheckoutIdViewArgs extends CancelableQueryViewArgs {
     readonly checkoutId: string;
 }

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "14.7.0";
-export declare const RELEASE = "checkout@14.7.0";
+export declare const VERSION = "14.8.0";
+export declare const RELEASE = "checkout@14.8.0";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "14.7.0";
-export const RELEASE = "checkout@14.7.0";
+export const VERSION = "14.8.0";
+export const RELEASE = "checkout@14.8.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "14.7.0",
+  "version": "14.8.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/ExpoRoot.tsx

@@ -25,12 +25,11 @@ const theme = themeByTradename({ tradename });
 const locale: Locale = Locale.es_ES;
 
 const customer: 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: SentryEnvironment = {
@@ -50,7 +49,7 @@ const apiUrl =
         : "http://localhost:3004/local-to-dev"
       : "/checkout/api";
 const authToken =
-  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNzIyNDE2LCJleHAiOjE3NzE4NzQ4OTgsImRpc3BsYXlOYW1lIjoibWFpbC5kZXYrdGRwLjUzYWI2MmI5LTQwYTYtNDkwOC1iMGM0LWM3ZDRiNDZhODU2N0Bsb29raWVyby5jb20iLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJ1dWlkIjoiZWMwOTFmYjEtMDRmMy00NmRhLTgyNjItYWFiNWM4OGUwYjNhIiwiaWF0IjoxNzcxODQ2MDk4fQ.UKFl9pA4d1t9uR2iGVMc6XuwPbfUI_XWEbovie-Z_RI";
+  "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOjEzNzI0MjA2LCJleHAiOjE3NzMyNTgxNDYsImRpc3BsYXlOYW1lIjoibWFpbC5kZXYrdGRwLmMwN2NiYTQ3LTc5MDUtNDE0Yi04Y2ViLTIzZDIxMTgyZDgzMEBsb29raWVyby5jb20iLCJjb3VudHJ5X2NvZGUiOiJFUyIsImFjY2Vzc1ZpYSI6ImVtYWlsIiwidHJhZGVuYW1lIjoiTE9PS0lFUk8iLCJ1dWlkIjoiMGQyNmNjNTUtYjU5ZS00Y2RlLTk3MWQtZTU4NzY3M2Y2OTFlIiwiaWF0IjoxNzczMjI5MzQ2fQ.qEd3wCB6qbMBCZnOWa3sa_aC-FDJe_f1AshhXYq1MIM";
 const getAuthToken = () => Promise.resolve(authToken);
 
 const useRedirect: () => Record<string, string> = () => ({

package/src/infrastructure/delivery/bootstrap.mock.ts

@@ -19,7 +19,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";
@@ -71,7 +71,7 @@ const returnQuestionsByCheckoutItemIdView: ReturnQuestionsByCheckoutItemIdView =
 const checkoutBookingByIdView: CheckoutBookingByIdView = async () => checkoutBookingMock;
 const bookedProductsVariantsForCheckoutItemView: BookedProductsVariantsForCheckoutItemView = async () =>
   bookedProductsVariants;
-const pricingByCheckoutIdView: PricingByCheckoutIdView = async () => pricingMock();
+const pricingByCheckoutIdView: PricingByCheckoutIdView = async () => mockCheckoutPricingProjection;
 const paymentFlowPayloadByCheckoutIdView: PaymentFlowPayloadByCheckoutIdView = async () => paymentFlowPayloadMock;
 const checkoutFeedbackDefinitionByCheckoutIdView: CheckoutFeedbackDefinitionByCheckoutIdView = async () =>
   checkoutFeedbackDefinitionMock;

package/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.test.ts

@@ -1,8 +1,7 @@
 import { mock } from "jest-mock-extended";
 import { fetchHttpPost } from "@lookiero/sty-psp-http";
-import { PricingProjection } from "../../../projection/pricing/pricing";
 import { httpPricingByCheckoutIdView as sut } from "./httpPricingByCheckoutIdView";
-import { pricing } from "./pricing.mock";
+import { mockCheckoutPricingProjection } from "./pricing.mock";
 
 const fetchMock = jest.fn();
 global.fetch = fetchMock;
@@ -12,13 +11,10 @@ const view = sut({ httpPost: fetchHttpPost({ apiUrl: () => apiUrl, getAuthToken,
 const signal = mock<AbortSignal>();
 
 const checkoutId = "29790d24-b139-4ab8-b618-d796d101e974";
-const pricingResponse: { result: PricingProjection } = {
-  result: pricing(),
-};
 const pricingResponseOk: Response = {
   ok: true,
   status: 200,
-  text: () => Promise.resolve(JSON.stringify(pricingResponse)),
+  text: () => Promise.resolve(JSON.stringify(mockCheckoutPricingProjection)),
 } as Response;
 const pricingResponseNotFound: Response = {
   ok: false,
@@ -34,7 +30,7 @@ describe("httpPricingByCheckoutIdView", () => {
 
     const returnedPricing = await view({ checkoutId, signal });
 
-    expect(returnedPricing).toStrictEqual(pricingResponse.result);
+    expect(returnedPricing).toStrictEqual(mockCheckoutPricingProjection);
   });
 
   it("returns null for a 404 response", async () => {

package/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.ts

@@ -3,7 +3,6 @@ import {
   PricingByCheckoutIdView,
   ViewPricingByCheckoutIdResult,
 } from "../../../projection/pricing/viewPricingByCheckoutId";
-import { PricingDto, toPricingProjection } from "./pricing";
 
 interface HttpPricingByCheckoutIdView extends PricingByCheckoutIdView {}
 
@@ -15,20 +14,16 @@ interface HttpPricingByCheckoutIdViewFunction {
   (args: HttpPricingByCheckoutIdViewFunctionArgs): HttpPricingByCheckoutIdView;
 }
 
-interface ViewPricingByCheckoutIdResponse {
-  readonly result: PricingDto;
-}
-
 const httpPricingByCheckoutIdView: HttpPricingByCheckoutIdViewFunction =
   ({ httpPost }) =>
   async ({ checkoutId, signal }) =>
-    await httpPost<ViewPricingByCheckoutIdResponse, ViewPricingByCheckoutIdResult>({
-      endpoint: "/view-pricing-by-checkout-id",
+    await httpPost<ViewPricingByCheckoutIdResult>({
+      endpoint: "/view-checkout-pricing-by-checkout-id",
       body: { checkoutId },
       signal,
       result: {
         error: null,
-        success: (response) => toPricingProjection(response.result),
+        success: (response) => response,
       },
     });
 

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

@@ -1,85 +1,37 @@
 import { Currency } from "@lookiero/sty-psp-locale";
 import {
   CheckoutPricingProjection,
-  CheckoutPrincingContext,
-  CheckoutPrincingType,
-  PricingProjection,
+  CheckoutPricingContext,
+  CheckoutPricingType,
 } from "../../../projection/pricing/pricing";
 
-interface PricingFunctionArgs {
-  readonly paidWithPromocode: boolean;
-}
-
-interface PricingFunction {
-  (args?: PricingFunctionArgs): PricingProjection;
-}
-
-const pricing: PricingFunction = ({ 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,
-  },
-});
-
 const mockCheckoutPricingProjection: CheckoutPricingProjection = {
   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 = (): CheckoutPricingProjection => mockCheckoutPricingProjection;
+
+export { mockCheckoutPricingProjection, pricing };

package/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.test.ts

@@ -5,11 +5,11 @@ import {
   VIEW_PRICING_BY_CHECKOUT_ID,
 } from "../../../../projection/pricing/viewPricingByCheckoutId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-import { pricing } from "../pricing.mock";
+import { mockCheckoutPricingProjection } from "../pricing.mock";
 import { useViewPricingByCheckoutId as sut } from "./useViewPricingByCheckoutId";
 
 const checkoutId = "6f720954-8039-4bed-9596-34fc5a02131b";
-const view = jest.fn().mockReturnValue(pricing);
+const view = jest.fn().mockReturnValue(mockCheckoutPricingProjection);
 const { Component: Messaging } = bootstrap({ id: MESSAGING_CONTEXT_ID })
   .query(VIEW_PRICING_BY_CHECKOUT_ID, viewPricingByCheckoutIdHandler, {
     view,
@@ -25,7 +25,7 @@ describe("useViewPricingByCheckoutId integration hook", () => {
     await waitFor(() => {
       const [projection, status] = result.current;
 
-      expect(projection).toStrictEqual(pricing);
+      expect(projection).toStrictEqual(mockCheckoutPricingProjection);
       expect(status).toBe(QueryStatus.SUCCESS);
     });
   });

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

@@ -4,7 +4,7 @@ import { isCheckoutItemKept } from "../../../../domain/checkoutItem/model/checko
 import { isCheckoutItemReplaced } from "../../../../domain/checkoutItem/model/checkoutItemReplaced";
 import { isCheckoutItemReset } from "../../../../domain/checkoutItem/model/checkoutItemReset";
 import { isCheckoutItemReturned } from "../../../../domain/checkoutItem/model/checkoutItemReturned";
-import { PricingProjection } from "../../../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../../../projection/pricing/pricing";
 import { viewPricingByCheckoutId } from "../../../../projection/pricing/viewPricingByCheckoutId";
 import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
 
@@ -28,7 +28,7 @@ interface UseViewPricingByCheckoutIdFunctionArgs {
 }
 
 interface UseViewPricingByCheckoutIdFunction {
-  (args: UseViewPricingByCheckoutIdFunctionArgs): UseQueryFunctionResult<PricingProjection>;
+  (args: UseViewPricingByCheckoutIdFunctionArgs): UseQueryFunctionResult<CheckoutPricingProjection>;
 }
 
 const useViewPricingByCheckoutId: UseViewPricingByCheckoutIdFunction = ({

package/src/infrastructure/tracking/useTrackCheckout.test.tsx

@@ -5,7 +5,7 @@ import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutStatus } from "../../domain/checkout/model/checkout";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { CheckoutProjection } from "../../projection/checkout/checkout";
-import { PricingProjection } from "../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../projection/pricing/pricing";
 import { checkout as checkoutMock } from "../projection/checkout/checkout.mock";
 import { CheckoutTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 import { useTrackCheckout as sut } from "./useTrackCheckout";
@@ -31,12 +31,12 @@ const checkout: CheckoutProjection = checkoutMock({
     })),
   ],
 });
-const pricing: PricingProjection = {
-  pendingToPay: {
-    amount: 16691,
-    currency: Currency.EUR,
-  },
-} as PricingProjection;
+const pricing: CheckoutPricingProjection = {
+  currency: Currency.EUR,
+  finalPrice: 16691,
+  originalPrice: 21195,
+  modifiers: [],
+};
 
 const event: CheckoutTrackingEvent = {
   event: TrackingEventName.CHECKOUT,
@@ -52,8 +52,8 @@ const event: CheckoutTrackingEvent = {
     checkout: {
       actionField: {
         items: checkoutItemsKept + checkoutItemsReplaced,
-        currencyCode: pricing.pendingToPay.currency,
-        value: pricing.pendingToPay.amount / 100,
+        currencyCode: pricing.currency,
+        value: pricing.finalPrice / 100,
       },
     },
   },

package/src/infrastructure/tracking/useTrackCheckout.ts

@@ -5,7 +5,7 @@ import { Segment } from "@lookiero/sty-psp-segment";
 import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
 import { CheckoutProjection } from "../../projection/checkout/checkout";
-import { PricingProjection } from "../../projection/pricing/pricing";
+import { CheckoutPricingProjection } from "../../projection/pricing/pricing";
 import { PROJECT, TrackingPage } from "./tracking";
 import { CheckoutTrackingEvent, TrackingEventName, TrackingEventCategory } from "./tracking";
 
@@ -15,7 +15,7 @@ interface TrackCheckoutFunction {
 
 interface UseTrackCheckoutFunctionArgs {
   readonly checkout: CheckoutProjection | undefined;
-  readonly pricing: PricingProjection | undefined;
+  readonly pricing: CheckoutPricingProjection | undefined;
   readonly userId: string;
   readonly country: Country;
   readonly segment: Segment;
@@ -51,18 +51,18 @@ const useTrackCheckout: UseTrackCheckoutFunction = ({ checkout, pricing, segment
         checkout: {
           actionField: {
             items: checkoutItemsKept.length || 0,
-            currencyCode: pricing?.pendingToPay.currency as Currency,
+            currencyCode: pricing?.currency as Currency,
             // subscription,
             // coupon,
             // orderId: orderNumber,
-            value: (pricing?.pendingToPay.amount as number) / 100,
+            value: (pricing?.finalPrice as number) / 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;
 };

package/src/infrastructure/ui/components/atoms/price/Price.test.tsx

@@ -20,19 +20,31 @@ const discountedPrice: PriceProjection = {
 
 describe("Price atom", () => {
   it("matches the snapshot for a non-discounted price", async () => {
-    const { toJSON } = render(<Price price={price} />);
+    const { toJSON } = render(<Price amount={price.amount} currency={price.currency} />);
 
     expect(toJSON()).toMatchSnapshot("non-discounted price");
   });
 
   it("matches the snapshot for a discounted price", async () => {
-    const { toJSON } = render(<Price price={discountedPrice} />);
+    const { toJSON } = render(
+      <Price
+        amount={discountedPrice.amount}
+        currency={discountedPrice.currency}
+        discountedPrice={discountedPrice.discountedPrice}
+      />,
+    );
 
     expect(toJSON()).toMatchSnapshot("discounted price");
   });
 
   it("renders the non-discounted price text", async () => {
-    const { findByTestId } = render(<Price price={discountedPrice} />);
+    const { findByTestId } = render(
+      <Price
+        amount={discountedPrice.amount}
+        currency={discountedPrice.currency}
+        discountedPrice={discountedPrice.discountedPrice}
+      />,
+    );
 
     const priceText = await findByTestId("price-text");
 
@@ -40,7 +52,13 @@ describe("Price atom", () => {
   });
 
   it("renders the discounted price text", async () => {
-    const { findByTestId } = render(<Price price={discountedPrice} />);
+    const { findByTestId } = render(
+      <Price
+        amount={discountedPrice.amount}
+        currency={discountedPrice.currency}
+        discountedPrice={discountedPrice.discountedPrice}
+      />,
+    );
 
     const discountedPriceText = await findByTestId("discounted-price-text");
 

package/src/infrastructure/ui/components/atoms/price/Price.tsx

@@ -1,8 +1,8 @@
 import React, { FC, useMemo } from "react";
 import { View } from "react-native";
 import { useI18nNumber } from "@lookiero/i18n-react";
+import { Currency } from "@lookiero/sty-psp-locale";
 import { Text, TextLevel, TextVariant } from "@lookiero/sty-psp-ui";
-import { PriceProjection } from "../../../../../projection/price/price";
 import { DOMAIN } from "../../../i18n/i18n";
 import { style as priceStyle } from "./Price.style";
 
@@ -21,23 +21,28 @@ const PRICE_VARIANT: Partial<Record<PriceVariant, PriceVariantProps>> = {
 };
 
 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;
 }
-const Price: FC<PriceProps> = ({ price, variant = "default", withPercentage = false }) => {
-  const isDiscounted = price.discountedPrice && price.discountedPrice.percentage > 0;
+const Price: FC<PriceProps> = ({ 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;
@@ -56,7 +61,7 @@ const Price: FC<PriceProps> = ({ price, variant = "default", withPercentage = fa
           </Text>
           {withPercentage ? (
             <Text {...PRICE_VARIANT[variant]} style={style.discountedPercentage} testID="discounted-percentage-text">
-              {`-${price.discountedPrice.percentage}%`}
+              {`-${discountedPrice.percentage}%`}
             </Text>
           ) : null}
         </View>

package/src/infrastructure/ui/hooks/useCheckoutFlow.test.tsx

@@ -14,7 +14,7 @@ import { checkout } from "../../projection/checkout/checkout.mock";
 import { useViewIsSizeChangeEnabledByCheckoutId } from "../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
 import { paymentFlowPayload as mockPaymentFlowPayload } from "../../projection/payment/paymentFlowPayload.mock";
 import { useViewPaymentFlowPayloadByCheckoutId } from "../../projection/payment/react/useViewPaymentFlowPayloadByCheckoutId";
-import { pricing } from "../../projection/pricing/pricing.mock";
+import { mockCheckoutPricingProjection } from "../../projection/pricing/pricing.mock";
 import { useViewPricingByCheckoutId } from "../../projection/pricing/react/useViewPricingByCheckoutId";
 import { I18nMessages } from "../i18n/i18n";
 import { Routes } from "../routing/routes";
@@ -37,7 +37,7 @@ const order: OrderProjection = {
   isFirstOrder: false,
   coupon: null,
 };
-const mockPricing = pricing();
+const mockPricing = mockCheckoutPricingProjection;
 const subscription: SubscriptionProjection = "o";
 const customerId = "a8fff6d7-708c-41a7-b42a-58c5706d33df";
 const basePath = "/checkout";

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

@@ -12,7 +12,7 @@ import { OrderProjection } from "../../../../projection/order/order";
 import { SubscriptionProjection } from "../../../../projection/subscription/subscription";
 import { checkout } from "../../../projection/checkout/checkout.mock";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { pricing } from "../../../projection/pricing/pricing.mock";
+import { mockCheckoutPricingProjection } from "../../../projection/pricing/pricing.mock";
 import { useViewPricingByCheckoutId } from "../../../projection/pricing/react/useViewPricingByCheckoutId";
 import { I18nMessages } from "../../i18n/i18n";
 import { Routes } from "../../routing/routes";
@@ -28,7 +28,6 @@ const mockCustomer: Customer = {
   customerId,
   country,
   segment,
-  migrated: false,
 } as Customer;
 const mockCheckout = checkout({
   items: [
@@ -91,7 +90,7 @@ beforeEach(() => {
 describe("Checkout view", () => {
   it("renders correctly", async () => {
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([mockCheckout, QueryStatus.SUCCESS]);
-    (useViewPricingByCheckoutId as jest.Mock).mockReturnValue([pricing(), QueryStatus.SUCCESS]);
+    (useViewPricingByCheckoutId as jest.Mock).mockReturnValue([mockCheckoutPricingProjection, QueryStatus.SUCCESS]);
     const { findByText, getAllByTestId, getByText, getByTestId } = render(
       <Checkout
         getAuthToken={getAuthToken}
@@ -110,16 +109,11 @@ describe("Checkout view", () => {
     expect(getAllByTestId("checkout-items-kept")).toHaveLength(4);
 
     expect(getByText(`${I18nMessages.SUMMARY_SUBTOTAL} ${I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT}`)).toBeTruthy();
-    expect(getByText("€218.01")).toBeTruthy();
+    expect(getByText("€211.95")).toBeTruthy();
 
     expect(getByText(I18nMessages.SUMMARY_DISCOUNT)).toBeTruthy();
-    expect(getByText("-€25.00")).toBeTruthy();
-
     expect(getByText(I18nMessages.SUMMARY_CREDIT)).toBeTruthy();
-    expect(getByText("-€20.00")).toBeTruthy();
-
     expect(getByText(I18nMessages.SUMMARY_FEE)).toBeTruthy();
-    expect(getByText("-€10.00")).toBeTruthy();
 
     expect(getByTestId(paymentFlowTestId)).toBeTruthy();
 
@@ -144,7 +138,7 @@ describe("Checkout view", () => {
       ],
     });
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([mockCheckout, QueryStatus.SUCCESS]);
-    (useViewPricingByCheckoutId as jest.Mock).mockReturnValue([pricing(), QueryStatus.SUCCESS]);
+    (useViewPricingByCheckoutId as jest.Mock).mockReturnValue([mockCheckoutPricingProjection, QueryStatus.SUCCESS]);
 
     const { findByText, queryByText } = render(
       <Checkout

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

@@ -35,7 +35,7 @@ interface CheckoutProps {
 
 const Checkout: FC<CheckoutProps> = ({ layout: Layout, getAuthToken, useRedirect, onCheckoutFlowSuccess }) => {
   const {
-    customer: { customerId, country, segment, migrated },
+    customer: { customerId, country, segment },
     basePath,
     tradename,
   } = useStaticInfo();
@@ -185,12 +185,7 @@ const Checkout: FC<CheckoutProps> = ({ layout: Layout, getAuthToken, useRedirect
           <Box size={{ L: "1/3" }} style={[style.resume, isDektopScreen && style.desktopResume]}>
             {pricing ? (
               <View style={[style.princingWrapper, !isDektopScreen && style.princingWrapperSmall]}>
-                <Pricing
-                  migrated={migrated}
-                  pricing={pricing}
-                  totalCheckoutItemsKept={checkoutItemsKept?.length || 0}
-                  tradename={tradename}
-                />
+                <Pricing pricing={pricing} totalCheckoutItemsKept={checkoutItemsKept?.length || 0} />
 
                 {isDektopScreen && <PaymentButton />}
               </View>

package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.tsx

@@ -43,7 +43,7 @@ const ProductVariantDescription: FC<ProductVariantDescriptionProps> = ({
             {name}
           </Text>
         </View>
-        <Price price={price} withPercentage />
+        <Price amount={price.amount} currency={price.currency} discountedPrice={price.discountedPrice} withPercentage />
       </View>
       <Text level={1} variant="detail">
         {`${sizeText} ${sizeProjection.unique ? uniqueText : size({ size: sizeProjection, country })}`}

package/src/infrastructure/ui/views/item/components/productVariantSlider/ProductVariantSlider.tsx

@@ -1,7 +1,6 @@
 import React, { FC, useCallback, useMemo, useState } from "react";
 import { LayoutChangeEvent, View } from "react-native";
 import {
-  AspectRatioView,
   Bullets,
   Carousel,
   LazyImage,
@@ -12,6 +11,7 @@ import {
 import { MediaPerspective, MediaProjection } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { useMediaImage } from "../../../../hooks/useMediaImage";
 import { style as productVariantSliderStyle } from "./ProductVariantSlider.style";
+import { AspectRatioView } from "./components/aspectRatioView/AspectRatioView";
 
 interface ProductVariantSlider {
   readonly producVariantMedia: MediaProjection[];