@thecb/components 8.4.11-beta.24 → 8.4.11-beta.26

package/dist/index.cjs.js

@@ -37953,7 +37953,9 @@ var FormStateDropdown = function FormStateDropdown(_ref) {
     errorMessages: errorMessages,
     showErrors: showErrors,
     "aria-invalid": !!(errorMessages !== null && errorMessages !== void 0 && errorMessages.length),
-    autocompleteValue: autocomplete
+    autocompleteValue: autocomplete,
+    "data-qa": labelTextWhenNoError,
+    dataQa: labelTextWhenNoError
   });
 };
 
@@ -40400,7 +40402,8 @@ var AddressForm = function AddressForm(_ref) {
     },
     autocomplete: "address-line1",
     "aria-label": "Address Line 1",
-    "data-qa": "Address Line 1"
+    "data-qa": "Address Line 1",
+    dataQa: "Address Line 1"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -40438,7 +40441,7 @@ var AddressForm = function AddressForm(_ref) {
     "aria-label": isUS ? "State" : "State or Province",
     required: true,
     autocomplete: "administrative-area",
-    "data-qa": "State or Province"
+    dataQa: "State or Province"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
@@ -40453,13 +40456,15 @@ var AddressForm = function AddressForm(_ref) {
     "aria-label": "Zip code",
     autocomplete: "postal-code",
     required: true,
-    "data-qa": "Zip code"
+    "data-qa": "Zip code",
+    dataQa: "Zip code"
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "address checkbox",
     title: "Save address to wallet",
     checked: walletCheckboxMarked,
     onChange: saveToWallet,
-    "data-qa": "Save address to wallet"
+    "data-qa": "Save address to wallet",
+    dataQa: "Save address to wallet"
   })));
 };
 
@@ -48901,7 +48906,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autocomplete: "name"
+    autocomplete: "name",
+    dataQa: "Name on checking account"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Routing number",
     "data-qa": "Routing number",
@@ -48922,7 +48928,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     },
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    }
+    },
+    dataQa: "Routing number"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm routing number",
     "data-qa": "Confirm routing number",
@@ -48933,10 +48940,12 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    isNum: true
+    isNum: true,
+    dataQa: "Confirm routing number"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Account number",
     "data-qa": "Account number",
+    dataQa: "Account number",
     errorMessages: accountNumberErrors,
     field: fields.accountNumber,
     fieldActions: actions.fields.accountNumber,
@@ -48965,10 +48974,12 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    isNum: true
+    isNum: true,
+    dataQa: "Confirm account number"
   }), allowBankAccountType && /*#__PURE__*/React__default.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
     "data-qa": "Account type",
+    dataQa: "Account type",
     options: [{
       text: "Select account type",
       value: ""
@@ -48989,7 +49000,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     name: "default-payment-ach",
     onChange: toggleCheckbox,
     checked: defaultMethod.value,
-    hidden: hideDefaultPayment
+    hidden: hideDefaultPayment,
+    dataQa: "default-payment-ach"
   }), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
     childGap: "4px",
     align: "center"
@@ -49005,7 +49017,9 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     version: "v2",
     showCheckbox: false,
     description: "View",
-    terms: termsContent
+    terms: termsContent,
+    dataQa: "Terms and Conditions",
+    "data-qa": "Terms and Conditions"
   })))));
 };
 
@@ -49109,7 +49123,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       }
     },
     showErrors: showErrors,
-    "data-qa": "Country"
+    "data-qa": "Country",
+    dataQa: "Country"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Name on card",
     "data-qa": "Name on card",
@@ -49120,7 +49135,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autocomplete: "cc-name"
+    autocomplete: "cc-name",
+    dataQa: "Name on card"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Credit card number",
     "data-qa": "Credit card number",
@@ -49133,7 +49149,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     isNum: true,
-    autocomplete: "cc-number"
+    autocomplete: "cc-number",
+    dataQa: "Credit card number"
   }), /*#__PURE__*/React__default.createElement(FormInputRow, {
     breakpoint: isMobile ? "1000rem" : "21rem",
     childGap: isMobile ? "0rem" : "1rem"
@@ -49151,7 +49168,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     isNum: true,
     removeFromValue: /\// // removes "/" from browser autofill
     ,
-    autocomplete: "cc-exp"
+    autocomplete: "cc-exp",
+    dataQa: "Expiration date"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
     "data-qa": "CVV",
@@ -49164,7 +49182,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autocomplete: "cc-csc"
+    autocomplete: "cc-csc",
+    dataQa: "CVV"
   })), !hideZipCode && /*#__PURE__*/React__default.createElement(Box, {
     padding: isMobile ? "0" : "0 0.5rem 0 0",
     width: isMobile ? "100%" : "50%"
@@ -49180,7 +49199,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
     },
-    autoComplete: "billing postal-code"
+    autoComplete: "billing postal-code",
+    dataQa: "Zip code"
   })), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
     childGap: "4px",
     align: "center"