@botonic/react 0.21.6 → 0.21.7-alpha.0

package/lib/cjs/components/text.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_2 = require("../util/react");
+const markdown_1 = require("./markdown");
+const message_1 = require("./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: markdown_1.serializeMarkdown(textProps.children) };
+};
+/**
+ *
+ * @param {TextProps} props
+ * @returns {JSX.Element}
+ */
+const Text = props => {
+    const defaultTextProps = {
+        markdown: props.markdown === undefined ? true : props.markdown,
+    };
+    const textProps = react_2.mapObjectNonBooleanValues(Object.assign(Object.assign(Object.assign({}, props), defaultTextProps), { children: react_1.Children.toArray(props.children) }));
+    if (!textProps.markdown)
+        return (<message_1.Message json={serialize(textProps)} {...textProps} type={core_1.INPUT.TEXT}>
+        {textProps.children}
+      </message_1.Message>);
+    return (<message_1.Message json={serialize(textProps)} {...textProps} type={core_1.INPUT.TEXT}>
+      {markdown_1.toMarkdownChildren(textProps.children)}
+    </message_1.Message>);
+};
+exports.Text = Text;
+exports.Text.serialize = serialize;
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/text.jsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,uDAAuC;AAEvC,yCAAyD;AACzD,yCAAkE;AAClE,uCAAmC;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,SAAS,CAAC,EAAE;IAC5B,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO;YACL,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC;SACxC,CAAA;IACH,OAAO,EAAE,IAAI,EAAE,4BAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;AACxD,CAAC,CAAA;AAED;;;;GAIG;AACI,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE;IAC1B,MAAM,gBAAgB,GAAG;QACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ;KAC/D,CAAA;IACD,MAAM,SAAS,GAAG,iCAAyB,+CACtC,KAAK,GACL,gBAAgB,GAChB,EAAE,QAAQ,EAAE,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,EACjD,CAAA;IACF,IAAI,CAAC,SAAS,CAAC,QAAQ;QACrB,OAAO,CACL,CAAC,iBAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,YAAK,CAAC,IAAI,CAAC,CACnE;QAAA,CAAC,SAAS,CAAC,QAAQ,CACrB;MAAA,EAAE,iBAAO,CAAC,CACX,CAAA;IACH,OAAO,CACL,CAAC,iBAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,YAAK,CAAC,IAAI,CAAC,CACnE;MAAA,CAAC,6BAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,CACzC;IAAA,EAAE,iBAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,IAAI,QAoBhB;AAED,YAAI,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -0,0 +1,10 @@
+export function resolveMessageTimestamps(getThemeFn: any, messageTimestampEnabled: any): {
+    timestampsEnabled: boolean;
+    getFormattedTimestamp: any;
+    timestampStyle: any;
+};
+export function MessageTimestamp({ timestamp, style, isfromuser }: {
+    timestamp: any;
+    style: any;
+    isfromuser: any;
+}): JSX.Element;

package/lib/cjs/components/timestamps.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageTimestamp = exports.resolveMessageTimestamps = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const resolveMessageTimestamps = (getThemeFn, messageTimestampEnabled) => {
+    const timestampsFormat = getThemeFn('message.timestamps.format');
+    const timestampStyle = getThemeFn('message.timestamps.style');
+    const timestampsEnabled = Boolean(messageTimestampEnabled !== undefined
+        ? messageTimestampEnabled
+        : getThemeFn('message.timestamps.enable', Boolean(timestampStyle) || Boolean(timestampsFormat) || false));
+    const defaultTimestampFormat = {
+        month: 'short',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+        second: 'numeric',
+    };
+    const getFormattedTimestamp = (timestampsFormat && timestampsFormat()) ||
+        new Date().toLocaleString(undefined, defaultTimestampFormat);
+    return {
+        timestampsEnabled,
+        getFormattedTimestamp,
+        timestampStyle,
+    };
+};
+exports.resolveMessageTimestamps = resolveMessageTimestamps;
+const TimestampContainer = styled_components_1.default.div `
+  display: flex;
+  position: relative;
+  align-items: flex-start;
+`;
+const TimestampText = styled_components_1.default.div `
+  @import url('https://fonts.googleapis.com/css?family=Lato');
+  font-family: Lato;
+  font-size: 10px;
+  color: ${constants_1.COLORS.SOLID_BLACK};
+  width: 100%;
+  text-align: ${props => (props.isfromuser ? 'right' : 'left')};
+  padding: ${props => (props.isfromuser ? '0px 15px' : '0px 50px')};
+  margin-bottom: 5px;
+`;
+const MessageTimestamp = ({ timestamp, style, isfromuser }) => {
+    const classSufix = isfromuser ? 'user' : 'bot';
+    return (<TimestampContainer className={`botonic-timestamp-${classSufix}`}>
+      <TimestampText isfromuser={isfromuser} style={Object.assign({}, style)}>
+        {timestamp}
+      </TimestampText>
+    </TimestampContainer>);
+};
+exports.MessageTimestamp = MessageTimestamp;
+//# sourceMappingURL=timestamps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timestamps.js","sourceRoot":"","sources":["../../../src/components/timestamps.jsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAAqC;AAE9B,MAAM,wBAAwB,GAAG,CACtC,UAAU,EACV,uBAAuB,EACvB,EAAE;IACF,MAAM,gBAAgB,GAAG,UAAU,CAAC,2BAA2B,CAAC,CAAA;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,0BAA0B,CAAC,CAAA;IAC7D,MAAM,iBAAiB,GAAG,OAAO,CAC/B,uBAAuB,KAAK,SAAS;QACnC,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,UAAU,CACR,2BAA2B,EAC3B,OAAO,CAAC,cAAc,CAAC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAC9D,CACN,CAAA;IACD,MAAM,sBAAsB,GAAG;QAC7B,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAA;IACD,MAAM,qBAAqB,GACzB,CAAC,gBAAgB,IAAI,gBAAgB,EAAE,CAAC;QACxC,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAC9D,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,wBAAwB,4BA6BpC;AAED,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAA;AAED,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIrB,kBAAM,CAAC,WAAW;;gBAEb,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;aACjD,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;;CAEjE,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;IACnE,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAC9C,OAAO,CACL,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,qBAAqB,UAAU,EAAE,CAAC,CAC/D;MAAA,CAAC,aAAa,CACZ,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,KAAK,CAAC,mBACD,KAAK,EACR,CAEF;QAAA,CAAC,SAAS,CACZ;MAAA,EAAE,aAAa,CACjB;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,gBAAgB,oBAc5B"}

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

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

package/lib/cjs/components/title.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const tslib_1 = require("tslib");
+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 TitleContainer = styled_components_1.default.div `
+  font-size: 14px;
+  padding: 10px 15px;
+`;
+const Title = props => {
+    const renderBrowser = () => (<TitleContainer style={Object.assign({}, props.style)}>{props.children}</TitleContainer>);
+    const renderNode = () => <title>{props.children}</title>;
+    return react_2.renderComponent({ renderBrowser, renderNode });
+};
+exports.Title = Title;
+exports.Title.serialize = titleProps => {
+    return { title: titleProps.children };
+};
+//# sourceMappingURL=title.js.map

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

@@ -0,0 +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,CAAC,cAAc,CAAC,KAAK,CAAC,mBAAM,KAAK,CAAC,KAAK,EAAG,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,CAC7E,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAA;IAExD,OAAO,uBAAe,CAAC,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"}

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

@@ -0,0 +1,8 @@
+export function Video(props: any): JSX.Element;
+export namespace Video {
+    export { serialize };
+}
+declare function serialize(videoProps: any): {
+    video: any;
+};
+export {};

package/lib/cjs/components/video.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+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 message_1 = require("./message");
+const StyledVideo = styled_components_1.default.video `
+  background-color: ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_5};
+  border-radius: 8px;
+  max-height: 180px;
+  max-width: 300px;
+  margin: 10px;
+`;
+const serialize = videoProps => {
+    return { video: videoProps.src };
+};
+const Video = props => {
+    props = Object.assign(Object.assign({}, props), { src: environment_1.staticAsset(props.src) });
+    let content = props.children;
+    if (core_1.isBrowser())
+        content = (<StyledVideo controls>
+        <source src={props.src}/>
+      </StyledVideo>);
+    return (<message_1.Message role={constants_1.ROLES.VIDEO_MESSAGE} json={serialize(props)} {...props} type={core_1.INPUT.VIDEO}>
+      {content}
+    </message_1.Message>);
+};
+exports.Video = Video;
+exports.Video.serialize = serialize;
+//# sourceMappingURL=video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/components/video.jsx"],"names":[],"mappings":";;;;AAAA,wCAAgD;AAChD,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA4C;AAC5C,qDAAiD;AACjD,uCAAmC;AAEnC,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;sBACV,kBAAM,CAAC,qBAAqB;;;;;CAKjD,CAAA;AAED,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,yBAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,gBAAS,EAAE;QACb,OAAO,GAAG,CACR,CAAC,WAAW,CAAC,QAAQ,CACnB;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EACzB;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;IACH,OAAO,CACL,CAAC,iBAAO,CACN,IAAI,CAAC,CAAC,iBAAK,CAAC,aAAa,CAAC,CAC1B,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CACvB,IAAI,KAAK,CAAC,CACV,IAAI,CAAC,CAAC,YAAK,CAAC,KAAK,CAAC,CAElB;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,iBAAO,CAAC,CACX,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,KAAK,SAmBjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}

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

@@ -0,0 +1,10 @@
+export function WebchatSettings({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, }: {
+    theme: any;
+    blockInputs: any;
+    persistentMenu: any;
+    enableEmojiPicker: any;
+    enableAttachments: any;
+    enableUserInput: any;
+    enableAnimations: any;
+}): any;
+export function normalizeWebchatSettings(settings: any): any;

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeWebchatSettings = exports.WebchatSettings = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const contexts_1 = require("../contexts");
+const react_2 = require("../util/react");
+const regexs_1 = require("../util/regexs");
+const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, }) => {
+    const renderBrowser = () => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const { updateWebchatDevSettings } = react_1.useContext(contexts_1.WebchatContext);
+        updateWebchatDevSettings({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+        });
+        return null;
+    };
+    const renderNode = () => {
+        const updatedTheme = exports.normalizeWebchatSettings({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+        });
+        return (<message type={core_1.INPUT.WEBCHAT_SETTINGS} settings={regexs_1.stringifyWithRegexs({ theme: updatedTheme })}></message>);
+    };
+    return react_2.renderComponent({ renderBrowser, renderNode });
+};
+exports.WebchatSettings = WebchatSettings;
+const normalizeWebchatSettings = settings => {
+    let { theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, } = settings;
+    if (!theme)
+        theme = {};
+    if (!theme.userInput)
+        theme.userInput = {};
+    if (!theme.animations)
+        theme.animations = {};
+    if (persistentMenu !== undefined) {
+        if (!theme.userInput.persistentMenu)
+            theme.userInput.persistentMenu = {};
+        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) {
+        if (!theme.userInput.enable)
+            theme.userInput.enable = {};
+        theme.userInput.enable = enableUserInput;
+    }
+    if (enableAnimations !== undefined) {
+        if (!theme.animations.enable)
+            theme.animations.enable = {};
+        theme.animations.enable = enableAnimations;
+    }
+    if (blockInputs !== undefined)
+        theme.userInput.blockInputs = blockInputs;
+    return theme;
+};
+exports.normalizeWebchatSettings = normalizeWebchatSettings;
+//# sourceMappingURL=webchat-settings.js.map

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

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

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappTemplate = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("../util/react");
+const message_1 = require("./message");
+const serialize = whatsappTemplateProps => {
+    return { text: whatsappTemplateProps };
+};
+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 (<message_1.Message json={serialize(message)} {...props} type={core_1.INPUT.TEXT}>
+        {message}
+      </message_1.Message>);
+    };
+    const renderNode = () => {
+        return (<message {...props} header={props.header && JSON.stringify(props.header)} body={props.body && JSON.stringify(props.body)} footer={props.footer && JSON.stringify(props.footer)} type={core_1.INPUT.WHATSAPP_TEMPLATE}/>);
+    };
+    return react_2.renderComponent({ renderBrowser, renderNode });
+};
+exports.WhatsappTemplate = WhatsappTemplate;
+//# sourceMappingURL=whatsapp-template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-template.js","sourceRoot":"","sources":["../../../src/components/whatsapp-template.jsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AACrC,0DAAyB;AAEzB,yCAA+C;AAC/C,uCAAmC;AAEnC,MAAM,SAAS,GAAG,qBAAqB,CAAC,EAAE;IACxC,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAA;AACxC,CAAC,CAAA;AAEM,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,CAAC,iBAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,YAAK,CAAC,IAAI,CAAC,CAC7D;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,iBAAO,CAAC,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,CAAC,OAAO,CACN,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CACrD,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAC/C,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CACrD,IAAI,CAAC,CAAC,YAAK,CAAC,iBAAiB,CAAC,EAC9B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,uBAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxBY,QAAA,gBAAgB,oBAwB5B"}

package/lib/cjs/constants.d.ts

@@ -0,0 +1,168 @@
+export namespace SENDERS {
+    const bot: string;
+    const user: string;
+}
+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 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 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 SELECTORS {
+        const SCROLLABLE_CONTENT: string;
+        const SIMPLEBAR_CONTENT: string;
+        const SIMPLEBAR_WRAPPER: string;
+    }
+    namespace CUSTOM_PROPERTIES {
+        const enableAnimations: string;
+        const markdownStyle: string;
+        const scrollbar: 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 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 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 alignReplies: string;
+        const customReply: string;
+        const replyStyle: string;
+        const wrapReplies: string;
+        const customTrigger: string;
+        const triggerButtonImage: string;
+        const triggerButtonStyle: 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;
+}
+export namespace COMPONENT_TYPE {
+    const TEXT: string;
+    const BUTTON: string;
+    const REPLY: string;
+    const CAROUSEL: string;
+}