@botpress/webchat 0.0.1 → 0.1.0

package/dist/core/socket.js

@@ -47,8 +47,7 @@ class BpSocket {
             }
             this.waitingForUser = new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
                 const creds = this.getStorage('creds');
-                yield this.socket.connect({ autoLogin: false });
-                yield this.socket.login(creds);
+                yield this.socket.connect(creds);
                 if (this.socket.userId) {
                     const userId = this.socket.userId;
                     this.setStorage('creds', this.socket.creds);

package/dist/index.d.ts

@@ -21,4 +21,3 @@ export declare class ExposedWebChat extends React.Component<Props, State> {
 export { Embedded as embedded } from '.';
 export { Fullscreen as fullscreen } from '.';
 export * from './typings';
-export { Carousel, QuickReplies, LoginPrompt, Text, FileMessage, FileInput, Button } from './components/messages/renderer';

package/dist/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = exports.FileInput = exports.FileMessage = exports.Text = exports.LoginPrompt = exports.QuickReplies = exports.Carousel = exports.fullscreen = exports.embedded = exports.ExposedWebChat = exports.Fullscreen = exports.Embedded = void 0;
+exports.fullscreen = exports.embedded = exports.ExposedWebChat = exports.Fullscreen = exports.Embedded = void 0;
 const mobx_1 = require("mobx");
 const mobx_react_1 = require("mobx-react");
 const react_1 = __importDefault(require("react"));
@@ -21,7 +21,7 @@ const react_intl_1 = require("react-intl");
 const main_1 = __importDefault(require("./main"));
 const store_1 = require("./store");
 const translations_1 = require("./translations");
-mobx_1.configure({ enforceActions: 'observed' });
+(0, mobx_1.configure)({ enforceActions: 'observed' });
 const Embedded = (props) => new Wrapper(Object.assign(Object.assign({}, props), { fullscreen: false }));
 exports.Embedded = Embedded;
 const Fullscreen = (props) => new Wrapper(Object.assign(Object.assign({}, props), { fullscreen: true }));
@@ -44,7 +44,7 @@ class ExposedWebChat extends react_1.default.Component {
 }
 exports.ExposedWebChat = ExposedWebChat;
 // TODO: what does this observer do?
-const Wrapper = mobx_react_1.observer(ExposedWebChat);
+const Wrapper = (0, mobx_react_1.observer)(ExposedWebChat);
 /**
  * @deprecated Since the way views are handled has changed, we're also exporting views in lowercase.
  * https://botpress.com/docs/developers/migrate/
@@ -54,11 +54,15 @@ Object.defineProperty(exports, "embedded", { enumerable: true, get: function ()
 var _2 = require(".");
 Object.defineProperty(exports, "fullscreen", { enumerable: true, get: function () { return _2.Fullscreen; } });
 __exportStar(require("./typings"), exports);
-var renderer_1 = require("./components/messages/renderer");
-Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return renderer_1.Carousel; } });
-Object.defineProperty(exports, "QuickReplies", { enumerable: true, get: function () { return renderer_1.QuickReplies; } });
-Object.defineProperty(exports, "LoginPrompt", { enumerable: true, get: function () { return renderer_1.LoginPrompt; } });
-Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return renderer_1.Text; } });
-Object.defineProperty(exports, "FileMessage", { enumerable: true, get: function () { return renderer_1.FileMessage; } });
-Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return renderer_1.FileInput; } });
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return renderer_1.Button; } });
+// TODO: export this
+/*
+export {
+  Carousel,
+  QuickReplies,
+  LoginPrompt,
+  Text,
+  FileMessage,
+  FileInput,
+  Button
+} from './components/messages/renderer'
+*/

package/dist/main.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react-intl" />
 import React from 'react';
+import { WrappedComponentProps } from 'react-intl';
 import { RootStore, StoreDef } from './store';
-declare const _default: React.ComponentClass<Pick<{
-    store: RootStore;
-} & Pick<StoreDef, "intl" | "isFullscreen" | "unreadCount" | "dimensions" | "activeView" | "showWidgetButton" | "hasUnreadMessages" | "isWebchatReady" | "widgetTransition" | "displayWidgetView" | "incrementUnread" | "resetUnread" | "toggleBotInfo" | "setLoadingCompleted" | "showChat" | "hideChat" | "botInfo" | "config" | "isEmulator" | "clearMessages" | "addEventToConversation" | "updateTyping" | "initializeChat" | "fetchBotInfo" | "sendMessage" | "setReference" | "sendData" | "mergeConfig" | "updateConfig" | "setUserId" | "updateBotUILanguage">, "store" | "isFullscreen" | "unreadCount" | "dimensions" | "activeView" | "showWidgetButton" | "hasUnreadMessages" | "isWebchatReady" | "widgetTransition" | "displayWidgetView" | "incrementUnread" | "resetUnread" | "toggleBotInfo" | "setLoadingCompleted" | "showChat" | "hideChat" | "botInfo" | "config" | "isEmulator" | "clearMessages" | "addEventToConversation" | "updateTyping" | "initializeChat" | "fetchBotInfo" | "sendMessage" | "setReference" | "sendData" | "mergeConfig" | "updateConfig" | "setUserId" | "updateBotUILanguage">, any> & {
-    WrappedComponent: React.ComponentType<{
-        store: RootStore;
-    } & Pick<StoreDef, "intl" | "isFullscreen" | "unreadCount" | "dimensions" | "activeView" | "showWidgetButton" | "hasUnreadMessages" | "isWebchatReady" | "widgetTransition" | "displayWidgetView" | "incrementUnread" | "resetUnread" | "toggleBotInfo" | "setLoadingCompleted" | "showChat" | "hideChat" | "botInfo" | "config" | "isEmulator" | "clearMessages" | "addEventToConversation" | "updateTyping" | "initializeChat" | "fetchBotInfo" | "sendMessage" | "setReference" | "sendData" | "mergeConfig" | "updateConfig" | "setUserId" | "updateBotUILanguage"> & ReactIntl.InjectedIntlProps>;
+declare const _default: React.ForwardRefExoticComponent<import("react-intl").Omit<MainProps, "intl"> & {
+    forwardedRef?: React.Ref<any> | undefined;
+} & React.RefAttributes<any>> & {
+    WrappedComponent: React.ComponentType<MainProps>;
 } & import("mobx-react").IWrappedComponent<unknown>;
 export default _default;
+declare type MainProps = {
+    store: RootStore;
+} & WrappedComponentProps & Pick<StoreDef, 'config' | 'initializeChat' | 'botInfo' | 'fetchBotInfo' | 'sendMessage' | 'setUserId' | 'sendData' | 'intl' | 'isEmulator' | 'updateTyping' | 'setReference' | 'updateBotUILanguage' | 'hideChat' | 'showChat' | 'toggleBotInfo' | 'widgetTransition' | 'activeView' | 'isFullscreen' | 'unreadCount' | 'hasUnreadMessages' | 'showWidgetButton' | 'addEventToConversation' | 'clearMessages' | 'updateConfig' | 'mergeConfig' | 'isWebchatReady' | 'incrementUnread' | 'displayWidgetView' | 'resetUnread' | 'setLoadingCompleted' | 'dimensions'>;

package/dist/main.js

@@ -53,18 +53,18 @@ class Web extends react_1.default.Component {
                 const { type, text } = payload;
                 if (type === 'show') {
                     this.props.showChat();
-                    utils_1.trackWebchatState('show');
+                    (0, utils_1.trackWebchatState)('show');
                 }
                 else if (type === 'hide') {
                     this.props.hideChat();
-                    utils_1.trackWebchatState('hide');
+                    (0, utils_1.trackWebchatState)('hide');
                 }
                 else if (type === 'toggle') {
                     this.props.displayWidgetView ? this.props.showChat() : this.props.hideChat();
-                    utils_1.trackWebchatState('toggle');
+                    (0, utils_1.trackWebchatState)('toggle');
                 }
                 else if (type === 'message') {
-                    utils_1.trackMessage('sent');
+                    (0, utils_1.trackMessage)('sent');
                     yield this.props.sendMessage(text);
                 }
                 else if (type === 'loadConversation') {
@@ -97,7 +97,7 @@ class Web extends react_1.default.Component {
                 // don't do anything, it's a message from another conversation
                 return;
             }
-            utils_1.trackMessage('received');
+            (0, utils_1.trackMessage)('received');
             yield this.props.addEventToConversation(event);
             // there's no focus on the actual conversation
             if ((document.hasFocus && !document.hasFocus()) || this.props.activeView !== 'side') {
@@ -127,7 +127,7 @@ class Web extends react_1.default.Component {
             }
             this.props.updateBotUILanguage(language);
         };
-        this.playSound = debounce_1.default(() => __awaiter(this, void 0, void 0, function* () {
+        this.playSound = (0, debounce_1.default)(() => __awaiter(this, void 0, void 0, function* () {
             // Preference for config object
             const disableNotificationSound = this.config.disableNotificationSound === undefined
                 ? this.props.config.disableNotificationSound
@@ -143,8 +143,8 @@ class Web extends react_1.default.Component {
                 this.props.resetUnread();
             }
         };
-        utils_1.checkLocationOrigin();
-        utils_1.initializeAnalytics();
+        (0, utils_1.checkLocationOrigin)();
+        (0, utils_1.initializeAnalytics)();
     }
     componentDidMount() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -200,7 +200,7 @@ class Web extends react_1.default.Component {
             this.config = this.extractConfig();
             if (this.config.exposeStore) {
                 const storePath = this.config.chatId ? `${this.config.chatId}.webchat_store` : 'webchat_store';
-                set_1.default(window.parent, storePath, this.props.store);
+                (0, set_1.default)(window.parent, storePath, this.props.store);
             }
             if (this.config.overrides) {
                 this.loadOverrides(this.config.overrides);
@@ -266,7 +266,7 @@ class Web extends react_1.default.Component {
         }
     }
     setupObserver() {
-        mobx_1.observe(this.props.config, 'userId', (data) => __awaiter(this, void 0, void 0, function* () {
+        (0, mobx_1.observe)(this.props.config, 'userId', (data) => __awaiter(this, void 0, void 0, function* () {
             if (!data.oldValue || data.oldValue === data.newValue) {
                 return;
             }
@@ -276,12 +276,12 @@ class Web extends react_1.default.Component {
             yield this.socket.waitForUserId();
             yield this.props.initializeChat();
         }));
-        mobx_1.observe(this.props.config, 'overrides', (data) => {
+        (0, mobx_1.observe)(this.props.config, 'overrides', (data) => {
             if (data.newValue && window.parent) {
                 this.loadOverrides(data.newValue);
             }
         });
-        mobx_1.observe(this.props.dimensions, 'container', (data) => {
+        (0, mobx_1.observe)(this.props.dimensions, 'container', (data) => {
             if (data.newValue && window.parent) {
                 this.postMessageToParent('setWidth', data.newValue);
             }
@@ -298,7 +298,7 @@ class Web extends react_1.default.Component {
         if (!this.props.showWidgetButton) {
             return null;
         }
-        return (react_1.default.createElement("button", { className: classnames_1.default('bpw-widget-btn', 'bpw-floating-button', {
+        return (react_1.default.createElement("button", { className: (0, classnames_1.default)('bpw-widget-btn', 'bpw-floating-button', {
                 [`bpw-anim-${this.props.widgetTransition}` || 'none']: true
             }), "aria-label": this.props.intl.formatMessage({ id: 'widget.toggle' }), onClick: this.props.showChat.bind(this) },
             react_1.default.createElement(Chat_1.default, null),
@@ -306,7 +306,7 @@ class Web extends react_1.default.Component {
     }
     applyAndRenderStyle() {
         const emulatorClass = this.props.isEmulator ? ' emulator' : '';
-        const parentClass = classnames_1.default(`bp-widget-web bp-widget-${this.props.activeView}${emulatorClass}`, {
+        const parentClass = (0, classnames_1.default)(`bp-widget-web bp-widget-${this.props.activeView}${emulatorClass}`, {
             'bp-widget-hidden': !this.props.showWidgetButton && this.props.displayWidgetView,
             [this.props.config.className]: !!this.props.config.className
         });
@@ -334,7 +334,7 @@ class Web extends react_1.default.Component {
             this.props.displayWidgetView ? this.renderWidget() : react_1.default.createElement(Container_1.default, null)));
     }
 }
-exports.default = mobx_react_1.inject(({ store }) => ({
+exports.default = (0, mobx_react_1.inject)(({ store }) => ({
     store,
     config: store.config,
     sendData: store.sendData,
@@ -367,5 +367,4 @@ exports.default = mobx_react_1.inject(({ store }) => ({
     displayWidgetView: store.view.displayWidgetView,
     setLoadingCompleted: store.view.setLoadingCompleted,
     sendFeedback: store.sendFeedback
-    // @ts-ignore
-}))(react_intl_1.injectIntl(mobx_react_1.observer(Web)));
+}))((0, react_intl_1.injectIntl)((0, mobx_react_1.observer)(Web)));

package/dist/store/composer.js

@@ -36,11 +36,11 @@ class ComposerStore {
     }
     addMessageToHistory(text) {
         var _a;
-        if (last_1.default(this._sentHistory) !== text) {
+        if ((0, last_1.default)(this._sentHistory) !== text) {
             this._sentHistory.push(text);
             this._sentHistoryIndex = 0;
             if (this.rootStore.config.enablePersistHistory) {
-                (_a = window.BP_STORAGE) === null || _a === void 0 ? void 0 : _a.set(SENT_HISTORY_KEY, takeRight_1.default(this._sentHistory, constants_1.default.SENT_HISTORY_SIZE));
+                (_a = window.BP_STORAGE) === null || _a === void 0 ? void 0 : _a.set(SENT_HISTORY_KEY, (0, takeRight_1.default)(this._sentHistory, constants_1.default.SENT_HISTORY_SIZE));
             }
         }
     }

package/dist/store/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import { InjectedIntl } from 'react-intl';
+import { IntlShape } from 'react-intl';
 import BpSocket from '../core/socket';
 import { BotInfo, Config, CurrentConversation, EventFeedback, Message, MessageWrapper, QueuedMessage, RecentConversation, StudioConnector, uuid } from '../typings';
 import ComposerStore from './composer';
@@ -18,7 +18,7 @@ declare class RootStore {
     preferredLanguage: string;
     isInitialized: boolean;
     messageFeedbacks: EventFeedback[];
-    intl: InjectedIntl;
+    intl: IntlShape;
     isBotTyping: import("mobx").IObservableValue<boolean>;
     /** When a wrapper is defined, every messages are wrapped by the specified component */
     messageWrapper: MessageWrapper | undefined;
@@ -27,7 +27,7 @@ declare class RootStore {
     constructor(options: {
         fullscreen: boolean;
     }, config?: Config);
-    setIntlProvider(provider: InjectedIntl): void;
+    setIntlProvider(provider: IntlShape): void;
     setSocket(socket: BpSocket): void;
     get isConversationStarted(): boolean;
     get botName(): string;

package/dist/store/index.js

@@ -28,8 +28,7 @@ const translations_1 = require("../translations");
 const utils_1 = require("../utils");
 const composer_1 = __importDefault(require("./composer"));
 const view_1 = __importDefault(require("./view"));
-translations_1.initializeLocale();
-const chosenLocale = translations_1.getUserLocale();
+const chosenLocale = (0, translations_1.getUserLocale)();
 class RootStore {
     constructor(options, config) {
         this.conversations = [];
@@ -73,7 +72,7 @@ class RootStore {
                 : undefined));
     }
     get rtl() {
-        return utils_1.isRTLLocale(this.preferredLanguage);
+        return (0, utils_1.isRTLLocale)(this.preferredLanguage);
     }
     get escapeHTML() {
         var _a, _b;
@@ -144,7 +143,7 @@ class RootStore {
                 return;
             }
             let start = new Date();
-            if (is_before_1.default(start, this.currentConversation.typingUntil)) {
+            if ((0, is_before_1.default)(start, this.currentConversation.typingUntil)) {
                 start = this.currentConversation.typingUntil;
             }
             this.currentConversation.typingUntil = new Date(+start + event.timeInMs);
@@ -157,7 +156,7 @@ class RootStore {
             try {
                 yield this.fetchConversations();
                 yield this.fetchConversation(this.config.conversationId);
-                mobx_1.runInAction('-> setInitialized', () => {
+                (0, mobx_1.runInAction)('-> setInitialized', () => {
                     this.isInitialized = true;
                     this.postMessage('webchatReady');
                 });
@@ -173,7 +172,7 @@ class RootStore {
     fetchBotInfo() {
         return __awaiter(this, void 0, void 0, function* () {
             const botInfo = yield this.api.fetchBotInfo();
-            mobx_1.runInAction('-> setBotInfo', () => {
+            (0, mobx_1.runInAction)('-> setBotInfo', () => {
                 this.botInfo = botInfo;
             });
             this.mergeConfig({
@@ -189,7 +188,7 @@ class RootStore {
             if (!preferences.language) {
                 return;
             }
-            mobx_1.runInAction('-> setPreferredLanguage', () => {
+            (0, mobx_1.runInAction)('-> setPreferredLanguage', () => {
                 this.updateBotUILanguage(preferences.language);
             });
         });
@@ -198,7 +197,7 @@ class RootStore {
     fetchConversations() {
         return __awaiter(this, void 0, void 0, function* () {
             const conversations = yield this.api.fetchConversations();
-            mobx_1.runInAction('-> setConversations', () => {
+            (0, mobx_1.runInAction)('-> setConversations', () => {
                 if (!(conversations === null || conversations === void 0 ? void 0 : conversations.length)) {
                     this.view.showBotInfo();
                 }
@@ -218,7 +217,7 @@ class RootStore {
                 conversation.messages = conversation.messages.sort((a, b) => new Date(a.sentOn).getTime() - new Date(b.sentOn).getTime());
                 yield this.extractFeedback(conversation.messages);
             }
-            mobx_1.runInAction('-> setConversation', () => {
+            (0, mobx_1.runInAction)('-> setConversation', () => {
                 this.currentConversation = conversation;
                 this.view.hideConversations();
             });
@@ -237,7 +236,7 @@ class RootStore {
             this.composer.updateMessage('');
             try {
                 yield this.sendData({ type: 'text', text: userMessage });
-                utils_1.trackMessage('sent');
+                (0, utils_1.trackMessage)('sent');
                 this.composer.addMessageToHistory(userMessage);
             }
             catch (e) {
@@ -282,7 +281,7 @@ class RootStore {
                 type: 'visit',
                 text: 'User visit',
                 timezone: -(new Date().getTimezoneOffset() / 60),
-                language: translations_1.getUserLocale()
+                language: (0, translations_1.getUserLocale)()
             });
         });
     }
@@ -290,7 +289,7 @@ class RootStore {
         return __awaiter(this, void 0, void 0, function* () {
             const feedbackMessageIds = messages.filter((x) => x.payload && x.payload.collectFeedback).map((x) => x.id);
             const feedbackInfo = yield this.api.getMessageIdsFeedbackInfo(feedbackMessageIds);
-            mobx_1.runInAction('-> setFeedbackInfo', () => {
+            (0, mobx_1.runInAction)('-> setFeedbackInfo', () => {
                 this.messageFeedbacks = feedbackInfo;
             });
         });
@@ -305,7 +304,7 @@ class RootStore {
             try {
                 const { txt, name } = yield this.api.downloadConversation(this.currentConversationId);
                 const blobFile = new Blob([txt]);
-                utils_1.downloadFile(name, blobFile);
+                (0, utils_1.downloadFile)(name, blobFile);
             }
             catch (err) {
                 console.error('Error trying to download conversation');
@@ -341,7 +340,7 @@ class RootStore {
     }
     /** Use this method to replace a value or add a new config */
     mergeConfig(config) {
-        this.config = merge_1.default(this.config, config);
+        this.config = (0, merge_1.default)(this.config, config);
         this._applyConfig();
     }
     /** This replaces all the configurations by this object */
@@ -363,7 +362,7 @@ class RootStore {
         else if (window.USE_SESSION_STORAGE !== this.config.useSessionStorage) {
             console.warn('[WebChat] "useSessionStorage" value cannot be altered once the webchat is initialized');
         }
-        const locale = this.config.locale ? translations_1.getUserLocale(this.config.locale) : chosenLocale;
+        const locale = this.config.locale ? (0, translations_1.getUserLocale)(this.config.locale) : chosenLocale;
         this.updateBotUILanguage(locale);
         document.documentElement.setAttribute('lang', locale);
         this.publishConfigChanged();
@@ -395,7 +394,7 @@ class RootStore {
         this.isBotTyping.set(true);
         this._typingInterval = setInterval(() => {
             const typeUntil = new Date(this.currentConversation && this.currentConversation.typingUntil);
-            if (!typeUntil || !is_valid_1.default(typeUntil) || is_before_1.default(typeUntil, new Date())) {
+            if (!typeUntil || !(0, is_valid_1.default)(typeUntil) || (0, is_before_1.default)(typeUntil, new Date())) {
                 this._expireTyping();
             }
             else {
@@ -411,8 +410,8 @@ class RootStore {
         this._typingInterval = undefined;
     }
     updateBotUILanguage(lang) {
-        lang = translations_1.getUserLocale(lang); // Ensure language is supported
-        mobx_1.runInAction('-> setBotUILanguage', () => {
+        lang = (0, translations_1.getUserLocale)(lang); // Ensure language is supported
+        (0, mobx_1.runInAction)('-> setBotUILanguage', () => {
             var _a;
             this.botUILanguage = lang;
             this.preferredLanguage = lang;
@@ -422,7 +421,7 @@ class RootStore {
     emptyDelayedMessagesQueue(removeAll) {
         while (this.delayedMessages.length) {
             const message = this.delayedMessages[0];
-            if (removeAll || is_before_1.default(message.showAt, new Date())) {
+            if (removeAll || (0, is_before_1.default)(message.showAt, new Date())) {
                 this.currentConversation.messages.push(message.message);
                 this.delayedMessages.shift();
             }

package/dist/store/view.js

@@ -157,7 +157,7 @@ class ViewStore {
     /** Updates one or multiple properties of a specific button */
     updateHeaderButton(buttonId, newProps) {
         const button = this.customButtons.find((btn) => btn.id === buttonId);
-        button && merge_1.default(button, newProps);
+        button && (0, merge_1.default)(button, newProps);
     }
     removeHeaderButton(buttonId) {
         this.customButtons = this.customButtons.filter((btn) => btn.id !== buttonId);
@@ -195,7 +195,7 @@ class ViewStore {
     }
     _endAnimation(finalView) {
         setTimeout(() => {
-            mobx_1.runInAction(() => {
+            (0, mobx_1.runInAction)(() => {
                 this.activeView = finalView;
             });
         }, constants_1.default.ANIM_DURATION);

package/dist/translations/index.d.ts

@@ -4,5 +4,4 @@ declare const translations: {
     [lang: string]: any;
 };
 declare const getUserLocale: (manualLocale?: Locale) => string;
-declare const initializeLocale: () => void;
-export { initializeLocale, translations, DEFAULT_LOCALE as defaultLocale, getUserLocale };
+export { translations, DEFAULT_LOCALE as defaultLocale, getUserLocale };

package/dist/translations/index.js

@@ -3,17 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUserLocale = exports.defaultLocale = exports.translations = exports.initializeLocale = void 0;
-const react_intl_1 = require("react-intl");
-const ar_1 = __importDefault(require("react-intl/locale-data/ar"));
-const de_1 = __importDefault(require("react-intl/locale-data/de"));
-const en_1 = __importDefault(require("react-intl/locale-data/en"));
-const es_1 = __importDefault(require("react-intl/locale-data/es"));
-const fr_1 = __importDefault(require("react-intl/locale-data/fr"));
-const it_1 = __importDefault(require("react-intl/locale-data/it"));
-const pt_1 = __importDefault(require("react-intl/locale-data/pt"));
-const ru_1 = __importDefault(require("react-intl/locale-data/ru"));
-const uk_1 = __importDefault(require("react-intl/locale-data/uk"));
+exports.getUserLocale = exports.defaultLocale = exports.translations = void 0;
+require('@formatjs/intl-pluralrules/polyfill');
+require('@formatjs/intl-pluralrules/locale-data/ar');
+require('@formatjs/intl-pluralrules/locale-data/de');
+require('@formatjs/intl-pluralrules/locale-data/en');
+require('@formatjs/intl-pluralrules/locale-data/es');
+require('@formatjs/intl-pluralrules/locale-data/fr');
+require('@formatjs/intl-pluralrules/locale-data/it');
+require('@formatjs/intl-pluralrules/locale-data/pt');
+require('@formatjs/intl-pluralrules/locale-data/ru');
+require('@formatjs/intl-pluralrules/locale-data/uk');
 const ar_json_1 = __importDefault(require("./ar.json"));
 const de_json_1 = __importDefault(require("./de.json"));
 const en_json_1 = __importDefault(require("./en.json"));
@@ -53,17 +53,3 @@ const getUserLocale = (manualLocale = 'browser') => {
     return translations[browserLocale] ? browserLocale : DEFAULT_LOCALE;
 };
 exports.getUserLocale = getUserLocale;
-const initializeLocale = () => {
-    react_intl_1.addLocaleData([
-        ...en_1.default,
-        ...fr_1.default,
-        ...pt_1.default,
-        ...es_1.default,
-        ...ar_1.default,
-        ...ru_1.default,
-        ...uk_1.default,
-        ...de_1.default,
-        ...it_1.default
-    ]);
-};
-exports.initializeLocale = initializeLocale;

package/dist/utils.js

@@ -70,7 +70,7 @@ const renderUnsafeHTML = (message = '', escaped) => {
     if (escaped) {
         message = message.replace(/</g, '&lt;').replace(/>/g, '&gt;');
     }
-    const html = snarkdown_1.default(message);
+    const html = (0, snarkdown_1.default)(message);
     return html.replace(/<a href/gi, '<a target="_blank" href');
 };
 exports.renderUnsafeHTML = renderUnsafeHTML;

package/package.json

@@ -1,29 +1,48 @@
 {
   "name": "@botpress/webchat",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "source": "src/index.tsx",
   "license": "AGPL-3.0",
   "scripts": {
-    "build": "yarn --silent && tsc --build",
-    "watch": "yarn --silent && tsc --build --watch"
+    "build": "yarn && yarn run -T tsc --build",
+    "watch": "yarn && yarn run -T tsc --build --watch",
+    "prepublish": "yarn run -T rimraf dist && yarn --immutable && yarn run -T tsc --build && yarn run -T rimraf dist/.tsbuildinfo"
   },
   "files": [
     "dist"
   ],
+  "devDependencies": {
+    "@types/lodash": "^4.14.178",
+    "@types/mime": "^2.0.3",
+    "@types/node": "^16.11.13",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.11",
+    "@types/uuid": "^8.3.4",
+    "prop-types": "^15.8.1"
+  },
   "dependencies": {
     "@blueprintjs/core": "^3.23.1",
-    "@botpress/messaging-socket": "0.0.1",
+    "@botpress/messaging-components": "0.1.0",
+    "@botpress/messaging-socket": "0.1.0",
+    "@formatjs/intl-pluralrules": "^4.1.6",
+    "@formatjs/intl-utils": "^3.8.4",
     "@juggle/resize-observer": "^3.0.2",
+    "axios": "^0.24.0",
+    "classnames": "^2.3.1",
     "date-fns": "^1.30.1",
-    "mobx": "4.9.4",
-    "mobx-react": "^5.4.4",
-    "query-string": "^7.0.1",
-    "react-dom": "^16.8.6",
-    "react-ga": "^2.7.0"
-  },
-  "devDependencies": {
-    "@types/dom-mediacapture-record": "^1.0.7"
+    "lodash": "^4.17.21",
+    "mime": "^3.0.0",
+    "mobx": "5.15.7",
+    "mobx-react": "^6.2.1",
+    "mobx-react-lite": "2.0.0",
+    "query-string": "^7.1.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-ga": "^2.7.0",
+    "react-intl": "^3.12.1",
+    "snarkdown": "^2.0.0",
+    "uuid": "^8.3.2"
   }
-}
+}

package/dist/components/messages/renderer/Button.d.ts

@@ -1,16 +0,0 @@
-import { Component } from 'react';
-import { HTMLInputEvent, Renderer } from '../../../typings';
-/**
- * A simple button, with a possibility to be used as a file upload button
- *
- * @param {object} buttons The list of buttons to display (object with a label and a payload)
- * @param {function} onButtonClicked Called when the button is clicked with the label and the payload
- * @param {function} onFileUpload This is called when a file is uploaded
- */
-export declare class Button extends Component<Renderer.Button> {
-    constructor(props: Renderer.Button);
-    handleButtonClick: (e: any) => void;
-    handleFileUpload: (event: HTMLInputEvent) => void;
-    renderFileUpload(accept: string): JSX.Element;
-    render(): JSX.Element;
-}

package/dist/components/messages/renderer/Button.js

@@ -1,66 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const react_1 = __importStar(require("react"));
-const FileInput_1 = require("./FileInput");
-/**
- * A simple button, with a possibility to be used as a file upload button
- *
- * @param {object} buttons The list of buttons to display (object with a label and a payload)
- * @param {function} onButtonClicked Called when the button is clicked with the label and the payload
- * @param {function} onFileUpload This is called when a file is uploaded
- */
-class Button extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.handleButtonClick = (e) => {
-            var _a, _b;
-            if (this.props.preventDoubleClick) {
-                e.target.disabled = true;
-            }
-            (_b = (_a = this.props).onButtonClick) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.label, this.props.payload);
-        };
-        this.handleFileUpload = (event) => {
-            var _a, _b;
-            if (!event.target.files) {
-                return;
-            }
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            (_b = (_a = this.props).onFileUpload) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.label, this.props.payload, event.target.files[0]);
-        };
-    }
-    renderFileUpload(accept) {
-        return (react_1.default.createElement("button", { className: 'bpw-button' },
-            react_1.default.createElement("span", null, this.props.label),
-            react_1.default.createElement(FileInput_1.FileInput, { name: 'uploadField', accept: accept, className: 'bpw-file-message', placeholder: this.props.label, onFileChanged: this.handleFileUpload })));
-    }
-    render() {
-        if (this.props.payload === 'BOTPRESS.IMAGE_UPLOAD') {
-            return this.renderFileUpload('image/*');
-        }
-        if (this.props.payload === 'BOTPRESS.FILE_UPLOAD') {
-            return this.renderFileUpload('*/*');
-        }
-        return (react_1.default.createElement("button", { className: 'bpw-button', onClick: this.handleButtonClick }, this.props.label));
-    }
-}
-exports.Button = Button;