@paypal/checkout-components 5.0.332 → 5.0.334

package/package.json

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

package/src/ui/buttons/button.jsx

@@ -109,11 +109,15 @@ export function Button({
 
   let { color, period, label } = style;
 
-  // if no color option is passed in via style props, use the default color value from the funding source config
+  // if no color option is passed in via style props
   if (color === "" || typeof color === "undefined") {
-    color = colors[0];
+    // if multiple buttons are being rendered (smart stack), we set default color as gold
+    // if a single button is rendered, we set color to first option in the fundingSource config
+    color = multiple ? "gold" : colors[0];
   }
 
+  // The secondary colors are used to render the smart stack (multiple buttons)
+  // they keep track of the mapping of the color style prop to the
   if (multiple && i > 0) {
     if (
       secondaryColors[color] &&

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

@@ -119,6 +119,18 @@ export function getCardFormComponent(): CardFormComponent {
           value: getLocale,
         },
 
+        country: {
+          type: "object",
+          queryParam: "country.x",
+          allowDelegate: true,
+          queryValue({ value }): string {
+            // $FlowFixMe
+            const { country } = value;
+            return country;
+          },
+          value: getLocale,
+        },
+
         onApprove: {
           type: "function",
           alias: "onAuthorize",

package/src/zoid/checkout/component.jsx

@@ -195,6 +195,17 @@ export function getCheckoutComponent(): CheckoutComponent {
           value: getLocale,
         },
 
+        country: {
+          type: "object",
+          queryParam: "country.x",
+          allowDelegate: true,
+          queryValue({ value }): string {
+            const { country } = value;
+            return country;
+          },
+          value: getLocale,
+        },
+
         createOrder: {
           type: "function",
           queryParam: "token",