beem-component 2.1.30 → 2.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -245,11 +245,9 @@ const CallInfoContainer = _styledComponents.default.div.withConfig({
245
245
  let {
246
246
  state
247
247
  } = _ref12;
248
- if (state) {
249
- if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack);
250
- if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite);
251
- }
252
- return "".concat(_colors.BmPrimaryWhite);
248
+ if (state === 'inbound') return "".concat(_colors.BmPrimaryBlack, " !important");
249
+ if (state === 'outbound') return "".concat(_colors.BmPrimaryWhite, " !important");
250
+ return "".concat(_colors.BmPrimaryWhite, " !important");
253
251
  }, _ref13 => {
254
252
  let {
255
253
  state
@@ -592,7 +590,7 @@ const CallRender = _ref31 => {
592
590
  }
593
591
  }) : /*#__PURE__*/_react.default.createElement(_PhoneOutlined.default, null)), /*#__PURE__*/_react.default.createElement(CallInfoContainer, {
594
592
  state: state
595
- }, /*#__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, {
593
+ }, /*#__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, {
596
594
  state: state
597
595
  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
598
596
  state: state
@@ -602,7 +600,7 @@ const CallRender = _ref31 => {
602
600
  }
603
601
  }) : /*#__PURE__*/_react.default.createElement(_PhoneOutlined.default, null)), /*#__PURE__*/_react.default.createElement(CallInfoContainer, {
604
602
  state: state
605
- }, /*#__PURE__*/_react.default.createElement("h4", null, /*#__PURE__*/_react.default.createElement("strong", null, "Voice Call")), /*#__PURE__*/_react.default.createElement("p", null, formatCallDuration(message.talk_duration)))), status === 'no answer' && /*#__PURE__*/_react.default.createElement(CallContainer, {
603
+ }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Voice Call")), /*#__PURE__*/_react.default.createElement("p", null, formatCallDuration(message.talk_duration)))), status === 'no answer' && /*#__PURE__*/_react.default.createElement(CallContainer, {
606
604
  state: state
607
605
  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
608
606
  state: state
@@ -612,7 +610,7 @@ const CallRender = _ref31 => {
612
610
  }
613
611
  })), /*#__PURE__*/_react.default.createElement(CallInfoContainer, {
614
612
  state: state
615
- }, /*#__PURE__*/_react.default.createElement("h4", null, /*#__PURE__*/_react.default.createElement("strong", null, "Voice Call")), /*#__PURE__*/_react.default.createElement("p", null, "No answer"))))
613
+ }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("strong", null, "Voice Call")), /*#__PURE__*/_react.default.createElement("p", null, "No answer"))))
616
614
  };
617
615
  const FallbackRenderer = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, status));
618
616
  const ConnectorRenderer = renderers[connector] || FallbackRenderer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beem-component",
3
- "version": "2.1.30",
3
+ "version": "2.1.32",
4
4
  "private": false,
5
5
  "main": "dist/components/index.js",
6
6
  "scripts": {
package/src/App.js CHANGED
@@ -899,7 +899,6 @@ const Chat = () => {
899
899
  console.log({ finalMessage });
900
900
 
901
901
  const calculateOrderSummary = (items) => {
902
- console.log({ items });
903
902
  if (!items || items.length === 0) return 0;
904
903
 
905
904
  const totalValue = items.reduce(
@@ -299,11 +299,9 @@ const CallInfoContainer = styled.div`
299
299
  align-items: center;
300
300
  justify-content: center;
301
301
  color: ${({ state }) => {
302
- if (state) {
303
- if (state === 'inbound') return `${BmPrimaryBlack}`;
304
- if (state === 'outbound') return `${BmPrimaryWhite}`;
305
- }
306
- return `${BmPrimaryWhite}`;
302
+ if (state === 'inbound') return `${BmPrimaryBlack} !important`;
303
+ if (state === 'outbound') return `${BmPrimaryWhite} !important`;
304
+ return `${BmPrimaryWhite} !important`;
307
305
  }};
308
306
  & > :last-child {
309
307
  color: ${({ state }) => (state === 'inbound' ? '#A6A29F' : '#cde3ddff')};
@@ -721,9 +719,9 @@ const CallRender = ({
721
719
  </IconContainer>
722
720
 
723
721
  <CallInfoContainer state={state}>
724
- <h4>
722
+ <p>
725
723
  <strong>Voice Call</strong>
726
- </h4>
724
+ </p>
727
725
 
728
726
  <p>{duration}</p>
729
727
  </CallInfoContainer>
@@ -740,9 +738,9 @@ const CallRender = ({
740
738
  </IconContainer>
741
739
 
742
740
  <CallInfoContainer state={state}>
743
- <h4>
741
+ <p>
744
742
  <strong>Voice Call</strong>
745
- </h4>
743
+ </p>
746
744
 
747
745
  <p>{formatCallDuration(message.talk_duration)}</p>
748
746
  </CallInfoContainer>
@@ -755,9 +753,9 @@ const CallRender = ({
755
753
  </IconContainer>
756
754
 
757
755
  <CallInfoContainer state={state}>
758
- <h4>
756
+ <p>
759
757
  <strong>Voice Call</strong>
760
- </h4>
758
+ </p>
761
759
 
762
760
  <p>No answer</p>
763
761
  </CallInfoContainer>