@thecb/components 4.2.7 → 4.2.8-beta.1

package/dist/index.cjs.js

@@ -21256,7 +21256,11 @@ 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,
+      showCartStatus = _ref.showCartStatus,
+      openCartSlider = _ref.openCartSlider;
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
@@ -21294,6 +21298,9 @@ 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,
+    openCart: openCartSlider
   }))))));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.2.7",
+  "version": "4.2.8-beta.1",
   "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,11 @@ const Jumbo = ({
   buttonText,
   slug,
   largeSide = "right",
-  largeSideSize = "2"
+  largeSideSize = "2",
+  cartStatus: CartStatus,
+  total,
+  showCartStatus,
+  openCartSlider
 }) => {
   const { isMobile } = useContext(ThemeContext);
   return (
@@ -65,6 +69,9 @@ const Jumbo = ({
                   extraStyles={`margin: 0 0 65px 0; min-width: 320px;`}
                 />
               )}
+              {showCartStatus && (
+                <CartStatus total={total} openCart={openCartSlider} />
+              )}
             </Cluster>
           </Switcher>
         </Cover>