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

package/dist/index.esm.js

@@ -24011,6 +24011,7 @@ var Dropdown = function Dropdown(_ref8) {
     value: inputValue,
     width: "100%",
     dataQa: placeholder,
+    "data-qa": placeholder,
     required: options.required
   }), /*#__PURE__*/React.createElement(IconWrapper, {
     open: isOpen,
@@ -26013,6 +26014,7 @@ var FormInput = function FormInput(_ref15) {
     formatter: formatter,
     showErrors: showErrors,
     dataQa: labelTextWhenNoError,
+    "data-qa": labelTextWhenNoError,
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
@@ -26031,6 +26033,7 @@ var FormInput = function FormInput(_ref15) {
     field: field,
     showErrors: showErrors,
     dataQa: labelTextWhenNoError,
+    "data-qa": labelTextWhenNoError,
     themeValues: themeValues,
     background: background,
     $customHeight: customHeight,
@@ -26040,7 +26043,8 @@ var FormInput = function FormInput(_ref15) {
     direction: "row",
     justify: "space-between",
     "aria-live": "polite",
-    "aria-atomic": true
+    "aria-atomic": true,
+    "data-qa": "Errors container"
   }, field.hasErrors && field.dirty || field.hasErrors && showErrors ? /*#__PURE__*/React.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
@@ -40374,7 +40378,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,
@@ -40386,7 +40391,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,
@@ -40396,7 +40402,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,
@@ -40408,7 +40415,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,
@@ -40421,7 +40429,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,
@@ -40435,12 +40444,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"
   })));
 };
 
@@ -41364,7 +41375,8 @@ var EmailForm = function EmailForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     isEmail: true,
-    autoComplete: "email"
+    autoComplete: "email",
+    "data-qa": "Email address"
   }), showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "email checkbox",
     title: "Save email address to wallet",
@@ -49088,7 +49100,8 @@ 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",
     "data-qa": "Name on card",
@@ -49378,7 +49391,8 @@ var PhoneForm = function PhoneForm(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     autocomplete: "tel",
-    isPhone: true
+    isPhone: true,
+    "data-qa": "Phone number"
   }), showWalletCheckbox && /*#__PURE__*/React.createElement(Checkbox$1, {
     name: "phone checkbox",
     title: "Save phone number to wallet",