yelda-webchat 1.1.22 → 1.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yelda-webchat",
-  "version": "1.1.22",
+  "version": "1.1.24",
   "description": "Website Chat Plugin",
   "main": "./dist/js/yeldaWebchatInjector.min.js",
   "license": "MIT",
@@ -15,12 +15,16 @@
     "type": "git",
     "url": "https://github.com/Yeldaai/chat-plugin.git"
   },
+  "engines": {
+    "node": ">=18"
+  },
   "scripts": {
     "build": "rimraf dist && webpack -p",
-    "prepack": "npm run build && npm run test",
+    "prepack": "npm test",
+    "pretest": "npm run build",
     "lint:check": "eslint --ext .js src",
     "lint:fix": "eslint --fix --ext .js src",
-    "test": "mocha --require esm ./test/*.js",
+    "test": "mocha ./test/*.js",
     "uploadBuildToS3": "npm run prepack && node uploadBuildToS3 build -s $npm_config_semver -d $npm_config_destinationPath -o $otp"
   },
   "devDependencies": {
@@ -40,8 +44,6 @@
     "css-loader": "^1.0.0",
     "dotenv": "^8.2.0",
     "eslint": "^5.16.0",
-    "esm": "^3.2.25",
-    "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^1.1.11",
     "inject-loader": "^4.0.1",
     "jsdom": "^16.5.0",
@@ -58,7 +60,7 @@
     "style-loader": "^0.22.1",
     "uglifyjs-webpack-plugin": "^2.2.0",
     "url-loader": "^1.1.1",
-    "webpack": "^4.41.5",
+    "webpack": "^4.47.0",
     "webpack-cli": "^3.3.10",
     "xhr-mock": "^2.5.1",
     "yargs": "^15.4.1"

package/src/config/index.js

@@ -10,13 +10,14 @@ module.exports = {
   },
   HOST: {
     PRODUCTION: 'app.yelda.ai',
-    STAGING: 'staging.yelda.ai',
+    STAGING: 'staging.yelda.ai'
   },
   FRAME_EVENT_TYPES: {
     SENT: {
       OPEN_CHAT: 'openChat',
       LEAVE_VIEWPORT: 'leaveViewPort',
       SEND_USER_MESSAGE: 'sendUserMessage',
+      UPDATE_SLOT: 'updateSlot',
       URL_UPDATE: 'urlUpdate'
     },
     RECEIVED: {

package/src/js/yeldaWebchatInjector.js

@@ -334,28 +334,9 @@ class YeldaChat {
       return
     }
 
-    const isVoiceFirstUI = this.webchatSettings.hasOwnProperty('isVoiceFirstUI')
-      ? this.webchatSettings.isVoiceFirstUI
-      : false
     const customImage = this.webchatSettings.image && this.webchatSettings.image.url
     const hasCustomStyle = this.webchatSettings.hasOwnProperty('isDefaultStyle') && !this.webchatSettings.isDefaultStyle
 
-    /**
-     * in isVoiceFirstUI mode
-     * - the assistant should be opened directly and will never be closed
-     * => we call directly openChat and do not add the assistant image
-     * - we don't want the box-shadow css style
-     *    => we add voiceFirstUI to iframeContainer
-     * - /chat vue render the voice first UI
-     *   => nothing more to do here
-     */
-    if (isVoiceFirstUI) {
-      this.iframeContainer.classList.add('voiceFirstUI')
-      this.openChat()
-      this.assistantImage = null
-      return
-    }
-
     if (!hasCustomStyle || !customImage) {
       this.addAssistantImageToWebChatContainer()
       return
@@ -1396,6 +1377,18 @@ class YeldaChat {
       event: config.FRAME_EVENT_TYPES.SENT.LEAVE_VIEWPORT
     }, '*')
   }
+
+  /**
+   * Send an updateSlot postMessage to the webchat iframe
+   * @param {Object} slotObject {slotSlug: slotValue}
+   */
+  updateSlot(slotObject) {
+    const webchatFrame = document.getElementById('web_chat_frame')
+    if (webchatFrame) {
+      webchatFrame.contentWindow.postMessage(slotObject, '*')
+      webchatFrame.contentWindow.postMessage({ event: config.FRAME_EVENT_TYPES.SENT.UPDATE_SLOT, data: slotObject }, '*')
+    }
+  }
 }
 
 let yeldaChat = new YeldaChat()