@thecb/components 8.4.11-beta.20 → 8.4.11-beta.21

package/dist/index.esm.js

@@ -24203,6 +24203,7 @@ var FormSelect = function FormSelect(_ref) {
     extraStyles: "word-break: break-word;\n              font-family: Public Sans;\n              &::first-letter {\n                text-transform: uppercase;\n              }",
     id: createIdFromString(labelTextWhenNoError)
   }, labelTextWhenNoError))), /*#__PURE__*/React.createElement(Dropdown$1, {
+    "data-qa": labelTextWhenNoError,
     ariaLabelledby: createIdFromString(labelTextWhenNoError),
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     maxHeight: dropdownMaxHeight,
@@ -24236,7 +24237,8 @@ var FormSelect = function FormSelect(_ref) {
     weight: themeValues.fontWeight,
     extraStyles: "\n            word-break: break-word;\n            font-family: Public Sans;\n            &::first-letter {\n              text-transform: uppercase;\n            }\n          ",
     id: createIdFromString(labelTextWhenNoError, "error message"),
-    "aria-live": "polite"
+    "aria-live": "polite",
+    "data-qa": labelTextWhenNoError
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? errorMessages[field.errors[0]] : "")));
 };
 
@@ -48871,7 +48873,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     "aria-label": "ACH Payment"
   }, /*#__PURE__*/React.createElement(FormInputColumn, null, /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Name on checking account",
-    dataQa: "Name on checking account",
+    "data-qa": "Name on checking account",
     errorMessages: nameErrors,
     field: fields.name,
     fieldActions: actions.fields.name,
@@ -48882,7 +48884,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     autocomplete: "name"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Routing number",
-    dataQa: "Routing number",
+    "data-qa": "Routing number",
     errorMessages: routingNumberErrors,
     field: fields.routingNumber,
     fieldActions: actions.fields.routingNumber,
@@ -48903,7 +48905,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     }
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm routing number",
-    dataQa: "Confirm routing number",
+    "data-qa": "Confirm routing number",
     errorMessages: confirmRoutingNumberErrors,
     field: fields.confirmRoutingNumber,
     fieldActions: actions.fields.confirmRoutingNumber,
@@ -48914,7 +48916,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     isNum: true
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Account number",
-    dataQa: "Account number",
+    "data-qa": "Account number",
     errorMessages: accountNumberErrors,
     field: fields.accountNumber,
     fieldActions: actions.fields.accountNumber,
@@ -48935,7 +48937,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     }
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm account number",
-    dataQa: "Confirm account number",
+    "data-qa": "Confirm account number",
     errorMessages: confirmAccountNumberErrors,
     field: fields.confirmAccountNumber,
     fieldActions: actions.fields.confirmAccountNumber,
@@ -48946,7 +48948,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     isNum: true
   }), allowBankAccountType && /*#__PURE__*/React.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
-    dataQa: "Account type",
+    "data-qa": "Account type",
     options: [{
       text: "Select account type",
       value: ""
@@ -48963,7 +48965,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     field: fields.accountType
   }), !hideDefaultPayment && /*#__PURE__*/React.createElement(Checkbox$1, {
     title: "Save as Default Payment Method",
-    dataQa: "default-payment-ach",
+    "data-qa": "default-payment-ach",
     name: "default-payment-ach",
     onChange: toggleCheckbox,
     checked: defaultMethod.value,
@@ -48973,7 +48975,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     align: "center"
   }, showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "bank checkbox",
-    dataQa: "Save checking account to wallet",
+    "data-qa": "Save checking account to wallet",
     title: "Save checking account to wallet.",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
@@ -49089,7 +49091,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     showErrors: showErrors
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Name on card",
-    dataQa: "Name on card",
+    "data-qa": "Name on card",
     errorMessages: nameOnCardErrors,
     field: fields.nameOnCard,
     fieldActions: actions.fields.nameOnCard,
@@ -49100,7 +49102,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     autocomplete: "cc-name"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Credit card number",
-    dataQa: "Credit card number",
+    "data-qa": "Credit card number",
     errorMessages: creditCardNumberErrors,
     field: fields.creditCardNumber,
     fieldActions: actions.fields.creditCardNumber,
@@ -49116,7 +49118,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     childGap: isMobile ? "0rem" : "1rem"
   }, /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Expiration date (MM/YY)",
-    dataQa: "Expiration date",
+    "data-qa": "Expiration date",
     errorMessages: expirationDateErrors,
     field: fields.expirationDate,
     fieldActions: actions.fields.expirationDate,
@@ -49131,7 +49133,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     autocomplete: "cc-exp"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
-    dataQa: "CVV",
+    "data-qa": "CVV",
     errorMessages: cvvErrors,
     field: fields.cvv,
     fieldActions: actions.fields.cvv,
@@ -49149,7 +49151,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
     labelTextWhenNoError: "Zip code",
-    dataQa: "Zip code",
+    "data-qa": "Zip code",
     errorMessages: zipCodeErrors,
     field: fields.zipCode,
     fieldActions: actions.fields.zipCode,
@@ -49163,7 +49165,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     align: "center"
   }, showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "credit card checkbox",
-    dataQa: "Save credit card to wallet",
+    "data-qa": "Save credit card to wallet",
     title: "Save credit card to wallet.",
     checked: walletCheckboxMarked,
     onChange: saveToWallet