@messenger-box/property-ext-browser 5.0.3-alpha.1 → 5.0.3-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.3-alpha.3](https://github.com/cdmbase/messenger-box/compare/v5.0.3-alpha.2...v5.0.3-alpha.3) (2024-03-22)
+
+**Note:** Version bump only for package @messenger-box/property-ext-browser
+
+## [5.0.3-alpha.2](https://github.com/cdmbase/messenger-box/compare/v5.0.3-alpha.1...v5.0.3-alpha.2) (2024-03-09)
+
+**Note:** Version bump only for package @messenger-box/property-ext-browser
+
 ## [5.0.3-alpha.1](https://github.com/cdmbase/messenger-box/compare/v5.0.3-alpha.0...v5.0.3-alpha.1) (2024-03-08)
 
 **Note:** Version bump only for package @messenger-box/property-ext-browser

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

@@ -6,7 +6,7 @@ import React from'react';import*as Icons from'@chakra-ui/icons';import parse fro
     const bgColor = useColorModeValue('gray.800', 'white');
     return (React.createElement(Stack, { key: `${index}`, mt: "4", mb: "10", bgColor: bgColor, padding: 3, margin: 2, opacity: 0.7, borderRadius: 20, direction: ['column', 'row'] },
         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 === null || attachment === void 0 ? void 0 : attachment.title),
+        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'
             }, href: attachment.callToAction.link, isExternal: true },

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":"sKAYa,MAAA,YAAY,GAAG,CAAC,KAAkC,KAAI;AAC/D,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,kBAAkB,CAAC,QAA4D,CAAC;IAC/G,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACvD,QACI,oBAAC,KAAK,EAAA,EACF,GAAG,EAAE,CAAA,EAAG,KAAK,CAAE,CAAA,EACf,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,GAAG,EACZ,YAAY,EAAE,EAAE,EAChB,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAA;AAE5B,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAG,CAAA;QACjC,KAAC,CAAA,aAAA,CAAA,IAAI,IAAC,QAAQ,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,EACvE,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,KAAK,CAClE;AAEH,QAAA,UAAU,CAAC,YAAY,KACnB,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,GAAG,EACN,KAAK,EAAE;AACH,gBAAA,cAAc,EAAE,WAAW;aAC9B,EACD,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,IAAI,EAClC,UAAU,EAAA,IAAA,EAAA;YAET,UAAU,CAAC,YAAY,CAAC,KAAK;;AAAE,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAC,KAAK,EAAA,CAAE,CAC/D,CACV,CAED,EACX;AACL"}
+{"version":3,"file":"MessageAlert.js","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageAlert.tsx"],"sourcesContent":[null],"names":[],"mappings":"sKAYa,MAAA,YAAY,GAAG,CAAC,KAAkC,KAAI;AAC/D,IAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,kBAAkB,CAAC,QAA4D,CAAC;IAC/G,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACvD,QACI,oBAAC,KAAK,EAAA,EACF,GAAG,EAAE,CAAA,EAAG,KAAK,CAAE,CAAA,EACf,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,GAAG,EACZ,YAAY,EAAE,EAAE,EAChB,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAA;AAE5B,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAG,CAAA;AACjC,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,QAAQ,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,EACvE,UAAU,CAAC,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,EAAE,KAAK,CAClE;AAEH,QAAA,UAAU,CAAC,YAAY,KACnB,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,GAAG,EACN,KAAK,EAAE;AACH,gBAAA,cAAc,EAAE,WAAW;aAC9B,EACD,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,IAAI,EAClC,UAAU,EAAA,IAAA,EAAA;YAET,UAAU,CAAC,YAAY,CAAC,KAAK;;AAAE,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAC,EAAE,EAAC,KAAK,EAAA,CAAE,CAC/D,CACV,CAED,EACX;AACL"}

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,qBAAqB,CAAC;AAG5C,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,KAAK,CAAA;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,UAAW,kBAAkB,sBA8HpD,CAAA"}
+{"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,qBAAqB,CAAC;AAG5C,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,KAAK,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,UAAW,kBAAkB,sBAqGpD,CAAC"}

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

@@ -1,42 +1,42 @@
-import React from'react';import {startCase}from'lodash';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) => {
-    var _a;
+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) => {
     const { message, index } = props;
     const color = useColorModeValue('gray.800', 'white');
-    const { attachment, } = (_a = message.propsConfiguration) === null || _a === void 0 ? void 0 : _a.contents;
+    const { attachment } = message.propsConfiguration?.contents;
     const { property } = attachment;
     return (React.createElement(Box, { _hover: {
-            cursor: 'pointer'
+            cursor: 'pointer',
         }, margin: 5, maxW: "xs", borderWidth: "1px", borderRadius: "lg", overflow: "hidden", key: `${index}` },
         React.createElement(Image, { width: "100%", 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 === null || property === void 0 ? void 0 : property.type) && (React.createElement(Box, null,
+                property?.type && (React.createElement(Box, null,
                     React.createElement(Badge, { borderRadius: "full", px: "2", colorScheme: "teal" }, startCase(property.type)))),
                 React.createElement(Spacer, null),
-                (property === null || property === void 0 ? void 0 : property.maxPeople) && (React.createElement(Box, { color: "gray.500", fontWeight: "semibold", letterSpacing: "wide", fontSize: "xs", textTransform: "uppercase", ml: "2" },
+                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))),
+            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 === null || property === void 0 ? void 0 : property.price) && (React.createElement(Box, { mt: 2 },
+                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 === null || property === void 0 ? void 0 : property.totalReview) && (React.createElement(Box, { as: "span", ml: "2", color: "gray.600", fontSize: "sm", mr: "2" },
+                    property?.totalReview && (React.createElement(Box, { as: "span", ml: "2", color: "gray.600", fontSize: "sm", mr: "2" },
                         property.totalReview,
                         " reviews")),
-                    (property === null || property === void 0 ? void 0 : property.totalStar) && Array(5)
-                        .fill('')
-                        .map((_, i) => (React.createElement(StarIcon, { key: i, color: i < property.totalStar ? 'teal.500' : 'gray.300' })))))),
+                    property?.totalStar &&
+                        Array(5)
+                            .fill('')
+                            .map((_, i) => (React.createElement(StarIcon, { key: i, color: i < property.totalStar ? 'teal.500' : 'gray.300' })))))),
             attachment.callToAction && (React.createElement(Link, { href: attachment.callToAction.link, style: {
-                    cursor: 'pointer'
+                    cursor: 'pointer',
                 }, _hover: {
-                    cursor: 'pointer'
+                    cursor: 'pointer',
                 }, isExternal: true },
                 attachment.callToAction.title,
                 " ",

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":"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"}
+{"version":3,"file":"MessageCard.js","sources":["../../../../src/components/InboxMessage/MessageWidgets/MessageCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-import React from'react';import {Fill}from'@common-stack/components-pro';import {IPostTypeEnum}from'@messenger-box/property-ext-core';import'lodash';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 {IPostTypeEnum}from'@messenger-box/property-ext-core';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 = () => {
     return (React.createElement(Fill, { name: IPostTypeEnum.Alert.toLowerCase() }, (props) => {
         if (props.active) {
-            return (React.createElement(MessageAlert, Object.assign({}, props)));
+            return (React.createElement(MessageAlert, { ...props }));
         }
         return null;
     }));

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":"sTAMO,MAAM,gBAAgB,GAAG,MAAK;AACjC,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,EAAE,EAAA,EAErC,CAAC,KAAwD,KAAI;QACzD,IAAI,KAAK,CAAC,MAAM,EAAE;AACd,YAAA,QAAQ,KAAC,CAAA,aAAA,CAAA,YAAY,oBAAK,KAAK,CAAA,CAAG,EAAE;AACvC,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACf,CAEF,EACV;AACL"}
+{"version":3,"file":"message-alert-fill.js","sources":["../../src/slot-fill/message-alert-fill.tsx"],"sourcesContent":[null],"names":[],"mappings":"yTAMO,MAAM,gBAAgB,GAAG,MAAK;AACjC,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,EAAE,EAAA,EAErC,CAAC,KAAwD,KAAI;QACzD,IAAI,KAAK,CAAC,MAAM,EAAE;AACd,YAAA,QAAQ,KAAC,CAAA,aAAA,CAAA,YAAY,OAAK,KAAK,EAAA,CAAG,EAAE;AACvC,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACf,CAEF,EACV;AACL"}

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

@@ -1,7 +1,7 @@
 import React from'react';import {Fill}from'@common-stack/components-pro';import {MessageCard}from'../components/InboxMessage/MessageWidgets/MessageCard.js';import'@chakra-ui/icons';import'html-react-parser';import'@chakra-ui/react';import {IPostTypeEnum}from'@messenger-box/property-ext-core';const MessageCardFill = () => {
     return (React.createElement(Fill, { name: IPostTypeEnum.Card.toLowerCase() }, (props) => {
         if (props.active) {
-            return (React.createElement(MessageCard, Object.assign({}, props)));
+            return (React.createElement(MessageCard, { ...props }));
         }
         return null;
     }));

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":"qSAMO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,EAAA,EAEpC,CAAC,KAA+C,KAAI;QAChD,IAAI,KAAK,CAAC,MAAM,EAAE;AACd,YAAA,QAAQ,KAAC,CAAA,aAAA,CAAA,WAAW,oBAAK,KAAK,CAAA,CAAG,EAAE;AACtC,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACf,CAEF,EACV;AACL"}
+{"version":3,"file":"message-card-fill.js","sources":["../../src/slot-fill/message-card-fill.tsx"],"sourcesContent":[null],"names":[],"mappings":"qSAMO,MAAM,eAAe,GAAG,MAAK;AAChC,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,EAAA,EAEpC,CAAC,KAA+C,KAAI;QAChD,IAAI,KAAK,CAAC,MAAM,EAAE;AACd,YAAA,QAAQ,KAAC,CAAA,aAAA,CAAA,WAAW,OAAK,KAAK,EAAA,CAAG,EAAE;AACtC,SAAA;AACD,QAAA,OAAO,IAAI,CAAC;KACf,CAEF,EACV;AACL"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/property-ext-browser",
-    "version": "5.0.3-alpha.1",
+    "version": "5.0.3-alpha.3",
     "description": "Extention to Messenger to support property on browser",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -23,9 +23,9 @@
     "dependencies": {
         "@emotion/react": "^11",
         "@emotion/styled": "^11",
-        "@messenger-box/chakra-ui-inbox": "5.0.3-alpha.1",
-        "@messenger-box/core": "5.0.3-alpha.1",
-        "@messenger-box/property-ext-core": "5.0.3-alpha.0",
+        "@messenger-box/chakra-ui-inbox": "5.0.3-alpha.3",
+        "@messenger-box/core": "5.0.3-alpha.3",
+        "@messenger-box/property-ext-core": "5.0.3-alpha.3",
         "date-fns": "^2.28.0",
         "date-fns-tz": "^1.3.3",
         "emoji-mart": "^3.0.1",
@@ -58,5 +58,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "b6a215fb3a3d7aa338b09e1018d80258ae4feda5"
+    "gitHead": "b1f5eab27a5dbe2c269502d93d719a40debfdbab"
 }

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

@@ -1,27 +1,28 @@
 import React from 'react';
-import { startCase } from 'lodash';
+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 { ExternalLinkIcon, StarIcon } from '@chakra-ui/icons';
 import { IPost } from '@messenger-box/core';
 import { CardMessageAttachmentsInterface } from '../../../interfaces';
 
 export interface IPropertyCardProps {
-    message: IPost
+    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 { attachment } = message.propsConfiguration?.contents as {
+        attachment: CardMessageAttachmentsInterface;
+        refId: string;
+    };
     const { property } = attachment;
     return (
         <Box
             _hover={{
-                cursor: 'pointer'
+                cursor: 'pointer',
             }}
             margin={5}
             maxW="xs"
@@ -30,111 +31,85 @@ export const MessageCard = (props: IPropertyCardProps) => {
             overflow="hidden"
             key={`${index}`}
         >
-            <Image
-                width="100%"
-                src={attachment.image}
-                alt={attachment.title}
-            />
+            <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"
-                    >
+                <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>
-                    )
-                }
+                {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>)}
+                    {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)
+                {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'}
-                                        />
+                                        <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>
+                )}
+                {attachment.callToAction && (
+                    <Link
+                        href={attachment.callToAction.link}
+                        style={{
+                            cursor: 'pointer',
+                        }}
+                        _hover={{
+                            cursor: 'pointer',
+                        }}
+                        isExternal
+                    >
+                        {attachment.callToAction.title} <ExternalLinkIcon mx="2px" />
+                    </Link>
+                )}
             </Box>
         </Box>
-    )
-}
+    );
+};

package/tsconfig.json

@@ -1,26 +1,14 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
     "rootDir": "./src",
     "outDir": "lib",
     "declarationDir": "lib",
     "declaration": true,
-    "declarationMap": 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"
-  ]
-}
+  "exclude": ["../../../node_modules", "node_modules", "lib", "dist", "webpack.config.js", "rollup.config.mjs"],
+  "include": ["src", "./typings/*.d.ts", "type.d.ts"]
+}