@thecb/components 11.1.9 → 11.1.10

package/dist/index.cjs.js

@@ -46850,8 +46850,8 @@ var AutopayModalModule = function AutopayModalModule(_ref) {
     onClick = _ref.onClick,
     onKeyPress = _ref.onKeyPress;
   var generateMethodNeededText = function generateMethodNeededText(planText, allowedPaymentInstruments) {
-    var allowsCard = allowedPaymentInstruments.includes(CC_METHOD);
-    var allowsACH = allowedPaymentInstruments.includes(ACH_METHOD);
+    var allowsCard = allowedPaymentInstruments === null || allowedPaymentInstruments === void 0 ? void 0 : allowedPaymentInstruments.includes(CC_METHOD);
+    var allowsACH = allowedPaymentInstruments === null || allowedPaymentInstruments === void 0 ? void 0 : allowedPaymentInstruments.includes(ACH_METHOD);
     var methodRequired = allowsCard && !allowsACH ? "debit or credit card payment method" : !allowsCard && allowsACH ? "checking account payment method" : "payment method";
     return "To set up ".concat(planText, " you must have a saved ").concat(methodRequired, " and address. Do you want to save these now?");
   };
@@ -47359,7 +47359,8 @@ var fallbackValues$N = {
 var Obligation = function Obligation(_ref) {
   var _obligations$, _firstObligation$cust;
   var config = _ref.config,
-    obligations = _ref.obligations,
+    _ref$obligations = _ref.obligations,
+    obligations = _ref$obligations === void 0 ? [] : _ref$obligations,
     actions = _ref.actions,
     autoPayEnabled = _ref.autoPayEnabled,
     autoPayAvailable = _ref.autoPayAvailable,
@@ -47459,6 +47460,7 @@ var Obligation = function Obligation(_ref) {
     isLoading: true
   }))), !isMobile && /*#__PURE__*/React__default.createElement(PaymentDetailsActions, {
     obligations: obligations,
+    obligationAssocID: obligationAssocID,
     autoPayEnabled: autoPayEnabled,
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
@@ -47479,6 +47481,7 @@ var Obligation = function Obligation(_ref) {
     isContentLoading: true
   }))), isMobile && /*#__PURE__*/React__default.createElement(PaymentDetailsActions, {
     obligations: obligations,
+    obligationAssocID: obligationAssocID,
     autoPayEnabled: autoPayEnabled,
     autoPayAvailable: autoPayAvailable,
     handleAutopayAction: handleAutopayAction,
@@ -50740,8 +50743,7 @@ var FilterButton$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     truncateBtnTextWidth = _ref.truncateBtnTextWidth,
     filterLabel = _ref.filterLabel,
     selectedOptions = _ref.selectedOptions,
-    extraStyles = _ref.extraStyles,
-    dataAppliedOptions = _ref.dataAppliedOptions;
+    extraStyles = _ref.extraStyles;
   var btnTextFilterDescription = selectedOptions !== null && selectedOptions !== void 0 && selectedOptions.length ? "".concat(filterLabel ? "".concat(filterLabel, ": ") : "").concat(selectedOptions[0].name) : "".concat(filterLabel ? filterLabel : "");
   var btnTextItemsDescription = selectedOptions !== null && selectedOptions !== void 0 && selectedOptions.length && (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 1 ? ", +".concat((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) - 1, " More") : "";
   return /*#__PURE__*/React__default.createElement(StyledFilterButton, {
@@ -50759,7 +50761,6 @@ var FilterButton$1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     dataQa: "".concat(name, "-filter-button"),
     extraStyles: extraStyles,
     "aria-label": "".concat(filterLabel, " Filter: ").concat(btnTextFilterDescription, " ").concat(btnTextItemsDescription),
-    "data-applied-options": dataAppliedOptions,
     contentOverride: true
   }, btnContentOverride ? btnContentOverride : /*#__PURE__*/React__default.createElement(Center, {
     as: "span",
@@ -50944,19 +50945,6 @@ var selectOption = function selectOption(option, selectedOptions, setSelectedOpt
     setSelectedOptions(moreOptions);
   }
 };
-var mergeOptions = function mergeOptions(selectedOptions, activeOptions) {
-  if (!activeOptions.length) return selectedOptions;
-  if (!selectedOptions.length) return activeOptions;
-  var mergedOptions = _toConsumableArray(selectedOptions);
-  activeOptions.forEach(function (activeOption) {
-    if (!mergedOptions.some(function (option) {
-      return option.name === activeOption.name;
-    })) {
-      mergedOptions.push(activeOption);
-    }
-  });
-  return mergedOptions;
-};
 
 var useKeyboardNavigation = function useKeyboardNavigation(_ref) {
   var options = _ref.options,
@@ -51157,75 +51145,41 @@ var MultipleSelectFilter = function MultipleSelectFilter(_ref) {
     searchable = _ref$searchable === void 0 ? true : _ref$searchable,
     themeValues = _ref.themeValues,
     _ref$truncateBtnTextW = _ref.truncateBtnTextWidth,
-    truncateBtnTextWidth = _ref$truncateBtnTextW === void 0 ? "15rem" : _ref$truncateBtnTextW,
-    activeAppliedOptions = _ref.activeAppliedOptions;
-  // State to manage whether the dropdown is open or closed
+    truncateBtnTextWidth = _ref$truncateBtnTextW === void 0 ? "15rem" : _ref$truncateBtnTextW;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     opened = _useState2[0],
     setOpened = _useState2[1];
-
-  // State to manage the currently selected options
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedOptions = _useState4[0],
     setSelectedOptions = _useState4[1];
-
-  // State to manage the applied options, initialized with activeAppliedOptions or an empty array
-  var _useState5 = React.useState(activeAppliedOptions || []),
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
     appliedOptions = _useState6[0],
     setAppliedOptions = _useState6[1];
-
-  // State to track whether the user has interacted with the component
-  var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    hasInteracted = _useState8[0],
-    setHasInteracted = _useState8[1];
-
-  // Reference to keep track of the opened state across renders without causing re-renders
   var openedRef = React.useRef(opened);
-
-  // Hook to detect clicks outside the component and close the dropdown
+  var handleOnClose = function handleOnClose() {
+    if (openedRef.current) {
+      setOpened(false);
+      actions.fields.searchTerm.set("");
+    }
+  };
   var containerRef = useOutsideClickHook(function () {
     return handleOnClose();
   });
-
-  // References to various elements within the component
   var dropdownRef = React.useRef(null);
   var filterButtonRef = React.useRef(null);
   var applyFilterButtonRef = React.useRef(null);
-
-  // IDs for accessibility and identification purposes
   var filterDropdownID = "".concat(name, "-filter-dropdown");
   var listGroupID = "".concat(name, "-list-group");
-  var handleOnClose = function handleOnClose() {
-    if (openedRef.current) {
-      setOpened(false);
-      actions.fields.searchTerm.set("");
-    }
-  };
   React.useEffect(function () {
     openedRef.current = opened;
     if (!opened) {
-      if (hasInteracted) {
-        onApply(selectedOptions);
-        setAppliedOptions(selectedOptions);
-      }
-    } else {
-      setHasInteracted(true);
+      onApply(selectedOptions);
+      setAppliedOptions(selectedOptions);
     }
   }, [opened]);
-  React.useEffect(function () {
-    // Update the applied options state with the current active applied options,
-    // or an empty array if activeAppliedOptions is undefined or null.
-    // This ensures that the current applied options are in sync with the parent component.
-    setAppliedOptions(activeAppliedOptions || []);
-
-    // Merge the selected options with the active applied options.
-    var mergedSelections = mergeOptions(selectedOptions, activeAppliedOptions);
-    setSelectedOptions(mergedSelections);
-  }, [activeAppliedOptions]);
   React.useEffect(function () {
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === "Escape") {
@@ -51267,8 +51221,7 @@ var MultipleSelectFilter = function MultipleSelectFilter(_ref) {
     truncateBtnTextWidth: truncateBtnTextWidth,
     filterLabel: filterLabel,
     selectedOptions: selectedOptions,
-    extraStyles: btnExtraStyles,
-    dataAppliedOptions: appliedOptions === null || appliedOptions === void 0 ? void 0 : appliedOptions.length
+    extraStyles: btnExtraStyles
   }), /*#__PURE__*/React__default.createElement(FilterDropdown, {
     id: filterDropdownID,
     ref: dropdownRef,