@paypal/checkout-components 5.0.376 → 5.0.377

package/package.json

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

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/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",
+        },
+      },
     });
   });
 }