@lookiero/checkout 6.3.0 → 6.4.0

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

@@ -24,6 +24,7 @@ import { PaymentInstrument } from "./components/paymentInstrument/PaymentInstrum
 const Checkout = ({ children, layout: LocalLayout, useRedirect }) => {
     const { customer: { customerId, country, segment }, } = useStaticInfo();
     const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
+    const submitButtonText = useI18nMessage({ id: I18nMessages.CHECKOUT_PAY_BUTTON });
     const { screen } = useDevice();
     const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
@@ -79,7 +80,7 @@ const Checkout = ({ children, layout: LocalLayout, useRedirect }) => {
                                 ? checkoutItem.replacedFor.size
                                 : checkoutItem.productVariant.size })))))),
             React.createElement(Box, { size: { L: "1/3" }, style: [style.resume, screen.L ? style.desktopResume : undefined] }, pricing ? (React.createElement(View, { style: style.princingWrapper },
-                React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsible: false, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onSubmit: handleOnSubmit }))) : null)),
+                React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsible: false, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, submitButtonText: submitButtonText, subtotal: pricing.subtotal, totalCheckoutItemsKept: checkoutItemsKept?.length || 0, onSubmit: handleOnSubmit }))) : null)),
         children));
 };
 export { Checkout };

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

@@ -26,6 +26,7 @@ const Summary = ({ layout: LocalLayout, children }) => {
     const [pricingHeight, setPricingHeight] = useState(0);
     const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
     const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
+    const submitButtonText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
     const { screen } = useDevice();
     const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
     const [pricing, pricingStatus] = useViewPricingByCheckoutId({ checkoutId: checkout?.id });
@@ -92,7 +93,7 @@ const Summary = ({ layout: LocalLayout, children }) => {
                         children)),
                 pricing && screen.L ? (React.createElement(Box, { size: { L: "1/3" }, style: [style.resume, screen.L ? style.desktopResume : style.mobileResume] },
                     React.createElement(View, { style: style.princingWrapper },
-                        React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: false, collapsible: false, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onSubmit: handleOnSubmit })))) : null)),
-        pricing && !screen.L ? (React.createElement(StickyPricing, { collapsed: pricingCollapsed, pricing: pricing, totalCheckoutItemsKept: totalCheckoutItemsKept, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })) : null));
+                        React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: false, collapsible: false, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, submitButtonText: submitButtonText, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onSubmit: handleOnSubmit })))) : null)),
+        pricing && !screen.L ? (React.createElement(StickyPricing, { collapsed: pricingCollapsed, pricing: pricing, submitButtonText: submitButtonText, totalCheckoutItemsKept: totalCheckoutItemsKept, onLayout: Platform.OS !== "web" ? handleOnPricingLayout : undefined, onPress: handleOnPressPricing, onSubmit: handleOnSubmit })) : null));
 };
 export { Summary };

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

@@ -12,6 +12,7 @@ interface PricingProps {
     readonly collapsible?: boolean;
     readonly collapsed?: boolean;
     readonly busy?: boolean;
+    readonly submitButtonText: string;
     readonly onPress?: () => void;
     readonly onSubmit: () => void;
 }

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

@@ -9,14 +9,13 @@ import { style } from "./Pricing.style";
 const Row = ({ action = false, text, level = 3, children }) => (React.createElement(View, { style: style.row },
     React.createElement(Text, { action: action, level: level }, text),
     children));
-const Pricing = ({ pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, totalCheckoutItemsKept, service, collapsible = true, collapsed = false, busy = false, onPress = () => void 0, onSubmit, }) => {
+const Pricing = ({ pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, totalCheckoutItemsKept, service, collapsible = true, collapsed = false, busy = false, submitButtonText, onPress = () => void 0, onSubmit, }) => {
     const totalText = useI18nMessage({ id: I18nMessages.SUMMARY_TOTAL });
     const totalCheckoutItemsKeptText = useI18nMessage({
         id: I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT,
         values: { items: totalCheckoutItemsKept.toString() },
     });
     const subtotalText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBTOTAL });
-    const submitButtonText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
     const freeText = useI18nMessage({ id: I18nMessages.SUMMARY_FREE });
     const discountText = useI18nMessage({
         id: I18nMessages.SUMMARY_DISCOUNT,

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts

@@ -5,6 +5,7 @@ interface StickyPricingProps {
     readonly pricing: PricingProjection;
     readonly totalCheckoutItemsKept: number;
     readonly collapsed: boolean;
+    readonly submitButtonText: string;
     readonly onPress: () => void;
     readonly onSubmit: () => void;
     readonly onLayout?: ({ width, height }: LayoutRectangle) => void;

package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js

@@ -3,7 +3,7 @@ import { Sticky } from "@lookiero/sty-psp-ui";
 import { Body } from "../../../../components/layouts/body/Body";
 import { Pricing } from "../pricing/Pricing";
 import { style } from "./StickyPricing.style";
-const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, onPress, onSubmit, onLayout, }) => (React.createElement(Sticky, { style: style.sticky, onLayout: onLayout },
+const StickyPricing = ({ pricing, totalCheckoutItemsKept, collapsed, submitButtonText, onPress, onSubmit, onLayout, }) => (React.createElement(Sticky, { style: style.sticky, onLayout: onLayout },
     React.createElement(Body, null,
-        React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: collapsed, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: onPress, onSubmit: onSubmit }))));
+        React.createElement(Pricing, { balanceDiscount: pricing.balanceDiscount, collapsed: collapsed, discount: pricing.discount, discountPercentage: pricing.discountPercentage, pendingToPay: pricing.pendingToPay, service: pricing.service, submitButtonText: submitButtonText, subtotal: pricing.subtotal, totalCheckoutItemsKept: totalCheckoutItemsKept, onPress: onPress, onSubmit: onSubmit }))));
 export { StickyPricing };

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "6.3.0";
+export declare const VERSION = "6.4.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "6.3.0";
+export const VERSION = "6.4.0";

package/package.json

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

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

@@ -111,8 +111,8 @@ describe("Checkout view", () => {
     expect(getByText(I18nMessages.SUMMARY_FEE)).toBeTruthy();
     expect(getByText("-€10.00")).toBeTruthy();
 
-    expect(getByText(I18nMessages.SUMMARY_SUBMIT_BUTTON)).toBeTruthy();
-    fireEvent.press(getByText(I18nMessages.SUMMARY_SUBMIT_BUTTON));
+    expect(getByText(I18nMessages.CHECKOUT_PAY_BUTTON)).toBeTruthy();
+    fireEvent.press(getByText(I18nMessages.CHECKOUT_PAY_BUTTON));
     expect(mockTrackPressContinue).toHaveBeenCalled();
     expect(mockUseNavigate).toHaveBeenCalledWith(`/${Routes.CHECKOUT}/${Routes.CHECKOUT_PAYMENT}`, { replace: true });
 

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

@@ -34,6 +34,7 @@ const Checkout: FC<CheckoutProps> = ({ children, layout: LocalLayout, useRedirec
     customer: { customerId, country, segment },
   } = useStaticInfo();
   const titleText = useI18nMessage({ id: I18nMessages.CHECKOUT_TITLE });
+  const submitButtonText = useI18nMessage({ id: I18nMessages.CHECKOUT_PAY_BUTTON });
   const { screen } = useDevice();
 
   const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -145,6 +146,7 @@ const Checkout: FC<CheckoutProps> = ({ children, layout: LocalLayout, useRedirec
                 discountPercentage={pricing.discountPercentage}
                 pendingToPay={pricing.pendingToPay}
                 service={pricing.service}
+                submitButtonText={submitButtonText}
                 subtotal={pricing.subtotal}
                 totalCheckoutItemsKept={checkoutItemsKept?.length || 0}
                 onSubmit={handleOnSubmit}

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

@@ -35,6 +35,7 @@ const Summary: FC<SummaryProps> = ({ layout: LocalLayout, children }) => {
   const [pricingHeight, setPricingHeight] = useState(0);
   const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
   const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
+  const submitButtonText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
   const { screen } = useDevice();
 
   const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
@@ -148,6 +149,7 @@ const Summary: FC<SummaryProps> = ({ layout: LocalLayout, children }) => {
                   discountPercentage={pricing.discountPercentage}
                   pendingToPay={pricing.pendingToPay}
                   service={pricing.service}
+                  submitButtonText={submitButtonText}
                   subtotal={pricing.subtotal}
                   totalCheckoutItemsKept={totalCheckoutItemsKept}
                   onSubmit={handleOnSubmit}
@@ -161,6 +163,7 @@ const Summary: FC<SummaryProps> = ({ layout: LocalLayout, children }) => {
         <StickyPricing
           collapsed={pricingCollapsed}
           pricing={pricing}
+          submitButtonText={submitButtonText}
           totalCheckoutItemsKept={totalCheckoutItemsKept}
           onLayout={Platform.OS !== "web" ? handleOnPricingLayout : undefined}
           onPress={handleOnPressPricing}

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

@@ -33,6 +33,7 @@ const renderPricing: RenderPricingFunction = ({
       discountPercentage={pricing.discountPercentage}
       pendingToPay={pricing.pendingToPay}
       service={pricing.service}
+      submitButtonText={I18nMessages.SUMMARY_SUBMIT_BUTTON}
       subtotal={pricing.subtotal}
       totalCheckoutItemsKept={3}
       onPress={mockOnPress}

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

@@ -35,6 +35,7 @@ interface PricingProps {
   readonly collapsible?: boolean;
   readonly collapsed?: boolean;
   readonly busy?: boolean;
+  readonly submitButtonText: string;
   readonly onPress?: () => void;
   readonly onSubmit: () => void;
 }
@@ -49,6 +50,7 @@ const Pricing: FC<PricingProps> = ({
   collapsible = true,
   collapsed = false,
   busy = false,
+  submitButtonText,
   onPress = () => void 0,
   onSubmit,
 }) => {
@@ -58,7 +60,6 @@ const Pricing: FC<PricingProps> = ({
     values: { items: totalCheckoutItemsKept.toString() },
   });
   const subtotalText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBTOTAL });
-  const submitButtonText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
   const freeText = useI18nMessage({ id: I18nMessages.SUMMARY_FREE });
   const discountText = useI18nMessage({
     id: I18nMessages.SUMMARY_DISCOUNT,

package/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.tsx

@@ -10,6 +10,7 @@ interface StickyPricingProps {
   readonly pricing: PricingProjection;
   readonly totalCheckoutItemsKept: number;
   readonly collapsed: boolean;
+  readonly submitButtonText: string;
   readonly onPress: () => void;
   readonly onSubmit: () => void;
   readonly onLayout?: ({ width, height }: LayoutRectangle) => void;
@@ -18,6 +19,7 @@ const StickyPricing: FC<StickyPricingProps> = ({
   pricing,
   totalCheckoutItemsKept,
   collapsed,
+  submitButtonText,
   onPress,
   onSubmit,
   onLayout,
@@ -31,6 +33,7 @@ const StickyPricing: FC<StickyPricingProps> = ({
         discountPercentage={pricing.discountPercentage}
         pendingToPay={pricing.pendingToPay}
         service={pricing.service}
+        submitButtonText={submitButtonText}
         subtotal={pricing.subtotal}
         totalCheckoutItemsKept={totalCheckoutItemsKept}
         onPress={onPress}