@thecb/components 11.1.0-beta.6 → 11.1.0-beta.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "11.1.0-beta.6",
+  "version": "11.1.0-beta.8",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/obligation/Obligation.stories.js

@@ -332,6 +332,7 @@ export const ActiveObligation = {
       createPaymentFromProfile: fn(),
       configureMultiCart: fn(),
       addToMultiCart: fn(),
+      openCartSlider: fn(),
       setDetailedObligation: fn(),
       navigateToDetailedObligation: fn(),
       deleteObligationAssoc: fn()
@@ -400,6 +401,7 @@ export const InactiveObligation = {
       createPaymentFromProfile: fn(),
       configureMultiCart: fn(),
       addToMultiCart: fn(),
+      openCartSlider: fn(),
       setDetailedObligation: fn(),
       navigateToDetailedObligation: fn(),
       deleteObligationAssoc: fn()
@@ -472,6 +474,7 @@ export const CustomerManagementObligation = {
       createPaymentFromProfile: fn(),
       configureMultiCart: fn(),
       addToMultiCart: fn(),
+      openCartSlider: fn(),
       setDetailedObligation: fn(),
       navigateToDetailedObligation: fn(),
       deleteObligationAssoc: fn()
@@ -540,6 +543,7 @@ export const CartEnabledObligation = {
       createPaymentFromProfile: fn(),
       configureMultiCart: fn(),
       addToMultiCart: fn(),
+      openCartSlider: fn(),
       setDetailedObligation: fn(),
       navigateToDetailedObligation: fn(),
       deleteObligationAssoc: fn()

package/src/components/molecules/obligation/modules/PaymentDetailsActions.js

@@ -39,22 +39,25 @@ const PaymentDetailsActions = ({
     configureMultiCart,
     addToMultiCart,
     setDetailedObligation,
-    navigateToDetailedObligation
+    navigateToDetailedObligation,
+    openCartSlider
   } = actions;
   const detailsSlug =
     config.type === "ACCOUNT"
       ? `/profile/accounts/details/${obligationSlug}`
       : `/profile/properties/details/${obligationSlug}`;
   const handleClick = obligations => {
-    if (cartEnabled && cartConfig && !isInCart) {
-      configureMultiCart({
-        cartId: cartConfig.subClientSlug,
-        config: cartConfig
-      });
+    if (isInCart) {
+      openCartSlider();
+      return;
+    }
+    if (cartEnabled && cartConfig) {
+      const { subClientSlug, addToCartConfig } = cartConfig;
+      configureMultiCart({ 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);
@@ -178,7 +181,7 @@ const PaymentDetailsActions = ({
                 text={text}
                 variant={variant}
                 dataQa={text}
-                disabled={disableActions || isInCart}
+                disabled={disableActions}
               />
             </Box>
           )}
@@ -192,7 +195,7 @@ const PaymentDetailsActions = ({
               variant={variant}
               dataQa={text}
               extraStyles={isMobile && `flex-grow: 1; width: 100%; margin: 0;`}
-              disabled={disableActions || isInCart}
+              disabled={disableActions}
             />
           </Box>
         )}