@messenger-box/property-ext-browser 10.0.3-alpha.5 → 10.0.3-alpha.50
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.
- package/CHANGELOG.md +72 -0
- package/lib/components/InboxMessage/MessageWidgets/MessageAlert.d.ts.map +1 -1
- package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js +12 -8
- package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js.map +1 -1
- package/lib/components/InboxMessage/MessageWidgets/MessageCard.d.ts.map +1 -1
- package/lib/components/InboxMessage/MessageWidgets/MessageCard.js +12 -5
- package/lib/components/InboxMessage/MessageWidgets/MessageCard.js.map +1 -1
- package/lib/slot-fill/message-alert-fill.js +1 -1
- package/lib/slot-fill/message-alert-fill.js.map +1 -1
- package/lib/slot-fill/message-card-fill.js +1 -1
- package/lib/slot-fill/message-card-fill.js.map +1 -1
- package/package.json +4 -4
- package/src/components/InboxMessage/MessageWidgets/MessageAlert.tsx +4 -4
- package/src/components/InboxMessage/MessageWidgets/MessageCard.tsx +12 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,78 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [10.0.3-alpha.50](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.49...v10.0.3-alpha.50) (2025-06-05)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
9
|
+
|
|
10
|
+
## [10.0.3-alpha.48](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.47...v10.0.3-alpha.48) (2025-05-30)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
13
|
+
|
|
14
|
+
## [10.0.3-alpha.47](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.46...v10.0.3-alpha.47) (2025-05-26)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
17
|
+
|
|
18
|
+
## [10.0.3-alpha.46](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.45...v10.0.3-alpha.46) (2025-05-19)
|
|
19
|
+
|
|
20
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
21
|
+
|
|
22
|
+
## [10.0.3-alpha.43](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.42...v10.0.3-alpha.43) (2025-05-15)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
25
|
+
|
|
26
|
+
## [10.0.3-alpha.42](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.41...v10.0.3-alpha.42) (2025-05-15)
|
|
27
|
+
|
|
28
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
29
|
+
|
|
30
|
+
## [10.0.3-alpha.40](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.39...v10.0.3-alpha.40) (2025-05-14)
|
|
31
|
+
|
|
32
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
33
|
+
|
|
34
|
+
## [10.0.3-alpha.38](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.37...v10.0.3-alpha.38) (2025-04-25)
|
|
35
|
+
|
|
36
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
37
|
+
|
|
38
|
+
## [10.0.3-alpha.37](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.36...v10.0.3-alpha.37) (2025-04-25)
|
|
39
|
+
|
|
40
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
41
|
+
|
|
42
|
+
## [10.0.3-alpha.36](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.35...v10.0.3-alpha.36) (2025-04-23)
|
|
43
|
+
|
|
44
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
45
|
+
|
|
46
|
+
## [10.0.3-alpha.34](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.33...v10.0.3-alpha.34) (2025-04-22)
|
|
47
|
+
|
|
48
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
49
|
+
|
|
50
|
+
## [10.0.3-alpha.33](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.32...v10.0.3-alpha.33) (2025-04-17)
|
|
51
|
+
|
|
52
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
53
|
+
|
|
54
|
+
## [10.0.3-alpha.31](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.30...v10.0.3-alpha.31) (2025-04-16)
|
|
55
|
+
|
|
56
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
57
|
+
|
|
58
|
+
## [10.0.3-alpha.17](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.16...v10.0.3-alpha.17) (2025-04-08)
|
|
59
|
+
|
|
60
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
61
|
+
|
|
62
|
+
## [10.0.3-alpha.16](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.15...v10.0.3-alpha.16) (2025-03-28)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
65
|
+
|
|
66
|
+
## [10.0.3-alpha.14](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.13...v10.0.3-alpha.14) (2025-03-27)
|
|
67
|
+
|
|
68
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
69
|
+
|
|
70
|
+
## [10.0.3-alpha.10](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.9...v10.0.3-alpha.10) (2025-03-22)
|
|
71
|
+
|
|
72
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
73
|
+
|
|
74
|
+
## [10.0.3-alpha.7](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.6...v10.0.3-alpha.7) (2025-02-27)
|
|
75
|
+
|
|
76
|
+
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
77
|
+
|
|
6
78
|
## [10.0.3-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.4...v10.0.3-alpha.5) (2025-02-25)
|
|
7
79
|
|
|
8
80
|
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageAlert.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageAlert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,MAAM,WAAW,2BAA2B;IACxC,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,YAAY,UAAW,2BAA2B,sBAyC9D,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from'react';import
|
|
1
|
+
import React from'react';import {FiAlertCircle}from'@react-icons/all-files/fi/FiAlertCircle.js';import {FiExternalLink}from'@react-icons/all-files/fi/FiExternalLink.js';import parse from'html-react-parser';import {useColorModeValue,Stack,Text,Link}from'@chakra-ui/react';const MessageAlert = props => {
|
|
2
2
|
const {
|
|
3
3
|
message,
|
|
4
4
|
index,
|
|
@@ -7,7 +7,6 @@ import React from'react';import*as Icons from'@chakra-ui/icons';import parse fro
|
|
|
7
7
|
const {
|
|
8
8
|
attachment
|
|
9
9
|
} = message.propsConfiguration.contents;
|
|
10
|
-
const Icon = Icons[attachment.icon];
|
|
11
10
|
const color = useColorModeValue('white', 'gray.800');
|
|
12
11
|
const bgColor = useColorModeValue('gray.800', 'white');
|
|
13
12
|
return React.createElement(Stack, {
|
|
@@ -22,10 +21,12 @@ import React from'react';import*as Icons from'@chakra-ui/icons';import parse fro
|
|
|
22
21
|
direction: ['column', 'row'],
|
|
23
22
|
cursor: 'pointer',
|
|
24
23
|
onClick: () => onMessageClick(message)
|
|
25
|
-
}, React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
}, React.createElement(FiAlertCircle, {
|
|
25
|
+
style: {
|
|
26
|
+
color,
|
|
27
|
+
width: '24px',
|
|
28
|
+
height: '24px'
|
|
29
|
+
}
|
|
29
30
|
}), React.createElement(Text, {
|
|
30
31
|
fontSize: "14px",
|
|
31
32
|
mt: "5px",
|
|
@@ -40,7 +41,10 @@ import React from'react';import*as Icons from'@chakra-ui/icons';import parse fro
|
|
|
40
41
|
},
|
|
41
42
|
href: attachment.callToAction.link,
|
|
42
43
|
isExternal: true
|
|
43
|
-
}, attachment.callToAction.title, " ", React.createElement(
|
|
44
|
-
|
|
44
|
+
}, attachment.callToAction.title, " ", React.createElement(FiExternalLink, {
|
|
45
|
+
style: {
|
|
46
|
+
display: 'inline',
|
|
47
|
+
marginLeft: '2px'
|
|
48
|
+
}
|
|
45
49
|
})));
|
|
46
50
|
};export{MessageAlert};//# sourceMappingURL=MessageAlert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageAlert.js","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageAlert.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MessageAlert.js","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageAlert.tsx"],"sourcesContent":[null],"names":[],"mappings":"+QAca,MAAA,YAAY,GAAG,KAAC,IAAsC;QACzD;IACN,OAAM;IAGN,KAAM;IACN;MAEO,KAAA;AAcC,EAAA,MAAA;AACA,IAAA;AAGC,GAAA,GAAA,OAAA,CAAA,kBAAuB,CAAA,QACpB;AAIQ,EAAA,MAAA,KAAA,GAAA,iBAA2B,CAAA,OAAA,EAAA,UAAA,CAAA;eAE/B,GAAA,4BAA8B,EAAA,OACpB,CAAA;cAEC,CAAA,aAAa,CAAA,KAAA,EAAC;;AAAO,IAAA,EAAA,EAAA,GAAA;AAKpD,IAAE,EAAA,EAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageCard.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MessageCard.d.ts","sourceRoot":"","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,UAAW,kBAAkB,sBA6GpD,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from'react';import {startCase}from'lodash-es';import parse from'html-react-parser';import {useColorModeValue,Box,Image,Heading,Badge,Spacer,Text,Link}from'@chakra-ui/react';import {
|
|
1
|
+
import React from'react';import {startCase}from'lodash-es';import parse from'html-react-parser';import {useColorModeValue,Box,Image,Heading,Badge,Spacer,Text,Link}from'@chakra-ui/react';import {FiExternalLink}from'@react-icons/all-files/fi/FiExternalLink.js';import {FiStar}from'@react-icons/all-files/fi/FiStar.js';const MessageCard = props => {
|
|
2
2
|
const {
|
|
3
3
|
message,
|
|
4
4
|
index
|
|
@@ -74,9 +74,13 @@ import React from'react';import {startCase}from'lodash-es';import parse from'htm
|
|
|
74
74
|
color: "gray.600",
|
|
75
75
|
fontSize: "sm",
|
|
76
76
|
mr: "2"
|
|
77
|
-
}, property.totalReview, " reviews"), property?.totalStar && Array(5).fill('').map((_, i) => React.createElement(
|
|
77
|
+
}, property.totalReview, " reviews"), property?.totalStar && Array(5).fill('').map((_, i) => React.createElement(FiStar, {
|
|
78
78
|
key: i,
|
|
79
|
-
|
|
79
|
+
style: {
|
|
80
|
+
display: 'inline',
|
|
81
|
+
color: i < property.totalStar ? 'teal' : 'gray',
|
|
82
|
+
marginLeft: '1px'
|
|
83
|
+
}
|
|
80
84
|
})))), attachment.callToAction && React.createElement(Link, {
|
|
81
85
|
href: attachment.callToAction.link,
|
|
82
86
|
style: {
|
|
@@ -86,7 +90,10 @@ import React from'react';import {startCase}from'lodash-es';import parse from'htm
|
|
|
86
90
|
cursor: 'pointer'
|
|
87
91
|
},
|
|
88
92
|
isExternal: true
|
|
89
|
-
}, attachment.callToAction.title,
|
|
90
|
-
|
|
93
|
+
}, attachment.callToAction.title, ' ', React.createElement(FiExternalLink, {
|
|
94
|
+
style: {
|
|
95
|
+
display: 'inline',
|
|
96
|
+
marginLeft: '2px'
|
|
97
|
+
}
|
|
91
98
|
}))));
|
|
92
99
|
};export{MessageCard};//# sourceMappingURL=MessageCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessageCard.js","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MessageCard.js","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"4TAca,MAAA,WAAW,GAAG,KAAC,IAA6B;AACrD,EAAA,MAAA;IACA,OAAM;IACN;AAIA,GAAA,GAAA,KAAQ;AACR,EAAA,MAAA,KACI,GAAA,iBAAI,CAAA,YACQ,OAAA,CAAA;AACJ,EAAA,MAAA;;AASJ,GAAA,GAAA,OAAA,CAAA,oBAAO,QAAK;AACZ,EAAA,MAAA;AACI,IAAA;AACI,GAAA,GAAA,UAAA;cAIK,CAAA,aACL,CAAA,GAAA,EAAA;AACK,IAAA,MAAA,EAAA;;AAOD,KAAA;AACC,IAAA,MAAA,EAAA,CAAA;AASQ,IAAA,IAAA,EAAA,IAAA;AACC,IAAA,WAAA,EAAA,KAAA;gBAIjB,EAAA,IAAA;YAOA,EAAQ,QAAA;iBAEQ,CAAA;AAEA,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAc,EAAA;AACf,IAAA,KAAA,EAAA,MAAA;;AACa,IAAA,GAAA,EAAA,UAAA,CAAA;AAIrB,GAAA,CAAA,EAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;gBACA;;AAGa,IAAA,CAAA,EAAA;;AAGR,IAAA,EAAA,EAAA,GAAA;;;AAGQ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,OAAG,EAAE;AAIM,IAAA,KAAA,EAAA,KAAA;AACA,IAAA,QAAA,EAAA,MAAA;AACA,IAAA,UAAA,EAAA,UAAA;AACH,IAAA,EAAA,EAAA;AAM5B,GAAA,EAAA,UAAA,CAAA,WAAuB,GAAA,KAAA,CAAA,UACpB,CAAA,KAAA,CAAA,GAAA,UACI,CAAA,KAAI,CAAE,CAAA,EAAA,QAAU,IAAa,KAAA,CAAA,iBACtB,EAAA;AACH,IAAA,EAAA,EAAA,GAAA;AACH,IAAA,OAAA,EAAA;AAEG,GAAA,EAAA,QAAA,EAAA,IAAA,IAAA,KAAQ,CAAS,aAAA,CAAA,GAAA,EAAA,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACpB,IAAA,YAAA,EAAA,MACS;;iBAEyB;AACnC,GAAA,EAAA,SAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,mBAAgB,CAAA,MAAK,EAAE,IAAE,CAAA,EAAA,QAAiB,EAAA,kBAAc,CAAA,aAK1E,CAAA,GAAA,EAAA;AACN,IAAE,KAAA,EAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from'react';import {Fill}from'@common-stack/components-pro';import {PostTypeEnum}from'common';import'lodash-es';import'html-react-parser';import'@chakra-ui/react';import'@
|
|
1
|
+
import React from'react';import {Fill}from'@common-stack/components-pro';import {PostTypeEnum}from'common';import'lodash-es';import'html-react-parser';import'@chakra-ui/react';import'@react-icons/all-files/fi/FiExternalLink.js';import'@react-icons/all-files/fi/FiStar.js';import {MessageAlert}from'../components/InboxMessage/MessageWidgets/MessageAlert.js';const MessageAlertFill = () => {
|
|
2
2
|
return React.createElement(Fill, {
|
|
3
3
|
name: PostTypeEnum.Alert.toLowerCase()
|
|
4
4
|
}, props => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-alert-fill.js","sources":["../../src/slot-fill/message-alert-fill.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"message-alert-fill.js","sources":["../../src/slot-fill/message-alert-fill.tsx"],"sourcesContent":[null],"names":[],"mappings":"qWAMO,MAAM,gBAAgB,GAAG,MAAK;AACjC,EAAA,OAAA,KACK,CAAA,aAAA,CAAA,IAAA,EAAA;AAEO,IAAA,IAAA,EAAA,YAAgB,CAAA,KAAG,CAAA,WAAA;AACf,GAAA,EAAA,KAAA,IAAA;QACJ,KAAC,CAAA,MAAA,EAAA;AACD,MAAA,OAAA,MAAW,aAAC,CAAA,YAAA,EAAA;QAGtB,GAAA;AACN,OAAE,CAAA;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from'react';import {Fill}from'@common-stack/components-pro';import {PostTypeEnum}from'common';import {MessageCard}from'../components/InboxMessage/MessageWidgets/MessageCard.js';import'@
|
|
1
|
+
import React from'react';import {Fill}from'@common-stack/components-pro';import {PostTypeEnum}from'common';import {MessageCard}from'../components/InboxMessage/MessageWidgets/MessageCard.js';import'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiExternalLink.js';import'html-react-parser';import'@chakra-ui/react';const MessageCardFill = () => {
|
|
2
2
|
return React.createElement(Fill, {
|
|
3
3
|
name: PostTypeEnum.Card.toLowerCase()
|
|
4
4
|
}, props => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-card-fill.js","sources":["../../src/slot-fill/message-card-fill.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"message-card-fill.js","sources":["../../src/slot-fill/message-card-fill.tsx"],"sourcesContent":[null],"names":[],"mappings":"wVAMO,MAAM,eAAe,GAAG,MAAK;AAChC,EAAA,OAAA,KACK,CAAA,aAAA,CAAA,IAAA,EAAA;AAEO,IAAA,IAAA,EAAA,YAAgB,CAAA,IAAG,CAAA,WAAA;AACf,GAAA,EAAA,KAAA,IAAA;QACJ,KAAC,CAAA,MAAA,EAAA;AACD,MAAA,OAAA,MAAW,aAAC,CAAA,WAAA,EAAA;QAGtB,GAAA;AACN,OAAE,CAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@messenger-box/property-ext-browser",
|
|
3
|
-
"version": "10.0.3-alpha.
|
|
3
|
+
"version": "10.0.3-alpha.50",
|
|
4
4
|
"description": "Extention to Messenger to support property on browser",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
"watch": "npm run build:lib:watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@messenger-box/chakra-ui-inbox": "10.0.3-alpha.
|
|
25
|
-
"@messenger-box/core": "10.0.3-alpha.
|
|
24
|
+
"@messenger-box/chakra-ui-inbox": "10.0.3-alpha.50",
|
|
25
|
+
"@messenger-box/core": "10.0.3-alpha.50",
|
|
26
26
|
"@messenger-box/property-ext-core": "link:../core",
|
|
27
27
|
"date-fns": "^4.1.0",
|
|
28
28
|
"date-fns-tz": "^3.2.0",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"typescript": {
|
|
56
56
|
"definition": "lib/index.d.ts"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "04bd383c41b79ec5f5f2254d8886b8ab2761eaab"
|
|
59
59
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { FiAlertCircle } from '@react-icons/all-files/fi/FiAlertCircle';
|
|
3
|
+
import { FiExternalLink } from '@react-icons/all-files/fi/FiExternalLink';
|
|
3
4
|
import parse from 'html-react-parser';
|
|
4
5
|
import { Link, Stack, Text, useColorModeValue } from '@chakra-ui/react';
|
|
5
6
|
import { IPost } from 'common';
|
|
@@ -16,7 +17,6 @@ export const MessageAlert = (props: IPropertyMessageWidgetProps) => {
|
|
|
16
17
|
const { attachment } = message.propsConfiguration.contents as {
|
|
17
18
|
attachment: AlertMessageAttachmentsInterface;
|
|
18
19
|
};
|
|
19
|
-
const Icon = Icons[attachment.icon];
|
|
20
20
|
const color = useColorModeValue('white', 'gray.800');
|
|
21
21
|
const bgColor = useColorModeValue('gray.800', 'white');
|
|
22
22
|
|
|
@@ -34,7 +34,7 @@ export const MessageAlert = (props: IPropertyMessageWidgetProps) => {
|
|
|
34
34
|
cursor={'pointer'}
|
|
35
35
|
onClick={() => onMessageClick(message)}
|
|
36
36
|
>
|
|
37
|
-
<
|
|
37
|
+
<FiAlertCircle style={{ color, width: '24px', height: '24px' }} />
|
|
38
38
|
<Text fontSize="14px" mt="5px" mb="5px" whiteSpace={'pre-line'} color={color}>
|
|
39
39
|
{attachment.isTitleHtml ? parse(attachment.title) : attachment?.title}
|
|
40
40
|
</Text>
|
|
@@ -48,7 +48,7 @@ export const MessageAlert = (props: IPropertyMessageWidgetProps) => {
|
|
|
48
48
|
href={attachment.callToAction.link}
|
|
49
49
|
isExternal
|
|
50
50
|
>
|
|
51
|
-
{attachment.callToAction.title} <
|
|
51
|
+
{attachment.callToAction.title} <FiExternalLink style={{ display: 'inline', marginLeft: '2px' }} />
|
|
52
52
|
</Link>
|
|
53
53
|
)}
|
|
54
54
|
</Stack>
|
|
@@ -2,7 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import { startCase } from 'lodash-es';
|
|
3
3
|
import parse from 'html-react-parser';
|
|
4
4
|
import { Badge, Box, Heading, Image, Link, Spacer, Text, useColorModeValue } from '@chakra-ui/react';
|
|
5
|
-
import {
|
|
5
|
+
import { FiExternalLink } from '@react-icons/all-files/fi/FiExternalLink';
|
|
6
|
+
import { FiStar } from '@react-icons/all-files/fi/FiStar';
|
|
6
7
|
import { IPost } from 'common';
|
|
7
8
|
import { CardMessageAttachmentsInterface } from '../../../interfaces';
|
|
8
9
|
|
|
@@ -90,7 +91,14 @@ export const MessageCard = (props: IPropertyCardProps) => {
|
|
|
90
91
|
Array(5)
|
|
91
92
|
.fill('')
|
|
92
93
|
.map((_, i) => (
|
|
93
|
-
<
|
|
94
|
+
<FiStar
|
|
95
|
+
key={i}
|
|
96
|
+
style={{
|
|
97
|
+
display: 'inline',
|
|
98
|
+
color: i < property.totalStar ? 'teal' : 'gray',
|
|
99
|
+
marginLeft: '1px',
|
|
100
|
+
}}
|
|
101
|
+
/>
|
|
94
102
|
))}
|
|
95
103
|
</Box>
|
|
96
104
|
</Box>
|
|
@@ -106,7 +114,8 @@ export const MessageCard = (props: IPropertyCardProps) => {
|
|
|
106
114
|
}}
|
|
107
115
|
isExternal
|
|
108
116
|
>
|
|
109
|
-
{attachment.callToAction.title}
|
|
117
|
+
{attachment.callToAction.title}{' '}
|
|
118
|
+
<FiExternalLink style={{ display: 'inline', marginLeft: '2px' }} />
|
|
110
119
|
</Link>
|
|
111
120
|
)}
|
|
112
121
|
</Box>
|