@thecb/components 11.1.0-beta.5 → 11.1.0-beta.7

package/dist/index.esm.js

@@ -46984,7 +46984,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions,
     cartEnabled = _ref.cartEnabled,
     cartConfig = _ref.cartConfig,
-    isInCart = _ref.isInCart;
+    isInCart = _ref.isInCart,
+    openCartSlider = _ref.openCartSlider;
   var planType = isPaymentPlan ? "Payment Plan" : "Autopay";
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -47002,15 +47003,21 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     navigateToDetailedObligation = actions.navigateToDetailedObligation;
   var detailsSlug = config.type === "ACCOUNT" ? "/profile/accounts/details/".concat(obligationSlug) : "/profile/properties/details/".concat(obligationSlug);
   var handleClick = function handleClick(obligations) {
-    if (cartEnabled && cartConfig && !isInCart) {
+    if (isInCart) {
+      openCartSlider();
+      return;
+    }
+    if (cartEnabled && cartConfig) {
+      var subClientSlug = cartConfig.subClientSlug,
+        addToCartConfig = cartConfig.addToCartConfig;
       configureMultiCart({
-        cartId: cartConfig.subClientSlug,
+        cartId: subClientSlug,
         config: cartConfig
       });
       addToMultiCart({
-        cartId: cartConfig.subClientSlug,
-        items: cartConfig.addToCartConfig.items,
-        itemType: cartConfig.addToCartConfig.itemType
+        cartId: subClientSlug,
+        items: addToCartConfig.items,
+        itemType: addToCartConfig.itemType
       });
     } else {
       setIsLoading(true);
@@ -47110,7 +47117,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     text: text,
     variant: variant,
     dataQa: text,
-    disabled: disableActions || isInCart
+    disabled: disableActions
   }))), isMobile && /*#__PURE__*/React.createElement(Box, {
     padding: "8px 0 0",
     width: "100%"
@@ -47123,7 +47130,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     variant: variant,
     dataQa: text,
     extraStyles: isMobile && "flex-grow: 1; width: 100%; margin: 0;",
-    disabled: disableActions || isInCart
+    disabled: disableActions
   }))));
 };
 
@@ -47320,7 +47327,9 @@ var Obligation = function Obligation(_ref) {
     _ref$multiCartParams = _ref.multiCartParams,
     multiCartParams = _ref$multiCartParams === void 0 ? undefined : _ref$multiCartParams,
     _ref$isInCart = _ref.isInCart,
-    isInCart = _ref$isInCart === void 0 ? false : _ref$isInCart;
+    isInCart = _ref$isInCart === void 0 ? false : _ref$isInCart,
+    _ref$openCartSlider = _ref.openCartSlider,
+    openCartSlider = _ref$openCartSlider === void 0 ? noop$1 : _ref$openCartSlider;
   /*
     The value of obligations is always an array. It can contain:
       - A single obligation
@@ -47415,7 +47424,8 @@ var Obligation = function Obligation(_ref) {
     cartEnabled: cartEnabled,
     cartConfig: cartConfig,
     multiCartParams: multiCartParams,
-    isInCart: isInCart
+    isInCart: isInCart,
+    openCartSlider: openCartSlider
   }))), isMobile && /*#__PURE__*/React.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -47438,7 +47448,8 @@ var Obligation = function Obligation(_ref) {
     cartEnabled: cartEnabled,
     cartConfig: cartConfig,
     multiCartParams: multiCartParams,
-    isInCart: isInCart
+    isInCart: isInCart,
+    openCartSlider: openCartSlider
   }));
   var inactiveObligation = /*#__PURE__*/React.createElement(Box, {
     padding: "0",