@thecb/components 4.2.7 → 4.2.8-beta.3

package/dist/index.cjs.js

@@ -21256,7 +21256,12 @@ var Jumbo = function Jumbo(_ref) {
       _ref$largeSide = _ref.largeSide,
       largeSide = _ref$largeSide === void 0 ? "right" : _ref$largeSide,
       _ref$largeSideSize = _ref.largeSideSize,
-      largeSideSize = _ref$largeSideSize === void 0 ? "2" : _ref$largeSideSize;
+      largeSideSize = _ref$largeSideSize === void 0 ? "2" : _ref$largeSideSize,
+      CartStatus = _ref.cartStatus,
+      total = _ref.total,
+      itemsCount = _ref.itemsCount,
+      showCartStatus = _ref.showCartStatus,
+      openCartSlider = _ref.openCartSlider;
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
@@ -21278,7 +21283,7 @@ var Jumbo = function Jumbo(_ref) {
     childGap: "0.25rem"
   }, /*#__PURE__*/React__default.createElement(Cluster, {
     minHeight: "100%",
-    justify: isMobile ? "center" : showButton ? "space-between" : "left",
+    justify: isMobile ? "center" : showButton || showCartStatus ? "space-between" : "left",
     align: "center"
   }, /*#__PURE__*/React__default.createElement(Heading$1, {
     variant: isMobile ? "h5" : "h3",
@@ -21294,6 +21299,10 @@ var Jumbo = function Jumbo(_ref) {
     text: buttonText || "Browse Services",
     variant: "primary",
     extraStyles: "margin: 0 0 65px 0; min-width: 320px;"
+  }), showCartStatus && /*#__PURE__*/React__default.createElement(CartStatus, {
+    total: total,
+    itemsCount: itemsCount,
+    openCart: openCartSlider
   }))))));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.2.7",
+  "version": "4.2.8-beta.3",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/jumbo/Jumbo.js

@@ -14,7 +14,12 @@ const Jumbo = ({
   buttonText,
   slug,
   largeSide = "right",
-  largeSideSize = "2"
+  largeSideSize = "2",
+  cartStatus: CartStatus,
+  total,
+  itemsCount,
+  showCartStatus,
+  openCartSlider
 }) => {
   const { isMobile } = useContext(ThemeContext);
   return (
@@ -35,7 +40,11 @@ const Jumbo = ({
             <Cluster
               minHeight="100%"
               justify={
-                isMobile ? `center` : showButton ? `space-between` : `left`
+                isMobile
+                  ? `center`
+                  : showButton || showCartStatus
+                  ? `space-between`
+                  : `left`
               }
               align="center"
             >
@@ -65,6 +74,13 @@ const Jumbo = ({
                   extraStyles={`margin: 0 0 65px 0; min-width: 320px;`}
                 />
               )}
+              {showCartStatus && (
+                <CartStatus
+                  total={total}
+                  itemsCount={itemsCount}
+                  openCart={openCartSlider}
+                />
+              )}
             </Cluster>
           </Switcher>
         </Cover>