@thecb/components 10.4.0-beta.1 → 10.4.0-beta.2

package/dist/index.esm.js

@@ -46766,27 +46766,27 @@ var AutopayModal = function AutopayModal(_ref) {
       case "secondary":
         {
           return /*#__PURE__*/React.createElement(ButtonWithAction, {
-            disabled: isInCustomerManagement,
             text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
             variant: "secondary",
             action: function action() {
-              toggleModal(true);
+              isInCustomerManagement ? noop$1 : toggleModal(true);
             },
             dataQa: "Turn off Autopay",
-            extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;"
+            extraStyles: isMobile ? "flex-grow: 1; width: 100%; margin: 0;" : "flex-grow: 1; min-width: 165px;",
+            disabled: isInCustomerManagement
           });
         }
       case "tertiary":
         {
           return /*#__PURE__*/React.createElement(ButtonWithAction, {
-            disabled: isInCustomerManagement,
             text: autoPayActive ? "Manage ".concat(shortPlan) : "Set Up ".concat(shortPlan),
-            variant: isInCustomerManagement ? "disabledTertiary" : "tertiary",
+            variant: "tertiary",
             action: function action() {
               isInCustomerManagement ? noop$1 : toggleModal(true);
             },
             dataQa: "Manage Autopay",
-            extraStyles: isMobile && "flex-grow: 1; width: 100%;"
+            extraStyles: isMobile && "flex-grow: 1; width: 100%;",
+            disabled: isInCustomerManagement
           });
         }
       case "link":
@@ -46805,7 +46805,7 @@ var AutopayModal = function AutopayModal(_ref) {
           }, /*#__PURE__*/React.createElement(AutopayOnIcon, null), /*#__PURE__*/React.createElement(Text$1, {
             variant: "pS",
             onClick: function onClick() {
-              return toggleModal(true);
+              return isInCustomerManagement ? noop$1 : toggleModal(true);
             },
             onKeyPress: isInCustomerManagement ? noop$1 : function (e) {
               e.key === "Enter" && toggleModal(true);
@@ -46815,7 +46815,8 @@ var AutopayModal = function AutopayModal(_ref) {
             color: SEA_GREEN,
             weight: themeValues.fontWeight,
             hoverStyles: themeValues.modalLinkHoverFocus,
-            extraStyles: "padding-left: 0.25rem;"
+            extraStyles: "padding-left: 0.25rem;",
+            disabled: isInCustomerManagement
           }, "".concat(shortPlan, " ").concat(nextAutopayDate))));
         }
     }
@@ -46844,7 +46845,9 @@ var AmountModule = function AmountModule(_ref) {
     nextAutopayDate = _ref.nextAutopayDate,
     description = _ref.description,
     subDescription = _ref.subDescription,
-    allowedPaymentInstruments = _ref.allowedPaymentInstruments;
+    allowedPaymentInstruments = _ref.allowedPaymentInstruments,
+    _ref$isInCustomerMana = _ref.isInCustomerManagement,
+    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     modalOpen = _useState2[0],
@@ -46874,7 +46877,8 @@ var AmountModule = function AmountModule(_ref) {
     controlType: "link",
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    allowedPaymentInstruments: allowedPaymentInstruments,
+    isInCustomerManagement: isInCustomerManagement
   })));
 };
 
@@ -46951,7 +46955,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     nextAutopayDate: nextAutopayDate,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    allowedPaymentInstruments: allowedPaymentInstruments,
+    isInCustomerManagement: isInCustomerManagement
   }))), /*#__PURE__*/React.createElement(Box, {
     padding: isMobile ? "16px" : "0"
   }, /*#__PURE__*/React.createElement(Cluster, {
@@ -46962,7 +46967,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     padding: isMobile ? "0 8px 0 0" : "0",
     extraStyles: isMobile && "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
-    variant: isInCustomerManagement ? "disabledTertiary" : "tertiary",
+    variant: "tertiary",
     text: config.type === "ACCOUNT" ? "Account Details" : "Property Details",
     action: handleDetailsClick,
     dataQa: "Account Details",
@@ -46971,7 +46976,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     padding: isMobile ? "0 8px 0 0" : "0",
     extraStyles: isMobile && "flex-grow: 1;"
   }, autoPayAvailable && !autoPayEnabled ? /*#__PURE__*/React.createElement(ButtonWithAction, {
-    variant: isInCustomerManagement ? "disabledTertiary" : "tertiary",
+    variant: "tertiary",
     text: "Set Up ".concat(planType),
     action: function action() {
       setDetailedObligation(obligations, config, obligationAssocID);
@@ -47065,7 +47070,7 @@ var RemoveAccountModalModule = function RemoveAccountModalModule(_ref) {
     extraStyles: "flex-grow: 1;"
   }, /*#__PURE__*/React.createElement(ButtonWithAction, {
     text: "Remove",
-    variant: isInCustomerManagement ? "disabledSecondary" : "secondary",
+    variant: "secondary",
     action: isInCustomerManagement ? noop : function () {
       return setModalIsOpen(true);
     },
@@ -47271,7 +47276,8 @@ var Obligation = function Obligation(_ref) {
     nextAutopayDate: nextAutopayDate,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    allowedPaymentInstruments: allowedPaymentInstruments,
+    isInCustomerManagement: isInCustomerManagement
   }))), !isMobile && /*#__PURE__*/React.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,