@messenger-box/property-ext-browser 10.0.3-alpha.17 → 10.0.3-alpha.171
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 +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/interfaces/message-widgets.interface.d.ts +2 -2
- package/lib/interfaces/message-widgets.interface.d.ts.map +1 -1
- package/lib/module.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
- package/CHANGELOG.md +0 -126
- package/jest.config.js +0 -9
- package/rollup.config.mjs +0 -35
- package/src/components/InboxMessage/MessageWidgets/MessageAlert.tsx +0 -56
- package/src/components/InboxMessage/MessageWidgets/MessageCard.tsx +0 -115
- package/src/components/InboxMessage/MessageWidgets/index.ts +0 -2
- package/src/components/InboxMessage/index.ts +0 -1
- package/src/components/index.ts +0 -1
- package/src/index.ts +0 -1
- package/src/interfaces/index.ts +0 -1
- package/src/interfaces/message-widgets.interface.ts +0 -14
- package/src/module.ts +0 -16
- package/src/slot-fill/index.ts +0 -2
- package/src/slot-fill/message-alert-fill.tsx +0 -18
- package/src/slot-fill/message-card-fill.tsx +0 -18
- package/tsconfig.json +0 -14
|
@@ -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,GAAI,OAAO,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":"+QAcO,MAAM,YAAY,GAAG,KAAC,IAAoC;QAC7D;IACA,OAAM;IAGN,KAAA;IACA;MAEA,KAAO;AAcC,EAAA,MAAA;AACA,IAAA;AAGC,GAAA,GAAA,OAAA,CAAA,kBAAuB,CAAA,QACpB;AAIQ,EAAA,MAAA,KAAA,GAAA,iBAAgB,CAAA,OAAA,EAAW,UAAA,CAAA;eAE/B,GAAA,4BAA8B,EAAA,OAC9B,CAAA;cAEC,CAAA,aAAW,CAAA,KAAA,EAAa;;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,GAAI,OAAO,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":"4TAcO,MAAM,WAAW,GAAG,KAAC,IAA2B;AACnD,EAAA,MAAA;IACA,OAAM;IACN;AAIA,GAAA,GAAA,KAAM;AACN,EAAA,MAAA,KACI,GAAA,iBAAC,CAAA,YACS,OAAE,CAAA;AACJ,EAAA,MAAA;;AASJ,GAAA,GAAA,OAAA,CAAA,oBAAM,QAAM;AACZ,EAAA,MAAA;AACI,IAAA;AACI,GAAA,GAAA,UAAA;cAIH,CAAA,aACG,CAAA,GAAA,EAAA;AACK,IAAA,MAAA,EAAA;;AAOD,KAAA;AACC,IAAA,MAAA,EAAA,CAAA;AASQ,IAAA,IAAA,EAAA,IAAA;AACC,IAAA,WAAA,EAAA,KAAA;gBAIlB,EAAA,IAAA;YAOC,EAAA,QAAQ;iBAEA,CAAA;AAEQ,GAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAS,EAAA;AACV,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,WAAW,GAAA,KAAY,CAAA,UACpB,CAAA,KAAA,CAAA,GAAA,UAAK,CAAA,KACG,CAAA,CAAE,EAAA,QAAU,IAAC,KAAA,CAAA,iBACV,EAAA;AACH,IAAA,EAAA,EAAA,GAAA;AACH,IAAA,OAAA,EAAA;AAEG,GAAA,EAAA,QAAA,EAAA,IAAA,IAAA,KAAQ,CAAA,aAAS,CAAA,GAAA,EAAA,IAAA,EAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACpB,IAAA,YAAA,EAAA,MACD;;iBAEgC;AAChC,GAAA,EAAA,SAAA,CAAA,QAAA,CAAA,IAAA,CAAA,CAAA,CAAA,EAAA,mBAAe,CAAA,MAAM,EAAE,IAAE,CAAA,EAAA,QAAS,EAAA,kBAAsB,CAAA,aAK1E,CAAA,GAAA,EAAA;AACN,IAAE,KAAA,EAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CardMessageAttachmentsInterface as BaseCardMessageAttachmentsInterface } from '@messenger-box/
|
|
2
|
-
export { AlertMessageAttachmentsInterface } from '@messenger-box/
|
|
1
|
+
import { CardMessageAttachmentsInterface as BaseCardMessageAttachmentsInterface } from '@messenger-box/tailwind-ui-inbox';
|
|
2
|
+
export { AlertMessageAttachmentsInterface } from '@messenger-box/tailwind-ui-inbox';
|
|
3
3
|
export interface CardMessageAttachmentsInterface extends BaseCardMessageAttachmentsInterface {
|
|
4
4
|
property: {
|
|
5
5
|
price: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-widgets.interface.d.ts","sourceRoot":"","sources":["../../src/interfaces/message-widgets.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,IAAI,mCAAmC,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"message-widgets.interface.d.ts","sourceRoot":"","sources":["../../src/interfaces/message-widgets.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,IAAI,mCAAmC,EAAE,MAAM,kCAAkC,CAAC;AAE1H,OAAO,EAAE,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AAEpF,MAAM,WAAW,+BAAgC,SAAQ,mCAAmC;IACxF,QAAQ,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL"}
|
package/lib/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/module.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../src/module.ts"],"sourcesContent":[null],"names":[],"mappings":"mNAIO,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC;AAC/B,EAAA,oBAAA,EAAoB,CAAA;AAChB,IAAA,IAAA,EAAA,YAAA,CAAA,KAAA,CAAA,WAAA,EAAA;AACI,IAAA,MAAA,EAAA;AACA,GAAA,EAAA;AACH,IAAA,IAAA,EAAA,YAAA,CAAA,IAAA,CAAA,WAAA,EAAA;AACD,IAAA,MAAA,EAAA;AACI,GAAA;AACA,CAAA"}
|
|
@@ -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,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'@
|
|
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,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.171",
|
|
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/
|
|
25
|
-
"@messenger-box/core": "10.0.3-alpha.17",
|
|
24
|
+
"@messenger-box/core": "10.0.3-alpha.165",
|
|
26
25
|
"@messenger-box/property-ext-core": "link:../core",
|
|
26
|
+
"@messenger-box/tailwind-ui-inbox": "10.0.3-alpha.171",
|
|
27
27
|
"date-fns": "^4.1.0",
|
|
28
28
|
"date-fns-tz": "^3.2.0",
|
|
29
29
|
"emoji-mart": "^3.0.1",
|
|
@@ -38,7 +38,6 @@
|
|
|
38
38
|
"@chakra-ui/react": "*",
|
|
39
39
|
"@common-stack/client-react": "*",
|
|
40
40
|
"@workbench-stack/components": "*",
|
|
41
|
-
"antd": ">=5.1.0",
|
|
42
41
|
"lodash": "*",
|
|
43
42
|
"moment": "*",
|
|
44
43
|
"react": ">=16.14.0",
|
|
@@ -55,5 +54,5 @@
|
|
|
55
54
|
"typescript": {
|
|
56
55
|
"definition": "lib/index.d.ts"
|
|
57
56
|
},
|
|
58
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "c1244ee70b3e40dec9916c2ef7e801695ecc7b5a"
|
|
59
58
|
}
|
package/CHANGELOG.md
DELETED
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
# Change Log
|
|
2
|
-
|
|
3
|
-
All notable changes to this project will be documented in this file.
|
|
4
|
-
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
|
-
|
|
6
|
-
## [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)
|
|
7
|
-
|
|
8
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
9
|
-
|
|
10
|
-
## [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)
|
|
11
|
-
|
|
12
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
13
|
-
|
|
14
|
-
## [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)
|
|
15
|
-
|
|
16
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
17
|
-
|
|
18
|
-
## [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)
|
|
19
|
-
|
|
20
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
21
|
-
|
|
22
|
-
## [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)
|
|
23
|
-
|
|
24
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
25
|
-
|
|
26
|
-
## [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)
|
|
27
|
-
|
|
28
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
29
|
-
|
|
30
|
-
## [10.0.3-alpha.2](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.1...v10.0.3-alpha.2) (2025-02-24)
|
|
31
|
-
|
|
32
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
33
|
-
|
|
34
|
-
## [10.0.3-alpha.0](https://github.com/cdmbase/messenger-box/compare/v10.0.2-alpha.6...v10.0.3-alpha.0) (2025-02-24)
|
|
35
|
-
|
|
36
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
37
|
-
|
|
38
|
-
## [10.0.2-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.4...v10.0.2-alpha.5) (2025-02-24)
|
|
39
|
-
|
|
40
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
41
|
-
|
|
42
|
-
## [10.0.2-alpha.4](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.3...v10.0.2-alpha.4) (2025-02-10)
|
|
43
|
-
|
|
44
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
45
|
-
|
|
46
|
-
## [10.0.2-alpha.3](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.2...v10.0.2-alpha.3) (2025-02-10)
|
|
47
|
-
|
|
48
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
49
|
-
|
|
50
|
-
## [10.0.2-alpha.2](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.1...v10.0.2-alpha.2) (2025-02-10)
|
|
51
|
-
|
|
52
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
53
|
-
|
|
54
|
-
## [10.0.2-alpha.0](https://github.com/cdmbase/messenger-box/compare/v9.0.4-alpha.23...v10.0.2-alpha.0) (2025-02-04)
|
|
55
|
-
|
|
56
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
57
|
-
|
|
58
|
-
## [10.0.1-alpha.0](https://github.com/cdmbase/messenger-box/compare/v9.0.4-alpha.23...v10.0.1-alpha.0) (2025-02-04)
|
|
59
|
-
|
|
60
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
61
|
-
|
|
62
|
-
## [9.0.4-alpha.22](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.21...v9.0.4-alpha.22) (2025-01-31)
|
|
63
|
-
|
|
64
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
65
|
-
|
|
66
|
-
## [9.0.4-alpha.17](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.16...v9.0.4-alpha.17) (2024-10-17)
|
|
67
|
-
|
|
68
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
69
|
-
|
|
70
|
-
## [9.0.4-alpha.16](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.15...v9.0.4-alpha.16) (2024-10-08)
|
|
71
|
-
|
|
72
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
73
|
-
|
|
74
|
-
## [9.0.4-alpha.15](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.14...v9.0.4-alpha.15) (2024-09-30)
|
|
75
|
-
|
|
76
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
77
|
-
|
|
78
|
-
## [9.0.4-alpha.7](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.6...v9.0.4-alpha.7) (2024-09-20)
|
|
79
|
-
|
|
80
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
81
|
-
|
|
82
|
-
## [9.0.4-alpha.1](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.0...v9.0.4-alpha.1) (2024-09-12)
|
|
83
|
-
|
|
84
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
85
|
-
|
|
86
|
-
## [9.0.2-alpha.0](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.10...v9.0.2-alpha.0) (2024-09-06)
|
|
87
|
-
|
|
88
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
89
|
-
|
|
90
|
-
## [7.2.6-alpha.10](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.9...v7.2.6-alpha.10) (2024-08-13)
|
|
91
|
-
|
|
92
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
93
|
-
|
|
94
|
-
## [7.2.6-alpha.4](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.3...v7.2.6-alpha.4) (2024-08-12)
|
|
95
|
-
|
|
96
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
97
|
-
|
|
98
|
-
## 7.2.6-alpha.0 (2024-08-11)
|
|
99
|
-
|
|
100
|
-
### Features
|
|
101
|
-
|
|
102
|
-
- add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))
|
|
103
|
-
|
|
104
|
-
## 7.2.4-alpha.0 (2024-07-19)
|
|
105
|
-
|
|
106
|
-
### Features
|
|
107
|
-
|
|
108
|
-
- add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))
|
|
109
|
-
|
|
110
|
-
## [7.2.1-alpha.4](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.3...v7.2.1-alpha.4) (2024-07-16)
|
|
111
|
-
|
|
112
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
113
|
-
|
|
114
|
-
## [7.2.1-alpha.2](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.1...v7.2.1-alpha.2) (2024-07-16)
|
|
115
|
-
|
|
116
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
117
|
-
|
|
118
|
-
## [7.2.1-alpha.1](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.0...v7.2.1-alpha.1) (2024-07-16)
|
|
119
|
-
|
|
120
|
-
**Note:** Version bump only for package @messenger-box/property-ext-browser
|
|
121
|
-
|
|
122
|
-
## 7.2.1-alpha.0 (2024-07-15)
|
|
123
|
-
|
|
124
|
-
### Features
|
|
125
|
-
|
|
126
|
-
- add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))
|
package/jest.config.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
const base = require('../../../jest.config.base');
|
|
2
|
-
const packageJson = require('./package');
|
|
3
|
-
|
|
4
|
-
module.exports = {
|
|
5
|
-
...base,
|
|
6
|
-
testEnvironment: 'jsdom', // This is overriden, from the base testEnvironment
|
|
7
|
-
name: packageJson.name,
|
|
8
|
-
displayName: packageJson.name,
|
|
9
|
-
};
|
package/rollup.config.mjs
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { createRollupConfig } from '../../../rollup.config.base.mjs';
|
|
2
|
-
|
|
3
|
-
const additionalPlugins = [];
|
|
4
|
-
// Use the createRollupConfig function to merge the base and specific configurations
|
|
5
|
-
export default (commandLineArgs) => {
|
|
6
|
-
const isWatchMode = commandLineArgs.watch;
|
|
7
|
-
return [
|
|
8
|
-
createRollupConfig(
|
|
9
|
-
{
|
|
10
|
-
input: ['src/index.ts'],
|
|
11
|
-
plugins: [
|
|
12
|
-
// Spread in additional plugins specific to this config
|
|
13
|
-
...additionalPlugins,
|
|
14
|
-
],
|
|
15
|
-
output: [
|
|
16
|
-
{
|
|
17
|
-
dir: 'lib',
|
|
18
|
-
format: 'es',
|
|
19
|
-
name: 'property-ext-browser',
|
|
20
|
-
compact: true,
|
|
21
|
-
exports: 'named',
|
|
22
|
-
sourcemap: true,
|
|
23
|
-
preserveModules: true,
|
|
24
|
-
chunkFileNames: '[name]-[hash].[format].js',
|
|
25
|
-
globals: { react: 'React' },
|
|
26
|
-
},
|
|
27
|
-
],
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
isWatchMode,
|
|
31
|
-
generateRoutesJSON: true,
|
|
32
|
-
},
|
|
33
|
-
),
|
|
34
|
-
];
|
|
35
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import * as Icons from '@chakra-ui/icons';
|
|
3
|
-
import parse from 'html-react-parser';
|
|
4
|
-
import { Link, Stack, Text, useColorModeValue } from '@chakra-ui/react';
|
|
5
|
-
import { IPost } from 'common';
|
|
6
|
-
import { AlertMessageAttachmentsInterface } from '../../../interfaces';
|
|
7
|
-
|
|
8
|
-
export interface IPropertyMessageWidgetProps {
|
|
9
|
-
message: IPost;
|
|
10
|
-
index: number;
|
|
11
|
-
onMessageClick: (ref: IPost) => void;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const MessageAlert = (props: IPropertyMessageWidgetProps) => {
|
|
15
|
-
const { message, index, onMessageClick } = props;
|
|
16
|
-
const { attachment } = message.propsConfiguration.contents as {
|
|
17
|
-
attachment: AlertMessageAttachmentsInterface;
|
|
18
|
-
};
|
|
19
|
-
const Icon = Icons[attachment.icon];
|
|
20
|
-
const color = useColorModeValue('white', 'gray.800');
|
|
21
|
-
const bgColor = useColorModeValue('gray.800', 'white');
|
|
22
|
-
|
|
23
|
-
return (
|
|
24
|
-
<Stack
|
|
25
|
-
key={`${index}`}
|
|
26
|
-
mt="4"
|
|
27
|
-
mb="10"
|
|
28
|
-
bgColor={bgColor}
|
|
29
|
-
padding={3}
|
|
30
|
-
margin={2}
|
|
31
|
-
opacity={0.7}
|
|
32
|
-
borderRadius={20}
|
|
33
|
-
direction={['column', 'row']}
|
|
34
|
-
cursor={'pointer'}
|
|
35
|
-
onClick={() => onMessageClick(message)}
|
|
36
|
-
>
|
|
37
|
-
<Icon w={6} h={6} color={color} />
|
|
38
|
-
<Text fontSize="14px" mt="5px" mb="5px" whiteSpace={'pre-line'} color={color}>
|
|
39
|
-
{attachment.isTitleHtml ? parse(attachment.title) : attachment?.title}
|
|
40
|
-
</Text>
|
|
41
|
-
{attachment.callToAction && (
|
|
42
|
-
<Link
|
|
43
|
-
color={color}
|
|
44
|
-
mr="2"
|
|
45
|
-
style={{
|
|
46
|
-
textDecoration: 'underline',
|
|
47
|
-
}}
|
|
48
|
-
href={attachment.callToAction.link}
|
|
49
|
-
isExternal
|
|
50
|
-
>
|
|
51
|
-
{attachment.callToAction.title} <Icons.ExternalLinkIcon mx="2px" />
|
|
52
|
-
</Link>
|
|
53
|
-
)}
|
|
54
|
-
</Stack>
|
|
55
|
-
);
|
|
56
|
-
};
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { startCase } from 'lodash-es';
|
|
3
|
-
import parse from 'html-react-parser';
|
|
4
|
-
import { Badge, Box, Heading, Image, Link, Spacer, Text, useColorModeValue } from '@chakra-ui/react';
|
|
5
|
-
import { ExternalLinkIcon, StarIcon } from '@chakra-ui/icons';
|
|
6
|
-
import { IPost } from 'common';
|
|
7
|
-
import { CardMessageAttachmentsInterface } from '../../../interfaces';
|
|
8
|
-
|
|
9
|
-
export interface IPropertyCardProps {
|
|
10
|
-
message: IPost;
|
|
11
|
-
index: number;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const MessageCard = (props: IPropertyCardProps) => {
|
|
15
|
-
const { message, index } = props;
|
|
16
|
-
const color = useColorModeValue('gray.800', 'white');
|
|
17
|
-
const { attachment } = message.propsConfiguration?.contents as {
|
|
18
|
-
attachment: CardMessageAttachmentsInterface;
|
|
19
|
-
refId: string;
|
|
20
|
-
};
|
|
21
|
-
const { property } = attachment;
|
|
22
|
-
return (
|
|
23
|
-
<Box
|
|
24
|
-
_hover={{
|
|
25
|
-
cursor: 'pointer',
|
|
26
|
-
}}
|
|
27
|
-
margin={5}
|
|
28
|
-
maxW="xs"
|
|
29
|
-
borderWidth="1px"
|
|
30
|
-
borderRadius="lg"
|
|
31
|
-
overflow="hidden"
|
|
32
|
-
key={`${index}`}
|
|
33
|
-
>
|
|
34
|
-
<Image width="100%" src={attachment.image} alt={attachment.title} />
|
|
35
|
-
<Box marginTop={4} margin={2} m="3">
|
|
36
|
-
<Box mt="3" lineHeight="tight" noOfLines={1}>
|
|
37
|
-
<Heading color={color} fontSize="14px" fontWeight="semibold" as="h3">
|
|
38
|
-
{attachment.isTitleHtml ? parse(attachment.title) : attachment.title}
|
|
39
|
-
</Heading>
|
|
40
|
-
</Box>
|
|
41
|
-
{property && (
|
|
42
|
-
<Box mt="3" display="flex">
|
|
43
|
-
{property?.type && (
|
|
44
|
-
<Box>
|
|
45
|
-
<Badge borderRadius="full" px="2" colorScheme="teal">
|
|
46
|
-
{startCase(property.type)}
|
|
47
|
-
</Badge>
|
|
48
|
-
</Box>
|
|
49
|
-
)}
|
|
50
|
-
<Spacer />
|
|
51
|
-
{property?.maxPeople && (
|
|
52
|
-
<Box
|
|
53
|
-
color="gray.500"
|
|
54
|
-
fontWeight="semibold"
|
|
55
|
-
letterSpacing="wide"
|
|
56
|
-
fontSize="xs"
|
|
57
|
-
textTransform="uppercase"
|
|
58
|
-
ml="2"
|
|
59
|
-
>
|
|
60
|
-
{property.maxPeople} Max People
|
|
61
|
-
</Box>
|
|
62
|
-
)}
|
|
63
|
-
</Box>
|
|
64
|
-
)}
|
|
65
|
-
<Box display="flex" mt="4" mb="3" alignItems="center">
|
|
66
|
-
{attachment.isDescriptionHtml ? (
|
|
67
|
-
parse(attachment.description)
|
|
68
|
-
) : (
|
|
69
|
-
<Text>{attachment.description}</Text>
|
|
70
|
-
)}
|
|
71
|
-
</Box>
|
|
72
|
-
{property && (
|
|
73
|
-
<Box display="flex" mb="4">
|
|
74
|
-
{property?.price && (
|
|
75
|
-
<Box mt={2}>
|
|
76
|
-
{property.price}
|
|
77
|
-
<Box as="span" color="gray.600" fontSize="sm">
|
|
78
|
-
/ {startCase(property.priceType)}
|
|
79
|
-
</Box>
|
|
80
|
-
</Box>
|
|
81
|
-
)}
|
|
82
|
-
<Spacer />
|
|
83
|
-
<Box mt="2" alignItems="center">
|
|
84
|
-
{property?.totalReview && (
|
|
85
|
-
<Box as="span" ml="2" color="gray.600" fontSize="sm" mr="2">
|
|
86
|
-
{property.totalReview} reviews
|
|
87
|
-
</Box>
|
|
88
|
-
)}
|
|
89
|
-
{property?.totalStar &&
|
|
90
|
-
Array(5)
|
|
91
|
-
.fill('')
|
|
92
|
-
.map((_, i) => (
|
|
93
|
-
<StarIcon key={i} color={i < property.totalStar ? 'teal.500' : 'gray.300'} />
|
|
94
|
-
))}
|
|
95
|
-
</Box>
|
|
96
|
-
</Box>
|
|
97
|
-
)}
|
|
98
|
-
{attachment.callToAction && (
|
|
99
|
-
<Link
|
|
100
|
-
href={attachment.callToAction.link}
|
|
101
|
-
style={{
|
|
102
|
-
cursor: 'pointer',
|
|
103
|
-
}}
|
|
104
|
-
_hover={{
|
|
105
|
-
cursor: 'pointer',
|
|
106
|
-
}}
|
|
107
|
-
isExternal
|
|
108
|
-
>
|
|
109
|
-
{attachment.callToAction.title} <ExternalLinkIcon mx="2px" />
|
|
110
|
-
</Link>
|
|
111
|
-
)}
|
|
112
|
-
</Box>
|
|
113
|
-
</Box>
|
|
114
|
-
);
|
|
115
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MessageAlert, MessageCard } from './MessageWidgets';
|
package/src/components/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { MessageCard, MessageAlert } from './InboxMessage';
|
package/src/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { feature as default } from './module';
|
package/src/interfaces/index.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CardMessageAttachmentsInterface, AlertMessageAttachmentsInterface } from './message-widgets.interface';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { CardMessageAttachmentsInterface as BaseCardMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
|
|
2
|
-
|
|
3
|
-
export { AlertMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
|
|
4
|
-
|
|
5
|
-
export interface CardMessageAttachmentsInterface extends BaseCardMessageAttachmentsInterface {
|
|
6
|
-
property: {
|
|
7
|
-
price: number;
|
|
8
|
-
priceType: string;
|
|
9
|
-
type: string;
|
|
10
|
-
totalStar: number;
|
|
11
|
-
maxPeople: number;
|
|
12
|
-
totalReview: number;
|
|
13
|
-
};
|
|
14
|
-
}
|
package/src/module.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Feature } from '@common-stack/client-react';
|
|
2
|
-
import { PostTypeEnum } from 'common';
|
|
3
|
-
import { MessageAlertFill, MessageCardFill } from './slot-fill';
|
|
4
|
-
|
|
5
|
-
export const feature = new Feature({
|
|
6
|
-
componentFillPlugins: [
|
|
7
|
-
{
|
|
8
|
-
name: PostTypeEnum.Alert.toLowerCase(),
|
|
9
|
-
render: MessageAlertFill,
|
|
10
|
-
},
|
|
11
|
-
{
|
|
12
|
-
name: PostTypeEnum.Card.toLowerCase(),
|
|
13
|
-
render: MessageCardFill,
|
|
14
|
-
},
|
|
15
|
-
],
|
|
16
|
-
});
|
package/src/slot-fill/index.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Fill } from '@common-stack/components-pro';
|
|
3
|
-
import { PostTypeEnum } from 'common';
|
|
4
|
-
import { MessageAlert } from '../components';
|
|
5
|
-
import { IPropertyMessageWidgetProps } from '../components/InboxMessage/MessageWidgets/MessageAlert';
|
|
6
|
-
|
|
7
|
-
export const MessageAlertFill = () => {
|
|
8
|
-
return (
|
|
9
|
-
<Fill name={PostTypeEnum.Alert.toLowerCase()}>
|
|
10
|
-
{(props: IPropertyMessageWidgetProps & { active: boolean }) => {
|
|
11
|
-
if (props.active) {
|
|
12
|
-
return <MessageAlert {...props} />;
|
|
13
|
-
}
|
|
14
|
-
return null;
|
|
15
|
-
}}
|
|
16
|
-
</Fill>
|
|
17
|
-
);
|
|
18
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Fill } from '@common-stack/components-pro';
|
|
3
|
-
import { PostTypeEnum } from 'common';
|
|
4
|
-
import { MessageCard } from '../components';
|
|
5
|
-
import { IPropertyCardProps } from '../components/InboxMessage/MessageWidgets/MessageCard';
|
|
6
|
-
|
|
7
|
-
export const MessageCardFill = () => {
|
|
8
|
-
return (
|
|
9
|
-
<Fill name={PostTypeEnum.Card.toLowerCase()}>
|
|
10
|
-
{(props: IPropertyCardProps & { active: boolean }) => {
|
|
11
|
-
if (props.active) {
|
|
12
|
-
return <MessageCard {...props} />;
|
|
13
|
-
}
|
|
14
|
-
return null;
|
|
15
|
-
}}
|
|
16
|
-
</Fill>
|
|
17
|
-
);
|
|
18
|
-
};
|
package/tsconfig.json
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "../../../tsconfig.json",
|
|
3
|
-
"compilerOptions": {
|
|
4
|
-
"rootDir": "./src",
|
|
5
|
-
"outDir": "lib",
|
|
6
|
-
"declarationDir": "lib",
|
|
7
|
-
"declaration": true,
|
|
8
|
-
"declarationMap": true,
|
|
9
|
-
"skipLibCheck": true,
|
|
10
|
-
"types": ["@types/node", "@types/jest","../../../typings"]
|
|
11
|
-
},
|
|
12
|
-
"exclude": ["../../../node_modules", "node_modules", "lib", "dist", "webpack.config.js", "rollup.config.mjs"],
|
|
13
|
-
"include": ["src", "./typings/*.d.ts", "type.d.ts"]
|
|
14
|
-
}
|