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

package/dist/index.cjs.js

@@ -24019,6 +24019,7 @@ var Dropdown = function Dropdown(_ref8) {
     value: inputValue,
     width: "100%",
     dataQa: placeholder,
+    "data-qa": placeholder,
     required: options.required
   }), /*#__PURE__*/React__default.createElement(IconWrapper, {
     open: isOpen,
@@ -26021,6 +26022,7 @@ var FormInput = function FormInput(_ref15) {
     formatter: formatter,
     showErrors: showErrors,
     dataQa: labelTextWhenNoError,
+    "data-qa": labelTextWhenNoError,
     themeValues: themeValues,
     $customHeight: customHeight,
     $extraStyles: extraStyles,
@@ -26039,6 +26041,7 @@ var FormInput = function FormInput(_ref15) {
     field: field,
     showErrors: showErrors,
     dataQa: labelTextWhenNoError,
+    "data-qa": labelTextWhenNoError,
     themeValues: themeValues,
     background: background,
     $customHeight: customHeight,
@@ -26048,7 +26051,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__default.createElement(Text$1, {
     color: ERROR_COLOR,
     variant: "pXS",
@@ -40382,7 +40386,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,
@@ -40394,7 +40399,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,
@@ -40404,7 +40410,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,
@@ -40416,7 +40423,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,
@@ -40429,7 +40437,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,
@@ -40443,12 +40452,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"
   })));
 };
 
@@ -41372,7 +41383,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__default.createElement(Checkbox$1, {
     name: "email checkbox",
     title: "Save email address to wallet",
@@ -49096,7 +49108,8 @@ 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",
     "data-qa": "Name on card",
@@ -49386,7 +49399,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__default.createElement(Checkbox$1, {
     name: "phone checkbox",
     title: "Save phone number to wallet",