@botpress/webchat 0.3.0 → 0.3.1

package/dist/components/Composer.js

@@ -21,6 +21,12 @@ const VoiceRecorder_1 = __importDefault(require("./VoiceRecorder"));
 class Composer extends react_1.default.Component {
     constructor(props) {
         super(props);
+        this.focus = () => {
+            setTimeout(() => {
+                var _a;
+                (_a = this.textInput.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 50);
+        };
         this.handleKeyPress = (e) => __awaiter(this, void 0, void 0, function* () {
             if (e.key === 'Enter') {
                 e.preventDefault();
@@ -51,13 +57,18 @@ class Composer extends react_1.default.Component {
         this.state = { isRecording: false };
     }
     componentDidMount() {
-        setTimeout(() => {
-            this.textInput.current.focus();
-        }, 50);
+        this.focus();
         (0, mobx_1.observe)(this.props.focusedArea, (focus) => {
-            focus.newValue === 'input' && this.textInput.current.focus();
+            var _a;
+            focus.newValue === 'input' && ((_a = this.textInput.current) === null || _a === void 0 ? void 0 : _a.focus());
         });
     }
+    componentWillReceiveProps(newProps) {
+        // Focus on the composer when it's unlocked
+        if (this.props.composerLocked === true && newProps.composerLocked === false) {
+            this.focus();
+        }
+    }
     render() {
         if (this.props.composerHidden) {
             return null;

package/dist/components/messages/Message.js

@@ -63,7 +63,8 @@ class Message extends react_1.Component {
                 shouldPlay: this.props.shouldPlay,
                 intl: this.props.store.intl,
                 escapeHTML: true,
-                showTimestamp: this.props.store.config.showTimestamp
+                showTimestamp: this.props.store.config.showTimestamp,
+                googleMapsAPIKey: this.props.store.config.googleMapsAPIKey
             } }));
         if (rendered === null) {
             return null;

package/dist/core/socket.js

@@ -18,6 +18,7 @@ class BpSocket {
         };
         this.chatId = config.chatId;
         this.socket = new messaging_socket_1.MessagingSocket({ url: config.messagingUrl, clientId: config.clientId });
+        window.websocket = this.socket;
     }
     setup() {
         this.socket.on('message', this.onMessage);

package/dist/store/composer.js

@@ -56,7 +56,7 @@ class ComposerStore {
         this._sentHistoryIndex = newIndex;
     }
     setLocked(locked) {
-        this.locked = locked;
+        this.locked = !!locked;
     }
     setHidden(hidden) {
         this.hidden = hidden;

package/dist/typings.d.ts

@@ -268,9 +268,15 @@ export interface Config {
     chatId?: string;
     /**
      * CSS class to be applied to iframe
-     * @default '''
+     * @default ''
      */
     className?: string;
+    /**
+     * Google Maps API Key required to display the map.
+     * Will display a link to Google Maps otherwise
+     * @default ''
+     */
+    googleMapsAPIKey?: string;
 }
 export interface BotDetails {
     website?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botpress/webchat",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "source": "src/index.tsx",
@@ -8,6 +8,7 @@
   "scripts": {
     "build": "yarn && yarn run -T tsc --build",
     "watch": "yarn && yarn run -T tsc --build --watch",
+    "dev": "yarn run -T parcel test/index.html",
     "prepublish": "yarn run -T rimraf dist && yarn --immutable && yarn run -T tsc --build && yarn run -T rimraf dist/.tsbuildinfo"
   },
   "files": [
@@ -27,7 +28,7 @@
   "dependencies": {
     "@blueprintjs/core": "^3.23.1",
     "@botpress/messaging-components": "0.3.0",
-    "@botpress/messaging-socket": "1.1.0",
+    "@botpress/messaging-socket": "1.1.1",
     "@formatjs/intl-pluralrules": "^4.1.6",
     "@formatjs/intl-utils": "^3.8.4",
     "@juggle/resize-observer": "^3.0.2",