@paypal/checkout-components 5.0.376 → 5.0.378-alpha-6f98b0f0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.376",
+  "version": "5.0.378-alpha-6f98b0f0.0",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {

package/src/funding/paylater/config.jsx

@@ -29,17 +29,21 @@ function getLabelText(fundingEligibility: FundingEligibilityType): ?string {
   }
 
   if (
-    paylater?.products?.payIn3?.eligible &&
-    paylater?.products?.payIn3?.variant === "ES"
+    (paylater?.products?.payIn3?.eligible &&
+      paylater?.products?.payIn3?.variant === "ES") ||
+    (paylater?.products?.paylater?.eligible &&
+      paylater?.products?.paylater?.variant === "ES")
   ) {
-    labelText = "Paga en 3 plazos";
+    labelText = "Paga a plazos";
   }
 
   if (
-    paylater?.products?.payIn3?.eligible &&
-    paylater?.products?.payIn3?.variant === "IT"
+    (paylater?.products?.payIn3?.eligible &&
+      paylater?.products?.payIn3?.variant === "IT") ||
+    (paylater?.products?.paylater?.eligible &&
+      paylater?.products?.paylater?.variant === "IT")
   ) {
-    labelText = "Paga in 3 rate";
+    labelText = "Paga a rate";
   }
 
   if (paylater?.products?.payIn4?.eligible) {

package/src/ui/buttons/props.js

@@ -632,6 +632,7 @@ export type ButtonProps = {|
   hostedButtonId?: string,
   message?: ButtonMessage,
   messageMarkup?: string,
+  hideSubmitButtonForCardForm?: boolean,
 |};
 
 // eslint-disable-next-line flowtype/require-exact-type

package/src/ui/buttons/props.test.js

@@ -868,3 +868,31 @@ describe("getButtonColor", () => {
     });
   });
 });
+
+describe("HideSubmitButtonProps type validation", () => {
+  it("should allow hideSubmitButtonForCardForm as an optional boolean property", () => {
+    // This test ensures the Flow type definition accepts the new property
+    const validButtonProps = {
+      hideSubmitButtonForCardForm: true,
+    };
+
+    // This would fail Flow type checking if the property isn't properly defined
+    expect(typeof validButtonProps.hideSubmitButtonForCardForm).toBe("boolean");
+  });
+
+  it("should allow hideSubmitButtonForCardForm to be undefined", () => {
+    const validButtonProps = {
+      // hideSubmitButtonForCardForm is optional
+    };
+
+    expect(validButtonProps.hideSubmitButtonForCardForm).toBeUndefined();
+  });
+
+  it("should allow hideSubmitButtonForCardForm to be false", () => {
+    const validButtonProps = {
+      hideSubmitButtonForCardForm: false,
+    };
+
+    expect(validButtonProps.hideSubmitButtonForCardForm).toBe(false);
+  });
+});

package/src/ui/buttons/styles/styleUtils.js

@@ -120,7 +120,9 @@ export function getResponsiveStyleVariables({
   const shouldResizeLabel =
     paylater?.products?.paylater?.variant === "DE" ||
     paylater?.products?.payIn3?.variant === "IT" ||
-    paylater?.products?.payIn3?.variant === "ES";
+    paylater?.products?.paylater?.variant === "IT" ||
+    paylater?.products?.payIn3?.variant === "ES" ||
+    paylater?.products?.paylater?.variant === "ES";
 
   const textPercPercentage = shouldResizeLabel ? 32 : 36;
   const labelPercPercentage = shouldResizeLabel ? 32 : 35;
@@ -174,7 +176,9 @@ export function getDisableMaxHeightResponsiveStyleVariables({
   const shouldResizeLabel =
     paylater?.products?.paylater?.variant === "DE" ||
     paylater?.products?.payIn3?.variant === "IT" ||
-    paylater?.products?.payIn3?.variant === "ES";
+    paylater?.products?.paylater?.variant === "IT" ||
+    paylater?.products?.payIn3?.variant === "ES" ||
+    paylater?.products?.paylater?.variant === "ES";
 
   const labelHeight = getLabelHeight({
     height: buttonHeight,

package/src/zoid/buttons/component.jsx

@@ -1298,6 +1298,18 @@ export const getButtonsComponent: () => ButtonsComponent = memoize(() => {
         required: false,
         default: () => window.__TEST_WALLET__,
       },
+
+      hideSubmitButtonForCardForm: {
+        type: "boolean",
+        required: false,
+        queryParam: true,
+      },
+    },
+
+    exports: {
+      submitCardForm: {
+        type: "function",
+      },
     },
   });
 });

package/src/zoid/card-form/component.js

@@ -202,6 +202,12 @@ export function getCardFormComponent(): CardFormComponent {
           value: getDisableCard,
         },
       },
+
+      exports: {
+        submit: {
+          type: "function",
+        },
+      },
     });
   });
 }