@lookiero/checkout 12.25.0 → 12.27.0-beta.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/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.25.0";
-export declare const RELEASE = "checkout@12.25.0";
+export declare const VERSION = "12.27.0-beta.0";
+export declare const RELEASE = "checkout@12.27.0-beta.0";

package/dist/src/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "12.25.0";
-export const RELEASE = "checkout@12.25.0";
+export const VERSION = "12.27.0-beta.0";
+export const RELEASE = "checkout@12.27.0-beta.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.25.0",
+  "version": "12.27.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -21,18 +21,18 @@
   "dependencies": {
     "@lookiero/messaging": "^8.1.1",
     "@lookiero/messaging-react": "^8.1.1",
-    "@lookiero/sty-psp-ab-testing": "^0.3",
+    "@lookiero/sty-psp-ab-testing": "^0.4",
     "@lookiero/sty-psp-expo-config": "^1.1",
     "@lookiero/sty-psp-http": "^2.1",
     "@lookiero/sty-psp-i18n": "^1.5",
     "@lookiero/sty-psp-locale": "^2.1",
-    "@lookiero/sty-psp-logging": "^2.0",
-    "@lookiero/sty-psp-notifications": "^2.11",
+    "@lookiero/sty-psp-logging": "^2.1",
+    "@lookiero/sty-psp-notifications": "^2.12",
     "@lookiero/sty-psp-react-native": "^1.0",
     "@lookiero/sty-psp-segment": "^0.1",
     "@lookiero/sty-psp-storage": "^0.2",
     "@lookiero/sty-psp-tracking": "^2.3",
-    "@lookiero/sty-psp-ui-settings": "^1.2",
+    "@lookiero/sty-psp-ui-settings": "^1.3",
     "@lookiero/sty-psp-ui": "^3.2",
     "@lookiero/sty-psp-units": "^0.1",
     "@lookiero/sty-psp-uuid": "^0.2",

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.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/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.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 };