@lookiero/checkout 12.26.0 → 12.27.0

package/dist/src/ExpoRoot.js

@@ -33,6 +33,7 @@ const customer = {
     segment: Segment.WOMEN,
     email: "email@example.com",
     name: "Adèle Léonce Émilie",
+    migrated: false,
 };
 const sentryConfig = {
     publicKey: "66cadf9444db4ea5945670f12ec08ae7",

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, order, subscription, getAuthToken, useRedirect, onCheckoutFlowSuccess, }) => {
-    const { customer: { customerId, country, segment }, basePath, tradename, } = useStaticInfo();
+    const { customer: { customerId, country, segment, migrated }, basePath, tradename, } = useStaticInfo();
     const screenSize = useScreenSize();
     const isDektopScreen = screenSize === "L";
     const style = useMemo(() => checkoutStyle(), []);
@@ -100,7 +100,7 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
                         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, { pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0 }),
+                    React.createElement(Pricing, { migrated: migrated, pricing: pricing, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, tradename: tradename }),
                     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/productVariantSlider/ProductVariantSlider.js

@@ -35,7 +35,6 @@ const ProductVariantSlider = ({ producVariantMedia, onChanged, availableHeight }
         style.largeImage,
     ]);
     const renderBullets = useCallback(({ activeIndex, count, onChange }) => React.createElement(Bullets, { activeIndex: activeIndex, count: count, onChange: onChange }), []);
-    console.log({ producVariantMedia });
     return (React.createElement(Carousel, { activeIndex: activeIndex, bullets: renderBullets, data: producVariantMedia, onActiveIndexChanged: handleOnActiveChanged }, renderItem));
 };
 export { ProductVariantSlider };

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 }, basePath, tradename, } = useStaticInfo();
+    const { customer: { customerId, country, segment, migrated }, 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, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, onSubmit: handleOnSubmit })))) : null)),
+                        React.createElement(CollapsiblePricing, { collapsed: false, collapsible: false, migrated: migrated, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename, 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, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })))) : null));
+                React.createElement(CollapsiblePricing, { collapsed: pricingCollapsed, migrated: migrated, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })))) : null));
 };
 export { Summary };

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

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

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

@@ -8,7 +8,7 @@ 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 = ({ pricing, totalCheckoutItemsKept, collapsible = true, collapsed = false, submitButtonText, onPress = () => void 0, onSubmit, }) => {
+const CollapsiblePricing = ({ migrated, tradename, pricing, totalCheckoutItemsKept, collapsible = true, collapsed = false, submitButtonText, onPress = () => void 0, onSubmit, }) => {
     const { pendingToPay } = pricing;
     const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
     const totalCheckoutItemsKeptText = useI18nMessage({
@@ -34,7 +34,7 @@ const CollapsiblePricing = ({ pricing, totalCheckoutItemsKept, collapsible = tru
                 React.createElement(Price, { price: pendingToPay, variant: "detail" })),
             React.createElement(View, { style: style.collapsedContent },
                 React.createElement(Button, { testID: "submit-checkout-collpased-button", small: true, onPress: onSubmit }, submitButtonText)))) : (React.createElement(Animated.View, { key: "not-collapsed", style: notCollapsedAnimatedStyle },
-            React.createElement(Pricing, { pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept }),
+            React.createElement(Pricing, { migrated: migrated, pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept, tradename: tradename }),
             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,8 +1,11 @@
 import { FC } from "react";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 interface PricingProps {
     readonly pricing: PricingProjection;
     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,6 +2,7 @@ import React, { useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { Price } from "../../../../components/atoms/price/Price";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style as pricingStyle } from "./Pricing.style";
@@ -11,7 +12,7 @@ const Row = ({ action = false, text, level = 3, children }) => {
         React.createElement(Text, { action: action, level: level }, text),
         children));
 };
-const Pricing = ({ pricing, totalCheckoutItemsKept }) => {
+const Pricing = ({ pricing, totalCheckoutItemsKept, tradename, migrated }) => {
     const { pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, service } = pricing;
     const style = useMemo(() => pricingStyle(), []);
     const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
@@ -36,7 +37,7 @@ const Pricing = ({ pricing, totalCheckoutItemsKept }) => {
             React.createElement(Price, { price: discount, variant: "subtotal" }))),
         balanceDiscount && balanceDiscount.amount !== 0 && (React.createElement(Row, { text: creditText },
             React.createElement(Price, { price: balanceDiscount, variant: "subtotal" }))),
-        React.createElement(Row, { text: feeText }, service.paidWithPromocode ? (React.createElement(Text, { level: 3 }, freeText)) : (React.createElement(Price, { price: service.finalPrice, 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(View, { style: style.divider }),
         React.createElement(Row, { level: 2, text: totalText, action: true },
             React.createElement(Price, { price: pendingToPay, variant: "total" }))));

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

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

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "12.26.0";
-export declare const RELEASE = "checkout@12.26.0";
+export declare const VERSION = "12.27.0";
+export declare const RELEASE = "checkout@12.27.0";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "12.26.0";
-export const RELEASE = "checkout@12.26.0";
+export const VERSION = "12.27.0";
+export const RELEASE = "checkout@12.27.0";

package/package.json

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

package/src/ExpoRoot.tsx

@@ -42,6 +42,7 @@ const customer: Customer = {
   segment: Segment.WOMEN,
   email: "email@example.com",
   name: "Adèle Léonce Émilie",
+  migrated: false,
 };
 
 const sentryConfig: SentryEnvironment = {

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

@@ -5,6 +5,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { DummyLayout } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { Customer } from "../../../../projection/customer/customer";
 import { OrderProjection } from "../../../../projection/order/order";
@@ -27,6 +28,7 @@ const mockCustomer: Customer = {
   customerId,
   country,
   segment,
+  migrated: false,
 } as Customer;
 const mockCheckout = checkout({
   items: [
@@ -54,8 +56,9 @@ jest.mock("../../hooks/useCheckoutFlow", () => ({
   useCheckoutFlow: () => [mockCheckoutFlow, mockStatus, mockPaymentFlowComponent],
 }));
 
+const mockTradename = Tradename.LOOKIERO;
 jest.mock("../../hooks/useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: mockCustomer, basePath }),
+  useStaticInfo: () => ({ customer: mockCustomer, basePath, tradename: mockTradename }),
 }));
 // eslint-disable-next-line @typescript-eslint/naming-convention
 jest.mock("./components/paymentInstrument/PaymentInstrument", () => ({ PaymentInstrument: () => null }));

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

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

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

@@ -88,8 +88,6 @@ const ProductVariantSlider: FC<ProductVariantSlider> = ({ producVariantMedia, on
     [],
   );
 
-  console.log({ producVariantMedia });
-
   return (
     <Carousel
       activeIndex={activeIndex}

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

@@ -5,6 +5,7 @@ import { QueryStatus } from "@lookiero/messaging-react";
 import { Country } from "@lookiero/sty-psp-locale";
 import { Segment } from "@lookiero/sty-psp-segment";
 import { DummyLayout } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { CheckoutItemStatus } from "../../../../domain/checkoutItem/model/checkoutItem";
 import { Customer } from "../../../../projection/customer/customer";
 import { checkout } from "../../../projection/checkout/checkout.mock";
@@ -32,10 +33,12 @@ const mockCustomer: Customer = {
   customerId,
   country,
   segment,
+  migrated: false,
 } as Customer;
 
+const mockTradename = Tradename.LOOKIERO;
 jest.mock("../../hooks/useStaticInfo", () => ({
-  useStaticInfo: () => ({ customer: mockCustomer }),
+  useStaticInfo: () => ({ customer: mockCustomer, tradename: mockTradename }),
 }));
 
 jest.mock("../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId");

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

@@ -28,7 +28,7 @@ interface SummaryProps {
 
 const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
   const {
-    customer: { customerId, country, segment },
+    customer: { customerId, country, segment, migrated },
     basePath,
     tradename,
   } = useStaticInfo();
@@ -152,9 +152,11 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
                 <CollapsiblePricing
                   collapsed={false}
                   collapsible={false}
+                  migrated={migrated}
                   pricing={pricing}
                   submitButtonText={submitButtonText}
                   totalCheckoutItemsKept={totalCheckoutItemsKept}
+                  tradename={tradename}
                   onSubmit={handleOnSubmit}
                 />
               </View>
@@ -168,9 +170,11 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
           <Body>
             <CollapsiblePricing
               collapsed={pricingCollapsed}
+              migrated={migrated}
               pricing={pricing}
               submitButtonText={submitButtonText}
               totalCheckoutItemsKept={totalCheckoutItemsKept}
+              tradename={tradename}
               onPress={handleOnPressPricing}
               onSubmit={handleOnSubmit}
             />

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

@@ -1,5 +1,6 @@
 import { RenderResult, fireEvent } from "@testing-library/react-native";
 import React from "react";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { pricing as pricingFunction } from "../../../../../projection/pricing/pricing.mock";
 import { I18nMessages } from "../../../../i18n/i18n";
@@ -28,9 +29,11 @@ const renderPricing: RenderPricingFunction = ({
     <CollapsiblePricing
       collapsed={collapsed}
       collapsible={collapsible}
+      migrated={false}
       pricing={pricing}
       submitButtonText={I18nMessages.SUMMARY_SUBMIT_BUTTON}
       totalCheckoutItemsKept={3}
+      tradename={Tradename.LOOKIERO}
       onPress={mockOnPress}
       onSubmit={mockOnSubmit}
     />,

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

@@ -4,6 +4,7 @@ import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-na
 import { Button, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { Icon } from "@lookiero/sty-psp-ui";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
@@ -11,6 +12,8 @@ import { Pricing } from "../pricing/Pricing";
 import { style as collapsiblePricingStyle } from "./CollapsiblePricing.style";
 
 interface CollapsiblePricingProps {
+  readonly tradename: Tradename;
+  readonly migrated: boolean;
   readonly pricing: PricingProjection;
   readonly totalCheckoutItemsKept: number;
   readonly collapsible?: boolean;
@@ -20,6 +23,8 @@ interface CollapsiblePricingProps {
   readonly onSubmit: () => void;
 }
 const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
+  migrated,
+  tradename,
   pricing,
   totalCheckoutItemsKept,
   collapsible = true,
@@ -81,7 +86,12 @@ const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
         </Animated.View>
       ) : (
         <Animated.View key="not-collapsed" style={notCollapsedAnimatedStyle}>
-          <Pricing pricing={pricing} totalCheckoutItemsKept={totalCheckoutItemsKept} />
+          <Pricing
+            migrated={migrated}
+            pricing={pricing}
+            totalCheckoutItemsKept={totalCheckoutItemsKept}
+            tradename={tradename}
+          />
 
           <Button testID="submit-checkout-button" onPress={onSubmit}>
             {submitButtonText}

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

@@ -2,6 +2,7 @@ import React, { FC, ReactNode, useMemo } from "react";
 import { View } from "react-native";
 import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
+import { Tradename } from "@lookiero/sty-sp-tradename";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
 import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
@@ -28,9 +29,11 @@ const Row: FC<RowProps> = ({ action = false, text, level = 3, children }) => {
 interface PricingProps {
   readonly pricing: PricingProjection;
   readonly totalCheckoutItemsKept: number;
+  readonly tradename: Tradename;
+  readonly migrated: boolean;
 }
 
-const Pricing: FC<PricingProps> = ({ pricing, totalCheckoutItemsKept }) => {
+const Pricing: FC<PricingProps> = ({ pricing, totalCheckoutItemsKept, tradename, migrated }) => {
   const { pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, service } = pricing;
 
   const style = useMemo(() => pricingStyle(), []);
@@ -69,13 +72,15 @@ const Pricing: FC<PricingProps> = ({ pricing, totalCheckoutItemsKept }) => {
         </Row>
       )}
 
-      <Row text={feeText}>
-        {service.paidWithPromocode ? (
-          <Text level={3}>{freeText}</Text>
-        ) : (
-          <Price price={service.finalPrice} variant="subtotal" />
-        )}
-      </Row>
+      {(tradename === Tradename.LOOKIERO || (tradename === Tradename.OUTFITTERY && !migrated)) && (
+        <Row text={feeText}>
+          {service.paidWithPromocode ? (
+            <Text level={3}>{freeText}</Text>
+          ) : (
+            <Price price={service.finalPrice} variant="subtotal" />
+          )}
+        </Row>
+      )}
 
       <View style={style.divider} />
 

package/src/projection/customer/customer.ts

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