beem-component 2.1.30 → 2.1.31

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

@@ -245,11 +245,9 @@ const CallInfoContainer = _styledComponents.default.div.withConfig({
   let {
     state
   } = _ref12;
-  if (state) {
-    if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
-    if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
-  }
-  return "".concat(_colors.BmPrimaryWhite);
+  if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack, " !important");
+  if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite, " !important");
+  return "".concat(_colors.BmPrimaryWhite, " !important");
 }, _ref13 => {
   let {
     state
@@ -592,7 +590,7 @@ const CallRender = _ref31 => {
       }
     }) : /*#__PURE__*/_react.default.createElement(_PhoneOutlined.default, null)), /*#__PURE__*/_react.default.createElement(CallInfoContainer, {
       state: state
-    }, /*#__PURE__*/_react.default.createElement("h4", null, /*#__PURE__*/_react.default.createElement("strong", null, "Voice Call")), /*#__PURE__*/_react.default.createElement("p", null, duration))), status === 'answered' && /*#__PURE__*/_react.default.createElement(CallContainer, {
+    }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Voice Call")), /*#__PURE__*/_react.default.createElement("p", null, duration))), status === 'answered' && /*#__PURE__*/_react.default.createElement(CallContainer, {
       state: state
     }, /*#__PURE__*/_react.default.createElement(IconContainer, {
       state: state

package/package.json

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

package/src/App.js

@@ -899,7 +899,6 @@ const Chat = () => {
     console.log({ finalMessage });
 
     const calculateOrderSummary = (items) => {
-      console.log({ items });
       if (!items || items.length === 0) return 0;
 
       const totalValue = items.reduce(

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

@@ -299,11 +299,9 @@ const CallInfoContainer = styled.div`
   align-items: center;
   justify-content: center;
   color: ${({ state }) => {
-    if (state) {
-      if (state === 'inbound') return `${BmPrimaryBlack}`;
-      if (state === 'outbound') return `${BmPrimaryWhite}`;
-    }
-    return `${BmPrimaryWhite}`;
+    if (state === 'inbound') return `${BmPrimaryBlack} !important`;
+    if (state === 'outbound') return `${BmPrimaryWhite} !important`;
+    return `${BmPrimaryWhite} !important`;
   }};
   & > :last-child {
     color: ${({ state }) => (state === 'inbound' ? '#A6A29F' : '#cde3ddff')};
@@ -721,9 +719,9 @@ const CallRender = ({
             </IconContainer>
 
             <CallInfoContainer state={state}>
-              <h4>
+              <p>
                 <strong>Voice Call</strong>
-              </h4>
+              </p>
 
               <p>{duration}</p>
             </CallInfoContainer>