@botonic/react 0.55.1 → 0.57.0-rslib-esm.0

package/lib/cjs/components/carousel.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 = 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"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const context_1 = require("../webchat/context");
-const buttons_disabler_1 = require("./buttons-disabler");
-const constants_2 = require("./constants");
-const message_1 = require("./message");
-const ScrollableCarousel = styled_components_1.default.div `
-  overscroll-behavior: contain;
-  -webkit-overflow-scrolling: touch;
-`;
-const StyledCarousel = styled_components_1.default.div `
-  padding: 10px 0px;
-  display: flex;
-  flex-direction: row;
-  max-width: 100%;
-  ${props => props.carouselArrowsEnabled && 'overflow-x: auto;'}
-`;
-const StyledItems = styled_components_1.default.div `
-  display: flex;
-`;
-const StyledArrowContainer = styled_components_1.default.div `
-  position: absolute;
-  top: calc(50% - 20px);
-  height: 40px;
-  width: 25px;
-  background: ${constants_1.COLORS.SILVER};
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  justify-content: ${props => props.justifyContent};
-
-  ${props => (props.left === 0 ? `left: ${props.left}px` : '')};
-  ${props => (props.right === 0 ? `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;
-  height: 20px;
-`;
-const serialize = carouselProps => {
-    let carouselChildren = carouselProps.children;
-    if (!Array.isArray(carouselChildren)) {
-        carouselChildren = [carouselChildren];
-    }
-    return {
-        type: core_1.INPUT.CAROUSEL,
-        elements: carouselChildren.map(e => e?.type?.serialize?.(e.props)),
-    };
-};
-const Carousel = (props) => {
-    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    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);
-    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);
-    const scrollCarouselBy = value => {
-        carouselRef.current?.scrollBy({
-            left: value,
-            behavior: 'smooth',
-        });
-    };
-    const setArrowsVisibility = event => {
-        const carousel = event.currentTarget;
-        const maxRightScroll = carousel.scrollWidth -
-            carousel.offsetWidth -
-            constants_1.WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT;
-        setLeftArrow(carousel.scrollLeft !== 0);
-        setRightArrow(carousel.scrollLeft < maxRightScroll);
-    };
-    const getArrows = () => {
-        const scrollBy = constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH + constants_1.WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT;
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasLeftArrow &&
-                    (CustomCarouselLeftArrow ? ((0, jsx_runtime_1.jsx)(CustomCarouselLeftArrow, { scrollCarouselBy: scrollCarouselBy })) : ((0, jsx_runtime_1.jsx)(StyledArrowContainer, { left: 0, arrow: 'right', justifyContent: 'flex-start', onClick: () => scrollCarouselBy(-scrollBy), children: (0, jsx_runtime_1.jsx)(StyledArrow, { src: (0, environment_1.resolveImage)(leftArrow_svg_1.default) }) }))), hasRightArrow &&
-                    (CustomCarouselRightArrow ? ((0, jsx_runtime_1.jsx)(CustomCarouselRightArrow, { scrollCarouselBy: scrollCarouselBy })) : ((0, jsx_runtime_1.jsx)(StyledArrowContainer, { right: 0, arrow: 'left', justifyContent: 'flex-end', onClick: () => scrollCarouselBy(scrollBy), children: (0, jsx_runtime_1.jsx)(StyledArrow, { src: (0, environment_1.resolveImage)(rightArrow_svg_1.default) }) })))] }));
-    };
-    (0, react_1.useEffect)(() => {
-        const carousel = carouselRef.current;
-        if (carousel?.addEventListener) {
-            carousel.addEventListener('scroll', setArrowsVisibility, false);
-        }
-        return () => {
-            if (carousel?.removeEventListener) {
-                carousel.removeEventListener('scroll', setArrowsVisibility, false);
-            }
-        };
-    }, [carouselRef.current]);
-    const carouselProps = {
-        ...props,
-        children: buttons_disabler_1.ButtonsDisabler.updateChildrenButtons(props.children),
-    };
-    if ((0, core_1.isBrowser)()) {
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { 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, { 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, { 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.displayName = constants_2.COMPONENT_DISPLAY_NAMES.Carousel;
-exports.Carousel.serialize = serialize;
-//# sourceMappingURL=carousel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,iCAA+D;AAC/D,kFAAsC;AAEtC,oFAA+C;AAC/C,sFAAiD;AACjD,4CAA8C;AAC9C,qDAAkD;AAClD,gDAAmD;AACnD,yDAAoD;AACpD,2CAAqD;AAErD,uCAAmC;AAEnC,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGpC,CAAA;AAMD,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;;IAKlD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,IAAI,mBAAmB;CAC9D,CAAA;AAED,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE7B,CAAA;AASD,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAA2B;;;;;gBAKlD,kBAAM,CAAC,MAAM;;;;qBAIR,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc;;IAE9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1D,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7D,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,KAAK,CAAC,EAAE,CACR,KAAK,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE;IACjE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC;IACvE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAC;CAC7E,CAAA;AACD,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAA;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,EAAE;IAChC,IAAI,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAA;IAC7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACrC,gBAAgB,GAAG,CAAC,gBAAgB,CAAC,CAAA;IACvC,CAAC;IACD,OAAO;QACL,IAAI,EAAE,YAAK,CAAC,QAAQ;QACpB,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;KACnE,CAAA;AACH,CAAC,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACpD,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IACrD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEhD,MAAM,uBAAuB,GAAG,gBAAgB,CAC9C,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,CAClD,CAAA;IACD,MAAM,wBAAwB,GAAG,gBAAgB,CAC/C,mBAAO,CAAC,iBAAiB,CAAC,wBAAwB,CACnD,CAAA;IACD,yHAAyH;IACzH,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,CAC/C,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;QAC/B,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC;YAC5B,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE;QAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAA;QACpC,MAAM,cAAc,GAClB,QAAQ,CAAC,WAAW;YACpB,QAAQ,CAAC,WAAW;YACpB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAA;QACvC,YAAY,CAAC,QAAQ,CAAC,UAAU,KAAK,CAAC,CAAC,CAAA;QACvC,aAAa,CAAC,QAAQ,CAAC,UAAU,GAAG,cAAc,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,QAAQ,GACZ,mBAAO,CAAC,QAAQ,CAAC,aAAa,GAAG,mBAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAA;QACxE,OAAO,CACL,6DACG,YAAY;oBACX,CAAC,uBAAuB,CAAC,CAAC,CAAC,CACzB,uBAAC,uBAAuB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CAChE,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAoB,IACnB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,YAAY,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,YAE1C,uBAAC,WAAW,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,uBAAS,CAAC,GAAI,GACxB,CACxB,CAAC,EACH,aAAa;oBACZ,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAC1B,uBAAC,wBAAwB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAoB,IACnB,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,YAEzC,uBAAC,WAAW,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAU,CAAC,GAAI,GACzB,CACxB,CAAC,IACH,CACJ,CAAA;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,IAAI,QAAQ,EAAE,gBAAgB,EAAE,CAAC;YAC/B,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAA;QACjE,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,EAAE,mBAAmB,EAAE,CAAC;gBAClC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAA;YACpE,CAAC;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;IAEzB,MAAM,aAAa,GAAG;QACpB,GAAG,KAAK;QACR,QAAQ,EAAE,kCAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,QAAQ,CAAC;KAChE,CAAA;IAED,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,CAAC;gBACV,eAAe,EAAE,kBAAM,CAAC,WAAW;aACpC,EACD,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,EAC9B,IAAI,EAAE,YAAK,CAAC,QAAQ,KAChB,aAAa,YAEjB,uBAAC,kBAAkB,cACjB,wBAAC,cAAc,IACb,GAAG,EAAE,WAAW,EAChB,qBAAqB,EAAE,qBAAqB,aAE5C,uBAAC,WAAW,cAAE,aAAa,CAAC,QAAQ,GAAe,EAClD,qBAAqB,IAAI,SAAS,EAAE,IACtB,GACE,GACb,CACX,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,eAAe,EAAE,kBAAM,CAAC,WAAW,EAAE,EACxE,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,EAC9B,IAAI,EAAE,YAAK,CAAC,QAAQ,KAChB,aAAa,YAEhB,KAAK,CAAC,QAAQ,GACP,CACX,CAAA;AACH,CAAC,CAAA;AA5HY,QAAA,QAAQ,YA4HpB;AAED,gBAAQ,CAAC,WAAW,GAAG,mCAAuB,CAAC,QAAQ,CAAA;AAEvD,gBAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -1,12 +0,0 @@
-/**
- * Get the name of an element (instantiated component)
- * @param {React.Element} component
- * @returns {string}
- */
-export function getElementName(component: React.Element): string;
-/**
- * Get the name of a component TYPE
- * @param {React.ComponentType} component
- * @returns {string}
- */
-export function getComponentTypeName(component: React.ComponentType): string;

package/lib/cjs/components/components.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getElementName = getElementName;
-exports.getComponentTypeName = getComponentTypeName;
-/**
- * Get the name of an element (instantiated component)
- * @param {React.Element} component
- * @returns {string}
- */
-function getElementName(component) {
-    return component.type.name;
-}
-/**
- * Get the name of a component TYPE
- * @param {React.ComponentType} component
- * @returns {string}
- */
-function getComponentTypeName(component) {
-    return component.displayName || component.name || 'Component';
-}
-//# sourceMappingURL=components.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/components.js"],"names":[],"mappings":";;AAKA,wCAEC;AAOD,oDAEC;AAhBD;;;;GAIG;AACH,SAAgB,cAAc,CAAC,SAAS;IACtC,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;AAC5B,CAAC;AAED;;;;GAIG;AACH,SAAgB,oBAAoB,CAAC,SAAS;IAC5C,OAAO,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,CAAA;AAC/D,CAAC"}

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

@@ -1,11 +0,0 @@
-export declare const COMPONENT_DISPLAY_NAMES: {
-    readonly Button: "Button";
-    readonly Carousel: "Carousel";
-    readonly Pic: "Pic";
-    readonly Reply: "Reply";
-    readonly Subtitle: "Subtitle";
-    readonly Text: "Text";
-    readonly Title: "Title";
-    readonly MultichannelButton: "MultichannelButton";
-    readonly MultichannelReply: "MultichannelReply";
-};

package/lib/cjs/components/constants.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.COMPONENT_DISPLAY_NAMES = void 0;
-exports.COMPONENT_DISPLAY_NAMES = {
-    Button: 'Button',
-    Carousel: 'Carousel',
-    Pic: 'Pic',
-    Reply: 'Reply',
-    Subtitle: 'Subtitle',
-    Text: 'Text',
-    Title: 'Title',
-    MultichannelButton: 'MultichannelButton',
-    MultichannelReply: 'MultichannelReply',
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,uBAAuB,GAAG;IACrC,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,iBAAiB,EAAE,mBAAmB;CAC9B,CAAA"}

package/lib/cjs/components/custom-message.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { CustomMessageType } from './index-types';
-/**
- *
- *  name: as it appears at ThemeProps' message.customTypes key
- *  CustomMessageComponent
- *  defaultProps: Props for the wrapper Message
- *  ErrorBoundary: to recover in case it fails
- */
-export interface CustomMessageArgs {
-    name: string;
-    component: React.FC<any>;
-    defaultProps?: Record<string, any>;
-    errorBoundary?: any;
-}
-export declare const customMessage: ({ name, component: CustomMessageComponent, defaultProps, errorBoundary, }: CustomMessageArgs) => CustomMessageType;

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

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customMessage = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const lodash_merge_1 = tslib_1.__importDefault(require("lodash.merge"));
-const react_1 = tslib_1.__importDefault(require("react"));
-const index_types_1 = require("../index-types");
-const error_boundary_1 = require("../util/error-boundary");
-const logs_1 = require("../util/logs");
-const react_2 = require("../util/react");
-const message_1 = require("./message");
-const reply_1 = require("./reply");
-const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary = (0, error_boundary_1.createErrorBoundary)(), }) => {
-    const CustomMessage = props => {
-        (0, logs_1.warnDeprecatedProps)(defaultProps, 'customMessage:');
-        if (defaultProps.sentBy === index_types_1.SENDERS.user) {
-            defaultProps.ack = 1;
-        }
-        return ((0, jsx_runtime_1.jsx)(message_1.Message, { ...(0, lodash_merge_1.default)((0, react_2.mapObjectNonBooleanValues)(defaultProps), props), type: core_1.INPUT.CUSTOM }));
-    };
-    const splitChildren = props => {
-        const { children } = props;
-        const isReply = e => e.type === reply_1.Reply;
-        try {
-            if (!Array.isArray(children) && !isReply(children)) {
-                return { replies: null, childrenWithoutReplies: children };
-            }
-            const childrenArray = react_1.default.Children.toArray(children);
-            const replies = childrenArray.filter(isReply);
-            const childrenWithoutReplies = childrenArray.filter(e => !isReply(e));
-            return {
-                replies: replies,
-                childrenWithoutReplies,
-            };
-        }
-        catch (_e) {
-            return { replies: null, childrenWithoutReplies: children };
-        }
-    };
-    const WrappedComponent = props => {
-        const { id, children, ...customMessageProps } = props;
-        const { replies, childrenWithoutReplies } = splitChildren(props);
-        const ErrorBoundary = errorBoundary;
-        return ((0, jsx_runtime_1.jsxs)(CustomMessage, { id: id, json: {
-                ...customMessageProps,
-                id,
-                children: childrenWithoutReplies,
-                customTypeName: name,
-            }, sentBy: props.sentBy || index_types_1.SENDERS.bot, isUnread: props.isUnread, children: [(0, jsx_runtime_1.jsx)(ErrorBoundary, { ...customMessageProps, children: (0, jsx_runtime_1.jsx)(CustomMessageComponent, { id: id, ...customMessageProps, children: childrenWithoutReplies }) }, 'errorBoundary'), replies] }));
-    };
-    WrappedComponent.customTypeName = name;
-    WrappedComponent.deserialize = (msg) => {
-        return ((0, jsx_runtime_1.jsx)(WrappedComponent, { id: msg.id, json: msg.data, ...msg.data, sentBy: msg.sentBy || index_types_1.SENDERS.bot, isUnread: msg.isUnread }, msg.key));
-    };
-    return WrappedComponent;
-};
-exports.customMessage = customMessage;
-//# sourceMappingURL=custom-message.js.map

package/lib/cjs/components/custom-message.js.map

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

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

@@ -1,9 +0,0 @@
-import type { DocumentProps } from './index-types';
-export declare const Document: {
-    (props: DocumentProps): import("react/jsx-runtime").JSX.Element;
-    serialize: (documentProps: {
-        src: string;
-    }) => {
-        document: string;
-    };
-};

package/lib/cjs/components/document.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Document = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const context_1 = require("../webchat/context");
-const message_1 = require("./message");
-const StyledButton = styled_components_1.default.a `
-  display: block;
-  height: 25px;
-  background-color: #f0f0f0;
-  padding: 10px;
-  text-align: center;
-  border-radius: 5px;
-  color: black;
-  font-weight: bold;
-  line-height: 25px;
-  text-decoration: none;
-  border: 1px solid black;
-  opacity: 0.9;
-  &:hover {
-    opacity: 1;
-  }
-`;
-const serialize = (documentProps) => {
-    return { document: documentProps.src };
-};
-const Document = (props) => {
-    props = { ...props, src: (0, environment_1.staticAsset)(props.src) };
-    let content = props.children;
-    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    let documentDownload = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.documentDownload, {});
-    if (typeof documentDownload === 'function') {
-        documentDownload = documentDownload(props.from);
-    }
-    if ((0, core_1.isBrowser)()) {
-        content = ((0, jsx_runtime_1.jsx)(StyledButton, { href: props.src, target: '_blank', rel: 'noreferrer', style: {
-                ...documentDownload.style,
-            }, children: documentDownload.text || 'Download' }));
-    }
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.DOCUMENT_MESSAGE, json: serialize(props), ...props, type: core_1.INPUT.DOCUMENT, children: content }));
-};
-exports.Document = Document;
-exports.Document.serialize = serialize;
-//# sourceMappingURL=document.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,iCAAkC;AAClC,kFAAsC;AAEtC,4CAA6C;AAC7C,qDAAiD;AACjD,gDAAmD;AAEnD,uCAAmC;AAEnC,MAAM,YAAY,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,aAA8B,EAAE,EAAE;IACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,IAAI,gBAAgB,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,EAAE,CACH,CAAA;IACD,IAAI,OAAO,gBAAgB,KAAK,UAAU,EAAE,CAAC;QAC3C,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACjD,CAAC;IAED,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,GAAG,CACR,uBAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;aAC1B,YAEA,gBAAgB,CAAC,IAAI,IAAI,UAAU,GACvB,CAChB,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,QAAQ,YAEnB,OAAO,GACA,CACX,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,QAAQ,YAuCpB;AAED,gBAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -1,8 +0,0 @@
-import type 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

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Element = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const react_1 = require("../util/react");
-const index_1 = require("./button/index");
-const ElementContainer = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  width: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
-  margin-right: ${constants_1.WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT}px;
-  border-radius: 6px;
-  border: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
-  overflow: hidden;
-  justify-content: space-between;
-`;
-const Element = (props) => {
-    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(ElementContainer, { children: props.children }));
-    // @ts-expect-error
-    const renderNode = () => (0, jsx_runtime_1.jsx)("element", { children: props.children });
-    return (0, react_1.renderComponent)({ renderBrowser, renderNode });
-};
-exports.Element = Element;
-exports.Element.serialize = elementProps => {
-    const element = Object.assign({}, ...elementProps.children
-        .filter(c => c?.type?.name !== index_1.Button.name)
-        .map(c => 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 = [
-        ...elementProps.children
-            .filter(c => {
-            if (Array.isArray(c)) {
-                return true;
-            }
-            return c?.type?.name === index_1.Button.name;
-        })
-            .map(b => {
-            if (Array.isArray(b)) {
-                b.map(bb => bb?.type?.serialize?.(bb.props)?.button);
-            }
-            return b?.type?.serialize(b.props).button;
-        }),
-    ];
-    // When we have the buttons from backend, we have all buttons inside an array on the first position
-    // of another array in element['buttons'] we want that element['buttons'] to be an array of buttons,
-    // not an array of another array of buttons
-    if (Array.isArray(element.buttons[0])) {
-        element.buttons = element.buttons[0];
-    }
-    return element;
-};
-//# sourceMappingURL=element.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.tsx"],"names":[],"mappings":";;;;;AACA,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,0CAAuC;AAEvC,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,mBAAmB;IACnB,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,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,cAAM,CAAC,IAAI,CAAC;SAC1C,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3C,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;YACV,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrB,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,KAAK,cAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;YACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;YACtD,CAAC;YACD,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACtC,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

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

@@ -1 +0,0 @@
-export function Handoff(_props: any): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/handoff.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Handoff = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const context_1 = require("../webchat/context");
-const Container = styled_components_1.default.div `
-  display: flex;
-  font-family: inherit;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 24px;
-`;
-const TransferredContainer = styled_components_1.default.div `
-  text-align: center;
-  white-space: normal;
-`;
-const EndedContainer = styled_components_1.default.div `
-  text-align: center;
-  white-space: normal;
-`;
-const StyledButton = styled_components_1.default.button `
-  max-width: 60%;
-  padding: 12px 24px;
-  background-color: ${constants_1.COLORS.SOLID_WHITE};
-  border: none;
-  border-radius: 4px;
-  margin-top: 8px;
-  cursor: pointer;
-`;
-const Handoff = _props => {
-    const { resolveCase } = (0, react_1.useContext)(context_1.WebchatContext);
-    const [state, setState] = (0, react_1.useState)({ showContinue: true });
-    const continueClick = () => {
-        setState({ showContinue: false });
-        resolveCase();
-    };
-    const bgColor = state.showContinue
-        ? constants_1.COLORS.FRINGY_FLOWER_GREEN
-        : constants_1.COLORS.TASMAN_GRAY;
-    const fontColor = state.showContinue
-        ? constants_1.COLORS.APPLE_GREEN
-        : constants_1.COLORS.CACTUS_GREEN;
-    return ((0, jsx_runtime_1.jsxs)(Container, { style: {
-            color: fontColor,
-            backgroundColor: bgColor,
-        }, children: [state.showContinue ? ((0, jsx_runtime_1.jsx)(TransferredContainer, { children: "Conversation transferred to a human agent..." })) : ((0, jsx_runtime_1.jsx)(EndedContainer, { children: "Human handoff ended" })), state.showContinue && ((0, jsx_runtime_1.jsx)(StyledButton, { onClick: continueClick, children: "Continue" }))] }));
-};
-exports.Handoff = Handoff;
-//# sourceMappingURL=handoff.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";;;;;AAAA,iCAA4C;AAC5C,kFAAsC;AAEtC,4CAAqC;AACrC,gDAAmD;AAEnD,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;;;sBAGZ,kBAAM,CAAC,WAAW;;;;;CAKvC,CAAA;AAEM,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;QACjC,WAAW,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY;QAChC,CAAC,CAAC,kBAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,kBAAM,CAAC,WAAW,CAAA;IACtB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY;QAClC,CAAC,CAAC,kBAAM,CAAC,WAAW;QACpB,CAAC,CAAC,kBAAM,CAAC,YAAY,CAAA;IACvB,OAAO,CACL,wBAAC,SAAS,IACR,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,OAAO;SACzB,aAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,uBAAC,oBAAoB,+DAEE,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,cAAc,sCAAqC,CACrD,EACA,KAAK,CAAC,YAAY,IAAI,CACrB,uBAAC,YAAY,IAAC,OAAO,EAAE,aAAa,yBAAyB,CAC9D,IACS,CACb,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,OAAO,WAkCnB"}

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

@@ -1,9 +0,0 @@
-import type { ImageProps } from './index-types';
-export declare const Image: {
-    (props: ImageProps): import("react/jsx-runtime").JSX.Element;
-    serialize: (imageProps: {
-        src: string;
-    }) => {
-        image: string;
-    };
-};

package/lib/cjs/components/image.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../constants");
-const environment_1 = require("../util/environment");
-const context_1 = require("../webchat/context");
-const message_1 = require("./message");
-const StyledImage = styled_components_1.default.img `
-  border-radius: 8px;
-  max-width: 150px;
-  max-height: 150px;
-  margin: -3px -6px;
-  cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};
-`;
-const serialize = (imageProps) => {
-    return { image: imageProps.src };
-};
-const Image = (props) => {
-    props = props.input?.data
-        ? { ...props, src: props.input.data }
-        : { ...props, src: (0, environment_1.staticAsset)(props.src) };
-    let content = props.children;
-    const [isPreviewerOpened, setIsPreviewerOpened] = (0, react_1.useState)(false);
-    const openPreviewer = () => setIsPreviewerOpened(true);
-    const closePreviewer = () => setIsPreviewerOpened(false);
-    const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
-    const ImagePreviewer = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer);
-    if ((0, core_1.isBrowser)()) {
-        content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StyledImage, { src: props.src, onClick: openPreviewer, hasPreviewer: Boolean(ImagePreviewer) }), ImagePreviewer && ((0, jsx_runtime_1.jsx)(ImagePreviewer, { src: props.src, isPreviewerOpened: isPreviewerOpened, openPreviewer: openPreviewer, closePreviewer: closePreviewer }))] }));
-    }
-    return ((0, jsx_runtime_1.jsx)(message_1.Message, { role: constants_1.ROLES.IMAGE_MESSAGE, json: serialize(props), ...props, type: core_1.INPUT.IMAGE, children: content }));
-};
-exports.Image = Image;
-exports.Image.serialize = serialize;
-//# sourceMappingURL=image.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,iCAA4C;AAC5C,kFAAsC;AAEtC,4CAA6C;AAC7C,qDAAiD;AACjD,gDAAmD;AAEnD,uCAAmC;AAMnC,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAkB;;;;;YAKpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;CACpE,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,IAAI;QACvB,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;QACrC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAA;IAE7C,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAExD,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CACzC,CAAA;IAED,IAAI,IAAA,gBAAS,GAAE,EAAE,CAAC;QAChB,OAAO,GAAG,CACR,6DACE,uBAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,GACrC,EACD,cAAc,IAAI,CACjB,uBAAC,cAAc,IACb,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,IACA,CACJ,CAAA;IACH,CAAC;IAED,OAAO,CACL,uBAAC,iBAAO,IACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,KAClB,KAAK,EACT,IAAI,EAAE,YAAK,CAAC,KAAK,YAEhB,OAAO,GACA,CACX,CAAA;AACH,CAAC,CAAA;AA9CY,QAAA,KAAK,SA8CjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -1,83 +0,0 @@
-import type React from 'react';
-import type { SENDERS } from '../index-types';
-export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
-export interface MessageProps {
-    blob?: boolean;
-    children?: React.ReactNode;
-    delay?: number;
-    enabletimestamps?: boolean;
-    sentBy?: SENDERS;
-    json?: Record<string, unknown>;
-    style?: Record<string, unknown>;
-    type?: MessageType;
-    typing?: number;
-}
-export interface TextProps extends MessageProps {
-    markdown?: boolean;
-    botInteractionId?: string;
-}
-export interface CarouselProps extends MessageProps {
-    children: React.ReactNode[];
-    text?: string;
-}
-export interface Webview {
-    name: string;
-}
-export interface ButtonProps {
-    params?: Record<string, string>;
-    path?: string;
-    payload?: string;
-    target?: string;
-    url?: string;
-    webview?: Webview;
-    onClick?: () => void;
-    autodisable?: boolean;
-    disabled?: boolean;
-    disabledstyle?: Record<string, string> | string;
-    children: string;
-    setDisabled?: (disabled: boolean) => void;
-    parentId?: string;
-}
-export interface ReplyProps {
-    path?: string;
-    payload?: string;
-    children: string;
-}
-export interface ImageProps extends MessageProps {
-    src: string;
-    input?: {
-        data: string;
-    };
-}
-export interface VideoProps extends MessageProps {
-    src: string;
-    input?: {
-        data: string;
-    };
-}
-export interface AudioProps extends MessageProps {
-    src: string;
-    input?: {
-        data: string;
-    };
-}
-export interface DocumentProps extends MessageProps {
-    src: string;
-    input?: {
-        data: string;
-    };
-    from?: any;
-}
-export interface CustomMessageType {
-    (props: any): JSX.Element;
-    customTypeName: string;
-    deserialize(msg: any): JSX.Element;
-}
-export type BlockInputOption = {
-    preprocess?: (message: string) => string;
-    match: RegExp[];
-    message: string;
-};
-export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
-    customTypeName: string;
-};

package/lib/cjs/components/index-types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=index-types.js.map

package/lib/cjs/components/index-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../src/components/index-types.ts"],"names":[],"mappings":""}