@thecb/components 11.0.3 → 11.1.0-beta.2

package/dist/index.esm.js

@@ -46981,7 +46981,10 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     subDescription = _ref.subDescription,
     allowedPaymentInstruments = _ref.allowedPaymentInstruments,
     _ref$disableActions = _ref.disableActions,
-    disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions;
+    disableActions = _ref$disableActions === void 0 ? false : _ref$disableActions,
+    cartEnabled = _ref.cartEnabled,
+    cartConfig = _ref.cartConfig,
+    isInCart = _ref.isInCart;
   var planType = isPaymentPlan ? "Payment Plan" : "Autopay";
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -46993,17 +46996,33 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     toggleModal = _useState4[1];
   var obligationSlug = config.obligationSlug;
   var createPaymentFromProfile = actions.createPaymentFromProfile,
+    configureMultiCart = actions.configureMultiCart,
+    addToMultiCart = actions.addToMultiCart,
     setDetailedObligation = actions.setDetailedObligation,
     navigateToDetailedObligation = actions.navigateToDetailedObligation;
   var detailsSlug = config.type === "ACCOUNT" ? "/profile/accounts/details/".concat(obligationSlug) : "/profile/properties/details/".concat(obligationSlug);
   var handleClick = function handleClick(obligations) {
-    setIsLoading(true);
-    createPaymentFromProfile(obligations, config);
+    if (cartEnabled && cartConfig && !isInCart) {
+      configureMultiCart({
+        cartId: cartConfig.subClientSlug,
+        config: cartConfig
+      });
+      addToMultiCart({
+        cartId: cartConfig.subClientSlug,
+        items: cartConfig.addToCartConfig.items,
+        itemType: cartConfig.addToCartConfig.itemType
+      });
+    } else {
+      setIsLoading(true);
+      createPaymentFromProfile(obligations, config);
+    }
   };
   var handleDetailsClick = function handleDetailsClick() {
     setDetailedObligation(obligations, config, obligationAssocID);
     navigateToDetailedObligation(detailsSlug);
   };
+  var variant = cartEnabled ? isInCart ? "greenPrimry" : "secondary" : isMobile ? "smallSecondary" : "secondary";
+  var text = cartEnabled ? isInCart ? "In Cart" : "Add to Cart" : "Pay Now";
   return /*#__PURE__*/React.createElement(Box, {
     padding: isMobile ? "0" : "16px 0 0",
     minWidth: "100%",
@@ -47088,9 +47107,9 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     action: disableActions ? noop$1 : function () {
       return handleClick(obligations);
     },
-    text: "Pay Now",
-    variant: isMobile ? "smallSecondary" : "secondary",
-    dataQa: "Pay Now",
+    text: text,
+    variant: variant,
+    dataQa: text,
     disabled: disableActions
   }))), isMobile && /*#__PURE__*/React.createElement(Box, {
     padding: "8px 0 0",
@@ -47100,9 +47119,9 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
     action: disableActions ? noop$1 : function () {
       return handleClick(obligations);
     },
-    text: "Pay Now",
-    variant: isMobile ? "smallSecondary" : "secondary",
-    dataQa: "Pay Now",
+    text: text,
+    variant: variant,
+    dataQa: text,
     extraStyles: isMobile && "flex-grow: 1; width: 100%; margin: 0;",
     disabled: disableActions
   }))));
@@ -47293,7 +47312,15 @@ var Obligation = function Obligation(_ref) {
     inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa,
     _ref$isInCustomerMana = _ref.isInCustomerManagement,
     isInCustomerManagement = _ref$isInCustomerMana === void 0 ? false : _ref$isInCustomerMana,
-    themeValues = _ref.themeValues;
+    themeValues = _ref.themeValues,
+    _ref$cartEnabled = _ref.cartEnabled,
+    cartEnabled = _ref$cartEnabled === void 0 ? false : _ref$cartEnabled,
+    _ref$cartConfig = _ref.cartConfig,
+    cartConfig = _ref$cartConfig === void 0 ? undefined : _ref$cartConfig,
+    _ref$multiCartParams = _ref.multiCartParams,
+    multiCartParams = _ref$multiCartParams === void 0 ? undefined : _ref$multiCartParams,
+    _ref$isInCart = _ref.isInCart,
+    isInCart = _ref$isInCart === void 0 ? false : _ref$isInCart;
   /*
     The value of obligations is always an array. It can contain:
       - A single obligation
@@ -47384,7 +47411,11 @@ var Obligation = function Obligation(_ref) {
     description: description,
     subDescription: subDescription,
     allowedPaymentInstruments: allowedPaymentInstruments,
-    disableActions: isInCustomerManagement
+    disableActions: isInCustomerManagement,
+    cartEnabled: cartEnabled,
+    cartConfig: cartConfig,
+    multiCartParams: multiCartParams,
+    isInCart: isInCart
   }))), isMobile && /*#__PURE__*/React.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -47403,7 +47434,11 @@ var Obligation = function Obligation(_ref) {
     description: description,
     subDescription: subDescription,
     allowedPaymentInstruments: allowedPaymentInstruments,
-    disableActions: isInCustomerManagement
+    disableActions: isInCustomerManagement,
+    cartEnabled: cartEnabled,
+    cartConfig: cartConfig,
+    multiCartParams: multiCartParams,
+    isInCart: isInCart
   }));
   var inactiveObligation = /*#__PURE__*/React.createElement(Box, {
     padding: "0",