@paypal/checkout-components 5.0.258 → 5.0.259

package/package.json

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

package/src/zoid/card-fields/component.jsx

@@ -75,8 +75,9 @@ type CardFieldsProps = {|
     onInputSubmitRequest?: () => ZalgoPromise<Object> | Object,
   |},
   createOrder: () => ZalgoPromise<string> | string,
+  createVaultSetupToken: () => ZalgoPromise<string>,
   onApprove: (
-    {| returnUrl: string |},
+    {| returnUrl?: string, vaultSetupToken?: string |},
     {| redirect: (?CrossDomainWindowType, ?string) => ZalgoPromise<void> |}
   ) => ?ZalgoPromise<void>,
   onComplete: (
@@ -92,10 +93,6 @@ type CardFieldsProps = {|
   hcfSessionID: string,
   partnerAttributionID: string,
   merchantID: $ReadOnlyArray<string>,
-  save: {|
-    createVaultSetupToken: () => ZalgoPromise<string>,
-    onApprove: ({| vaultSetupToken: string |}) => ?ZalgoPromise<void>,
-  |},
 |};
 
 type CardFieldProps = {|
@@ -122,7 +119,6 @@ type CardFieldsChildren = {|
   CVVField: CardFieldComponent,
   ExpiryField: CardFieldComponent,
   NameField: CardFieldComponent,
-  PostalCodeField: CardFieldComponent,
 |};
 
 const url = () =>
@@ -190,18 +186,6 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
         },
 
         props: {
-          save: {
-            type: "object",
-            required: false,
-            value: ({ props }) => {
-              if (props.save) {
-                return props.save;
-              } else if (props.parent.props) {
-                return props.parent.props.save;
-              }
-            },
-          },
-
           type: {
             type: "string",
             value: () => type,
@@ -226,6 +210,12 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
             value: ({ props }) => props.parent.props.createOrder,
           },
 
+          createVaultSetupToken: {
+            type: "function",
+            required: false,
+            value: ({ props }) => props.parent.props.createVaultSetupToken,
+          },
+
           cardFieldsSessionID: {
             type: "string",
             queryParam: true,
@@ -403,6 +393,10 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
     const CVVField = genericCardField(CARD_FIELD_TYPE.CVV);
     const ExpiryField = genericCardField(CARD_FIELD_TYPE.EXPIRY);
     const NameField = genericCardField(CARD_FIELD_TYPE.NAME);
+    // TODO: Once the Billing address Fields have been built out
+    // add the postal code field as a child to the CardFields
+    // component along with the other billing address fields
+    // eslint-disable-next-line no-unused-vars
     const PostalCodeField = genericCardField(CARD_FIELD_TYPE.POSTAL);
 
     const CardFields = create({
@@ -433,7 +427,6 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
           CVVField,
           ExpiryField,
           NameField,
-          PostalCodeField,
         };
       },
 
@@ -478,11 +471,6 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
       },
 
       props: {
-        save: {
-          type: "object",
-          required: false,
-        },
-
         type: {
           type: "string",
           value: () => CARD_FIELD_TYPE.SINGLE,
@@ -507,6 +495,11 @@ export const getCardFieldsComponent: () => CardFieldsComponent = memoize(
           required: false,
         },
 
+        createVaultSetupToken: {
+          type: "function",
+          required: false,
+        },
+
         cardFieldsSessionID: {
           type: "string",
           queryParam: true,