@thecb/components 4.1.10-beta.0 → 4.1.11-beta.0

package/dist/index.cjs.js

@@ -39384,7 +39384,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     variant: variant,
     role: "form",
     "aria-label": "Card payment"
-  }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.createElement(CountryDropdown, {
+  }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, !hideZipCode && /*#__PURE__*/React__default.createElement(CountryDropdown, {
     labelTextWhenNoError: "Country",
     errorMessages: countryErrorMessages,
     field: fields.country,
@@ -39392,10 +39392,6 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       actions.fields.country.set(value); // temporary measure to not dirty fields until
       // we can write a reset function for fields
 
-      if (fields.stateProvince.rawValue) {
-        actions.fields.stateProvince.set("");
-      }
-
       if (fields.zipCode.rawValue) {
         actions.fields.zipCode.set("");
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.1.10-beta.0",
+  "version": "4.1.11-beta.0",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/payment-button-bar/PaymentButtonBar.js

@@ -16,7 +16,8 @@ const PaymentButtonBar = ({
   cancelURL,
   cancelText = "Cancel",
   redirectURL,
-  redirectText = "Return"
+  redirectText = "Return",
+  buttonFlexOverride
 }) => {
   const { isMobile } = useContext(ThemeContext);
 
@@ -68,7 +69,13 @@ const PaymentButtonBar = ({
       <SolidDivider />
       <Box padding="2.5rem 0 3.125rem 0">
         <Cluster
-          justify={!!backButton ? "space-between" : "flex-end"}
+          justify={
+            buttonFlexOverride
+              ? buttonFlexOverride
+              : !!backButton
+              ? "space-between"
+              : "flex-end"
+          }
           align="center"
           childGap="0.75rem"
         >

package/src/components/molecules/payment-form-card/PaymentFormCard.js

@@ -73,23 +73,22 @@ const PaymentFormCard = ({
   return (
     <FormContainer variant={variant} role="form" aria-label="Card payment">
       <FormInputColumn>
-        <CountryDropdown
-          labelTextWhenNoError="Country"
-          errorMessages={countryErrorMessages}
-          field={fields.country}
-          onChange={value => {
-            actions.fields.country.set(value);
-            // temporary measure to not dirty fields until
-            // we can write a reset function for fields
-            if (fields.stateProvince.rawValue) {
-              actions.fields.stateProvince.set("");
-            }
-            if (fields.zipCode.rawValue) {
-              actions.fields.zipCode.set("");
-            }
-          }}
-          showErrors={showErrors}
-        />
+        {!hideZipCode && (
+          <CountryDropdown
+            labelTextWhenNoError="Country"
+            errorMessages={countryErrorMessages}
+            field={fields.country}
+            onChange={value => {
+              actions.fields.country.set(value);
+              // temporary measure to not dirty fields until
+              // we can write a reset function for fields
+              if (fields.zipCode.rawValue) {
+                actions.fields.zipCode.set("");
+              }
+            }}
+            showErrors={showErrors}
+          />
+        )}
         <FormInput
           labelTextWhenNoError="Name on card"
           errorMessages={nameOnCardErrors}