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

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]] : "")));
 };
 
@@ -40372,7 +40374,8 @@ var AddressForm = function AddressForm(_ref) {
         actions.fields.zip.set("");
       }
     },
-    showErrors: showErrors
+    showErrors: showErrors,
+    "data-qa": "Country"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Address",
     errorMessages: street1ErrorMessages,
@@ -40384,7 +40387,8 @@ var AddressForm = function AddressForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     autocomplete: "address-line1",
-    "aria-label": "Address Line 1"
+    "aria-label": "Address Line 1",
+    "data-qa": "Address Line 1"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -40394,7 +40398,8 @@ var AddressForm = function AddressForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     autocomplete: "address-line2",
-    "aria-label": "Address Line 2"
+    "aria-label": "Address Line 2",
+    "data-qa": "Address Line 2"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     labelTextWhenNoError: "City",
     required: true,
@@ -40406,7 +40411,8 @@ var AddressForm = function AddressForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     autocomplete: "city",
-    "aria-label": "City"
+    "aria-label": "City",
+    "data-qa": "City"
   }), /*#__PURE__*/React.createElement(FormStateDropdown, {
     labelTextWhenNoError: isUS ? "State" : "State or Province",
     errorMessages: stateProvinceErrorMessages,
@@ -40419,7 +40425,8 @@ var AddressForm = function AddressForm(_ref) {
     },
     "aria-label": isUS ? "State" : "State or Province",
     required: true,
-    autocomplete: "administrative-area"
+    autocomplete: "administrative-area",
+    "data-qa": "State or Province"
   }), /*#__PURE__*/React.createElement(FormInput$1, {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
@@ -40433,12 +40440,14 @@ var AddressForm = function AddressForm(_ref) {
     },
     "aria-label": "Zip code",
     autocomplete: "postal-code",
-    required: true
+    required: true,
+    "data-qa": "Zip code"
   }), showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "address checkbox",
     title: "Save address to wallet",
     checked: walletCheckboxMarked,
-    onChange: saveToWallet
+    onChange: saveToWallet,
+    "data-qa": "Save address to wallet"
   })));
 };
 
@@ -48871,7 +48880,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 +48891,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 +48912,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 +48923,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 +48944,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 +48955,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 +48972,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 +48982,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
@@ -49086,10 +49095,11 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
         actions.fields.zipCode.set("");
       }
     },
-    showErrors: showErrors
+    showErrors: showErrors,
+    "data-qa": "Country"
   }), /*#__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 +49110,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 +49126,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 +49141,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 +49159,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 +49173,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