@botonic/react 0.31.0 → 0.31.1-alpha.0

package/lib/esm/components/subtitle.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import styled from 'styled-components';
-import { COLORS } from '../constants';
-import { renderComponent } from '../util/react';
-const SubtitleContainer = styled.div `
-  font-size: 12px;
-  padding: 0px 15px 10px 15px;
-  color: ${COLORS.MID_GRAY};
-`;
-export const Subtitle = props => {
-    const renderBrowser = () => (_jsx(SubtitleContainer, Object.assign({ style: Object.assign({}, props.style) }, { children: props.children })));
-    const renderNode = () => _jsx("desc", { children: props.children });
-    return renderComponent({ renderBrowser, renderNode });
-};
-Subtitle.serialize = subtitleProps => {
-    return { subtitle: subtitleProps.children };
-};
-//# sourceMappingURL=subtitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"subtitle.js","sourceRoot":"","sources":["../../../src/components/subtitle.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGzB,MAAM,CAAC,QAAQ;CACzB,CAAA;AACD,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;IAC9B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,iBAAiB,kBAChB,KAAK,oBACA,KAAK,CAAC,KAAK,iBAGf,KAAK,CAAC,QAAQ,IACG,CACrB,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,yBAAO,KAAK,CAAC,QAAQ,GAAQ,CAAA;IAEtD,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC,EAAE;IACnC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAA;AAC7C,CAAC,CAAA"}

package/lib/esm/components/text.d.ts

@@ -1,7 +0,0 @@
-import { TextProps } from './index-types';
-export declare const Text: {
-    (props: TextProps): import("react/jsx-runtime").JSX.Element;
-    serialize: (textProps: TextProps) => {
-        text: any;
-    };
-};

package/lib/esm/components/text.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import { Children } from 'react';
-import { mapObjectNonBooleanValues } from '../util/react';
-import { serializeMarkdown, toMarkdownChildren } from './markdown';
-import { Message } from './message';
-const serializeText = children => {
-    children = Array.isArray(children) ? children : [children];
-    const text = children
-        .filter(e => !e.type)
-        .map(e => {
-        if (Array.isArray(e))
-            return serializeText(e);
-        else
-            return String(e);
-    })
-        .join('');
-    return text;
-};
-const serialize = (textProps) => {
-    if (!textProps.markdown)
-        return {
-            text: serializeText(textProps.children),
-        };
-    return { text: serializeMarkdown(textProps.children) };
-};
-export const Text = (props) => {
-    const defaultTextProps = {
-        markdown: props.markdown === undefined ? true : props.markdown,
-        feedbackEnabled: props.feedbackEnabled,
-        inferenceId: props.inferenceId,
-        botInteractionId: props.botInteractionId,
-    };
-    const textProps = mapObjectNonBooleanValues(Object.assign(Object.assign(Object.assign({}, props), defaultTextProps), { children: Children.toArray(props.children) }));
-    if (!textProps.markdown)
-        return (_jsx(Message, Object.assign({ json: serialize(textProps) }, textProps, { type: INPUT.TEXT }, { children: textProps.children })));
-    return (_jsx(Message, Object.assign({ json: serialize(textProps) }, textProps, { type: INPUT.TEXT }, { children: toMarkdownChildren(textProps.children) })));
-};
-Text.serialize = serialize;
-//# sourceMappingURL=text.js.map

package/lib/esm/components/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE;IAC/B,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;IAC1D,MAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,aAAa,CAAC,CAAC,CAAC,CAAA;;YACxC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,SAAoB,EAAE,EAAE;IACzC,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;QAC9D,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KACzC,CAAA;IAED,MAAM,SAAS,GAAG,yBAAyB,+CACtC,KAAK,GACL,gBAAgB,GAChB,EAAE,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACjD,CAAA;IAEF,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAM,SAAS,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBACjE,SAAS,CAAC,QAAQ,IACX,CACX,CAAA;IACH,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAM,SAAS,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBACjE,kBAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,IAC/B,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -1,6 +0,0 @@
-export function Title(props: any): any;
-export namespace Title {
-    function serialize(titleProps: any): {
-        title: any;
-    };
-}

package/lib/esm/components/title.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import styled from 'styled-components';
-import { renderComponent } from '../util/react';
-const TitleContainer = styled.div `
-  font-size: 14px;
-  padding: 10px 15px;
-`;
-export const Title = props => {
-    const renderBrowser = () => (_jsx(TitleContainer, Object.assign({ style: Object.assign({}, props.style) }, { children: props.children })));
-    const renderNode = () => _jsx("title", { children: props.children });
-    return renderComponent({ renderBrowser, renderNode });
-};
-Title.serialize = titleProps => {
-    return { title: titleProps.children };
-};
-//# sourceMappingURL=title.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"title.js","sourceRoot":"","sources":["../../../src/components/title.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,cAAc,kBAAC,KAAK,oBAAO,KAAK,CAAC,KAAK,iBAAK,KAAK,CAAC,QAAQ,IAAkB,CAC7E,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,0BAAQ,KAAK,CAAC,QAAQ,GAAS,CAAA;IAExD,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAA;AACvC,CAAC,CAAA"}

package/lib/esm/components/video.d.ts

@@ -1,9 +0,0 @@
-import { VideoProps } from './index-types';
-export declare const Video: {
-    (props: VideoProps): import("react/jsx-runtime").JSX.Element;
-    serialize: (videoProps: {
-        src: string;
-    }) => {
-        video: string;
-    };
-};

package/lib/esm/components/video.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT, isBrowser } from '@botonic/core';
-import styled from 'styled-components';
-import { COLORS, ROLES } from '../constants';
-import { staticAsset } from '../util/environment';
-import { Message } from './message';
-const StyledVideo = styled.video `
-  background-color: ${COLORS.SOLID_BLACK_ALPHA_0_5};
-  border-radius: 8px;
-  max-height: 180px;
-  max-width: 300px;
-  margin: 10px;
-`;
-const serialize = (videoProps) => {
-    return { video: videoProps.src };
-};
-export const Video = (props) => {
-    props = Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
-    let content = props.children;
-    if (isBrowser())
-        content = (_jsx(StyledVideo, Object.assign({ controls: true }, { children: _jsx("source", { src: props.src }) })));
-    return (_jsx(Message, Object.assign({ role: ROLES.VIDEO_MESSAGE, json: serialize(props) }, props, { type: INPUT.VIDEO }, { children: content })));
-};
-Video.serialize = serialize;
-//# sourceMappingURL=video.js.map

package/lib/esm/components/video.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/components/video.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;sBACV,MAAM,CAAC,qBAAqB;;;;;CAKjD,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,SAAS,EAAE;QACb,OAAO,GAAG,CACR,KAAC,WAAW,kBAAC,QAAQ,sBACnB,iBAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,IACd,CACf,CAAA;IACH,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}

package/lib/esm/components/webchat-settings.d.ts

@@ -1,16 +0,0 @@
-import { PersistentMenuOptionsTheme, ThemeProps } from '../webchat/theme/types';
-import { BlockInputOption } from './index-types';
-export interface WebchatSettingsProps {
-    blockInputs?: BlockInputOption[];
-    enableAnimations?: boolean;
-    enableAttachments?: boolean;
-    enableEmojiPicker?: boolean;
-    enableUserInput?: boolean;
-    persistentMenu?: PersistentMenuOptionsTheme;
-    theme?: ThemeProps;
-    user?: {
-        extra_data?: any;
-    };
-}
-export declare const WebchatSettings: ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }: WebchatSettingsProps) => any;
-export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) => ThemeProps;

package/lib/esm/components/webchat-settings.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import { useContext } from 'react';
-import { renderComponent } from '../util/react';
-import { stringifyWithRegexs } from '../util/regexs';
-import { WebchatContext } from '../webchat/context';
-export const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }) => {
-    const renderBrowser = () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const { updateWebchatDevSettings } = useContext(WebchatContext);
-        updateWebchatDevSettings({
-            theme,
-            blockInputs,
-            persistentMenu,
-            enableEmojiPicker,
-            enableAttachments,
-            enableUserInput,
-            enableAnimations,
-        });
-        return null;
-    };
-    const renderNode = () => {
-        const updatedTheme = normalizeWebchatSettings({
-            theme,
-            blockInputs,
-            persistentMenu,
-            enableEmojiPicker,
-            enableAttachments,
-            enableUserInput,
-            enableAnimations,
-        });
-        return (
-        //@ts-ignore
-        _jsx("message", { type: INPUT.WEBCHAT_SETTINGS, settings: stringifyWithRegexs({ theme: updatedTheme, user }) }));
-    };
-    return renderComponent({ renderBrowser, renderNode });
-};
-export const normalizeWebchatSettings = (settings) => {
-    let { theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, } = settings;
-    if (!theme)
-        theme = {};
-    if (!theme.userInput)
-        theme.userInput = {};
-    if (persistentMenu !== undefined) {
-        theme.userInput.persistentMenu = persistentMenu;
-    }
-    if (enableEmojiPicker !== undefined) {
-        if (!theme.userInput.emojiPicker)
-            theme.userInput.emojiPicker = {};
-        theme.userInput.emojiPicker.enable = enableEmojiPicker;
-    }
-    if (enableAttachments !== undefined) {
-        if (!theme.userInput.attachments)
-            theme.userInput.attachments = {};
-        theme.userInput.attachments.enable = enableAttachments;
-    }
-    if (enableUserInput !== undefined) {
-        theme.userInput.enable = enableUserInput;
-    }
-    if (blockInputs !== undefined)
-        theme.userInput.blockInputs = blockInputs;
-    if (!theme.animations)
-        theme.animations = {};
-    if (enableAnimations !== undefined) {
-        theme.animations.enable = enableAnimations;
-    }
-    return theme;
-};
-//# sourceMappingURL=webchat-settings.js.map

package/lib/esm/components/webchat-settings.js.map

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

package/lib/esm/components/whatsapp-button-list.d.ts

@@ -1,20 +0,0 @@
-export declare const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
-export declare const WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72;
-export declare const WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200;
-export interface WhatsappButtonListSectionProps {
-    title?: string;
-    rows: WhatsappButtonListRowProps[];
-}
-export interface WhatsappButtonListRowProps {
-    id: string;
-    title: string;
-    description?: string;
-}
-export interface WhatsappButtonListProps {
-    header?: string;
-    body: string;
-    footer?: string;
-    button: string;
-    sections: WhatsappButtonListSectionProps[];
-}
-export declare const WhatsappButtonList: (props: WhatsappButtonListProps) => any;

package/lib/esm/components/whatsapp-button-list.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import { truncateText } from '../util';
-import { renderComponent } from '../util/react';
-import { Message } from './message';
-import { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel/whatsapp/constants';
-import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta';
-// TODO: Add validation in component
-export const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
-export const WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72;
-export const WHATSAPP_MAX_BUTTON_LIST_ID_CHARS = 200;
-const serialize = _whatsappButtonListProps => {
-    // TODO: Implement to have data persistance in localStorage, not needed for this WhatsApp development
-    return {};
-};
-export const WhatsappButtonList = (props) => {
-    const trucateSectionsContents = (sections) => {
-        const trucateRowContents = (row) => {
-            const title = truncateText(row.title, WHATSAPP_MAX_BUTTON_LIST_CHARS);
-            const description = row.description
-                ? truncateText(row.description, WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS)
-                : undefined;
-            if (row.id.length > WHATSAPP_MAX_BUTTON_LIST_ID_CHARS) {
-                console.error(`Button id "${row.id}" exceeds the maximum length of ${WHATSAPP_MAX_BUTTON_LIST_ID_CHARS} characters`);
-            }
-            return Object.assign(Object.assign({}, row), { title, description });
-        };
-        return sections.map(section => ({
-            title: section.title
-                ? truncateText(section.title, WHATSAPP_MAX_BUTTON_LIST_CHARS)
-                : undefined,
-            rows: section.rows.map(trucateRowContents),
-        }));
-    };
-    const renderBrowser = () => {
-        // Return a dummy message for browser
-        const message = `${JSON.stringify(props)}`;
-        return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.WHATSAPP_BUTTON_LIST }, { children: message })));
-    };
-    const renderNode = () => {
-        return (
-        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        _jsx("message", Object.assign({}, props, { body: convertToMarkdownMeta(props.body), button: truncateText(props.button, WHATSAPP_MAX_BUTTON_CHARS), sections: JSON.stringify(trucateSectionsContents(props.sections)), type: INPUT.WHATSAPP_BUTTON_LIST })));
-    };
-    return renderComponent({ renderBrowser, renderNode });
-};
-//# sourceMappingURL=whatsapp-button-list.js.map

package/lib/esm/components/whatsapp-button-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"whatsapp-button-list.js","sourceRoot":"","sources":["../../../src/components/whatsapp-button-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAE7E,oCAAoC;AAEpC,MAAM,CAAC,MAAM,8BAA8B,GAAG,EAAE,CAAA;AAChD,MAAM,CAAC,MAAM,0CAA0C,GAAG,EAAE,CAAA;AAC5D,MAAM,CAAC,MAAM,iCAAiC,GAAG,GAAG,CAAA;AAoBpD,MAAM,SAAS,GAAG,wBAAwB,CAAC,EAAE;IAC3C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,uBAAuB,GAAG,CAC9B,QAA0C,EACR,EAAE;QACpC,MAAM,kBAAkB,GAAG,CACzB,GAA+B,EACH,EAAE;YAC9B,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAA;YACrE,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW;gBACjC,CAAC,CAAC,YAAY,CACV,GAAG,CAAC,WAAW,EACf,0CAA0C,CAC3C;gBACH,CAAC,CAAC,SAAS,CAAA;YACb,IAAI,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,iCAAiC,EAAE;gBACrD,OAAO,CAAC,KAAK,CACX,cAAc,GAAG,CAAC,EAAE,mCAAmC,iCAAiC,aAAa,CACtG,CAAA;aACF;YACD,uCAAY,GAAG,KAAE,KAAK,EAAE,WAAW,IAAE;QACvC,CAAC,CAAA;QAED,OAAO,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,OAAO,CAAC,KAAK;gBAClB,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,8BAA8B,CAAC;gBAC7D,CAAC,CAAC,SAAS;YACb,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC;SAC3C,CAAC,CAAC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,oBAAoB,gBAE/B,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,IAAI,EAAE,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EACvC,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC,EAC7D,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EACjE,IAAI,EAAE,KAAK,CAAC,oBAAoB,IAChC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/lib/esm/components/whatsapp-cta-url-button.d.ts

@@ -1,15 +0,0 @@
-export interface WhatsappCTAUrlButtonCommonProps {
-    header?: string;
-    body: string;
-    footer?: string;
-    displayText: string;
-}
-export interface WhatsappCTAUrlButtonUrlProps extends WhatsappCTAUrlButtonCommonProps {
-    url: string;
-}
-export interface WhatsappCTAUrlButtonWebviewProps extends WhatsappCTAUrlButtonCommonProps {
-    webview: any;
-    params?: any;
-}
-export type WhatsappCTAUrlButtonProps = WhatsappCTAUrlButtonUrlProps | WhatsappCTAUrlButtonWebviewProps;
-export declare const WhatsappCTAUrlButton: (props: WhatsappCTAUrlButtonProps) => any;

package/lib/esm/components/whatsapp-cta-url-button.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import { truncateText } from '../util';
-import { renderComponent } from '../util/react';
-import { generateWebviewUrlWithParams } from '../util/webviews';
-import { Message } from './message';
-import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS, } from './multichannel/whatsapp/constants';
-import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta';
-const serialize = _whatsappCTAUrlButtonProps => {
-    // TODO: Implement to have data persistance in localStorage, not needed for this WhatsApp development
-    return {};
-};
-export const WhatsappCTAUrlButton = (props) => {
-    const renderBrowser = () => {
-        // Return a dummy message for browser
-        const message = `${JSON.stringify(props)}`;
-        return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.WHATSAPP_CTA_URL_BUTTON }, { children: message })));
-    };
-    const renderNode = () => {
-        const validatedProps = Object.assign(Object.assign({}, props), { header: props.header
-                ? truncateText(props.header, WHATSAPP_MAX_HEADER_CHARS)
-                : undefined, body: truncateText(convertToMarkdownMeta(props.body), WHATSAPP_MAX_BODY_CHARS), footer: props.footer
-                ? truncateText(props.footer, WHATSAPP_MAX_FOOTER_CHARS)
-                : undefined, displayText: truncateText(props.displayText, WHATSAPP_MAX_BUTTON_CHARS), url: 'webview' in props
-                ? generateWebviewUrlWithParams(props.webview, props.params)
-                : props.url });
-        return (
-        // @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
-        _jsx("message", Object.assign({}, validatedProps, { type: INPUT.WHATSAPP_CTA_URL_BUTTON })));
-    };
-    return renderComponent({ renderBrowser, renderNode });
-};
-//# sourceMappingURL=whatsapp-cta-url-button.js.map

package/lib/esm/components/whatsapp-cta-url-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,yBAAyB,GAC1B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAA;AAwB7E,MAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE;IAC7C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,uBAAuB,gBAElC,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,cAAc,mCACf,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,IAAI,EAAE,YAAY,CAChB,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EACjC,uBAAuB,CACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,yBAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,WAAW,EAAE,yBAAyB,CAAC,EACvE,GAAG,EACD,SAAS,IAAI,KAAK;gBAChB,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,GAAG,GAChB,CAAA;QACD,OAAO;QACL,gFAAgF;QAChF,kCAAa,cAAc,IAAE,IAAI,EAAE,KAAK,CAAC,uBAAuB,IAAI,CACrE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/lib/esm/components/whatsapp-template.d.ts

@@ -1 +0,0 @@
-export function WhatsappTemplate(props: any): any;

package/lib/esm/components/whatsapp-template.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { INPUT } from '@botonic/core';
-import React from 'react';
-import { renderComponent } from '../util/react';
-import { Message } from './message';
-const serialize = whatsappTemplateProps => {
-    return { text: whatsappTemplateProps };
-};
-export const WhatsappTemplate = props => {
-    const renderBrowser = () => {
-        // Return a dummy message for browser
-        const message = `Template ${props.name} with namespace ${props.namespace} would be sent to the user.`;
-        return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.TEXT }, { children: message })));
-    };
-    const renderNode = () => {
-        return (_jsx("message", Object.assign({}, props, { header: props.header && JSON.stringify(props.header), body: props.body && JSON.stringify(props.body), footer: props.footer && JSON.stringify(props.footer), type: INPUT.WHATSAPP_TEMPLATE })));
-    };
-    return renderComponent({ renderBrowser, renderNode });
-};
-//# sourceMappingURL=whatsapp-template.js.map

package/lib/esm/components/whatsapp-template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"whatsapp-template.js","sourceRoot":"","sources":["../../../src/components/whatsapp-template.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE;IACxC,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;IACtC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,YAAY,KAAK,CAAC,IAAI,mBAAmB,KAAK,CAAC,SAAS,6BAA6B,CAAA;QACrG,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,kCACM,KAAK,IACT,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAC9C,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,EACpD,IAAI,EAAE,KAAK,CAAC,iBAAiB,IAC7B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/lib/esm/constants.d.ts

@@ -1,165 +0,0 @@
-export namespace COLORS {
-    const APPLE_GREEN: string;
-    const BLEACHED_CEDAR_PURPLE: string;
-    const BOTONIC_BLUE: string;
-    const CACTUS_GREEN: string;
-    const CONCRETE_WHITE: string;
-    const CURIOUS_BLUE: string;
-    const DAINTREE_BLUE: string;
-    const ERROR_RED: string;
-    const FRINGY_FLOWER_GREEN: string;
-    const GRAY: string;
-    const LIGHT_GRAY: string;
-    const MID_GRAY: string;
-    const PIGEON_POST_BLUE_ALPHA_0_5: string;
-    const RED_NOTIFICATIONS: string;
-    const SCORPION_GRAY: string;
-    const SEASHELL_WHITE: string;
-    const SILVER: string;
-    const SOLID_BLACK_ALPHA_0_2: string;
-    const SOLID_BLACK_ALPHA_0_5: string;
-    const SOLID_BLACK: string;
-    const SOLID_WHITE_ALPHA_0_2: string;
-    const SOLID_WHITE_ALPHA_0_8: string;
-    const SOLID_WHITE: string;
-    const TASMAN_GRAY: string;
-    const TRANSPARENT: string;
-    const WILD_SAND_WHITE: string;
-}
-export namespace WEBCHAT {
-    namespace DEFAULTS {
-        export const WIDTH: number;
-        export const HEIGHT: number;
-        export const TITLE: string;
-        export { BotonicLogo as LOGO };
-        export { UrlIcon as URL_ICON };
-        export const PLACEHOLDER: string;
-        export const FONT_FAMILY: string;
-        export const BORDER_RADIUS_TOP_CORNERS: string;
-        export const ELEMENT_WIDTH: number;
-        export const ELEMENT_MARGIN_RIGHT: number;
-        export const STORAGE_KEY: string;
-        export const HOST_ID: string;
-        export const ID: string;
-        export const BUTTON_AUTO_DISABLE: boolean;
-        export namespace BUTTON_DISABLED_STYLE {
-            const opacity: number;
-            const cursor: string;
-            const pointerEvents: string;
-        }
-    }
-    namespace CUSTOM_PROPERTIES {
-        const enableAnimations: string;
-        const markdownStyle: string;
-        const imagePreviewer: string;
-        const mobileBreakpoint: string;
-        const mobileStyle: string;
-        const webviewHeaderStyle: string;
-        const webviewStyle: string;
-        const brandColor: string;
-        const brandImage: string;
-        const customHeader: string;
-        const headerImage: string;
-        const headerStyle: string;
-        const headerSubtitle: string;
-        const headerTitle: string;
-        const botMessageBackground: string;
-        const botMessageBlobTick: string;
-        const botMessageBlobTickStyle: string;
-        const botMessageBlobWidth: string;
-        const botMessageBorderColor: string;
-        const botMessageImage: string;
-        const botMessageImageStyle: string;
-        const botMessageStyle: string;
-        const agentMessageImage: string;
-        const customMessageTypes: string;
-        const messageStyle: string;
-        const userMessageBackground: string;
-        const userMessageBlobTick: string;
-        const userMessageBlobTickStyle: string;
-        const userMessageBorderColor: string;
-        const userMessageStyle: string;
-        const enableMessageTimestamps: string;
-        const messageTimestampsFormat: string;
-        const messageTimestampsStyle: string;
-        const messageTimestampsWithImage: string;
-        const customIntro: string;
-        const introImage: string;
-        const introStyle: string;
-        const buttonHoverBackground: string;
-        const buttonHoverTextColor: string;
-        const buttonMessageType: string;
-        const buttonStyle: string;
-        const buttonDisabledStyle: string;
-        const buttonAutoDisable: string;
-        const buttonStyleBackground: string;
-        const buttonStyleColor: string;
-        const customButton: string;
-        const urlIconImage: string;
-        const urlIconEnabled: string;
-        const alignReplies: string;
-        const customReply: string;
-        const replyStyle: string;
-        const wrapReplies: string;
-        const customTrigger: string;
-        const triggerButtonImage: string;
-        const triggerButtonStyle: string;
-        const notificationsEnabled: string;
-        const notificationsBannerEnabled: string;
-        const notificationsBannerCustom: string;
-        const notificationsBannerText: string;
-        const notificationsTriggerButtonEnabled: string;
-        const scrollButtonEnabled: string;
-        const scrollButtonCustom: string;
-        const blockInputs: string;
-        const documentDownload: string;
-        const customMenuButton: string;
-        const customPersistentMenu: string;
-        const customEmojiPicker: string;
-        const customAttachments: string;
-        const customSendButton: string;
-        const darkBackgroundMenu: string;
-        const enableAttachments: string;
-        const enableEmojiPicker: string;
-        const enableSendButton: string;
-        const enableUserInput: string;
-        const persistentMenu: string;
-        const textPlaceholder: string;
-        const userInputBoxStyle: string;
-        const userInputStyle: string;
-        const coverComponent: string;
-        const coverComponentProps: string;
-        const customCarouselLeftArrow: string;
-        const customCarouselRightArrow: string;
-        const enableCarouselArrows: string;
-    }
-}
-export namespace MIME_WHITELIST {
-    const audio: string[];
-    const document: string[];
-    const image: string[];
-    const video: string[];
-}
-export const MAX_ALLOWED_SIZE_MB: 10;
-export namespace ROLES {
-    const ATTACHMENT_ICON: string;
-    const EMOJI_PICKER_ICON: string;
-    const EMOJI_PICKER: string;
-    const HEADER: string;
-    const MESSAGE_LIST: string;
-    const PERSISTENT_MENU_ICON: string;
-    const PERSISTENT_MENU: string;
-    const SEND_BUTTON_ICON: string;
-    const WEBCHAT: string;
-    const TRIGGER_BUTTON: string;
-    const TYPING_INDICATOR: string;
-    const TEXT_BOX: string;
-    const WEBVIEW: string;
-    const WEBVIEW_HEADER: string;
-    const MESSAGE: string;
-    const IMAGE_MESSAGE: string;
-    const AUDIO_MESSAGE: string;
-    const VIDEO_MESSAGE: string;
-    const DOCUMENT_MESSAGE: string;
-    const RAW_MESSAGE: string;
-}