@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.
Files changed (30) hide show
  1. package/lib/components/InboxMessage/MessageWidgets/MessageAlert.d.ts.map +1 -1
  2. package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js +12 -8
  3. package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js.map +1 -1
  4. package/lib/components/InboxMessage/MessageWidgets/MessageCard.d.ts.map +1 -1
  5. package/lib/components/InboxMessage/MessageWidgets/MessageCard.js +12 -5
  6. package/lib/components/InboxMessage/MessageWidgets/MessageCard.js.map +1 -1
  7. package/lib/interfaces/message-widgets.interface.d.ts +2 -2
  8. package/lib/interfaces/message-widgets.interface.d.ts.map +1 -1
  9. package/lib/module.js.map +1 -1
  10. package/lib/slot-fill/message-alert-fill.js +1 -1
  11. package/lib/slot-fill/message-alert-fill.js.map +1 -1
  12. package/lib/slot-fill/message-card-fill.js +1 -1
  13. package/lib/slot-fill/message-card-fill.js.map +1 -1
  14. package/package.json +4 -5
  15. package/CHANGELOG.md +0 -126
  16. package/jest.config.js +0 -9
  17. package/rollup.config.mjs +0 -35
  18. package/src/components/InboxMessage/MessageWidgets/MessageAlert.tsx +0 -56
  19. package/src/components/InboxMessage/MessageWidgets/MessageCard.tsx +0 -115
  20. package/src/components/InboxMessage/MessageWidgets/index.ts +0 -2
  21. package/src/components/InboxMessage/index.ts +0 -1
  22. package/src/components/index.ts +0 -1
  23. package/src/index.ts +0 -1
  24. package/src/interfaces/index.ts +0 -1
  25. package/src/interfaces/message-widgets.interface.ts +0 -14
  26. package/src/module.ts +0 -16
  27. package/src/slot-fill/index.ts +0 -2
  28. package/src/slot-fill/message-alert-fill.tsx +0 -18
  29. package/src/slot-fill/message-card-fill.tsx +0 -18
  30. 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;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,UAAW,2BAA2B,sBA0C9D,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*as Icons from'@chakra-ui/icons';import parse from'html-react-parser';import {useColorModeValue,Stack,Text,Link}from'@chakra-ui/react';const MessageAlert = props => {
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(Icon, {
26
- w: 6,
27
- h: 6,
28
- color: color
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(Icons.ExternalLinkIcon, {
44
- mx: "2px"
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":"sKAaa,MAAA,YAAY,GAAG,KAAC,IAAsC;QACzD;IACN,OAAM;IAGN,KAAM;IACN;MACM,KAAA;QAEC;AAcC,IAAA;AACA,GAAA,GAAA,OAAA,CAAA,kBAAK,CAAC,QAAA;AAGL,EAAA,MAAA,IAAA,GAAA,KAAuB,CAAA,UAAA,CAAA,IACpB,CAAA;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
+ {"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;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,UAAW,kBAAkB,sBAqGpD,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 {StarIcon,ExternalLinkIcon}from'@chakra-ui/icons';const MessageCard = props => {
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(StarIcon, {
77
+ }, property.totalReview, " reviews"), property?.totalStar && Array(5).fill('').map((_, i) => React.createElement(FiStar, {
78
78
  key: i,
79
- color: i < property.totalStar ? 'teal.500' : 'gray.300'
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, " ", React.createElement(ExternalLinkIcon, {
90
- mx: "2px"
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":"mPAaa,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;AAMzB,IAAA,KAAA,EAAA,KAAA;AAIW,IAAA,QAAA,EAAA,MAAA;AACH,IAAA,UAAA,EAAA,UACO;AACJ,IAAA,EAAA,EAAA;AACH,GAAA,EAAA,UAAA,CAAA,WACS,GAAA,KAAA,CAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAA,CAAA,KAAA,CAAA,CAAA,EAAA,QAAA,IAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;;;mBAEuB,IAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAgB,EAAC,KAAG,CAAA,aAKxE,CAAC,KAAA,EAAA;AACN,IAAE,YAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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/chakra-ui-inbox';
2
- export { AlertMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
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,gCAAgC,CAAC;AAExH,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAElF,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"}
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":"mNAIa,MAAA,OAAO,GAAG,IAAI,OAAO,CAAC;AAC/B,EAAA,oBAAA,EAAoB,CAAE;AAClB,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
+ {"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'@chakra-ui/icons';import {MessageAlert}from'../components/InboxMessage/MessageWidgets/MessageAlert.js';const MessageAlertFill = () => {
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":"8RAMO,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
+ {"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'@chakra-ui/icons';import'html-react-parser';import'@chakra-ui/react';const MessageCardFill = () => {
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":"0QAMO,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;;;;"}
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.17",
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/chakra-ui-inbox": "10.0.3-alpha.17",
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": "b118febaa0556551ee891dfe490921c0e72b8ef5"
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
- &nbsp;/ {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,2 +0,0 @@
1
- export { MessageCard } from './MessageCard';
2
- export { MessageAlert } from './MessageAlert';
@@ -1 +0,0 @@
1
- export { MessageAlert, MessageCard } from './MessageWidgets';
@@ -1 +0,0 @@
1
- export { MessageCard, MessageAlert } from './InboxMessage';
package/src/index.ts DELETED
@@ -1 +0,0 @@
1
- export { feature as default } from './module';
@@ -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
- });
@@ -1,2 +0,0 @@
1
- export { MessageAlertFill } from './message-alert-fill';
2
- export { MessageCardFill } from './message-card-fill';
@@ -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
- }