@botonic/react 0.22.0-alpha.0 → 0.22.0-alpha.2

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,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageTimestamp = exports.resolveMessageTimestamps = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../constants");
+const 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 ((0, jsx_runtime_1.jsx)(TimestampContainer, Object.assign({ className: `botonic-timestamp-${classSufix}` }, { children: (0, jsx_runtime_1.jsx)(TimestampText, Object.assign({ isfromuser: isfromuser, style: Object.assign({}, style) }, { children: timestamp })) })));
+};
+exports.MessageTimestamp = MessageTimestamp;
+//# sourceMappingURL=timestamps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timestamps.js","sourceRoot":"src/","sources":["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,uBAAC,kBAAkB,kBAAC,SAAS,EAAE,qBAAqB,UAAU,EAAE,gBAC9D,uBAAC,aAAa,kBACZ,UAAU,EAAE,UAAU,EACtB,KAAK,oBACA,KAAK,iBAGT,SAAS,IACI,IACG,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,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const react_2 = require("../util/react");
+const TitleContainer = styled_components_1.default.div `
+  font-size: 14px;
+  padding: 10px 15px;
+`;
+const Title = props => {
+    const renderBrowser = () => ((0, jsx_runtime_1.jsx)(TitleContainer, Object.assign({ style: Object.assign({}, props.style) }, { children: props.children })));
+    const renderNode = () => (0, jsx_runtime_1.jsx)("title", { children: props.children });
+    return (0, 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":"src/","sources":["components/title.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,yCAA+C;AAE/C,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAEM,MAAM,KAAK,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,cAAc,kBAAC,KAAK,oBAAO,KAAK,CAAC,KAAK,iBAAK,KAAK,CAAC,QAAQ,IAAkB,CAC7E,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4CAAQ,KAAK,CAAC,QAAQ,GAAS,CAAA;IAExD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAPY,QAAA,KAAK,SAOjB;AAED,aAAK,CAAC,SAAS,GAAG,UAAU,CAAC,EAAE;IAC7B,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAA;AACvC,CAAC,CAAA"}

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,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__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: (0, environment_1.staticAsset)(props.src) });
+    let content = props.children;
+    if ((0, core_1.isBrowser)())
+        content = ((0, jsx_runtime_1.jsx)(StyledVideo, Object.assign({ controls: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: props.src }) })));
+    return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ role: constants_1.ROLES.VIDEO_MESSAGE, json: serialize(props) }, props, { type: core_1.INPUT.VIDEO }, { children: content })));
+};
+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":"src/","sources":["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,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,IAAA,gBAAS,GAAE;QACb,OAAO,GAAG,CACR,uBAAC,WAAW,kBAAC,QAAQ,sBACnB,mCAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,IACd,CACf,CAAA;IACH,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,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,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.normalizeWebchatSettings = exports.WebchatSettings = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__importStar(require("react"));
+const 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 } = (0, react_1.useContext)(contexts_1.WebchatContext);
+        updateWebchatDevSettings({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+        });
+        return null;
+    };
+    const renderNode = () => {
+        const updatedTheme = (0, exports.normalizeWebchatSettings)({
+            theme,
+            blockInputs,
+            persistentMenu,
+            enableEmojiPicker,
+            enableAttachments,
+            enableUserInput,
+            enableAnimations,
+        });
+        return ((0, jsx_runtime_1.jsx)("message", { type: core_1.INPUT.WEBCHAT_SETTINGS, settings: (0, regexs_1.stringifyWithRegexs)({ theme: updatedTheme }) }));
+    };
+    return (0, 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":"src/","sources":["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,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WhatsappTemplate = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = tslib_1.__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 ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(message) }, props, { type: core_1.INPUT.TEXT }, { children: message })));
+    };
+    const renderNode = () => {
+        return ((0, jsx_runtime_1.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: core_1.INPUT.WHATSAPP_TEMPLATE })));
+    };
+    return (0, 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":"src/","sources":["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,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,oDACM,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,YAAK,CAAC,iBAAiB,IAC7B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,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;
+}

package/lib/cjs/constants.js

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COMPONENT_TYPE = exports.ROLES = exports.MAX_ALLOWED_SIZE_MB = exports.MIME_WHITELIST = exports.WEBCHAT = exports.COLORS = exports.SENDERS = void 0;
+const tslib_1 = require("tslib");
+const botonic_react_logo100x100_png_1 = tslib_1.__importDefault(require("./assets/botonic_react_logo100x100.png"));
+exports.SENDERS = {
+    bot: 'bot',
+    user: 'user',
+};
+exports.COLORS = {
+    // http://chir.ag/projects/name-that-color
+    APPLE_GREEN: 'rgba(58, 156, 53, 1)',
+    BLEACHED_CEDAR_PURPLE: 'rgba(46, 32, 59, 1)',
+    BOTONIC_BLUE: 'rgba(0, 153, 255, 1)',
+    CACTUS_GREEN: 'rgba(96, 115, 94, 1)',
+    CONCRETE_WHITE: 'rgba(243, 243, 243, 1)',
+    CURIOUS_BLUE: 'rgba(38, 139, 210, 1)',
+    DAINTREE_BLUE: 'rgba(0, 43, 53, 1)',
+    ERROR_RED: 'rgba(255, 43, 94)',
+    FRINGY_FLOWER_GREEN: 'rgba(198, 231, 192, 1)',
+    GRAY: 'rgba(129, 129, 129, 1)',
+    LIGHT_GRAY: 'rgba(209, 209, 209, 1)',
+    MID_GRAY: 'rgba(105, 105, 115, 1)',
+    PIGEON_POST_BLUE_ALPHA_0_5: 'rgba(176, 196, 222, 0.5)',
+    SCORPION_GRAY: 'rgba(87, 87, 87, 1)',
+    SEASHELL_WHITE: 'rgba(241, 240, 240, 1)',
+    SILVER: 'rgba(200, 200, 200, 1)',
+    SOLID_BLACK_ALPHA_0_2: 'rgba(0, 0, 0, 0.2)',
+    SOLID_BLACK_ALPHA_0_5: 'rgba(0, 0, 0, 0.5)',
+    SOLID_BLACK: 'rgba(0, 0, 0, 1)',
+    SOLID_WHITE_ALPHA_0_2: 'rgba(255, 255, 255, 0.2)',
+    SOLID_WHITE_ALPHA_0_8: 'rgba(255, 255, 255, 0.8)',
+    SOLID_WHITE: 'rgba(255, 255, 255, 1)',
+    TASMAN_GRAY: 'rgba(209, 216, 207, 1)',
+    TRANSPARENT: 'rgba(0, 0, 0, 0)',
+    WILD_SAND_WHITE: 'rgba(244, 244, 244, 1)',
+};
+exports.WEBCHAT = {
+    DEFAULTS: {
+        WIDTH: 300,
+        HEIGHT: 450,
+        TITLE: 'Botonic',
+        LOGO: botonic_react_logo100x100_png_1.default,
+        PLACEHOLDER: 'Ask me something...',
+        FONT_FAMILY: "'Noto Sans JP', sans-serif",
+        BORDER_RADIUS_TOP_CORNERS: '6px 6px 0px 0px',
+        ELEMENT_WIDTH: 222,
+        ELEMENT_MARGIN_RIGHT: 6,
+        STORAGE_KEY: 'botonicState',
+        HOST_ID: 'root',
+        ID: 'botonic-webchat',
+        BUTTON_AUTO_DISABLE: false,
+        BUTTON_DISABLED_STYLE: {
+            opacity: 0.5,
+            cursor: 'auto',
+            pointerEvents: 'none',
+        },
+    },
+    SELECTORS: {
+        SCROLLABLE_CONTENT: '#botonic-scrollable-content',
+        SIMPLEBAR_CONTENT: '.simplebar-content',
+        SIMPLEBAR_WRAPPER: '.simplebar-content-wrapper',
+    },
+    CUSTOM_PROPERTIES: {
+        // General
+        enableAnimations: 'animations.enable',
+        markdownStyle: 'markdownStyle',
+        scrollbar: 'scrollbar',
+        imagePreviewer: 'imagePreviewer',
+        // Mobile
+        mobileBreakpoint: 'mobileBreakpoint',
+        mobileStyle: 'mobileStyle',
+        // Webviews
+        webviewHeaderStyle: 'webview.header.style',
+        webviewStyle: 'webview.style',
+        // Brand
+        brandColor: 'brand.color',
+        brandImage: 'brand.image',
+        // Header
+        customHeader: 'header.custom',
+        headerImage: 'header.image',
+        headerStyle: 'header.style',
+        headerSubtitle: 'header.subtitle',
+        headerTitle: 'header.title',
+        // Bot Message
+        botMessageBackground: 'message.bot.style.background',
+        botMessageBlobTick: 'message.bot.blobTick',
+        botMessageBlobTickStyle: 'message.bot.blobTickStyle',
+        botMessageBlobWidth: 'message.bot.blobWidth',
+        botMessageBorderColor: 'message.bot.style.borderColor',
+        botMessageImage: 'message.bot.image',
+        botMessageImageStyle: 'message.bot.imageStyle',
+        botMessageStyle: 'message.bot.style',
+        // User Message
+        customMessageTypes: 'message.customTypes',
+        messageStyle: 'message.style',
+        userMessageBackground: 'message.user.style.background',
+        userMessageBlobTick: 'message.user.blobTick',
+        userMessageBlobTickStyle: 'message.user.blobTickStyle',
+        userMessageBorderColor: 'message.user.style.borderColor',
+        userMessageStyle: 'message.user.style',
+        // Timestamps
+        enableMessageTimestamps: 'message.timestamps.enable',
+        messageTimestampsFormat: 'message.timestamps.format',
+        messageTimestampsStyle: 'message.timestamps.style',
+        // Intro
+        customIntro: 'intro.custom',
+        introImage: 'intro.image',
+        introStyle: 'intro.style',
+        // Buttons
+        buttonHoverBackground: 'button.hoverBackground',
+        buttonHoverTextColor: 'button.hoverTextColor',
+        buttonMessageType: 'button.messageType',
+        buttonStyle: 'button.style',
+        buttonDisabledStyle: 'button.disabledstyle',
+        buttonAutoDisable: 'button.autodisable',
+        buttonStyleBackground: 'button.style.background',
+        buttonStyleColor: 'button.style.color',
+        customButton: 'button.custom',
+        // Replies
+        alignReplies: 'replies.align',
+        customReply: 'reply.custom',
+        replyStyle: 'reply.style',
+        wrapReplies: 'replies.wrap',
+        // TriggerButton
+        customTrigger: 'triggerButton.custom',
+        triggerButtonImage: 'triggerButton.image',
+        triggerButtonStyle: 'triggerButton.style',
+        // User Input
+        blockInputs: 'userInput.blockInputs',
+        documentDownload: 'documentDownload',
+        customMenuButton: 'userInput.menuButton.custom',
+        customPersistentMenu: 'userInput.menu.custom',
+        customEmojiPicker: 'userInput.emojiPicker.custom',
+        customAttachments: 'userInput.attachments.custom',
+        customSendButton: 'userInput.sendButton.custom',
+        darkBackgroundMenu: 'userInput.menu.darkBackground',
+        enableAttachments: 'userInput.attachments.enable',
+        enableEmojiPicker: 'userInput.emojiPicker.enable',
+        enableSendButton: 'userInput.sendButton.enable',
+        enableUserInput: 'userInput.enable',
+        persistentMenu: 'userInput.persistentMenu',
+        textPlaceholder: 'userInput.box.placeholder',
+        userInputBoxStyle: 'userInput.box.style',
+        userInputStyle: 'userInput.style',
+        // Cover Component
+        coverComponent: 'coverComponent.component',
+        coverComponentProps: 'coverComponent.props',
+        // Carousel
+        customCarouselLeftArrow: 'carousel.arrow.left',
+        customCarouselRightArrow: 'carousel.arrow.right',
+        enableCarouselArrows: 'carousel.enableArrows',
+    },
+};
+exports.MIME_WHITELIST = {
+    audio: ['audio/mpeg', 'audio/mp3'],
+    document: ['application/pdf'],
+    image: ['image/jpeg', 'image/png'],
+    video: ['video/mp4', 'video/quicktime'],
+};
+exports.MAX_ALLOWED_SIZE_MB = 10;
+exports.ROLES = {
+    ATTACHMENT_ICON: 'attachment-icon',
+    EMOJI_PICKER_ICON: 'emoji-picker-icon',
+    EMOJI_PICKER: 'emoji-picker',
+    HEADER: 'header',
+    MESSAGE_LIST: 'message-list',
+    PERSISTENT_MENU_ICON: 'persistent-menu-icon',
+    PERSISTENT_MENU: 'persistent-menu',
+    SEND_BUTTON_ICON: 'send-button-icon',
+    WEBCHAT: 'webchat',
+    TRIGGER_BUTTON: 'trigger-button',
+    TYPING_INDICATOR: 'typing-indicator',
+    TEXT_BOX: 'textbox',
+    WEBVIEW: 'webview',
+    WEBVIEW_HEADER: 'webview-header',
+    MESSAGE: 'message',
+    IMAGE_MESSAGE: 'image-message',
+    AUDIO_MESSAGE: 'audio-message',
+    VIDEO_MESSAGE: 'video-message',
+    DOCUMENT_MESSAGE: 'document-message',
+    RAW_MESSAGE: 'raw-message',
+};
+exports.COMPONENT_TYPE = {
+    TEXT: 'Text',
+    BUTTON: 'Button',
+    REPLY: 'Reply',
+    CAROUSEL: 'Carousel',
+};
+//# sourceMappingURL=constants.js.map

package/lib/cjs/constants.js.map

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