beem-component 2.0.23 → 2.0.24
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.
|
@@ -34,7 +34,7 @@ var Overlay = _styledComponents.default.div.withConfig({
|
|
|
34
34
|
exports.Overlay = Overlay;
|
|
35
35
|
var ModalContent = _styledComponents.default.div.withConfig({
|
|
36
36
|
displayName: "modal__ModalContent"
|
|
37
|
-
})(["display:flex;flex-direction:column;border-radius:0.8571rem;padding:1rem;margin:2rem auto;background:", ";width:auto;max-width:100%;> *:not(:last-child){margin-bottom:0.5rem;}@media (min-width:576px){
|
|
37
|
+
})(["display:flex;flex-direction:column;border-radius:0.8571rem;padding:1rem;margin:2rem auto;background:", ";width:auto;max-width:100%;> *:not(:last-child){margin-bottom:0.5rem;}@media (min-width:576px){width:500px;}"], _colors.BmPrimaryWhite);
|
|
38
38
|
exports.ModalContent = ModalContent;
|
|
39
39
|
var ModalWrapper = _styledComponents.default.div.withConfig({
|
|
40
40
|
displayName: "modal__ModalWrapper"
|
package/package.json
CHANGED
package/src/App.js
CHANGED
|
@@ -17,6 +17,7 @@ import {
|
|
|
17
17
|
// BmButtonDropDown,
|
|
18
18
|
// BmBtnIcon,
|
|
19
19
|
BmContactCard,
|
|
20
|
+
BmModal,
|
|
20
21
|
// BmContactCheckbox,
|
|
21
22
|
// BmCounter,
|
|
22
23
|
// BmProfileIcon,
|
|
@@ -893,7 +894,22 @@ const Chat = () => {
|
|
|
893
894
|
return (
|
|
894
895
|
<>
|
|
895
896
|
<GlobalStyle />
|
|
897
|
+
<BmModal show style={{ width: '800px' }}>
|
|
898
|
+
<div>
|
|
899
|
+
<BmModal.Header subHeading={<h5>Orders for user.</h5>} closeButton>
|
|
900
|
+
<h3 className="text-black font-weight-bold">
|
|
901
|
+
<h3>Order History</h3>
|
|
902
|
+
</h3>
|
|
903
|
+
</BmModal.Header>
|
|
904
|
+
<BmModal.Body>
|
|
905
|
+
{' '}
|
|
906
|
+
<p>TEXT HERE</p>
|
|
907
|
+
</BmModal.Body>
|
|
908
|
+
{/* <BmModal.Footer>
|
|
896
909
|
|
|
910
|
+
</BmModal.Footer> */}
|
|
911
|
+
</div>
|
|
912
|
+
</BmModal>
|
|
897
913
|
<div>
|
|
898
914
|
<BmChat.Details
|
|
899
915
|
key={85279}
|
|
@@ -919,6 +935,25 @@ const Chat = () => {
|
|
|
919
935
|
>
|
|
920
936
|
<p>{x.message}</p>
|
|
921
937
|
</BmChat.Details>
|
|
938
|
+
<BmChat.Details
|
|
939
|
+
state="outbound"
|
|
940
|
+
session="bot"
|
|
941
|
+
sessionTimeline={{ message: <p>12:00pm</p> }}
|
|
942
|
+
displayTime={<p>12:00pm</p>}
|
|
943
|
+
status="sent"
|
|
944
|
+
// type="interactive"
|
|
945
|
+
isInteractive="true"
|
|
946
|
+
>
|
|
947
|
+
<p style={{ whiteSpace: 'pre-line' }}>
|
|
948
|
+
{`*Order placed successfully!*
|
|
949
|
+
|
|
950
|
+
*ORDER ID: 191*
|
|
951
|
+
|
|
952
|
+
1 X 16" Zuri Wig Straight Ciara @ USD 504
|
|
953
|
+
,2 X 18" Zuri Wig Straight Ciara @ USD 504
|
|
954
|
+
,3 X 16" Zuri Wig Straight Feza Caramel Brown @ USD 808`}
|
|
955
|
+
</p>
|
|
956
|
+
</BmChat.Details>
|
|
922
957
|
<BmChatAccordion Open expandIconPosition="left">
|
|
923
958
|
<BmChatAccordion.Title
|
|
924
959
|
// trailingIcon={<AbcIcon />}
|