@thecb/components 8.4.11-beta.23 → 8.4.11-beta.25

package/dist/index.esm.js

@@ -40392,7 +40392,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.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -40430,7 +40431,8 @@ var AddressForm = function AddressForm(_ref) {
     "aria-label": isUS ? "State" : "State or Province",
     required: true,
     autocomplete: "administrative-area",
-    "data-qa": "State or Province"
+    "data-qa": "State or Province",
+    dataQa: "State or Province"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
@@ -40445,13 +40447,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.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"
   })));
 };
 
@@ -48893,7 +48897,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.createElement(FormInput$1, {
     labelTextWhenNoError: "Routing number",
     "data-qa": "Routing number",
@@ -48914,7 +48919,8 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     },
     onKeyDown: function onKeyDown(e) {
       return e.key === "Enter" && handleSubmit(e);
-    }
+    },
+    dataQa: "Routing number"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm routing number",
     "data-qa": "Confirm routing number",
@@ -48925,10 +48931,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.createElement(FormInput$1, {
     labelTextWhenNoError: "Account number",
     "data-qa": "Account number",
+    dataQa: "Account number",
     errorMessages: accountNumberErrors,
     field: fields.accountNumber,
     fieldActions: actions.fields.accountNumber,
@@ -48957,10 +48965,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.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
     "data-qa": "Account type",
+    dataQa: "Account type",
     options: [{
       text: "Select account type",
       value: ""
@@ -48981,7 +48991,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.createElement(Cluster, {
     childGap: "4px",
     align: "center"
@@ -48997,7 +49008,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"
   })))));
 };
 
@@ -49101,7 +49114,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       }
     },
     showErrors: showErrors,
-    "data-qa": "Country"
+    "data-qa": "Country",
+    dataQa: "Country"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Name on card",
     "data-qa": "Name on card",
@@ -49112,7 +49126,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.createElement(FormInput$1, {
     labelTextWhenNoError: "Credit card number",
     "data-qa": "Credit card number",
@@ -49125,7 +49140,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.createElement(FormInputRow, {
     breakpoint: isMobile ? "1000rem" : "21rem",
     childGap: isMobile ? "0rem" : "1rem"
@@ -49143,7 +49159,8 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     isNum: true,
     removeFromValue: /\// // removes "/" from browser autofill
     ,
-    autocomplete: "cc-exp"
+    autocomplete: "cc-exp",
+    dataQa: "Expiration date"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
     "data-qa": "CVV",
@@ -49156,7 +49173,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.createElement(Box, {
     padding: isMobile ? "0" : "0 0.5rem 0 0",
     width: isMobile ? "100%" : "50%"
@@ -49172,7 +49190,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.createElement(Cluster, {
     childGap: "4px",
     align: "center"