@thecb/components 10.2.2 → 10.2.4-beta.0

package/dist/index.cjs.js

@@ -27578,20 +27578,24 @@ var PlaceholderContentWrapper = function PlaceholderContentWrapper(_ref) {
     action = _ref.action,
     destination = _ref.destination,
     children = _ref.children,
-    dataQa = _ref.dataQa;
+    dataQa = _ref.dataQa,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
   return isLink ? /*#__PURE__*/React__default.createElement(reactRouterDom.Link, {
     to: destination,
-    "data-qa": dataQa
+    "data-qa": dataQa,
+    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     minHeight: "100%",
     extraStyles: "cursor: pointer;"
   }, children)) : /*#__PURE__*/React__default.createElement(Box, {
-    onClick: action,
+    onClick: disabled ? noop : action,
     padding: "0",
     minHeight: "100%",
-    extraStyles: "cursor: pointer;",
-    dataQa: dataQa
+    dataQa: dataQa,
+    "aria-disabled": disabled,
+    extraStyles: disabled ? "cursor: default; opacity: 0.7;" : "cursor: pointer; opacity: 1;"
   }, children);
 };
 var Placeholder = function Placeholder(_ref2) {
@@ -27605,12 +27609,15 @@ var Placeholder = function Placeholder(_ref2) {
     variant = _ref2.variant,
     largeIcon = _ref2.largeIcon,
     themeValues = _ref2.themeValues,
-    dataQa = _ref2.dataQa;
+    dataQa = _ref2.dataQa,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
   return /*#__PURE__*/React__default.createElement(PlaceholderContentWrapper, {
     isLink: isLink,
     action: action,
     destination: destination,
-    dataQa: dataQa
+    dataQa: dataQa,
+    disabled: disabled
   }, /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
     borderRadius: "4px",
@@ -27625,7 +27632,7 @@ var Placeholder = function Placeholder(_ref2) {
     padding: "0",
     tabIndex: "0",
     onKeyPress: function onKeyPress(e) {
-      return e.key === "Enter" && action();
+      return e.key === "Enter" && !disabled && action();
     }
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     justify: "center",
@@ -46522,7 +46529,9 @@ var AutopayModal = function AutopayModal(_ref) {
     inactive = _ref.inactive,
     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 generateMethodNeededText = function generateMethodNeededText(planText, allowedPaymentInstruments) {
     var allowsCard = allowedPaymentInstruments.includes(CC_METHOD);
     var allowsACH = allowedPaymentInstruments.includes(ACH_METHOD);
@@ -46551,6 +46560,7 @@ var AutopayModal = function AutopayModal(_ref) {
       case "secondary":
         {
           return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
+            disabled: isInCustomerManagement,
             text: autoPayActive ? "Turn off ".concat(shortPlan) : "Set Up ".concat(shortPlan),
             variant: "secondary",
             action: function action() {
@@ -46563,6 +46573,7 @@ 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() {
@@ -46679,7 +46690,9 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     dueDate = _ref.dueDate,
     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 planType = isPaymentPlan ? "Payment Plan" : "Autopay";
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -46759,7 +46772,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
       handleAutopayAction();
     },
     dataQa: "Set Up Autopay",
-    extraStyles: isMobile && "flex-grow: 1; width: 100%;"
+    extraStyles: isMobile && "flex-grow: 1; width: 100%;",
+    disabled: isInCustomerManagement
   }) : /*#__PURE__*/React__default.createElement(AutopayModalModule, {
     autoPayActive: autoPayEnabled,
     autoPaySchedule: autoPaySchedule,
@@ -46785,7 +46799,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     },
     text: "Pay Now",
     variant: isMobile ? "smallSecondary" : "secondary",
-    dataQa: "Pay Now"
+    dataQa: "Pay Now",
+    disabled: isInCustomerManagement
   }))), isMobile && /*#__PURE__*/React__default.createElement(Box, {
     padding: "8px 0 0",
     width: "100%"
@@ -46797,7 +46812,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     text: "Pay Now",
     variant: isMobile ? "smallSecondary" : "secondary",
     dataQa: "Pay Now",
-    extraStyles: isMobile && "flex-grow: 1; width: 100%; margin: 0;"
+    extraStyles: isMobile && "flex-grow: 1; width: 100%; margin: 0;",
+    disabled: isInCustomerManagement
   }))));
 };
 
@@ -46969,7 +46985,9 @@ var Obligation = function Obligation(_ref) {
     _ref$inactiveLookupIn = _ref.inactiveLookupInput,
     inactiveLookupInput = _ref$inactiveLookupIn === void 0 ? "Account" : _ref$inactiveLookupIn,
     _ref$inactiveLookupVa = _ref.inactiveLookupValue,
-    inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa;
+    inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa,
+    _ref$isInCustomerMana = _ref.isInCustomerManagement,
+    isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana;
   /*
     The value of obligations is always an array. It can contain:
       - A single obligation
@@ -47057,7 +47075,8 @@ var Obligation = function Obligation(_ref) {
     obligationAssocID: obligationAssocID,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    allowedPaymentInstruments: allowedPaymentInstruments,
+    isInCustomerManagement: isInCustomerManagement
   }))), isMobile && /*#__PURE__*/React__default.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -47075,7 +47094,8 @@ var Obligation = function Obligation(_ref) {
     obligationAssocID: obligationAssocID,
     description: description,
     subDescription: subDescription,
-    allowedPaymentInstruments: allowedPaymentInstruments
+    allowedPaymentInstruments: allowedPaymentInstruments,
+    isInCustomerManagement: isInCustomerManagement
   }));
   var inactiveObligation = /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",