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

package/dist/index.cjs.js

@@ -24211,6 +24211,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__default.createElement(Dropdown$1, {
+    "data-qa": labelTextWhenNoError,
     ariaLabelledby: createIdFromString(labelTextWhenNoError),
     "aria-describedby": createIdFromString(labelTextWhenNoError, "error message"),
     maxHeight: dropdownMaxHeight,
@@ -24244,7 +24245,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]] : "")));
 };
 
@@ -40380,7 +40382,8 @@ var AddressForm = function AddressForm(_ref) {
         actions.fields.zip.set("");
       }
     },
-    showErrors: showErrors
+    showErrors: showErrors,
+    "data-qa": "Country"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Address",
     errorMessages: street1ErrorMessages,
@@ -40392,7 +40395,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__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Apt, Suite, Unit, Floor, etc. (Optional)",
     field: fields.street2,
@@ -40402,7 +40406,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__default.createElement(FormInput$1, {
     labelTextWhenNoError: "City",
     required: true,
@@ -40414,7 +40419,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__default.createElement(FormStateDropdown, {
     labelTextWhenNoError: isUS ? "State" : "State or Province",
     errorMessages: stateProvinceErrorMessages,
@@ -40427,7 +40433,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__default.createElement(FormInput$1, {
     isNum: isUS,
     formatter: isUS ? zipFormat : null,
@@ -40441,12 +40448,14 @@ var AddressForm = function AddressForm(_ref) {
     },
     "aria-label": "Zip code",
     autocomplete: "postal-code",
-    required: true
+    required: true,
+    "data-qa": "Zip code"
   }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "address checkbox",
     title: "Save address to wallet",
     checked: walletCheckboxMarked,
-    onChange: saveToWallet
+    onChange: saveToWallet,
+    "data-qa": "Save address to wallet"
   })));
 };
 
@@ -48879,7 +48888,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     "aria-label": "ACH Payment"
   }, /*#__PURE__*/React__default.createElement(FormInputColumn, null, /*#__PURE__*/React__default.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,
@@ -48890,7 +48899,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     autocomplete: "name"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Routing number",
-    dataQa: "Routing number",
+    "data-qa": "Routing number",
     errorMessages: routingNumberErrors,
     field: fields.routingNumber,
     fieldActions: actions.fields.routingNumber,
@@ -48911,7 +48920,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     }
   }), /*#__PURE__*/React__default.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,
@@ -48922,7 +48931,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     isNum: true
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Account number",
-    dataQa: "Account number",
+    "data-qa": "Account number",
     errorMessages: accountNumberErrors,
     field: fields.accountNumber,
     fieldActions: actions.fields.accountNumber,
@@ -48943,7 +48952,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     }
   }), /*#__PURE__*/React__default.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,
@@ -48954,7 +48963,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     isNum: true
   }), allowBankAccountType && /*#__PURE__*/React__default.createElement(FormSelect$1, {
     labelTextWhenNoError: "Account type",
-    dataQa: "Account type",
+    "data-qa": "Account type",
     options: [{
       text: "Select account type",
       value: ""
@@ -48971,7 +48980,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     field: fields.accountType
   }), !hideDefaultPayment && /*#__PURE__*/React__default.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,
@@ -48981,7 +48990,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     align: "center"
   }, showWalletCheckbox && /*#__PURE__*/React__default.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
@@ -49094,10 +49103,11 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
         actions.fields.zipCode.set("");
       }
     },
-    showErrors: showErrors
+    showErrors: showErrors,
+    "data-qa": "Country"
   }), /*#__PURE__*/React__default.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,
@@ -49108,7 +49118,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     autocomplete: "cc-name"
   }), /*#__PURE__*/React__default.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,
@@ -49124,7 +49134,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     childGap: isMobile ? "0rem" : "1rem"
   }, /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "Expiration date (MM/YY)",
-    dataQa: "Expiration date",
+    "data-qa": "Expiration date",
     errorMessages: expirationDateErrors,
     field: fields.expirationDate,
     fieldActions: actions.fields.expirationDate,
@@ -49139,7 +49149,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     autocomplete: "cc-exp"
   }), /*#__PURE__*/React__default.createElement(FormInput$1, {
     labelTextWhenNoError: "CVV",
-    dataQa: "CVV",
+    "data-qa": "CVV",
     errorMessages: cvvErrors,
     field: fields.cvv,
     fieldActions: actions.fields.cvv,
@@ -49157,7 +49167,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,
@@ -49171,7 +49181,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     align: "center"
   }, showWalletCheckbox && /*#__PURE__*/React__default.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