@thecb/components 10.4.0-beta.11 → 10.4.0-beta.12

package/dist/index.esm.js

@@ -46737,8 +46737,8 @@ var AutopayModal = function AutopayModal(_ref) {
     allowedPaymentInstruments = _ref.allowedPaymentInstruments,
     _ref$disableActions = _ref.disableActions,
     disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions,
-    _action = _ref.action,
-    _onClick = _ref.onClick,
+    action = _ref.action,
+    onClick = _ref.onClick,
     onKeyPress = _ref.onKeyPress;
   var generateMethodNeededText = function generateMethodNeededText(planText, allowedPaymentInstruments) {
     var allowsCard = allowedPaymentInstruments.includes(CC_METHOD);
@@ -46770,8 +46770,8 @@ var AutopayModal = function AutopayModal(_ref) {
           return /*#__PURE__*/React.createElement(ButtonWithAction, {
             text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
             variant: "secondary",
-            action: function action() {
-              _action || toggleModal(true);
+            action: action || function () {
+              return toggleModal(true);
             },
             dataQa: "Turn off Autopay",
             extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;",
@@ -46783,8 +46783,8 @@ var AutopayModal = function AutopayModal(_ref) {
           return /*#__PURE__*/React.createElement(ButtonWithAction, {
             text: autoPayActive ? "Manage ".concat(shortPlan) : "Set Up ".concat(shortPlan),
             variant: "tertiary",
-            action: function action() {
-              _action || toggleModal(true);
+            action: action || function () {
+              return toggleModal(true);
             },
             dataQa: "Manage Autopay",
             extraStyles: isMobile && "flex-grow: 1; width: 100%;",
@@ -46795,8 +46795,8 @@ var AutopayModal = function AutopayModal(_ref) {
         {
           return /*#__PURE__*/React.createElement(Box, {
             padding: "0",
-            onClick: function onClick() {
-              _onClick || toggleModal(true);
+            onClick: onClick || function () {
+              toggleModal(true);
             },
             hoverStyles: hoverStyles,
             activeStyles: activeStyles,
@@ -46806,8 +46806,8 @@ var AutopayModal = function AutopayModal(_ref) {
             align: "center"
           }, /*#__PURE__*/React.createElement(AutopayOnIcon, null), /*#__PURE__*/React.createElement(Text$1, {
             variant: "pS",
-            onClick: function onClick() {
-              return _onClick || toggleModal(true);
+            onClick: onClick || function () {
+              return toggleModal(true);
             },
             onKeyPress: onKeyPress || function (e) {
               e.key === "Enter" && toggleModal(true);
@@ -46824,10 +46824,10 @@ var AutopayModal = function AutopayModal(_ref) {
     }
   };
   return /*#__PURE__*/React.createElement(Modal$1, _extends({
-    showModal: disableActions ? noop$1 : function () {
+    showModal: function showModal() {
       return toggleModal(true);
     },
-    hideModal: disableActions ? noop$1 : function () {
+    hideModal: function hideModal() {
       return toggleModal(false);
     },
     modalOpen: modalOpen
@@ -46881,11 +46881,15 @@ var AmountModule = function AmountModule(_ref) {
     subDescription: subDescription,
     allowedPaymentInstruments: allowedPaymentInstruments,
     disableActions: disableActions,
-    action: function action() {
-      return disableActions ? noop$1 : toggleModal(true);
+    action: disableActions ? function () {
+      return noop$1;
+    } : function () {
+      return toggleModal(true);
     },
-    onClick: function onClick() {
-      return disableActions ? noop$1 : toggleModal(true);
+    onClick: disableActions ? function () {
+      return noop$1;
+    } : function () {
+      toggleModal(true);
     },
     onKeyPress: disableActions ? function () {
       return noop$1;
@@ -46969,7 +46973,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     description: description,
     subDescription: subDescription,
     allowedPaymentInstruments: allowedPaymentInstruments,
-    disableActions: disableActions
+    isInCustomerManagement: disableActions
   }))), /*#__PURE__*/React.createElement(Box, {
     padding: isMobile ? "16px" : "0"
   }, /*#__PURE__*/React.createElement(Cluster, {
@@ -46982,7 +46986,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
     variant: "tertiary",
     text: config.type === "ACCOUNT" ? "Account Details" : "Property Details",
-    action: disableActions ? noop$1 : handleDetailsClick,
+    action: handleDetailsClick,
     dataQa: "Account Details",
     extraStyles: isMobile && "flex-grow: 1; width: 100%;"
   })), /*#__PURE__*/React.createElement(Box, {
@@ -46992,10 +46996,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     variant: "tertiary",
     text: "Set Up ".concat(planType),
     action: function action() {
-      if (!disableActions) {
-        setDetailedObligation(obligations, config, obligationAssocID);
-        handleAutopayAction();
-      }
+      setDetailedObligation(obligations, config, obligationAssocID);
+      handleAutopayAction();
     },
     dataQa: "Set Up Autopay",
     extraStyles: isMobile && "flex-grow: 1; width: 100%;",
@@ -47016,18 +47018,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     description: description,
     subDescription: subDescription,
     allowedPaymentInstruments: allowedPaymentInstruments,
-    disableActions: disableActions,
-    action: function action() {
-      return disableActions ? noop$1 : toggleModal(true);
-    },
-    onClick: function onClick() {
-      return disableActions ? noop$1 : toggleModal(true);
-    },
-    onKeyPress: disableActions ? function () {
-      return noop$1;
-    } : function (e) {
-      e.key === "Enter" && toggleModal(true);
-    }
+    isInCustomerManagement: disableActions
   })), !isMobile && /*#__PURE__*/React.createElement(Box, {
     padding: "0"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
@@ -47064,8 +47055,8 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
     removeAccount = _ref.removeAccount,
     accountType = _ref.accountType,
     isMobile = _ref.isMobile,
-    _ref$disableActions = _ref.disableActions,
-    disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions;
+    _ref$isInCustomerMana = _ref.isInCustomerManagement,
+    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     modalIsOpen = _useState2[0],
@@ -47078,10 +47069,10 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
   }, "".concat(agencyName, " - ")) : "";
   var identifier = accountType === "Account" && obligations.length > 1 ? "accounts" : accountType === "Property" && obligations.length > 1 ? "properties" : accountType.toLowerCase();
   return /*#__PURE__*/React.createElement(Modal$1, {
-    showModal: disableActions ? noop : function () {
+    showModal: function showModal() {
       return setModalIsOpen(true);
     },
-    hideModal: disableActions ? noop : function () {
+    hideModal: function hideModal() {
       return setModalIsOpen(false);
     },
     modalOpen: modalIsOpen,
@@ -47089,10 +47080,8 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
     modalBodyText: "Are you sure you want to remove the ".concat(identifier, " ").concat(accounts, "? Any autopay scheduled against ").concat(obligations.length > 1 ? "them" : "it", " will be deactivated."),
     continueButtonText: "Remove",
     continueAction: function continueAction() {
-      if (!disableActions) {
-        removeAccount();
-        setModalIsOpen(false);
-      }
+      removeAccount();
+      setModalIsOpen(false);
     },
     useDangerButton: true
   }, /*#__PURE__*/React.createElement(Box, {
@@ -47101,12 +47090,12 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
     text: "Remove",
     variant: "secondary",
-    action: disableActions ? noop : function () {
+    action: isInCustomerManagement ? noop : function () {
       return setModalIsOpen(true);
     },
     dataQa: "Remove Account",
     extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1;",
-    disabled: disableActions
+    disabled: isInCustomerManagement
   })));
 };
 
@@ -47167,18 +47156,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     description: description,
     subDescription: subDescription,
     allowedPaymentInstruments: allowedPaymentInstruments,
-    disableActions: disableActions,
-    action: function action() {
-      return disableActions ? noop$1 : toggleModal(true);
-    },
-    onClick: function onClick() {
-      return disableActions ? noop$1 : toggleModal(true);
-    },
-    onKeyPress: disableActions ? function () {
-      return noop$1;
-    } : function (e) {
-      e.key === "Enter" && toggleModal(true);
-    }
+    disableActions: disableActions
   })), /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     extraStyles: "flex-grow: 1;"
@@ -47187,7 +47165,7 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
     removeAccount: disableActions ? noop$1 : handleRemoveAccount,
     accountType: configType === "ACCOUNT" ? "Account" : "Property",
     isMobile: isMobile,
-    disableActions: disableActions
+    isInCustomerManagement: disableActions
   }))));
 };