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

package/dist/index.esm.js

@@ -24997,6 +24997,7 @@ var CountryDropdown = function CountryDropdown(_ref) {
     field: field,
     fieldActions: fieldActions,
     labelTextWhenNoError: labelTextWhenNoError,
+    dataQa: labelTextWhenNoError,
     errorMessages: errorMessages,
     showErrors: showErrors,
     onChange: onChange,
@@ -26009,7 +26010,7 @@ var FormInput = function FormInput(_ref15) {
     field: field,
     formatter: formatter,
     showErrors: showErrors,
-    "data-qa": labelTextWhenNoError,
+    dataQa: labelTextWhenNoError,
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
@@ -26027,7 +26028,7 @@ var FormInput = function FormInput(_ref15) {
     inputMode: isNum ? "numeric" : isEmail ? "email" : "text",
     field: field,
     showErrors: showErrors,
-    "data-qa": createIdFromString(labelTextWhenNoError),
+    dataQa: labelTextWhenNoError,
     themeValues: themeValues,
     background: background,
     $customHeight: customHeight,
@@ -48656,6 +48657,7 @@ var TermsAndConditionsControlV1 = function TermsAndConditionsControlV1(_ref) {
   return /*#__PURE__*/React.createElement(DisplayBox$1, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "terms",
     title: "Terms and Conditions",
+    dataQa: "Terms and Conditions",
     error: error,
     checked: isChecked,
     onChange: onCheck
@@ -48869,6 +48871,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",
     errorMessages: nameErrors,
     field: fields.name,
     fieldActions: actions.fields.name,
@@ -48879,6 +48882,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     autocomplete: "name"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Routing number",
+    dataQa: "Routing number",
     errorMessages: routingNumberErrors,
     field: fields.routingNumber,
     fieldActions: actions.fields.routingNumber,
@@ -48899,6 +48903,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     }
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm routing number",
+    dataQa: "Confirm routing number",
     errorMessages: confirmRoutingNumberErrors,
     field: fields.confirmRoutingNumber,
     fieldActions: actions.fields.confirmRoutingNumber,
@@ -48909,6 +48914,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     isNum: true
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Account number",
+    dataQa: "Account number",
     errorMessages: accountNumberErrors,
     field: fields.accountNumber,
     fieldActions: actions.fields.accountNumber,
@@ -48929,6 +48935,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     }
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Confirm account number",
+    dataQa: "Confirm account number",
     errorMessages: confirmAccountNumberErrors,
     field: fields.confirmAccountNumber,
     fieldActions: actions.fields.confirmAccountNumber,
@@ -48939,6 +48946,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     isNum: true
   }), allowBankAccountType && /*#__PURE__*/React.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
+    dataQa: "Account type",
     options: [{
       text: "Select account type",
       value: ""
@@ -48955,6 +48963,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",
     name: "default-payment-ach",
     onChange: toggleCheckbox,
     checked: defaultMethod.value,
@@ -48964,6 +48973,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     align: "center"
   }, showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "bank checkbox",
+    dataQa: "Save checking account to wallet",
     title: "Save checking account to wallet.",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
@@ -49079,6 +49089,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     showErrors: showErrors
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Name on card",
+    dataQa: "Name on card",
     errorMessages: nameOnCardErrors,
     field: fields.nameOnCard,
     fieldActions: actions.fields.nameOnCard,
@@ -49089,6 +49100,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     autocomplete: "cc-name"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Credit card number",
+    dataQa: "Credit card number",
     errorMessages: creditCardNumberErrors,
     field: fields.creditCardNumber,
     fieldActions: actions.fields.creditCardNumber,
@@ -49104,6 +49116,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     childGap: isMobile ? "0rem" : "1rem"
   }, /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Expiration date (MM/YY)",
+    dataQa: "Expiration date",
     errorMessages: expirationDateErrors,
     field: fields.expirationDate,
     fieldActions: actions.fields.expirationDate,
@@ -49118,6 +49131,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     autocomplete: "cc-exp"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
+    dataQa: "CVV",
     errorMessages: cvvErrors,
     field: fields.cvv,
     fieldActions: actions.fields.cvv,
@@ -49135,6 +49149,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
     labelTextWhenNoError: "Zip code",
+    dataQa: "Zip code",
     errorMessages: zipCodeErrors,
     field: fields.zipCode,
     fieldActions: actions.fields.zipCode,
@@ -49148,6 +49163,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     align: "center"
   }, showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "credit card checkbox",
+    dataQa: "Save credit card to wallet",
     title: "Save credit card to wallet.",
     checked: walletCheckboxMarked,
     onChange: saveToWallet