@thecb/components 9.5.0-beta.3 → 9.5.0-beta.4

package/dist/index.cjs.js

@@ -47097,7 +47097,8 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
     fields = _ref.fields,
     actions = _ref.actions,
     _ref$showErrors = _ref.showErrors,
-    showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors;
+    showErrors = _ref$showErrors === void 0 ? false : _ref$showErrors,
+    dataQa = _ref.dataQa;
   if (clearOnDismount) {
     useEffect(function () {
       return function () {
@@ -47118,7 +47119,8 @@ var PartialAmountForm = function PartialAmountForm(_ref) {
   return /*#__PURE__*/React__default.createElement(FormContainer$1, {
     variant: variant,
     role: "form",
-    "aria-label": "Other amount"
+    "aria-label": "Other amount",
+    "data-qa": dataQa
   }, /*#__PURE__*/React__default.createElement(Text$1, {
     variant: "p"
   }, "Pay a different amount. The total balance will still be due on the same due date."), /*#__PURE__*/React__default.createElement("div", {
@@ -48874,7 +48876,8 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
       return toggleOpenSection(section.id);
     } : noop,
-    dataQa: section.dataQa ? section.dataQa : section.id
+    id: "inner-radio-section-".concat(sectionIndex),
+    "data-qa": section.dataQa ? section.dataQa : section.id || "inner-radio-section-".concat(sectionIndex)
   }, /*#__PURE__*/React__default.createElement(Stack, {
     childGap: "0"
   }, /*#__PURE__*/React__default.createElement(Box, {
@@ -49051,14 +49054,14 @@ var RadioSection = function RadioSection(_ref) {
       ariaLabelledBy: section.id,
       ariaDescribedBy: "right-icons-".concat(idString$1(section))
     }));
-  }), !!groupedSections && groupedSections.map(function (sectionGroup) {
+  }), !!groupedSections && groupedSections.map(function (sectionGroup, sectionGroupindex) {
     return sectionGroup.filter(function (unfilteredSection) {
       return !unfilteredSection.hidden;
-    }).map(function (section, i) {
+    }).map(function (section, sectionIndex) {
       return /*#__PURE__*/React__default.createElement(React.Fragment, {
-        key: "radio-section-".concat(groupedSections.indexOf(sectionGroup), "-").concat(sectionGroup.indexOf(section), "}")
+        key: "key-".concat(sectionGroupindex, "-").concat(sectionIndex, "}")
       }, /*#__PURE__*/React__default.createElement(InnerRadioSection$1, {
-        sectionIndex: i,
+        sectionIndex: "radio-section-inner-".concat(sectionGroupindex, "-").concat(sectionIndex, "}"),
         section: section,
         sectionRefs: sectionRefs,
         focused: focused,