@messenger-box/property-ext-browser 10.0.3-alpha.2 → 10.0.3-alpha.201

package/lib/components/InboxMessage/MessageWidgets/MessageAlert.d.ts.map

@@ -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"}
+{"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"}

package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js

@@ -1,4 +1,4 @@
-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 => {
+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 => {
   const {
     message,
     index,
@@ -7,40 +7,20 @@ import React from'react';import*as Icons from'@chakra-ui/icons';import parse fro
   const {
     attachment
   } = message.propsConfiguration.contents;
-  const Icon = Icons[attachment.icon];
-  const color = useColorModeValue('white', 'gray.800');
-  const bgColor = useColorModeValue('gray.800', 'white');
-  return React.createElement(Stack, {
+  return React.createElement("div", {
     key: `${index}`,
-    mt: "4",
-    mb: "10",
-    bgColor: bgColor,
-    padding: 3,
-    margin: 2,
-    opacity: 0.7,
-    borderRadius: 20,
-    direction: ['column', 'row'],
-    cursor: 'pointer',
+    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",
     onClick: () => onMessageClick(message)
-  }, React.createElement(Icon, {
-    w: 6,
-    h: 6,
-    color: color
-  }), React.createElement(Text, {
-    fontSize: "14px",
-    mt: "5px",
-    mb: "5px",
-    whiteSpace: 'pre-line',
-    color: color
-  }, attachment.isTitleHtml ? parse(attachment.title) : attachment?.title), attachment.callToAction && React.createElement(Link, {
-    color: color,
-    mr: "2",
-    style: {
-      textDecoration: 'underline'
-    },
+  }, React.createElement(FiAlertCircle, {
+    className: "w-6 h-6 flex-shrink-0"
+  }), React.createElement("p", {
+    className: "text-sm mt-1.5 mb-1.5 whitespace-pre-line"
+  }, attachment.isTitleHtml ? parse(attachment.title) : attachment?.title), attachment.callToAction && React.createElement("a", {
+    className: "mr-2 underline hover:opacity-80",
     href: attachment.callToAction.link,
-    isExternal: true
-  }, attachment.callToAction.title, " ", React.createElement(Icons.ExternalLinkIcon, {
-    mx: "2px"
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, attachment.callToAction.title, " ", React.createElement(FiExternalLink, {
+    className: "inline ml-0.5"
   })));
 };export{MessageAlert};//# sourceMappingURL=MessageAlert.js.map

package/lib/components/InboxMessage/MessageWidgets/MessageAlert.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;"}

package/lib/components/InboxMessage/MessageWidgets/MessageCard.d.ts.map

@@ -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"}
+{"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"}

package/lib/components/InboxMessage/MessageWidgets/MessageCard.js

@@ -1,92 +1,58 @@
-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 => {
+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 => {
   const {
     message,
     index
   } = props;
-  const color = useColorModeValue('gray.800', 'white');
   const {
     attachment
   } = message.propsConfiguration?.contents;
   const {
     property
   } = attachment;
-  return React.createElement(Box, {
-    _hover: {
-      cursor: 'pointer'
-    },
-    margin: 5,
-    maxW: "xs",
-    borderWidth: "1px",
-    borderRadius: "lg",
-    overflow: "hidden",
+  return React.createElement("div", {
+    className: "m-5 max-w-xs border border-gray-200 rounded-lg overflow-hidden hover:cursor-pointer",
     key: `${index}`
-  }, React.createElement(Image, {
-    width: "100%",
+  }, React.createElement("img", {
+    className: "w-full",
     src: attachment.image,
     alt: attachment.title
-  }), React.createElement(Box, {
-    marginTop: 4,
-    margin: 2,
-    m: "3"
-  }, React.createElement(Box, {
-    mt: "3",
-    lineHeight: "tight",
-    noOfLines: 1
-  }, React.createElement(Heading, {
-    color: color,
-    fontSize: "14px",
-    fontWeight: "semibold",
-    as: "h3"
-  }, attachment.isTitleHtml ? parse(attachment.title) : attachment.title)), property && React.createElement(Box, {
-    mt: "3",
-    display: "flex"
-  }, property?.type && React.createElement(Box, null, React.createElement(Badge, {
-    borderRadius: "full",
-    px: "2",
-    colorScheme: "teal"
-  }, startCase(property.type))), React.createElement(Spacer, null), property?.maxPeople && React.createElement(Box, {
-    color: "gray.500",
-    fontWeight: "semibold",
-    letterSpacing: "wide",
-    fontSize: "xs",
-    textTransform: "uppercase",
-    ml: "2"
-  }, property.maxPeople, " Max People")), React.createElement(Box, {
-    display: "flex",
-    mt: "4",
-    mb: "3",
-    alignItems: "center"
-  }, attachment.isDescriptionHtml ? parse(attachment.description) : React.createElement(Text, null, attachment.description)), property && React.createElement(Box, {
-    display: "flex",
-    mb: "4"
-  }, property?.price && React.createElement(Box, {
-    mt: 2
-  }, property.price, React.createElement(Box, {
-    as: "span",
-    color: "gray.600",
-    fontSize: "sm"
-  }, "\u00A0/ ", startCase(property.priceType))), React.createElement(Spacer, null), React.createElement(Box, {
-    mt: "2",
-    alignItems: "center"
-  }, property?.totalReview && React.createElement(Box, {
-    as: "span",
-    ml: "2",
-    color: "gray.600",
-    fontSize: "sm",
-    mr: "2"
-  }, property.totalReview, " reviews"), property?.totalStar && Array(5).fill('').map((_, i) => React.createElement(StarIcon, {
+  }), React.createElement("div", {
+    className: "m-3"
+  }, React.createElement("div", {
+    className: "mt-3 leading-tight line-clamp-1"
+  }, React.createElement("h3", {
+    className: "text-gray-800 dark:text-white text-sm font-semibold"
+  }, attachment.isTitleHtml ? parse(attachment.title) : attachment.title)), property && React.createElement("div", {
+    className: "mt-3 flex"
+  }, property?.type && React.createElement("div", null, React.createElement("span", {
+    className: "inline-flex items-center rounded-full px-2 py-1 text-xs font-medium bg-teal-100 text-teal-800"
+  }, startCase(property.type))), React.createElement("div", {
+    className: "flex-1"
+  }), property?.maxPeople && React.createElement("div", {
+    className: "text-gray-500 font-semibold tracking-wide text-xs uppercase ml-2"
+  }, property.maxPeople, " Max People")), React.createElement("div", {
+    className: "flex mt-4 mb-3 items-center"
+  }, attachment.isDescriptionHtml ? parse(attachment.description) : React.createElement("p", null, attachment.description)), property && React.createElement("div", {
+    className: "flex mb-4"
+  }, property?.price && React.createElement("div", {
+    className: "mt-2"
+  }, property.price, React.createElement("span", {
+    className: "text-gray-600 text-sm"
+  }, "\u00A0/ ", startCase(property.priceType))), React.createElement("div", {
+    className: "flex-1"
+  }), React.createElement("div", {
+    className: "mt-2 items-center"
+  }, property?.totalReview && React.createElement("span", {
+    className: "ml-2 text-gray-600 text-sm mr-2"
+  }, property.totalReview, " reviews"), property?.totalStar && Array(5).fill('').map((_, i) => React.createElement(FiStar, {
     key: i,
-    color: i < property.totalStar ? 'teal.500' : 'gray.300'
-  })))), attachment.callToAction && React.createElement(Link, {
+    className: `inline ml-px ${i < property.totalStar ? 'text-teal-500' : 'text-gray-400'}`
+  })))), attachment.callToAction && React.createElement("a", {
     href: attachment.callToAction.link,
-    style: {
-      cursor: 'pointer'
-    },
-    _hover: {
-      cursor: 'pointer'
-    },
-    isExternal: true
-  }, attachment.callToAction.title, " ", React.createElement(ExternalLinkIcon, {
-    mx: "2px"
+    className: "cursor-pointer hover:underline text-blue-600 dark:text-blue-400",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, attachment.callToAction.title, " ", React.createElement(FiExternalLink, {
+    className: "inline ml-0.5"
   }))));
 };export{MessageCard};//# sourceMappingURL=MessageCard.js.map

package/lib/components/InboxMessage/MessageWidgets/MessageCard.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;"}

package/lib/interfaces/message-widgets.interface.d.ts

@@ -1,5 +1,5 @@
-import { CardMessageAttachmentsInterface as BaseCardMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
-export { AlertMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
+import { CardMessageAttachmentsInterface as BaseCardMessageAttachmentsInterface } from '@messenger-box/tailwind-ui-inbox';
+export { AlertMessageAttachmentsInterface } from '@messenger-box/tailwind-ui-inbox';
 export interface CardMessageAttachmentsInterface extends BaseCardMessageAttachmentsInterface {
     property: {
         price: number;

package/lib/interfaces/message-widgets.interface.d.ts.map

@@ -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"}
+{"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

@@ -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"}
+{"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"}

package/lib/slot-fill/message-alert-fill.js

@@ -1,4 +1,4 @@
-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 = () => {
+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 = () => {
   return React.createElement(Fill, {
     name: PostTypeEnum.Alert.toLowerCase()
   }, props => {

package/lib/slot-fill/message-alert-fill.js.map

@@ -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;;;;"}
+{"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;;;;"}

package/lib/slot-fill/message-card-fill.js

@@ -1,4 +1,4 @@
-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 = () => {
+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 = () => {
   return React.createElement(Fill, {
     name: PostTypeEnum.Card.toLowerCase()
   }, props => {

package/lib/slot-fill/message-card-fill.js.map

@@ -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;;;;"}
+{"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

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/property-ext-browser",
-    "version": "10.0.3-alpha.2",
+    "version": "10.0.3-alpha.201",
     "description": "Extention to Messenger to support property on browser",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -21,9 +21,9 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@messenger-box/chakra-ui-inbox": "10.0.3-alpha.2",
-        "@messenger-box/core": "10.0.3-alpha.0",
+        "@messenger-box/core": "10.0.3-alpha.201",
         "@messenger-box/property-ext-core": "link:../core",
+        "@messenger-box/tailwind-ui-inbox": "10.0.3-alpha.201",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
         "emoji-mart": "^3.0.1",
@@ -35,10 +35,8 @@
         "@adminide-stack/core": "*",
         "@adminide-stack/user-auth0-browser": "*",
         "@cdm-logger/client": "*",
-        "@chakra-ui/react": "*",
         "@common-stack/client-react": "*",
         "@workbench-stack/components": "*",
-        "antd": ">=5.1.0",
         "lodash": "*",
         "moment": "*",
         "react": ">=16.14.0",
@@ -55,5 +53,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "5af212ba674f013e84bdf055e0999702f088263d"
+    "gitHead": "1be5725604232d5f432d47a63a712031da4d96c0"
 }

package/CHANGELOG.md

@@ -1,102 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## 7.2.6-alpha.0 (2024-08-11)
-
-### Features
-
--   add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))
-
-## 7.2.4-alpha.0 (2024-07-19)
-
-### Features
-
--   add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## [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)
-
-**Note:** Version bump only for package @messenger-box/property-ext-browser
-
-## 7.2.1-alpha.0 (2024-07-15)
-
-### Features
-
--   add proeprty ext module with fills based on property types ([9728317](https://github.com/CDEBase/messenger-box/commit/97283176059dca7e4bd78ad4de7bc26ae0492387))

package/jest.config.js

@@ -1,9 +0,0 @@
-const base = require('../../../jest.config.base');
-const packageJson = require('./package');
-
-module.exports = {
-    ...base,
-    testEnvironment: 'jsdom', // This is overriden, from the base testEnvironment
-    name: packageJson.name,
-    displayName: packageJson.name,
-};

package/rollup.config.mjs

@@ -1,35 +0,0 @@
-import { createRollupConfig } from '../../../rollup.config.base.mjs';
-
-const additionalPlugins = [];
-// Use the createRollupConfig function to merge the base and specific configurations
-export default (commandLineArgs) => {
-    const isWatchMode = commandLineArgs.watch;
-    return [
-        createRollupConfig(
-            {
-                input: ['src/index.ts'],
-                plugins: [
-                    // Spread in additional plugins specific to this config
-                    ...additionalPlugins,
-                ],
-                output: [
-                    {
-                        dir: 'lib',
-                        format: 'es',
-                        name: 'property-ext-browser',
-                        compact: true,
-                        exports: 'named',
-                        sourcemap: true,
-                        preserveModules: true,
-                        chunkFileNames: '[name]-[hash].[format].js',
-                        globals: { react: 'React' },
-                    },
-                ],
-            },
-            {
-                isWatchMode,
-                generateRoutesJSON: true,
-            },
-        ),
-    ];
-};

package/src/components/InboxMessage/MessageWidgets/MessageAlert.tsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import * as Icons from '@chakra-ui/icons';
-import parse from 'html-react-parser';
-import { Link, Stack, Text, useColorModeValue } from '@chakra-ui/react';
-import { IPost } from 'common';
-import { AlertMessageAttachmentsInterface } from '../../../interfaces';
-
-export interface IPropertyMessageWidgetProps {
-    message: IPost;
-    index: number;
-    onMessageClick: (ref: IPost) => void;
-}
-
-export const MessageAlert = (props: IPropertyMessageWidgetProps) => {
-    const { message, index, onMessageClick } = props;
-    const { attachment } = message.propsConfiguration.contents as {
-        attachment: AlertMessageAttachmentsInterface;
-    };
-    const Icon = Icons[attachment.icon];
-    const color = useColorModeValue('white', 'gray.800');
-    const bgColor = useColorModeValue('gray.800', 'white');
-
-    return (
-        <Stack
-            key={`${index}`}
-            mt="4"
-            mb="10"
-            bgColor={bgColor}
-            padding={3}
-            margin={2}
-            opacity={0.7}
-            borderRadius={20}
-            direction={['column', 'row']}
-            cursor={'pointer'}
-            onClick={() => onMessageClick(message)}
-        >
-            <Icon w={6} h={6} color={color} />
-            <Text fontSize="14px" mt="5px" mb="5px" whiteSpace={'pre-line'} color={color}>
-                {attachment.isTitleHtml ? parse(attachment.title) : attachment?.title}
-            </Text>
-            {attachment.callToAction && (
-                <Link
-                    color={color}
-                    mr="2"
-                    style={{
-                        textDecoration: 'underline',
-                    }}
-                    href={attachment.callToAction.link}
-                    isExternal
-                >
-                    {attachment.callToAction.title} <Icons.ExternalLinkIcon mx="2px" />
-                </Link>
-            )}
-        </Stack>
-    );
-};

package/src/components/InboxMessage/MessageWidgets/MessageCard.tsx

@@ -1,115 +0,0 @@
-import React from 'react';
-import { startCase } from 'lodash-es';
-import parse from 'html-react-parser';
-import { Badge, Box, Heading, Image, Link, Spacer, Text, useColorModeValue } from '@chakra-ui/react';
-import { ExternalLinkIcon, StarIcon } from '@chakra-ui/icons';
-import { IPost } from 'common';
-import { CardMessageAttachmentsInterface } from '../../../interfaces';
-
-export interface IPropertyCardProps {
-    message: IPost;
-    index: number;
-}
-
-export const MessageCard = (props: IPropertyCardProps) => {
-    const { message, index } = props;
-    const color = useColorModeValue('gray.800', 'white');
-    const { attachment } = message.propsConfiguration?.contents as {
-        attachment: CardMessageAttachmentsInterface;
-        refId: string;
-    };
-    const { property } = attachment;
-    return (
-        <Box
-            _hover={{
-                cursor: 'pointer',
-            }}
-            margin={5}
-            maxW="xs"
-            borderWidth="1px"
-            borderRadius="lg"
-            overflow="hidden"
-            key={`${index}`}
-        >
-            <Image width="100%" src={attachment.image} alt={attachment.title} />
-            <Box marginTop={4} margin={2} m="3">
-                <Box mt="3" lineHeight="tight" noOfLines={1}>
-                    <Heading color={color} fontSize="14px" fontWeight="semibold" as="h3">
-                        {attachment.isTitleHtml ? parse(attachment.title) : attachment.title}
-                    </Heading>
-                </Box>
-                {property && (
-                    <Box mt="3" display="flex">
-                        {property?.type && (
-                            <Box>
-                                <Badge borderRadius="full" px="2" colorScheme="teal">
-                                    {startCase(property.type)}
-                                </Badge>
-                            </Box>
-                        )}
-                        <Spacer />
-                        {property?.maxPeople && (
-                            <Box
-                                color="gray.500"
-                                fontWeight="semibold"
-                                letterSpacing="wide"
-                                fontSize="xs"
-                                textTransform="uppercase"
-                                ml="2"
-                            >
-                                {property.maxPeople} Max People
-                            </Box>
-                        )}
-                    </Box>
-                )}
-                <Box display="flex" mt="4" mb="3" alignItems="center">
-                    {attachment.isDescriptionHtml ? (
-                        parse(attachment.description)
-                    ) : (
-                        <Text>{attachment.description}</Text>
-                    )}
-                </Box>
-                {property && (
-                    <Box display="flex" mb="4">
-                        {property?.price && (
-                            <Box mt={2}>
-                                {property.price}
-                                <Box as="span" color="gray.600" fontSize="sm">
-                                    &nbsp;/ {startCase(property.priceType)}
-                                </Box>
-                            </Box>
-                        )}
-                        <Spacer />
-                        <Box mt="2" alignItems="center">
-                            {property?.totalReview && (
-                                <Box as="span" ml="2" color="gray.600" fontSize="sm" mr="2">
-                                    {property.totalReview} reviews
-                                </Box>
-                            )}
-                            {property?.totalStar &&
-                                Array(5)
-                                    .fill('')
-                                    .map((_, i) => (
-                                        <StarIcon key={i} color={i < property.totalStar ? 'teal.500' : 'gray.300'} />
-                                    ))}
-                        </Box>
-                    </Box>
-                )}
-                {attachment.callToAction && (
-                    <Link
-                        href={attachment.callToAction.link}
-                        style={{
-                            cursor: 'pointer',
-                        }}
-                        _hover={{
-                            cursor: 'pointer',
-                        }}
-                        isExternal
-                    >
-                        {attachment.callToAction.title} <ExternalLinkIcon mx="2px" />
-                    </Link>
-                )}
-            </Box>
-        </Box>
-    );
-};

package/src/components/InboxMessage/MessageWidgets/index.ts

@@ -1,2 +0,0 @@
-export { MessageCard } from './MessageCard';
-export { MessageAlert } from './MessageAlert';

package/src/components/InboxMessage/index.ts

@@ -1 +0,0 @@
-export { MessageAlert, MessageCard } from './MessageWidgets';

package/src/components/index.ts

@@ -1 +0,0 @@
-export { MessageCard, MessageAlert } from './InboxMessage';

package/src/index.ts

@@ -1 +0,0 @@
-export { feature as default } from './module';

package/src/interfaces/index.ts

@@ -1 +0,0 @@
-export { CardMessageAttachmentsInterface, AlertMessageAttachmentsInterface } from './message-widgets.interface';

package/src/interfaces/message-widgets.interface.ts

@@ -1,14 +0,0 @@
-import { CardMessageAttachmentsInterface as BaseCardMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
-
-export { AlertMessageAttachmentsInterface } from '@messenger-box/chakra-ui-inbox';
-
-export interface CardMessageAttachmentsInterface extends BaseCardMessageAttachmentsInterface {
-    property: {
-        price: number;
-        priceType: string;
-        type: string;
-        totalStar: number;
-        maxPeople: number;
-        totalReview: number;
-    };
-}

package/src/module.ts

@@ -1,16 +0,0 @@
-import { Feature } from '@common-stack/client-react';
-import { PostTypeEnum } from 'common';
-import { MessageAlertFill, MessageCardFill } from './slot-fill';
-
-export const feature = new Feature({
-    componentFillPlugins: [
-        {
-            name: PostTypeEnum.Alert.toLowerCase(),
-            render: MessageAlertFill,
-        },
-        {
-            name: PostTypeEnum.Card.toLowerCase(),
-            render: MessageCardFill,
-        },
-    ],
-});

package/src/slot-fill/index.ts

@@ -1,2 +0,0 @@
-export { MessageAlertFill } from './message-alert-fill';
-export { MessageCardFill } from './message-card-fill';

package/src/slot-fill/message-alert-fill.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Fill } from '@common-stack/components-pro';
-import { PostTypeEnum } from 'common';
-import { MessageAlert } from '../components';
-import { IPropertyMessageWidgetProps } from '../components/InboxMessage/MessageWidgets/MessageAlert';
-
-export const MessageAlertFill = () => {
-    return (
-        <Fill name={PostTypeEnum.Alert.toLowerCase()}>
-            {(props: IPropertyMessageWidgetProps & { active: boolean }) => {
-                if (props.active) {
-                    return <MessageAlert {...props} />;
-                }
-                return null;
-            }}
-        </Fill>
-    );
-};

package/src/slot-fill/message-card-fill.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { Fill } from '@common-stack/components-pro';
-import { PostTypeEnum } from 'common';
-import { MessageCard } from '../components';
-import { IPropertyCardProps } from '../components/InboxMessage/MessageWidgets/MessageCard';
-
-export const MessageCardFill = () => {
-    return (
-        <Fill name={PostTypeEnum.Card.toLowerCase()}>
-            {(props: IPropertyCardProps & { active: boolean }) => {
-                if (props.active) {
-                    return <MessageCard {...props} />;
-                }
-                return null;
-            }}
-        </Fill>
-    );
-};

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "lib",
-    "declarationDir": "lib",
-    "declaration": true,
-    "declarationMap": true,
-    "skipLibCheck": true,
-    "types": ["@types/node", "@types/jest","../../../typings"]
-  },
-  "exclude": ["../../../node_modules", "node_modules", "lib", "dist", "webpack.config.js", "rollup.config.mjs"],
-  "include": ["src", "./typings/*.d.ts", "type.d.ts"]
-}