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
|
-
|
|
250
|
-
|
|
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("
|
|
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("
|
|
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("
|
|
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
package/src/App.js
CHANGED
|
@@ -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
|
-
|
|
304
|
-
|
|
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
|
-
<
|
|
722
|
+
<p>
|
|
725
723
|
<strong>Voice Call</strong>
|
|
726
|
-
</
|
|
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
|
-
<
|
|
741
|
+
<p>
|
|
744
742
|
<strong>Voice Call</strong>
|
|
745
|
-
</
|
|
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
|
-
<
|
|
756
|
+
<p>
|
|
759
757
|
<strong>Voice Call</strong>
|
|
760
|
-
</
|
|
758
|
+
</p>
|
|
761
759
|
|
|
762
760
|
<p>No answer</p>
|
|
763
761
|
</CallInfoContainer>
|