@messenger-box/property-ext-browser 10.0.3-alpha.172 → 10.0.3-alpha.176
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/lib/components/InboxMessage/MessageWidgets/MessageAlert.d.ts.map +1 -1
- package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js +11 -35
- 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 +40 -81
- 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 -5
|
@@ -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;AAI1B,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,GAAI,OAAO,2BAA2B,sBA4B9D,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
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';
|
|
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';const MessageAlert = props => {
|
|
2
2
|
const {
|
|
3
3
|
message,
|
|
4
4
|
index,
|
|
@@ -7,44 +7,20 @@ import React from'react';import {FiAlertCircle}from'@react-icons/all-files/fi/Fi
|
|
|
7
7
|
const {
|
|
8
8
|
attachment
|
|
9
9
|
} = message.propsConfiguration.contents;
|
|
10
|
-
|
|
11
|
-
const bgColor = useColorModeValue('gray.800', 'white');
|
|
12
|
-
return React.createElement(Stack, {
|
|
10
|
+
return React.createElement("div", {
|
|
13
11
|
key: `${index}`,
|
|
14
|
-
|
|
15
|
-
mb: "10",
|
|
16
|
-
bgColor: bgColor,
|
|
17
|
-
padding: 3,
|
|
18
|
-
margin: 2,
|
|
19
|
-
opacity: 0.7,
|
|
20
|
-
borderRadius: 20,
|
|
21
|
-
direction: ['column', 'row'],
|
|
22
|
-
cursor: 'pointer',
|
|
12
|
+
className: "mt-4 mb-10 bg-gray-800 dark:bg-white p-3 m-2 opacity-70 rounded-[20px] flex flex-col sm:flex-row cursor-pointer text-white dark:text-gray-800",
|
|
23
13
|
onClick: () => onMessageClick(message)
|
|
24
14
|
}, React.createElement(FiAlertCircle, {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}), React.createElement(Text, {
|
|
31
|
-
fontSize: "14px",
|
|
32
|
-
mt: "5px",
|
|
33
|
-
mb: "5px",
|
|
34
|
-
whiteSpace: 'pre-line',
|
|
35
|
-
color: color
|
|
36
|
-
}, attachment.isTitleHtml ? parse(attachment.title) : attachment?.title), attachment.callToAction && React.createElement(Link, {
|
|
37
|
-
color: color,
|
|
38
|
-
mr: "2",
|
|
39
|
-
style: {
|
|
40
|
-
textDecoration: 'underline'
|
|
41
|
-
},
|
|
15
|
+
className: "w-6 h-6 flex-shrink-0"
|
|
16
|
+
}), React.createElement("p", {
|
|
17
|
+
className: "text-sm mt-1.5 mb-1.5 whitespace-pre-line"
|
|
18
|
+
}, attachment.isTitleHtml ? parse(attachment.title) : attachment?.title), attachment.callToAction && React.createElement("a", {
|
|
19
|
+
className: "mr-2 underline hover:opacity-80",
|
|
42
20
|
href: attachment.callToAction.link,
|
|
43
|
-
|
|
21
|
+
target: "_blank",
|
|
22
|
+
rel: "noopener noreferrer"
|
|
44
23
|
}, attachment.callToAction.title, " ", React.createElement(FiExternalLink, {
|
|
45
|
-
|
|
46
|
-
display: 'inline',
|
|
47
|
-
marginLeft: '2px'
|
|
48
|
-
}
|
|
24
|
+
className: "inline ml-0.5"
|
|
49
25
|
})));
|
|
50
26
|
};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":"8MAaO,MAAM,YAAY,GAAG,KAAC,IAAoC;QAC7D;IACA,OAAM;IAIN,KAAA;AAMQ,IAAA;WACA;QAGC;;;cAOuC,CAAA,aAAA,CAAA,KAAC,EAAA;AAKrD,IAAE,GAAA,EAAA,CAAA,EAAA,KAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}
|
|
@@ -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;AAK1B,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,GAAI,OAAO,kBAAkB,sBA+EpD,CAAC"}
|
|
@@ -1,99 +1,58 @@
|
|
|
1
|
-
import React from'react';import {startCase}from'lodash-es';import parse from'html-react-parser';import {
|
|
1
|
+
import React from'react';import {startCase}from'lodash-es';import parse from'html-react-parser';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
|
|
5
5
|
} = props;
|
|
6
|
-
const color = useColorModeValue('gray.800', 'white');
|
|
7
6
|
const {
|
|
8
7
|
attachment
|
|
9
8
|
} = message.propsConfiguration?.contents;
|
|
10
9
|
const {
|
|
11
10
|
property
|
|
12
11
|
} = attachment;
|
|
13
|
-
return React.createElement(
|
|
14
|
-
|
|
15
|
-
cursor: 'pointer'
|
|
16
|
-
},
|
|
17
|
-
margin: 5,
|
|
18
|
-
maxW: "xs",
|
|
19
|
-
borderWidth: "1px",
|
|
20
|
-
borderRadius: "lg",
|
|
21
|
-
overflow: "hidden",
|
|
12
|
+
return React.createElement("div", {
|
|
13
|
+
className: "m-5 max-w-xs border border-gray-200 rounded-lg overflow-hidden hover:cursor-pointer",
|
|
22
14
|
key: `${index}`
|
|
23
|
-
}, React.createElement(
|
|
24
|
-
|
|
15
|
+
}, React.createElement("img", {
|
|
16
|
+
className: "w-full",
|
|
25
17
|
src: attachment.image,
|
|
26
18
|
alt: attachment.title
|
|
27
|
-
}), React.createElement(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}, React.createElement(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}, React.createElement(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
display: "flex",
|
|
56
|
-
mt: "4",
|
|
57
|
-
mb: "3",
|
|
58
|
-
alignItems: "center"
|
|
59
|
-
}, attachment.isDescriptionHtml ? parse(attachment.description) : React.createElement(Text, null, attachment.description)), property && React.createElement(Box, {
|
|
60
|
-
display: "flex",
|
|
61
|
-
mb: "4"
|
|
62
|
-
}, property?.price && React.createElement(Box, {
|
|
63
|
-
mt: 2
|
|
64
|
-
}, property.price, React.createElement(Box, {
|
|
65
|
-
as: "span",
|
|
66
|
-
color: "gray.600",
|
|
67
|
-
fontSize: "sm"
|
|
68
|
-
}, "\u00A0/ ", startCase(property.priceType))), React.createElement(Spacer, null), React.createElement(Box, {
|
|
69
|
-
mt: "2",
|
|
70
|
-
alignItems: "center"
|
|
71
|
-
}, property?.totalReview && React.createElement(Box, {
|
|
72
|
-
as: "span",
|
|
73
|
-
ml: "2",
|
|
74
|
-
color: "gray.600",
|
|
75
|
-
fontSize: "sm",
|
|
76
|
-
mr: "2"
|
|
19
|
+
}), React.createElement("div", {
|
|
20
|
+
className: "m-3"
|
|
21
|
+
}, React.createElement("div", {
|
|
22
|
+
className: "mt-3 leading-tight line-clamp-1"
|
|
23
|
+
}, React.createElement("h3", {
|
|
24
|
+
className: "text-gray-800 dark:text-white text-sm font-semibold"
|
|
25
|
+
}, attachment.isTitleHtml ? parse(attachment.title) : attachment.title)), property && React.createElement("div", {
|
|
26
|
+
className: "mt-3 flex"
|
|
27
|
+
}, property?.type && React.createElement("div", null, React.createElement("span", {
|
|
28
|
+
className: "inline-flex items-center rounded-full px-2 py-1 text-xs font-medium bg-teal-100 text-teal-800"
|
|
29
|
+
}, startCase(property.type))), React.createElement("div", {
|
|
30
|
+
className: "flex-1"
|
|
31
|
+
}), property?.maxPeople && React.createElement("div", {
|
|
32
|
+
className: "text-gray-500 font-semibold tracking-wide text-xs uppercase ml-2"
|
|
33
|
+
}, property.maxPeople, " Max People")), React.createElement("div", {
|
|
34
|
+
className: "flex mt-4 mb-3 items-center"
|
|
35
|
+
}, attachment.isDescriptionHtml ? parse(attachment.description) : React.createElement("p", null, attachment.description)), property && React.createElement("div", {
|
|
36
|
+
className: "flex mb-4"
|
|
37
|
+
}, property?.price && React.createElement("div", {
|
|
38
|
+
className: "mt-2"
|
|
39
|
+
}, property.price, React.createElement("span", {
|
|
40
|
+
className: "text-gray-600 text-sm"
|
|
41
|
+
}, "\u00A0/ ", startCase(property.priceType))), React.createElement("div", {
|
|
42
|
+
className: "flex-1"
|
|
43
|
+
}), React.createElement("div", {
|
|
44
|
+
className: "mt-2 items-center"
|
|
45
|
+
}, property?.totalReview && React.createElement("span", {
|
|
46
|
+
className: "ml-2 text-gray-600 text-sm mr-2"
|
|
77
47
|
}, property.totalReview, " reviews"), property?.totalStar && Array(5).fill('').map((_, i) => React.createElement(FiStar, {
|
|
78
48
|
key: i,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
color: i < property.totalStar ? 'teal' : 'gray',
|
|
82
|
-
marginLeft: '1px'
|
|
83
|
-
}
|
|
84
|
-
})))), attachment.callToAction && React.createElement(Link, {
|
|
49
|
+
className: `inline ml-px ${i < property.totalStar ? 'text-teal-500' : 'text-gray-400'}`
|
|
50
|
+
})))), attachment.callToAction && React.createElement("a", {
|
|
85
51
|
href: attachment.callToAction.link,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
},
|
|
92
|
-
isExternal: true
|
|
93
|
-
}, attachment.callToAction.title, ' ', React.createElement(FiExternalLink, {
|
|
94
|
-
style: {
|
|
95
|
-
display: 'inline',
|
|
96
|
-
marginLeft: '2px'
|
|
97
|
-
}
|
|
52
|
+
className: "cursor-pointer hover:underline text-blue-600 dark:text-blue-400",
|
|
53
|
+
target: "_blank",
|
|
54
|
+
rel: "noopener noreferrer"
|
|
55
|
+
}, attachment.callToAction.title, " ", React.createElement(FiExternalLink, {
|
|
56
|
+
className: "inline ml-0.5"
|
|
98
57
|
}))));
|
|
99
58
|
};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":"kOAaO,MAAM,WAAW,GAAG,KAAC,IAA2B;AACnD,EAAA,MAAA;IACA,OAAM;AAIN,IAAA;MACA,KAAO;AAKC,EAAA,MAAA;;aAEI,CAAA,kBAAA,EAAA,QAAK;;AAKJ,IAAA;gBAEQ;AAEO,EAAA,OAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;oGAKsB;AAC7B,IAAA,GAAA,EAAA,CAAA,EAAA,KAAA,CAAA;AAEQ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAS,EAAA;AACR,IAAA,SAAA,EAAA,QAAA;mBAIlB,CAAA,KAAA;AAGC,IAAA,GAAA,EAAA,UAAA,CAAQ;AAEA,GAAA,CAAA,EAAA,KAAA,CAAA,cAAU,KAAK,EAAA;AAEP,IAAA,SAAA,EAAA;wBACD,CAAA,KAAA,EAAA;;AAAiD,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;;gBAIzD,WAAA,GAAA,KAAA,CAAA,UAAK,CAAA,KAAA,CAAA,GAAU,UAAA,CAAA,KAAA,CAAA,CAAA,EAAmB,QAAA,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAC7B,IAAA,SAAA,EAAA;AACsD,GAAA,EAAA,QAAA,EAAA,IAAA,IAAA,KAAA,CAAA,aAAS,CAAA,KAAW,EAAA,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;;AAE1E,GAAA,EAAA,SAAA,CAAA,QAAA,CAAA,IAAQ,EAAE,CAAA,EAAA,KAAA,CAAS,aAAA,CAAA,KAAA,EAAA;;6BAEX,KAAK,cAAG,CAAA,KAAA,EAAA;AACR,IAAA,SAAA,EAAA;aAWpB,CAAA,SAAW,eAAY,CAAI,CACxB,2BACI,EAAA;;;;AAWxB,GAAE,EAAA,QAAA,EAAA,KAAA,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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'@
|
|
1
|
+
import React from'react';import {Fill}from'@common-stack/components-pro';import {PostTypeEnum}from'common';import'lodash-es';import'html-react-parser';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":"4UAMO,MAAM,gBAAgB,GAAG,MAAK;AACjC,EAAA,OAAA,KACI,CAAA,aAAA,CAAA,IAAC,EAAA;AAEO,IAAA,IAAA,EAAA,YAAU,CAAA,KAAS,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'@react-icons/all-files/fi/FiAlertCircle.js';import'@react-icons/all-files/fi/FiExternalLink.js';import'html-react-parser';
|
|
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';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":"+TAMO,MAAM,eAAe,GAAG,MAAK;AAChC,EAAA,OAAA,KACI,CAAA,aAAA,CAAA,IAAC,EAAA;AAEO,IAAA,IAAA,EAAA,YAAU,CAAA,IAAS,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.176",
|
|
4
4
|
"description": "Extention to Messenger to support property on browser",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"watch": "npm run build:lib:watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@messenger-box/core": "10.0.3-alpha.
|
|
24
|
+
"@messenger-box/core": "10.0.3-alpha.176",
|
|
25
25
|
"@messenger-box/property-ext-core": "link:../core",
|
|
26
|
-
"@messenger-box/tailwind-ui-inbox": "10.0.3-alpha.
|
|
26
|
+
"@messenger-box/tailwind-ui-inbox": "10.0.3-alpha.176",
|
|
27
27
|
"date-fns": "^4.1.0",
|
|
28
28
|
"date-fns-tz": "^3.2.0",
|
|
29
29
|
"emoji-mart": "^3.0.1",
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
"@adminide-stack/core": "*",
|
|
36
36
|
"@adminide-stack/user-auth0-browser": "*",
|
|
37
37
|
"@cdm-logger/client": "*",
|
|
38
|
-
"@chakra-ui/react": "*",
|
|
39
38
|
"@common-stack/client-react": "*",
|
|
40
39
|
"@workbench-stack/components": "*",
|
|
41
40
|
"lodash": "*",
|
|
@@ -54,5 +53,5 @@
|
|
|
54
53
|
"typescript": {
|
|
55
54
|
"definition": "lib/index.d.ts"
|
|
56
55
|
},
|
|
57
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "84a07ebd139b990117922b12e5295d86dd8d9ffe"
|
|
58
57
|
}
|