@lookiero/checkout 15.2.4 → 15.3.0-beta.0

package/dist/src/ExpoRoot.js

@@ -61,10 +61,10 @@ setPaymentsBridge({
     },
     appVersion: RELEASE,
     graphqlUri: "/graphql",
-    useFeatureFlags: () => ({}),
     locale: () => "es-ES",
     scrollView: ScrollView,
     hostUrl: "",
+    host: "",
     tradename,
 });
 const kameleoonConfig = {

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

@@ -0,0 +1,31 @@
+import { Tradename } from "@lookiero/sty-sp-tradename";
+import { PriceProjection } from "../../../projection/price/price";
+import { CheckoutPricingProjection } from "../../../projection/pricing/pricing";
+interface ServiceDto {
+    readonly discount: PriceProjection;
+    readonly finalPrice: PriceProjection;
+    readonly originalPrice: PriceProjection;
+    readonly prepaid: boolean;
+    readonly reference: string;
+    readonly paidWithPromocode?: boolean;
+}
+interface PricingDto {
+    readonly balanceDiscount: PriceProjection;
+    readonly discount: PriceProjection;
+    readonly discountPercentage: number;
+    readonly orderTotal: PriceProjection;
+    readonly pendingToPay: PriceProjection;
+    readonly service: ServiceDto;
+    readonly subtotal: PriceProjection;
+}
+interface ToPricingProjectionFunctionArgs {
+    readonly pricing: PricingDto;
+    readonly tradename: Tradename;
+    readonly migrated: boolean;
+}
+interface ToPricingProjectionFunction {
+    (args: ToPricingProjectionFunctionArgs): CheckoutPricingProjection;
+}
+declare const toPricingProjection: ToPricingProjectionFunction;
+export type { PricingDto };
+export { toPricingProjection };

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

@@ -0,0 +1,39 @@
+import { Tradename } from "@lookiero/sty-sp-tradename";
+import { CheckoutPricingContext, CheckoutPricingType, } from "../../../projection/pricing/pricing";
+const toPricingProjection = ({ pricing, tradename, migrated, }) => {
+    const shouldDisplayPsFeeModifier = tradename === Tradename.LOOKIERO || (tradename === Tradename.OUTFITTERY && !migrated);
+    const modifiers = [
+        {
+            amount: pricing.discount.amount,
+            type: CheckoutPricingType.DISCOUNT,
+            context: CheckoutPricingContext.PROMOCODE,
+            translationKey: "summary.discount",
+            percentage: pricing.discountPercentage,
+        },
+        {
+            amount: pricing.balanceDiscount.amount,
+            type: CheckoutPricingType.DISCOUNT,
+            context: CheckoutPricingContext.BALANCE,
+            translationKey: "summary.credit",
+        },
+        ...(shouldDisplayPsFeeModifier
+            ? [
+                {
+                    amount: pricing.service.finalPrice.amount,
+                    type: CheckoutPricingType.DISCOUNT,
+                    context: CheckoutPricingContext.PS_FEE,
+                    translationKey: "summary.fee",
+                },
+            ]
+            : []),
+    ]
+        .map((modifier) => ({ ...modifier, amount: Math.abs(modifier.amount) }))
+        .filter(({ amount }) => amount !== 0);
+    return {
+        currency: pricing.pendingToPay.currency,
+        finalPrice: pricing.pendingToPay.amount,
+        originalPrice: pricing.subtotal.amount,
+        modifiers,
+    };
+};
+export { toPricingProjection };

package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.js

@@ -93,7 +93,7 @@ const useCheckoutFlow = ({ checkout: checkoutProjection, getAuthToken, onSuccess
         }
         return "idle";
     }, [startLegacyBoxCheckoutStatus, submitCheckoutStatus, checkoutBookingExpired]);
-    const paymentFlow = useMemo(() => (authToken ? React.createElement(PaymentFlow, { ref: paymentFlowRef, section: Section.BOX_CHECKOUT, token: authToken }) : null), [authToken]);
+    const paymentFlow = useMemo(() => (authToken ? React.createElement(PaymentFlow, { ref: paymentFlowRef, section: Section.BOX_CHECKOUT }) : null), [authToken]);
     return useMemo(() => [checkoutFlow, checkoutFlowStatus, paymentFlow], [checkoutFlow, paymentFlow, checkoutFlowStatus]);
 };
 export { useCheckoutFlow };

package/dist/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.js

@@ -4,9 +4,10 @@ import { useStaticInfo } from "../../../../hooks/useStaticInfo";
 const PaymentInstrument = ({ useRedirect }) => {
     const { returnUrl } = useRedirect();
     const { customer } = useStaticInfo();
-    return (React.createElement(PaymentInstrumentSelect, { beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, section: Section.BOX_CHECKOUT, userInformation: {
+    return (React.createElement(PaymentInstrumentSelect, { beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, section: Section.BOX_CHECKOUT, userInformation: {
             email: customer.email,
             name: customer.name,
+            segment: customer.segment,
         }, showSingleUsePaymentMethods: true }));
 };
 export { PaymentInstrument };

package/dist/src/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "15.2.4";
-export declare const RELEASE = "checkout@15.2.4";
+export declare const VERSION = "15.3.0-beta.0";
+export declare const RELEASE = "checkout@15.3.0-beta.0";

package/dist/src/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "15.2.4",
+  "version": "15.3.0-beta.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",
@@ -51,7 +51,7 @@
     "@config-plugins/detox": "^6.0.0",
     "@lookiero/eslint-config-sty-psp": "*",
     "@lookiero/event": "^0.3",
-    "@lookiero/payments-front": "^9.2.0",
+    "@lookiero/payments-front": "14.1.0",
     "@lookiero/sty-psp-jest-config": "*",
     "@lookiero/sty-psp-prettier-config": "*",
     "@lookiero/sty-psp-scripts": "*",
@@ -83,7 +83,7 @@
     "@lookiero/event": "^0.3",
     "@lookiero/i18n": ">=3",
     "@lookiero/i18n-react": ">=3",
-    "@lookiero/payments-front": ">=9",
+    "@lookiero/payments-front": ">=14",
     "apollo-boost": "0.4.4",
     "expo": ">=54",
     "expo-font": ">=12",

package/src/ExpoRoot.tsx

@@ -5,7 +5,7 @@ import { Platform, ScrollView } from "react-native";
 import { Navigate, Route, Routes } from "react-router-native";
 import { Aurora } from "@lookiero/aurora";
 import { EventProvider } from "@lookiero/event";
-import { FeatureFlags, PaymentsQueryProvider, setPaymentsBridge } from "@lookiero/payments-front";
+import { PaymentsQueryProvider, setPaymentsBridge } from "@lookiero/payments-front";
 import { Country, Locale } from "@lookiero/sty-psp-locale";
 import { SentryEnvironment } from "@lookiero/sty-psp-logging";
 import { Segment } from "@lookiero/sty-psp-segment";
@@ -73,10 +73,10 @@ setPaymentsBridge({
   },
   appVersion: RELEASE,
   graphqlUri: "/graphql",
-  useFeatureFlags: () => ({}) as Record<FeatureFlags, boolean>,
   locale: () => "es-ES",
   scrollView: ScrollView,
   hostUrl: "",
+  host: "",
   tradename,
 });
 

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

@@ -1,7 +1,7 @@
 import React, { ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { CheckoutTrackingEvent } from "src/infrastructure/tracking/tracking";
 import { CommandStatus } from "@lookiero/messaging-react";
-import { PaymentFlow, PaymentFlowRef, PaymentPayload, Section } from "@lookiero/payments-front";
+import { PaymentFlow, PaymentFlowStrategies, PaymentPayload, Section } from "@lookiero/payments-front";
 import { LegacyBoxCheckoutStrategyPayload } from "@lookiero/payments-front/build/components/PaymentFlow/internals/strategies/LegacyBoxCheckoutStrategy";
 import { useLogger } from "@lookiero/sty-psp-logging";
 import { NotificationLevel, useCreateToastNotification } from "@lookiero/sty-psp-notifications";
@@ -60,7 +60,7 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({ checkout: checkoutProjection
     basePath,
     tradename,
   } = useStaticInfo();
-  const paymentFlowRef = useRef<PaymentFlowRef>(null);
+  const paymentFlowRef = useRef<PaymentFlowStrategies>(null);
   const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
     checkoutId: checkoutProjection?.id as string,
   });
@@ -157,7 +157,7 @@ const useCheckoutFlow: UseCheckoutFlowFunction = ({ checkout: checkoutProjection
   }, [startLegacyBoxCheckoutStatus, submitCheckoutStatus, checkoutBookingExpired]);
 
   const paymentFlow = useMemo(
-    () => (authToken ? <PaymentFlow ref={paymentFlowRef} section={Section.BOX_CHECKOUT} token={authToken} /> : null),
+    () => (authToken ? <PaymentFlow ref={paymentFlowRef} section={Section.BOX_CHECKOUT} /> : null),
     [authToken],
   );
 

package/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.tsx

@@ -12,11 +12,11 @@ const PaymentInstrument: FC<PaymentInstrumentProps> = ({ useRedirect }) => {
   return (
     <PaymentInstrumentSelect
       beforeRedirect={returnUrl ? () => Promise.resolve(returnUrl) : undefined}
-      hasError={false}
       section={Section.BOX_CHECKOUT}
       userInformation={{
         email: customer.email,
         name: customer.name,
+        segment: customer.segment,
       }}
       showSingleUsePaymentMethods
     />