@botonic/react 0.32.0-alpha.0 → 0.33.0-alpha.0

package/lib/cjs/components/carousel.d.ts

@@ -1,10 +1,9 @@
-export function Carousel(props: MessageProps): JSX.Element;
-export namespace Carousel {
-    export { serialize };
-}
-declare function serialize(carouselProps: any): {
-    type: INPUT;
-    elements: any;
+import { INPUT } from '@botonic/core';
+import { CarouselProps } from './index-types';
+export declare const Carousel: {
+    (props: CarouselProps): import("react/jsx-runtime").JSX.Element;
+    serialize: (carouselProps: any) => {
+        type: INPUT;
+        elements: any;
+    };
 };
-import { INPUT } from "@botonic/core/lib/cjs/models/legacy-types";
-export {};

package/lib/cjs/components/carousel.js

@@ -4,7 +4,7 @@ exports.Carousel = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@botonic/core");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const leftArrow_svg_1 = tslib_1.__importDefault(require("../assets/leftArrow.svg"));
 const rightArrow_svg_1 = tslib_1.__importDefault(require("../assets/rightArrow.svg"));
@@ -37,10 +37,13 @@ const StyledArrowContainer = styled_components_1.default.div `
   align-items: center;
   cursor: pointer;
   justify-content: ${props => props.justifyContent};
-  left: ${props => props.left}px;
-  right: ${props => props.right}px;
-  border-top-${props => props.arrow}-radius: 30px;
-  border-bottom-${props => props.arrow}-radius: 30px;
+
+  ${props => (props.left ? ` left: ${props.left}px` : '')};
+  ${props => (props.right ? ` right: ${props.right}px` : '')};
+  ${props => (props.arrow === 'right' ? 'border-top-right-radius: 30px' : '')};
+  ${props => props.arrow === 'right' ? 'border-bottom-right-radius: 30px' : ''};
+  ${props => (props.arrow === 'left' ? 'border-top-left-radius: 30px' : '')};
+  ${props => (props.arrow === 'left' ? 'border-bottom-left-radius: 30px' : '')};
 `;
 const StyledArrow = styled_components_1.default.img `
   width: 20px;
@@ -52,26 +55,21 @@ const serialize = carouselProps => {
         carouselChildren = [carouselChildren];
     return {
         type: core_1.INPUT.CAROUSEL,
-        elements: carouselChildren.map(e => e && e.type && e.type.serialize && e.type.serialize(e.props)),
+        elements: carouselChildren.map(e => { var _a; return ((_a = e === null || e === void 0 ? void 0 : e.type) === null || _a === void 0 ? void 0 : _a.serialize) && e.type.serialize(e.props); }),
     };
 };
-/**
- *
- * @param {MessageProps} props
- * @returns {JSX.Element}
- */
-const Carousel = props => {
+const Carousel = (props) => {
     const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    let content = props.children;
     const [hasLeftArrow, setLeftArrow] = (0, react_1.useState)(false);
     const [hasRightArrow, setRightArrow] = (0, react_1.useState)(true);
     const carouselRef = (0, react_1.useRef)(null);
-    const CustomCarouselLeftArrow = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customCarouselLeftArrow, undefined);
-    const CustomCarouselRightArrow = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customCarouselRightArrow, undefined);
+    const CustomCarouselLeftArrow = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customCarouselLeftArrow);
+    const CustomCarouselRightArrow = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customCarouselRightArrow);
     // TODO: Investigate why when set to false, scroll is enabled via dragging the bar but not hovering the carousel elements
     const carouselArrowsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableCarouselArrows, true);
     const scrollCarouselBy = value => {
-        carouselRef.current.scrollBy({
+        var _a;
+        (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({
             left: value,
             behavior: 'smooth',
         });
@@ -95,15 +93,21 @@ const Carousel = props => {
         if (carousel && carousel.addEventListener) {
             carousel.addEventListener('scroll', setArrowsVisibility, false);
         }
-        else if (carousel && carousel.attachEvent) {
-            carousel.attachEvent('scroll', setArrowsVisibility);
-        }
+        return () => {
+            if (carousel && carousel.removeEventListener) {
+                carousel.removeEventListener('scroll', setArrowsVisibility, false);
+            }
+        };
     }, [carouselRef.current]);
     const carouselProps = Object.assign(Object.assign({}, props), { children: buttons_disabler_1.ButtonsDisabler.updateChildrenButtons(props.children) });
     if ((0, core_1.isBrowser)()) {
-        content = ((0, jsx_runtime_1.jsx)(ScrollableCarousel, { children: (0, jsx_runtime_1.jsxs)(StyledCarousel, Object.assign({ ref: carouselRef, carouselArrowsEnabled: carouselArrowsEnabled }, { children: [(0, jsx_runtime_1.jsx)(StyledItems, { children: carouselProps.children }), carouselArrowsEnabled && getArrows()] })) }));
+        return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ style: {
+                width: '85%',
+                padding: 0,
+                backgroundColor: constants_1.COLORS.TRANSPARENT,
+            }, blob: false, json: serialize(carouselProps), type: core_1.INPUT.CAROUSEL }, carouselProps, { children: (0, jsx_runtime_1.jsx)(ScrollableCarousel, { children: (0, jsx_runtime_1.jsxs)(StyledCarousel, Object.assign({ ref: carouselRef, carouselArrowsEnabled: carouselArrowsEnabled }, { children: [(0, jsx_runtime_1.jsx)(StyledItems, { children: carouselProps.children }), carouselArrowsEnabled && getArrows()] })) }) })));
     }
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ style: { width: '85%', padding: 0, backgroundColor: constants_1.COLORS.TRANSPARENT }, blob: false, json: serialize(carouselProps), type: core_1.INPUT.CAROUSEL }, carouselProps, { children: content })));
+    return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ style: { width: '85%', padding: 0, backgroundColor: constants_1.COLORS.TRANSPARENT }, blob: false, json: serialize(carouselProps), type: core_1.INPUT.CAROUSEL }, carouselProps, { children: props.children })));
 };
 exports.Carousel = Carousel;
 exports.Carousel.serialize = serialize;

package/lib/cjs/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/element.d.ts

@@ -1,4 +1,8 @@
-export function Element(props: any): any;
-export namespace Element {
-    function serialize(elementProps: any): any;
+import React from 'react';
+export interface ElementProps {
+    children: React.ReactNode[];
 }
+export declare const Element: {
+    (props: ElementProps): any;
+    serialize(elementProps: any): any;
+};

package/lib/cjs/components/element.js

@@ -3,10 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Element = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const constants_1 = require("../constants");
-const react_2 = require("../util/react");
+const react_1 = require("../util/react");
 const button_1 = require("./button");
 const ElementContainer = styled_components_1.default.div `
   display: flex;
@@ -18,16 +17,17 @@ const ElementContainer = styled_components_1.default.div `
   overflow: hidden;
   justify-content: space-between;
 `;
-const Element = props => {
+const Element = (props) => {
     const renderBrowser = () => ((0, jsx_runtime_1.jsx)(ElementContainer, { children: props.children }));
+    // @ts-ignore
     const renderNode = () => (0, jsx_runtime_1.jsx)("element", { children: props.children });
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
 };
 exports.Element = Element;
 exports.Element.serialize = elementProps => {
     const element = Object.assign({}, ...elementProps.children
-        .filter(c => c && c.type && c.type.name != 'Button')
-        .map(c => c.type.serialize && c.type.serialize(c.props)));
+        .filter(c => { var _a; return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.name) !== button_1.Button.name; })
+        .map(c => { var _a; return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.serialize) && c.type.serialize(c.props); }));
     // When we are serializer buttons from backend, we are receiving the data
     // as an array of buttons, so we have to keep robust with serve and deal with arrays
     element.buttons = [

package/lib/cjs/components/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,qCAAiC;AAEjC,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGxB,mBAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,kBAAM,CAAC,cAAc;;;CAG1C,CAAA;AAEM,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,8CAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AARY,QAAA,OAAO,WAQnB;AAED,eAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC;SACnD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3D,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;;YACV,IAAI,CAAC,YAAY,KAAK;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,MAAK,eAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;;YACP,IAAI,CAAC,YAAY,KAAK,EAAE;gBACtB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,SAAS,mDAAG,EAAE,CAAC,KAAK,CAAC,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;aACrD;YACD,OAAO,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;QAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,qCAAiC;AAEjC,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGxB,mBAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,kBAAM,CAAC,cAAc;;;CAG1C,CAAA;AAMM,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,aAAa;IACb,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,8CAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AATY,QAAA,OAAO,WASnB;AAED,eAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,MAAK,eAAM,CAAC,IAAI,CAAA,EAAA,CAAC;SAC1C,GAAG,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,KAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA,EAAA,CAAC,CAC7D,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;;YACV,IAAI,CAAC,YAAY,KAAK;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,MAAK,eAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;;YACP,IAAI,CAAC,YAAY,KAAK,EAAE;gBACtB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,SAAS,mDAAG,EAAE,CAAC,KAAK,CAAC,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;aACrD;YACD,OAAO,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;QAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/lib/cjs/components/index-types.d.ts

@@ -18,6 +18,9 @@ export interface TextProps extends MessageProps {
     inferenceId?: string;
     botInteractionId?: string;
 }
+export interface CarouselProps extends MessageProps {
+    children: React.ReactNode[];
+}
 export interface Webview {
     name: string;
 }
@@ -41,9 +44,6 @@ export interface ReplyProps {
     payload?: string;
     children: string;
 }
-export interface PicProps {
-    src: string;
-}
 export interface ImageProps extends MessageProps {
     src: string;
     input?: {
@@ -69,11 +69,6 @@ export interface DocumentProps extends MessageProps {
     };
     from?: any;
 }
-export interface TitleProps {
-    children: React.ReactNode;
-    style: string;
-}
-export type SubtitleProps = TitleProps;
 export interface CustomMessageType {
     (props: any): JSX.Element;
     customTypeName: string;

package/lib/cjs/components/message/message-footer.js

@@ -12,10 +12,10 @@ const MessageFooter = ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled,
     const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
     const { timestampsEnabled, timestampStyle } = (0, timestamps_1.resolveMessageTimestamps)(getThemeProperty, enabletimestamps);
     const isSentByUser = sentBy === index_types_1.SENDERS.user;
-    const messageFotterClass = isSentByUser
+    const messageFooterClass = isSentByUser
         ? 'message-footer-user'
         : 'message-footer-bot';
-    return ((0, jsx_runtime_1.jsxs)(styles_1.MessageFooterContainer, Object.assign({ className: messageFotterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_feedback_1.MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.MessageFooterContainer, Object.assign({ className: messageFooterClass, isSentByUser: isSentByUser }, { children: [timestampsEnabled ? ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { sentBy: sentBy, style: timestampStyle, timestamp: messageJSON.timestamp })) : null, feedbackEnabled ? ((0, jsx_runtime_1.jsx)(message_feedback_1.MessageFeedback, { inferenceId: inferenceId, messageId: messageJSON.id, botInteractionId: botInteractionId })) : null] })));
 };
 exports.MessageFooter = MessageFooter;
 //# sourceMappingURL=message-footer.js.map

package/lib/cjs/components/multichannel/index-types.d.ts

@@ -19,10 +19,6 @@ export interface MultichannelTextProps extends MultichannelViewOptions {
 }
 export interface MultichannelCarouselProps extends MultichannelViewOptions {
     enableURL?: boolean;
-    indexMode?: IndexMode;
-    showTitle?: boolean;
-    showSubtitle?: boolean;
-    buttonsAsText?: boolean;
 }
 export interface MultichannelButtonProps {
     newline?: string;

package/lib/cjs/components/multichannel/multichannel-carousel.d.ts

@@ -1 +1 @@
-export function MultichannelCarousel(props: any): any;
+export function MultichannelCarousel(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/multichannel/multichannel-carousel.js

@@ -6,74 +6,71 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const core_1 = require("@botonic/core");
 const react_1 = tslib_1.__importStar(require("react"));
 const contexts_1 = require("../../contexts");
+const button_1 = require("../button");
 const carousel_1 = require("../carousel");
-const multichannel_text_1 = require("./multichannel-text");
+const image_1 = require("../image");
+const text_1 = require("../text");
+const whatsapp_cta_url_button_1 = require("../whatsapp-cta-url-button");
 const multichannel_utils_1 = require("./multichannel-utils");
+const markdown_meta_1 = require("./whatsapp/markdown-meta");
 const MultichannelCarousel = props => {
     const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
-    const getButtons = node => [].concat((0, multichannel_utils_1.getFilteredElements)(node, multichannel_utils_1.isMultichannelButton));
-    if ((0, core_1.isWhatsapp)(requestContext.session)) {
-        const elements = props.children
-            .map(e => e.props.children)
-            .map((element, i) => {
-            let imageProps = undefined;
-            let title = undefined;
-            let subtitle = undefined;
-            const buttons = [];
-            for (const node of element) {
-                if ((0, multichannel_utils_1.isNodePic)(node)) {
-                    imageProps = node.props;
-                }
-                if ((0, multichannel_utils_1.isNodeTitle)(node)) {
-                    title = node.props.children;
-                }
-                if ((0, multichannel_utils_1.isNodeSubtitle)(node)) {
-                    subtitle = node.props.children;
-                }
-                if ((0, multichannel_utils_1.isMultichannelButton)(node)) {
-                    buttons.push(node);
-                }
-                //TODO support fragment containing an array
-                if (Array.isArray(node)) {
-                    buttons.push(getButtons(node));
-                }
-            }
-            let header = '';
-            if (props.showTitle && title) {
-                header += `${title ? `**${title}**` : ''}`;
-                if (title && subtitle) {
-                    header += ' ';
-                }
-            }
-            if (props.showSubtitle && subtitle) {
-                header += `_${subtitle}_`;
-            }
-            return (
-            // TODO: newkey only for 1 nested button
-            (0, jsx_runtime_1.jsxs)(multichannel_text_1.MultichannelText, Object.assign({ newkey: i, indexMode: props.indexMode, buttonsAsText: props.buttonsAsText }, { children: [header || null, buttons] }), i));
-            // TODO: in the future, this would be the default mode
-            // } else {
-            // return (
-            //   <React.Fragment key={i}>
-            //     <Image
-            //       src={imageSrc}
-            //       caption={carouselToCaption(
-            //         i + 1,
-            //         title,
-            //         subtitle,
-            //         imageSrc,
-            //         buttonProps
-            //       )}
-            //     ></Image>
-            //   </React.Fragment>
-            // )
-            // }
-        });
-        return elements;
-    }
-    else {
+    if ((0, core_1.isDev)(requestContext.session) || (0, core_1.isWebchat)(requestContext.session)) {
         return (0, jsx_runtime_1.jsx)(carousel_1.Carousel, Object.assign({}, props, { children: props.children }));
     }
+    const messages = [];
+    const childrenElements = props.children.map(e => e.props.children);
+    childrenElements.forEach((element, i) => {
+        const { imageProps, title, subtitle, buttons } = parseCarouselElement(element);
+        const textMessage = getTextMessage(requestContext.session, title, subtitle);
+        if (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) {
+            const messageWithImage = (0, jsx_runtime_1.jsx)(image_1.Image, { src: imageProps.src });
+            messages.push(messageWithImage);
+        }
+        if ((0, core_1.isWhatsapp)(requestContext.session) &&
+            buttons.some(button => button.url)) {
+            const messageWithButtonUrl = ((0, jsx_runtime_1.jsx)(whatsapp_cta_url_button_1.WhatsappCTAUrlButton, { body: title, footer: `_${subtitle}_`, displayText: buttons[0].text, url: buttons[0].url }, `carousel-element-${i}-cta-url`));
+            messages.push(messageWithButtonUrl);
+        }
+        const messageWithButtons = buttons.some(button => button.payload) ? ((0, jsx_runtime_1.jsxs)(text_1.Text, { children: [textMessage, buttons
+                    .filter(button => (0, core_1.isWhatsapp)(requestContext.session) && !button.url)
+                    .map(button => ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ payload: button.payload, url: button.url }, { children: button.text }), `carousel-element-${i}-button`)))] }, `carousel-element-${i}-text`)) : ([]);
+        messages.push(messageWithButtons);
+    });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messages });
 };
 exports.MultichannelCarousel = MultichannelCarousel;
+function getButtons(node) {
+    return [].concat((0, multichannel_utils_1.getFilteredElements)(node, multichannel_utils_1.isMultichannelButton));
+}
+function parseCarouselElement(element) {
+    let imageProps, title, subtitle;
+    const buttonsChildren = [];
+    for (const node of element) {
+        if ((0, multichannel_utils_1.isNodePic)(node))
+            imageProps = node.props;
+        if ((0, multichannel_utils_1.isNodeTitle)(node))
+            title = node.props.children;
+        if ((0, multichannel_utils_1.isNodeSubtitle)(node))
+            subtitle = node.props.children;
+        if ((0, multichannel_utils_1.isMultichannelButton)(node))
+            buttonsChildren.push(node);
+        if (Array.isArray(node))
+            buttonsChildren.push(...getButtons(node));
+    }
+    const buttons = buttonsChildren.map(button => {
+        return {
+            text: button.props.children,
+            payload: button.props.payload,
+            url: button.props.url,
+        };
+    });
+    return { imageProps, title, subtitle, buttons };
+}
+function getTextMessage(session, title, subtitle) {
+    const formattedTextMessage = `**${title}**${subtitle ? ` _${subtitle}_` : ''}`;
+    return (0, core_1.isWhatsapp)(session) || (0, core_1.isFacebook)(session)
+        ? (0, markdown_meta_1.convertToMarkdownMeta)(formattedTextMessage)
+        : formattedTextMessage;
+}
 //# sourceMappingURL=multichannel-carousel.js.map

package/lib/cjs/components/multichannel/multichannel-carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":";;;;;AAAA,wCAA0C;AAC1C,uDAAyC;AAEzC,6CAA+C;AAC/C,0CAAsC;AACtC,2DAAsD;AACtD,6DAM6B;AAEtB,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CACxB,EAAE,CAAC,MAAM,CAAC,IAAA,wCAAmB,EAAC,IAAI,EAAE,yCAAoB,CAAC,CAAC,CAAA;IAE5D,IAAI,IAAA,iBAAU,EAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ;aAC5B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC1B,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YAClB,IAAI,UAAU,GAAG,SAAS,CAAA;YAC1B,IAAI,KAAK,GAAG,SAAS,CAAA;YACrB,IAAI,QAAQ,GAAG,SAAS,CAAA;YACxB,MAAM,OAAO,GAAG,EAAE,CAAA;YAElB,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;gBAC1B,IAAI,IAAA,8BAAS,EAAC,IAAI,CAAC,EAAE;oBACnB,UAAU,GAAG,IAAI,CAAC,KAAK,CAAA;iBACxB;gBACD,IAAI,IAAA,gCAAW,EAAC,IAAI,CAAC,EAAE;oBACrB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;iBAC5B;gBACD,IAAI,IAAA,mCAAc,EAAC,IAAI,CAAC,EAAE;oBACxB,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;iBAC/B;gBAED,IAAI,IAAA,yCAAoB,EAAC,IAAI,CAAC,EAAE;oBAC9B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iBACnB;gBACD,2CAA2C;gBAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACvB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC/B;aACF;YAED,IAAI,MAAM,GAAG,EAAE,CAAA;YACf,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,EAAE;gBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;gBAC1C,IAAI,KAAK,IAAI,QAAQ,EAAE;oBACrB,MAAM,IAAI,GAAG,CAAA;iBACd;aACF;YACD,IAAI,KAAK,CAAC,YAAY,IAAI,QAAQ,EAAE;gBAClC,MAAM,IAAI,IAAI,QAAQ,GAAG,CAAA;aAC1B;YAED,OAAO;YACL,wCAAwC;YACxC,wBAAC,oCAAgB,kBAEf,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,iBAEjC,MAAM,IAAI,IAAI,EACd,OAAO,MANH,CAAC,CAOW,CACpB,CAAA;YAED,sDAAsD;YACtD,WAAW;YACX,WAAW;YACX,6BAA6B;YAC7B,aAAa;YACb,uBAAuB;YACvB,oCAAoC;YACpC,iBAAiB;YACjB,iBAAiB;YACjB,oBAAoB;YACpB,oBAAoB;YACpB,sBAAsB;YACtB,WAAW;YACX,gBAAgB;YAChB,sBAAsB;YACtB,IAAI;YACJ,IAAI;QACN,CAAC,CAAC,CAAA;QACJ,OAAO,QAAQ,CAAA;KAChB;SAAM;QACL,OAAO,uBAAC,mBAAQ,oBAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAY,CAAA;KACxD;AACH,CAAC,CAAA;AAjFY,QAAA,oBAAoB,wBAiFhC"}
+{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/multichannel/multichannel-context.d.ts

@@ -1,8 +1,5 @@
 export const MultichannelContext: React.Context<{
     boldIndex: boolean;
-    carousel: {
-        indexMode: undefined;
-    };
     text: {
         indexMode: string;
     };

package/lib/cjs/components/multichannel/multichannel-context.js

@@ -5,9 +5,6 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 exports.MultichannelContext = react_1.default.createContext({
     boldIndex: true,
-    carousel: {
-        indexMode: undefined,
-    },
     text: {
         indexMode: 'letter',
     },

package/lib/cjs/components/multichannel/multichannel-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"multichannel-context.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-context.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEZ,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAC;IACrD,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,SAAS,EAAE,SAAS;KACrB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE,GAAG;CACpB,CAAC,CAAA"}
+{"version":3,"file":"multichannel-context.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-context.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEZ,QAAA,mBAAmB,GAAG,eAAK,CAAC,aAAa,CAAC;IACrD,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE,GAAG;CACpB,CAAC,CAAA"}

package/lib/cjs/components/pic.d.ts

@@ -1,6 +1,9 @@
-export function Pic(props: any): any;
-export namespace Pic {
-    function serialize(picProps: any): {
-        pic: any;
-    };
+export interface PicProps {
+    src: string;
 }
+export declare const Pic: {
+    (props: PicProps): any;
+    serialize(props: PicProps): {
+        pic: string;
+    };
+};

package/lib/cjs/components/pic.js

@@ -3,28 +3,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Pic = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const constants_1 = require("../constants");
 const environment_1 = require("../util/environment");
-const react_2 = require("../util/react");
+const react_1 = require("../util/react");
 const PicStyled = styled_components_1.default.img `
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   width: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
   height: 140px;
-  background: ${constants_1.COLORS.SOLID_WHITE} url(${props => props.src}) no-repeat
-    center/cover;
+  background: ${constants_1.COLORS.SOLID_WHITE};
+  object-fit: center/cover;
   border-bottom: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
 `;
-const Pic = props => {
+const Pic = (props) => {
     props = Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
     const renderBrowser = () => (0, jsx_runtime_1.jsx)(PicStyled, { src: props.src });
+    // @ts-ignore
     const renderNode = () => (0, jsx_runtime_1.jsx)("pic", { children: props.src });
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
 };
 exports.Pic = Pic;
-exports.Pic.serialize = picProps => {
-    return { pic: picProps.src };
+exports.Pic.serialize = (props) => {
+    return { pic: props.src };
 };
 //# sourceMappingURL=pic.js.map

package/lib/cjs/components/pic.js.map

@@ -1 +1 @@
-{"version":3,"file":"pic.js","sourceRoot":"","sources":["../../../src/components/pic.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA8C;AAC9C,qDAAiD;AACjD,yCAA+C;AAE/C,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGjB,mBAAO,CAAC,QAAQ,CAAC,aAAa;;gBAEzB,kBAAM,CAAC,WAAW,QAAQ,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG;;6BAE/B,kBAAM,CAAC,cAAc;CACjD,CAAA;AAEM,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE;IACzB,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,uBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,CAAA;IACzD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,0CAAM,KAAK,CAAC,GAAG,GAAO,CAAA;IAC/C,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AALY,QAAA,GAAG,OAKf;AAED,WAAG,CAAC,SAAS,GAAG,QAAQ,CAAC,EAAE;IACzB,OAAO,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAA;AAC9B,CAAC,CAAA"}
+{"version":3,"file":"pic.js","sourceRoot":"","sources":["../../../src/components/pic.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAA8C;AAC9C,qDAAiD;AACjD,yCAA+C;AAE/C,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGjB,mBAAO,CAAC,QAAQ,CAAC,aAAa;;gBAEzB,kBAAM,CAAC,WAAW;;6BAEL,kBAAM,CAAC,cAAc;CACjD,CAAA;AAKM,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAEjD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,uBAAC,SAAS,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,CAAA;IAEzD,aAAa;IACb,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,0CAAM,KAAK,CAAC,GAAG,GAAO,CAAA;IAE/C,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AATY,QAAA,GAAG,OASf;AAED,WAAG,CAAC,SAAS,GAAG,CAAC,KAAe,EAAE,EAAE;IAClC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;AAC3B,CAAC,CAAA"}

package/lib/cjs/components/subtitle.d.ts

@@ -1,6 +1,10 @@
-export function Subtitle(props: any): any;
-export namespace Subtitle {
-    function serialize(subtitleProps: any): {
-        subtitle: any;
-    };
+import React from 'react';
+export interface SubtitleProps {
+    children: React.ReactNode;
 }
+export declare const Subtitle: {
+    (props: SubtitleProps): any;
+    serialize(props: SubtitleProps): {
+        subtitle: React.ReactNode;
+    };
+};

package/lib/cjs/components/subtitle.js

@@ -3,22 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Subtitle = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 const constants_1 = require("../constants");
-const react_2 = require("../util/react");
+const react_1 = require("../util/react");
 const SubtitleContainer = styled_components_1.default.div `
   font-size: 12px;
   padding: 0px 15px 10px 15px;
   color: ${constants_1.COLORS.MID_GRAY};
 `;
-const Subtitle = props => {
-    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(SubtitleContainer, Object.assign({ style: Object.assign({}, props.style) }, { children: props.children })));
+const Subtitle = (props) => {
+    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(SubtitleContainer, { children: props.children }));
     const renderNode = () => (0, jsx_runtime_1.jsx)("desc", { children: props.children });
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
 };
 exports.Subtitle = Subtitle;
-exports.Subtitle.serialize = subtitleProps => {
-    return { subtitle: subtitleProps.children };
+exports.Subtitle.serialize = (props) => {
+    return { subtitle: props.children };
 };
 //# sourceMappingURL=subtitle.js.map

package/lib/cjs/components/subtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"subtitle.js","sourceRoot":"","sources":["../../../src/components/subtitle.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAAqC;AACrC,yCAA+C;AAE/C,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGzB,kBAAM,CAAC,QAAQ;CACzB,CAAA;AACM,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;IAC9B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,kBAChB,KAAK,oBACA,KAAK,CAAC,KAAK,iBAGf,KAAK,CAAC,QAAQ,IACG,CACrB,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,2CAAO,KAAK,CAAC,QAAQ,GAAQ,CAAA;IAEtD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAbY,QAAA,QAAQ,YAapB;AAED,gBAAQ,CAAC,SAAS,GAAG,aAAa,CAAC,EAAE;IACnC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAA;AAC7C,CAAC,CAAA"}
+{"version":3,"file":"subtitle.js","sourceRoot":"","sources":["../../../src/components/subtitle.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAAqC;AACrC,yCAA+C;AAE/C,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGzB,kBAAM,CAAC,QAAQ;CACzB,CAAA;AAMM,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CACxD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,2CAAO,KAAK,CAAC,QAAQ,GAAQ,CAAA;IAEtD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AARY,QAAA,QAAQ,YAQpB;AAED,gBAAQ,CAAC,SAAS,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;AACrC,CAAC,CAAA"}

package/lib/cjs/components/title.d.ts

@@ -1,6 +1,10 @@
-export function Title(props: any): any;
-export namespace Title {
-    function serialize(titleProps: any): {
-        title: any;
-    };
+import React from 'react';
+export interface TitleProps {
+    children: React.ReactNode;
 }
+export declare const Title: {
+    (props: TitleProps): any;
+    serialize(props: TitleProps): {
+        title: React.ReactNode;
+    };
+};

package/lib/cjs/components/title.js

@@ -3,20 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importDefault(require("react"));
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const react_2 = require("../util/react");
+const react_1 = require("../util/react");
 const TitleContainer = styled_components_1.default.div `
   font-size: 14px;
   padding: 10px 15px;
 `;
-const Title = props => {
-    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(TitleContainer, Object.assign({ style: Object.assign({}, props.style) }, { children: props.children })));
+const Title = (props) => {
+    const renderBrowser = () => (0, jsx_runtime_1.jsx)(TitleContainer, { children: props.children });
     const renderNode = () => (0, jsx_runtime_1.jsx)("title", { children: props.children });
-    return (0, react_2.renderComponent)({ renderBrowser, renderNode });
+    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
 };
 exports.Title = Title;
-exports.Title.serialize = titleProps => {
-    return { title: titleProps.children };
+exports.Title.serialize = (props) => {
+    return { title: props.children };
 };
 //# sourceMappingURL=title.js.map

package/lib/cjs/components/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../src/components/title.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,yCAA+C;AAE/C,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,cAAc,kBAAC,KAAK,oBAAO,KAAK,CAAC,KAAK,iBAAK,KAAK,CAAC,QAAQ,IAAkB,CAC7E,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4CAAQ,KAAK,CAAC,QAAQ,GAAS,CAAA;IAExD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAPY,QAAA,KAAK,SAOjB;AAED,aAAK,CAAC,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAA;AACvC,CAAC,CAAA"}
+{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../src/components/title.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,yCAA+C;AAE/C,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAKM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,uBAAC,cAAc,cAAE,KAAK,CAAC,QAAQ,GAAkB,CAAA;IAE7E,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4CAAQ,KAAK,CAAC,QAAQ,GAAS,CAAA;IAExD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AANY,QAAA,KAAK,SAMjB;AAED,aAAK,CAAC,SAAS,GAAG,CAAC,KAAiB,EAAE,EAAE;IACtC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAA;AAClC,CAAC,CAAA"}