beem-component 2.0.26 → 2.0.27

package/dist/components/ChatComponents/ChatBody/chatBody.js

@@ -417,8 +417,7 @@ var ListReplyRender = function ListReplyRender(_ref28) {
   }, /*#__PURE__*/_react.default.createElement(_List.default, null), (_globalButtons$ = globalButtons[0]) === null || _globalButtons$ === void 0 ? void 0 : _globalButtons$.title)));
 };
 var OrderRender = function OrderRender(_ref29) {
-  var count = _ref29.count,
-    amount = _ref29.amount,
+  var amount = _ref29.amount,
     type = _ref29.type,
     state = _ref29.state,
     items = _ref29.items;
@@ -426,6 +425,11 @@ var OrderRender = function OrderRender(_ref29) {
     _useState2 = _slicedToArray(_useState, 2),
     displayItems = _useState2[0],
     setDisplayItems = _useState2[1];
+  var sumQuantities = function sumQuantities() {
+    return items === null || items === void 0 ? void 0 : items.reduce(function (total, item) {
+      return total + parseInt(item.quantity, 10);
+    }, 0);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Messages, {
     type: type,
     state: state
@@ -435,7 +439,7 @@ var OrderRender = function OrderRender(_ref29) {
     state: state
   }, /*#__PURE__*/_react.default.createElement(_ShoppingCartOutlined.default, {
     fontSize: "small"
-  }), /*#__PURE__*/_react.default.createElement("h5", null, /*#__PURE__*/_react.default.createElement("strong", null, count, " items")))), displayItems ? /*#__PURE__*/_react.default.createElement(OrderBody, {
+  }), /*#__PURE__*/_react.default.createElement("h5", null, /*#__PURE__*/_react.default.createElement("strong", null, sumQuantities(), " ", sumQuantities() > 1 ? 'items' : 'item')))), displayItems ? /*#__PURE__*/_react.default.createElement(OrderBody, {
     state: state
   }, items.map(function (data, index) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(CartContent, {
@@ -443,7 +447,7 @@ var OrderRender = function OrderRender(_ref29) {
     }, /*#__PURE__*/_react.default.createElement("p", null, index + 1, ". "), /*#__PURE__*/_react.default.createElement(ProductImage, {
       src: data.imgURL,
       alt: "product"
-    }), /*#__PURE__*/_react.default.createElement("p", null, data.description, " @ ", data.currency, " ", data.amount)), /*#__PURE__*/_react.default.createElement("hr", {
+    }), /*#__PURE__*/_react.default.createElement("p", null, data.quantity, " X ", data.description, " @ ", data.currency, ' ', data.amount)), /*#__PURE__*/_react.default.createElement("hr", {
       style: {
         width: '100%'
       }
@@ -452,7 +456,7 @@ var OrderRender = function OrderRender(_ref29) {
     state: state
   }, /*#__PURE__*/_react.default.createElement(CartContent, {
     state: state
-  }, /*#__PURE__*/_react.default.createElement("p", null, amount, " (Estimated Total)"))), /*#__PURE__*/_react.default.createElement(IntButton, {
+  }, /*#__PURE__*/_react.default.createElement("p", null, ' ', "Estimated Total: ", /*#__PURE__*/_react.default.createElement("strong", null, amount)))), /*#__PURE__*/_react.default.createElement(IntButton, {
     state: state,
     onClick: function onClick() {
       setDisplayItems(!displayItems);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beem-component",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "private": false,
   "main": "dist/components/index.js",
   "scripts": {

package/src/lib/components/ChatComponents/ChatBody/chatBody.js

@@ -497,8 +497,14 @@ const ListReplyRender = ({
   );
 };
 
-const OrderRender = ({ count, amount, type, state, items }) => {
+const OrderRender = ({ amount, type, state, items }) => {
   const [displayItems, setDisplayItems] = useState(false);
+
+  const sumQuantities = () => {
+    return items?.reduce((total, item) => {
+      return total + parseInt(item.quantity, 10);
+    }, 0);
+  };
   return (
     <>
       <Messages type={type} state={state}>
@@ -506,7 +512,9 @@ const OrderRender = ({ count, amount, type, state, items }) => {
           <CartContent state={state}>
             <ShoppingCartOutlinedIcon fontSize="small" />
             <h5>
-              <strong>{count} items</strong>
+              <strong>
+                {sumQuantities()} {sumQuantities() > 1 ? 'items' : 'item'}
+              </strong>
             </h5>
           </CartContent>
         </OrderBody>
@@ -520,7 +528,8 @@ const OrderRender = ({ count, amount, type, state, items }) => {
                   <ProductImage src={data.imgURL} alt="product" />
 
                   <p>
-                    {data.description} @ {data.currency} {data.amount}
+                    {data.quantity} X {data.description} @ {data.currency}{' '}
+                    {data.amount}
                   </p>
                 </CartContent>
                 <hr style={{ width: '100%' }} />
@@ -532,7 +541,10 @@ const OrderRender = ({ count, amount, type, state, items }) => {
         )}
         <OrderBody state={state}>
           <CartContent state={state}>
-            <p>{amount} (Estimated Total)</p>
+            <p>
+              {' '}
+              Estimated Total: <strong>{amount}</strong>
+            </p>
           </CartContent>
         </OrderBody>
         <IntButton