@thecb/components 10.2.4-beta.14 → 10.2.4-beta.15

package/dist/index.cjs.js

@@ -6206,7 +6206,7 @@ return numeral;
 }));
 });
 
-var noop$1 = function noop() {};
+var noop = function noop() {};
 var formatMoneyString = function formatMoneyString(s) {
   return numeral(s).format("$0,0.00");
 };
@@ -6340,7 +6340,7 @@ var wrapIndex = function wrapIndex(index, length) {
 
 var general = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  noop: noop$1,
+  noop: noop,
   displayCurrency: displayCurrency,
   convertCentsToMoneyInt: convertCentsToMoneyInt,
   formatPercent: formatPercent,
@@ -10528,7 +10528,7 @@ var isRefObject = function (ref) {
     return typeof ref === "object" && ref.hasOwnProperty("current");
 };
 
-var noop$2 = function (v) { return v; };
+var noop$1 = function (v) { return v; };
 var ComponentDragControls = /** @class */ (function () {
     function ComponentDragControls(_a) {
         var ref = _a.ref, values = _a.values, controls = _a.controls;
@@ -10556,7 +10556,7 @@ var ComponentDragControls = /** @class */ (function () {
          * @internal
          */
         this.props = {
-            transformPagePoint: noop$2,
+            transformPagePoint: noop$1,
         };
         /**
          * References to the MotionValues used for tracking the current dragged point.
@@ -12560,6 +12560,7 @@ var Reel = function Reel(_ref) {
 var padding = {
   primary: "0.75rem 1.5rem",
   secondary: "0.75rem 1.5rem",
+  disabledSecondary: "0.75rem 1.5rem",
   back: "0.75rem 1.5rem",
   smallPrimary: "0.75rem 1rem",
   smallSecondary: "0.75rem 1rem",
@@ -12574,6 +12575,7 @@ var padding = {
 var color$1 = {
   primary: WHITE,
   secondary: MATISSE_BLUE,
+  disabledSecondary: MANATEE_GREY,
   back: MATISSE_BLUE,
   smallPrimary: WHITE,
   smallSecondary: MATISSE_BLUE,
@@ -12588,6 +12590,7 @@ var color$1 = {
 var fontSizeVariant = {
   primary: "pS",
   secondary: "pS",
+  disabledSecondary: "pS",
   back: "pS",
   smallPrimary: "pS",
   smallSecondary: "pS",
@@ -12602,6 +12605,7 @@ var fontSizeVariant = {
 var fontWeight = {
   primary: "600",
   secondary: "600",
+  disabledSecondary: "600",
   back: "600",
   smallPrimary: "600",
   smallSecondary: "600",
@@ -12616,6 +12620,7 @@ var fontWeight = {
 var height = {
   primary: "3rem",
   secondary: "3rem",
+  disabledSecondary: "3rem",
   back: "3rem",
   smallPrimary: "2.5rem",
   smallSecondary: "2.5rem",
@@ -12630,6 +12635,7 @@ var height = {
 var minWidth = {
   primary: "130px",
   secondary: "130px",
+  disabledSecondary: "130px",
   back: "130px",
   smallPrimary: "100px",
   smallSecondary: "100px",
@@ -12644,6 +12650,7 @@ var minWidth = {
 var backgroundColor = {
   primary: MATISSE_BLUE,
   secondary: TRANSPARENT,
+  disabledSecondary: TRANSPARENT,
   back: TRANSPARENT,
   smallPrimary: MATISSE_BLUE,
   smallSecondary: TRANSPARENT,
@@ -12658,6 +12665,7 @@ var backgroundColor = {
 var border = {
   primary: "2px solid " + MATISSE_BLUE,
   secondary: "2px solid " + MATISSE_BLUE,
+  disabledSecondary: "2px solid " + MANATEE_GREY,
   back: "2px solid " + MATISSE_BLUE,
   smallPrimary: "2px solid " + MATISSE_BLUE,
   smallSecondary: "2px solid " + MATISSE_BLUE,
@@ -12672,6 +12680,7 @@ var border = {
 var hoverBackgroundColor = {
   primary: SAPPHIRE_BLUE,
   secondary: "#DBEAF0",
+  disabledSecondary: TRANSPARENT,
   back: TRANSPARENT,
   smallPrimary: SAPPHIRE_BLUE,
   smallSecondary: "#DBEAF0",
@@ -12686,6 +12695,7 @@ var hoverBackgroundColor = {
 var hoverBorderColor = {
   primary: SAPPHIRE_BLUE,
   secondary: MATISSE_BLUE,
+  disabledSecondary: MANATEE_GREY,
   back: "#DCEAF1",
   smallPrimary: SAPPHIRE_BLUE,
   smallSecondary: MATISSE_BLUE,
@@ -12700,6 +12710,7 @@ var hoverBorderColor = {
 var hoverColor = {
   primary: WHITE,
   secondary: SAPPHIRE_BLUE,
+  disabledSecondary: MANATEE_GREY,
   back: SAPPHIRE_BLUE,
   smallPrimary: WHITE,
   smallSecondary: SAPPHIRE_BLUE,
@@ -12714,6 +12725,7 @@ var hoverColor = {
 var activeBackgroundColor = {
   primary: PEACOCK_BLUE,
   secondary: "#B8D5E1",
+  disabledSecondary: TRANSPARENT,
   back: TRANSPARENT,
   smallPrimary: PEACOCK_BLUE,
   smallSecondary: "#B8D5E1",
@@ -12728,6 +12740,7 @@ var activeBackgroundColor = {
 var activeBorderColor = {
   primary: PEACOCK_BLUE,
   secondary: MATISSE_BLUE,
+  disabledSecondary: MANATEE_GREY,
   back: PEACOCK_BLUE,
   smallPrimary: PEACOCK_BLUE,
   smallSecondary: MATISSE_BLUE,
@@ -12742,6 +12755,7 @@ var activeBorderColor = {
 var activeColor = {
   primary: WHITE,
   secondary: MATISSE_BLUE,
+  disabledSecondary: MANATEE_GREY,
   back: PEACOCK_BLUE,
   smallPrimary: WHITE,
   smallSecondary: PEACOCK_BLUE,
@@ -12888,7 +12902,7 @@ var Spinner = function Spinner(_ref) {
 
 var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var _ref2$action = _ref2.action,
-    action = _ref2$action === void 0 ? noop$1 : _ref2$action,
+    action = _ref2$action === void 0 ? noop : _ref2$action,
     _ref2$variant = _ref2.variant,
     variant = _ref2$variant === void 0 ? "primary" : _ref2$variant,
     text = _ref2.text,
@@ -12911,13 +12925,12 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     children = _ref2.children,
     extraDisabledStyles = _ref2.extraDisabledStyles,
     rest = _objectWithoutProperties(_ref2, _excluded$h);
-  var isGhostVariant = variant === "ghost" || variant === "smallGhost";
   var themeContext = React.useContext(styled.ThemeContext);
   var themeValues = createThemeValues(themeContext, fallbackValues$1, "Button", variant);
   var isMobile = themeContext.isMobile;
-  var hoverStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.hoverBackgroundColor, ";\n    border-color: ").concat(themeValues.hoverBorderColor, ";\n    color: ").concat(themeValues.hoverColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n    cursor: pointer;\n  ");
-  var activeStyles = "\n    outline: none;\n    background-color: ".concat(themeValues.activeBackgroundColor, ";\n    border-color: ").concat(themeValues.activeBorderColor, ";\n    color: ").concat(themeValues.activeColor, ";\n    text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
-  var disabledStyles = "\n    background-color: ".concat(isGhostVariant ? "transparent;" : "#6D717E;", ";\n    border-color: ").concat(isGhostVariant ? "transparent;" : "#6D717E;", ";\n    color: ").concat(isGhostVariant ? "#6D717E;" : "#FFFFFF", ";\n    cursor: default;\n    &:focus {\n      outline: 3px solid #6D717E;\n      outline-offset: 2px;\n    }\n    ").concat(extraDisabledStyles, "\n  ");
+  var hoverStyles = "\n      outline: none;\n      background-color: ".concat(themeValues.hoverBackgroundColor, ";\n      border-color: ").concat(themeValues.hoverBorderColor, ";\n      color: ").concat(themeValues.hoverColor, ";\n      text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n      cursor: pointer;\n    ");
+  var activeStyles = "\n      outline: none;\n      background-color: ".concat(themeValues.activeBackgroundColor, ";\n      border-color: ").concat(themeValues.activeBorderColor, ";\n      color: ").concat(themeValues.activeColor, ";\n      text-decoration: ").concat(variant === "ghost" || variant === "smallGhost" ? "underline" : "none", ";\n  ");
+  var disabledStyles = "\n      background-color: #6D717E;\n      border-color: #6D717E;\n      color: #FFFFFF;\n      cursor: default;\n      &:focus {\n        outline: 3px solid #6D717E;\n        outline-offset: 2px;\n      }\n      ".concat(extraDisabledStyles, "\n    ");
   return /*#__PURE__*/React__default.createElement(Box, _extends({
     ref: ref,
     variant: variant,
@@ -12931,7 +12944,7 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     disabledStyles: disabledStyles,
     "aria-disabled": disabled,
     as: "button",
-    onClick: isLoading || disabled ? noop$1 : action,
+    onClick: isLoading || disabled ? undefined : action,
     borderRadius: "2px",
     theme: themeContext,
     extraStyles: "margin: 0.5rem; ".concat(extraStyles),
@@ -12948,7 +12961,7 @@ var ButtonWithAction = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     variant: themeValues.fontSizeVariant,
     color: themeValues.color,
     textWrap: textWrap,
-    extraStyles: disabled ? textExtraStyles + disabledStyles : textExtraStyles
+    extraStyles: textExtraStyles
   }, text)));
 });
 
@@ -22625,7 +22638,7 @@ var Checkbox = function Checkbox(_ref4) {
     name = _ref4.name,
     checked = _ref4.checked,
     _ref4$onChange = _ref4.onChange,
-    onChange = _ref4$onChange === void 0 ? noop$1 : _ref4$onChange,
+    onChange = _ref4$onChange === void 0 ? noop : _ref4$onChange,
     _ref4$disabled = _ref4.disabled,
     disabled = _ref4$disabled === void 0 ? false : _ref4$disabled,
     themeValues = _ref4.themeValues,
@@ -22820,7 +22833,7 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
     padding: "0.875rem",
     borderRadius: "4px",
     minWidth: "30%",
-    onClick: disabled ? noop$1 : onSelect,
+    onClick: disabled ? noop : onSelect,
     borderColor: borderColor,
     borderSize: "1px",
     color: color,
@@ -22835,8 +22848,8 @@ var CheckboxListItem = function CheckboxListItem(_ref) {
     name: name,
     "aria-label": name,
     htmlFor: "checkbox-".concat(name, "-").concat(index),
-    onClick: disabled ? noop$1 : onSelect,
-    onKeyDown: disabled ? noop$1 : onSelect,
+    onClick: disabled ? noop : onSelect,
+    onKeyDown: disabled ? noop : onSelect,
     tabIndex: 0
   }, /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: {
@@ -24319,7 +24332,7 @@ var Dropdown = function Dropdown(_ref13) {
     _ref13$disabledValues = _ref13.disabledValues,
     disabledValues = _ref13$disabledValues === void 0 ? [] : _ref13$disabledValues,
     _ref13$onClick = _ref13.onClick,
-    _onClick = _ref13$onClick === void 0 ? noop$1 : _ref13$onClick,
+    _onClick = _ref13$onClick === void 0 ? noop : _ref13$onClick,
     themeValues = _ref13.themeValues,
     maxHeight = _ref13.maxHeight,
     _ref13$widthFitOption = _ref13.widthFitOptions,
@@ -25935,7 +25948,7 @@ var Popover = function Popover(_ref) {
     extraStyles: "position: relative; ".concat(extraStyles)
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     action: function action() {
-      return noop$1;
+      return noop;
     },
     onFocus: function onFocus() {
       handleTogglePopover(true);
@@ -26901,7 +26914,7 @@ var HamburgerButton = function HamburgerButton(_ref4) {
     inactiveColor = _ref4.inactiveColor,
     isActive = _ref4.isActive,
     _ref4$onClick = _ref4.onClick,
-    onClick = _ref4$onClick === void 0 ? noop$1 : _ref4$onClick,
+    onClick = _ref4$onClick === void 0 ? noop : _ref4$onClick,
     controls = _ref4.controls;
   return /*#__PURE__*/React__default.createElement(Hamburger, {
     className: isActive === true ? "active" : "",
@@ -27598,7 +27611,7 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
     minHeight: "100%",
     extraStyles: disabled ? "cursor: default;" : "cursor: pointer;"
   }, children)) : /*#__PURE__*/React__default.createElement(Box, {
-    onClick: disabled ? noop$1 : action,
+    onClick: disabled ? noop : action,
     padding: "0",
     minHeight: "100%",
     dataQa: dataQa,
@@ -27753,7 +27766,7 @@ var RadioButtonWithLabel = function RadioButtonWithLabel(_ref5) {
     themeValues = _ref5.themeValues,
     index = _ref5.index,
     _ref5$handleChange = _ref5.handleChange,
-    handleChange = _ref5$handleChange === void 0 ? noop$1 : _ref5$handleChange,
+    handleChange = _ref5$handleChange === void 0 ? noop : _ref5$handleChange,
     field = _ref5.field,
     config = _ref5.config;
   var getDefaultChecked = function getDefaultChecked(value, idx) {
@@ -38637,7 +38650,7 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
   var _ref6$isOn = _ref6.isOn,
     isOn = _ref6$isOn === void 0 ? false : _ref6$isOn,
     _ref6$onToggle = _ref6.onToggle,
-    onToggle = _ref6$onToggle === void 0 ? noop$1 : _ref6$onToggle,
+    onToggle = _ref6$onToggle === void 0 ? noop : _ref6$onToggle,
     _ref6$disabled = _ref6.disabled,
     disabled = _ref6$disabled === void 0 ? false : _ref6$disabled,
     _ref6$name = _ref6.name,
@@ -38745,15 +38758,15 @@ var ToggleSwitch = function ToggleSwitch(_ref6) {
   }, /*#__PURE__*/React__default.createElement(HiddenToggleSwitchBox, {
     "aria-label": name,
     checked: isOn,
-    onChange: disabled ? noop$1 : onToggle,
+    onChange: disabled ? noop : onToggle,
     disabled: disabled,
     id: "#toggle-".concat(name),
     isMobile: isMobile
   }), /*#__PURE__*/React__default.createElement(VisibleSwitch, {
     name: name,
     htmlFor: "#toggle-".concat(name),
-    onClick: disabled ? noop$1 : onToggle,
-    onKeyDown: disabled ? noop$1 : handleKeyDown,
+    onClick: disabled ? noop : onToggle,
+    onKeyDown: disabled ? noop : handleKeyDown,
     pose: disabled ? "disabled" : isOn ? "on" : "off",
     tabIndex: disabled ? -1 : 0,
     disabled: disabled,
@@ -39853,7 +39866,7 @@ var AddressForm = function AddressForm(_ref) {
     clearOnDismount = _ref.clearOnDismount,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showWalletCheckbox = _ref.showWalletCheckbox,
     saveToWallet = _ref.saveToWallet,
     walletCheckboxMarked = _ref.walletCheckboxMarked,
@@ -40053,7 +40066,7 @@ var ChangePasswordForm = function ChangePasswordForm(_ref) {
     fields = _ref.fields,
     actions = _ref.actions,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showErrors = _ref.showErrors,
     isMobile = _ref.isMobile,
     revenueManagement = _ref.revenueManagement,
@@ -40264,8 +40277,8 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: customPadding ? customPadding : "0",
     background: themeValues.headingBackgroundColor,
-    onClick: isMobile && supportsTouch ? noop$1 : toggleSection,
-    onTouchEnd: isMobile && supportsTouch ? toggleSection : noop$1,
+    onClick: isMobile && supportsTouch ? noop : toggleSection,
+    onTouchEnd: isMobile && supportsTouch ? toggleSection : noop,
     key: "header",
     hoverStyles: "cursor: pointer;",
     tabIndex: "0",
@@ -40483,7 +40496,7 @@ var EditNameForm = function EditNameForm(_ref) {
     clearOnDismount = _ref.clearOnDismount,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
   if (clearOnDismount) {
     React.useEffect(function () {
       return function () {
@@ -40823,7 +40836,7 @@ var EmailForm = function EmailForm(_ref) {
     showErrors = _ref.showErrors,
     guestCheckout = _ref.guestCheckout,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showWalletCheckbox = _ref.showWalletCheckbox,
     saveToWallet = _ref.saveToWallet,
     walletCheckboxMarked = _ref.walletCheckboxMarked,
@@ -40920,7 +40933,7 @@ var ForgotPasswordForm = function ForgotPasswordForm(_ref) {
     clearOnDismount = _ref.clearOnDismount,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
   if (clearOnDismount) {
     React.useEffect(function () {
       return function () {
@@ -42570,7 +42583,7 @@ var LinkCard = function LinkCard(_ref) {
     extraStyles: extraStyles,
     hoverStyles: extraHoverStyles,
     activeStyles: extraActiveStyles,
-    onClick: disabled ? noop$1 : onClick,
+    onClick: disabled ? noop : onClick,
     disabled: disabled
   }, /*#__PURE__*/React__default.createElement(Stack, {
     childGap: 0,
@@ -42614,7 +42627,7 @@ var LoginForm = function LoginForm(_ref) {
     actions = _ref.actions,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit;
   if (clearOnDismount) {
     React.useEffect(function () {
       return function () {
@@ -46597,7 +46610,7 @@ var AutopayModal = function AutopayModal(_ref) {
             text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
             variant: "secondary",
             action: function action() {
-              isInCustomerManagement ? noop : toggleModal(true);
+              toggleModal(true);
             },
             dataQa: "Turn off Autopay",
             extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;"
@@ -46606,14 +46619,14 @@ var AutopayModal = function AutopayModal(_ref) {
       case "tertiary":
         {
           return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+            disabled: isInCustomerManagement,
             text: autoPayActive ? "Manage ".concat(shortPlan) : "Set Up ".concat(shortPlan),
             variant: "tertiary",
             action: function action() {
-              isInCustomerManagement ? noop : toggleModal(true);
+              toggleModal(true);
             },
             dataQa: "Manage Autopay",
-            extraStyles: isMobile && "flex-grow: 1; width: 100%;",
-            disabled: isInCustomerManagement
+            extraStyles: isMobile && "flex-grow: 1; width: 100%;"
           });
         }
       case "link":
@@ -46621,7 +46634,7 @@ var AutopayModal = function AutopayModal(_ref) {
           return /*#__PURE__*/React__default.createElement(Box, {
             padding: "0",
             onClick: function onClick() {
-              isInCustomerManagement ? noop : toggleModal(true);
+              toggleModal(true);
             },
             hoverStyles: hoverStyles,
             activeStyles: activeStyles,
@@ -46632,10 +46645,10 @@ var AutopayModal = function AutopayModal(_ref) {
           }, /*#__PURE__*/React__default.createElement(AutopayOnIcon, null), /*#__PURE__*/React__default.createElement(Text$1, {
             variant: "pS",
             onClick: function onClick() {
-              return isInCustomerManagement ? noop : toggleModal(true);
+              return toggleModal(true);
             },
             onKeyPress: function onKeyPress(e) {
-              isInCustomerManagement ? noop : e.key === "Enter" && toggleModal(true);
+              e.key === "Enter" && toggleModal(true);
             },
             tabIndex: "0",
             dataQa: "".concat(shortPlan, " On"),
@@ -46649,10 +46662,10 @@ var AutopayModal = function AutopayModal(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(Modal$1, _extends({
     showModal: function showModal() {
-      return isInCustomerManagement ? noop : toggleModal(true);
+      return toggleModal(true);
     },
     hideModal: function hideModal() {
-      return isInCustomerManagement ? noop : toggleModal(false);
+      return toggleModal(false);
     },
     modalOpen: modalOpen
   }, modalExtraProps), renderAutoPayControl());
@@ -46671,9 +46684,7 @@ var AmountModule = function AmountModule(_ref) {
     nextAutopayDate = _ref.nextAutopayDate,
     description = _ref.description,
     subDescription = _ref.subDescription,
-    allowedPaymentInstruments = _ref.allowedPaymentInstruments,
-    _ref$isInCustomerMana = _ref.isInCustomerManagement,
-    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
+    allowedPaymentInstruments = _ref.allowedPaymentInstruments;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     modalOpen = _useState2[0],
@@ -46703,8 +46714,7 @@ var AmountModule = function AmountModule(_ref) {
     controlType: "link",
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   })));
 };
 
@@ -46781,8 +46791,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     nextAutopayDate: nextAutopayDate,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   }))), /*#__PURE__*/React__default.createElement(Box, {
     padding: isMobile ? "16px" : "0"
   }, /*#__PURE__*/React__default.createElement(Cluster, {
@@ -46826,14 +46835,13 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     dueDate: dueDate,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   })), !isMobile && /*#__PURE__*/React__default.createElement(Box, {
     padding: "0"
   }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
     isLoading: isLoading,
     action: function action() {
-      return isInCustomerManagement ? noop$1 : handleClick(obligations);
+      return handleClick(obligations);
     },
     text: "Pay Now",
     variant: isMobile ? "smallSecondary" : "secondary",
@@ -46861,9 +46869,7 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
     obligations = _ref$obligations === void 0 ? [] : _ref$obligations,
     removeAccount = _ref.removeAccount,
     accountType = _ref.accountType,
-    isMobile = _ref.isMobile,
-    _ref$isInCustomerMana = _ref.isInCustomerManagement,
-    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
+    isMobile = _ref.isMobile;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     modalIsOpen = _useState2[0],
@@ -46901,8 +46907,7 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
       return setModalIsOpen(true);
     },
     dataQa: "Remove Account",
-    extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;",
-    disabled: isInCustomerManagement
+    extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;"
   })));
 };
 
@@ -46922,9 +46927,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     actions = _ref.actions,
     description = _ref.description,
     subDescription = _ref.subDescription,
-    allowedPaymentInstruments = _ref.allowedPaymentInstruments,
-    _ref$isInCustomerMana = _ref.isInCustomerManagement,
-    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
+    allowedPaymentInstruments = _ref.allowedPaymentInstruments;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     modalOpen = _useState2[0],
@@ -46962,17 +46965,15 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     inactive: true,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   })), /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React__default.createElement(RemoveAccountModalModule, {
     agencyName: agencyName,
-    removeAccount: isInCustomerManagement ? noop : handleRemoveAccount,
+    removeAccount: handleRemoveAccount,
     accountType: configType === "ACCOUNT" ? "Account" : "Property",
-    isMobile: isMobile,
-    isInCustomerManagement: isInCustomerManagement
+    isMobile: isMobile
   }))));
 };
 
@@ -47102,8 +47103,7 @@ var Obligation = function Obligation(_ref) {
     nextAutopayDate: nextAutopayDate,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   }))), !isMobile && /*#__PURE__*/React__default.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -47197,8 +47197,7 @@ var Obligation = function Obligation(_ref) {
     configType: config.type,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   }))), isMobile && /*#__PURE__*/React__default.createElement(InactiveControlsModule, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -47215,8 +47214,7 @@ var Obligation = function Obligation(_ref) {
     configType: config.type,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments,
-    isInCustomerManagement: isInCustomerManagement
+    allowedPaymentInstruments: allowedPaymentInstruments
   }))));
   return inactive ? inactiveObligation : activeObligation;
 };
@@ -47498,7 +47496,7 @@ var Pagination = function Pagination(_ref3) {
         return setCurrentPage({
           pageNumber: item.index
         });
-      } : noop$1,
+      } : noop,
       textExtraStyles: "font-size: ".concat(fontSize, "; font-weight: ").concat(fontWeight, ";"),
       extraStyles: "".concat(extraStyles).concat(item.active ? currentPageStyles : ""),
       dataQa: index
@@ -47855,7 +47853,7 @@ var PaymentDetails = function PaymentDetails(_ref4) {
     _ref4$voidableTransac = _ref4.voidableTransactionDetails,
     voidableTransactionDetails = _ref4$voidableTransac === void 0 ? [] : _ref4$voidableTransac,
     _ref4$partialVoidActi = _ref4.partialVoidAction,
-    partialVoidAction = _ref4$partialVoidActi === void 0 ? noop$1 : _ref4$partialVoidActi,
+    partialVoidAction = _ref4$partialVoidActi === void 0 ? noop : _ref4$partialVoidActi,
     _ref4$voidableAmountP = _ref4.voidableAmountPaid,
     voidableAmountPaid = _ref4$voidableAmountP === void 0 ? 0 : _ref4$voidableAmountP,
     _ref4$remainingBalanc = _ref4.remainingBalance,
@@ -48303,7 +48301,7 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     actions = _ref.actions,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showWalletCheckbox = _ref.showWalletCheckbox,
     saveToWallet = _ref.saveToWallet,
     walletCheckboxMarked = _ref.walletCheckboxMarked,
@@ -48505,7 +48503,7 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
     actions = _ref.actions,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showWalletCheckbox = _ref.showWalletCheckbox,
     saveToWallet = _ref.saveToWallet,
     walletCheckboxMarked = _ref.walletCheckboxMarked,
@@ -48809,7 +48807,7 @@ var PhoneForm = function PhoneForm(_ref) {
     clearOnDismount = _ref.clearOnDismount,
     showErrors = _ref.showErrors,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showWalletCheckbox = _ref.showWalletCheckbox,
     saveToWallet = _ref.saveToWallet,
     walletCheckboxMarked = _ref.walletCheckboxMarked,
@@ -48885,7 +48883,7 @@ var RadioGroup = function RadioGroup(_ref) {
     config = _ref.config,
     extraStyles = _ref.extraStyles,
     _ref$handleChange = _ref.handleChange,
-    handleChange = _ref$handleChange === void 0 ? noop$1 : _ref$handleChange,
+    handleChange = _ref$handleChange === void 0 ? noop : _ref$handleChange,
     field = _ref.field,
     fieldActions = _ref.fieldActions;
   var setValue = function setValue(value) {
@@ -48950,7 +48948,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     ariaLabelledBy = _ref.ariaLabelledBy,
     isLastGroupedItemInSection = _ref.isLastGroupedItemInSection,
     _ref$onKeyDown = _ref.onKeyDown,
-    onKeyDown = _ref$onKeyDown === void 0 ? noop$1 : _ref$onKeyDown;
+    onKeyDown = _ref$onKeyDown === void 0 ? noop : _ref$onKeyDown;
   var wrapper = {
     open: {
       height: openHeight,
@@ -49007,12 +49005,12 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     "aria-required": section.required,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
-    onClick: isMobile && supportsTouch || section.disabled ? noop$1 : function () {
+    onClick: isMobile && supportsTouch || section.disabled ? noop : function () {
       return toggleOpenSection(section.id);
     },
     onTouchEnd: isMobile && supportsTouch && !section.disabled ? function () {
       return toggleOpenSection(section.id);
-    } : noop$1,
+    } : noop,
     id: "inner-radio-section-".concat(sectionIndex),
     "data-qa": section.dataQa ? section.dataQa : section.id || "inner-radio-section-".concat(sectionIndex)
   }, /*#__PURE__*/React__default.createElement(Stack, {
@@ -49042,7 +49040,7 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
     ariaDescribedBy: ariaDescribedBy,
     radioOn: openSection === section.id,
     radioFocused: focused === section.id,
-    toggleRadio: section.disabled ? noop$1 : function () {
+    toggleRadio: section.disabled ? noop : function () {
       return toggleOpenSection(section.id);
     },
     tabIndex: "-1",
@@ -49226,7 +49224,7 @@ var RegistrationForm = function RegistrationForm(_ref) {
     fields = _ref.fields,
     actions = _ref.actions,
     _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     showErrors = _ref.showErrors,
     isMobile = _ref.isMobile;
   if (clearOnDismount) {
@@ -49386,7 +49384,7 @@ var ResetConfirmationForm$1 = withWindowSize(ResetConfirmationForm);
 
 var ResetPasswordForm = function ResetPasswordForm(_ref) {
   var _ref$handleSubmit = _ref.handleSubmit,
-    handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
     clearOnDismount = _ref.clearOnDismount,
     fields = _ref.fields,
     actions = _ref.actions,