@hellotext/hellotext 2.1.2 → 2.1.4

package/lib/controllers/webchat_controller.js

@@ -22,6 +22,7 @@ import { Controller } from '@hotwired/stimulus';
 import WebchatMessagesAPI from '../api/webchat/messages';
 import WebchatChannel from '../channels/webchat_channel';
 import Hellotext from '../hellotext';
+import { Locale } from '../core';
 import { Webchat as WebchatConfiguration, behaviors } from '../core/configuration/webchat';
 import { LogoBuilder } from '../builders/logo_builder';
 import { usePopover } from './mixins/usePopover';
@@ -39,9 +40,8 @@ var _default = /*#__PURE__*/function (_Controller) {
       this.webChatChannel = new WebchatChannel(this.idValue, Hellotext.session, this.conversationIdValue);
       this.files = [];
       this.onMessageReceived = this.onMessageReceived.bind(this);
-      this.onConversationAssignment = this.onConversationAssignment.bind(this);
-      this.onAgentOnline = this.onAgentOnline.bind(this);
       this.onMessageReaction = this.onMessageReaction.bind(this);
+      this.onTypingStart = this.onTypingStart.bind(this);
       this.onScroll = this.onScroll.bind(this);
       this.onOutboundMessageSent = this.onOutboundMessageSent.bind(this);
       this.broadcastChannel = new BroadcastChannel("hellotext--webchat--".concat(this.idValue));
@@ -58,14 +58,13 @@ var _default = /*#__PURE__*/function (_Controller) {
         popover: this.popoverTarget
       });
       this.webChatChannel.onMessage(this.onMessageReceived);
-      this.webChatChannel.onConversationAssignment(this.onConversationAssignment);
-      this.webChatChannel.onAgentOnline(this.onAgentOnline);
+      this.webChatChannel.onTypingStart(this.onTypingStart);
       this.webChatChannel.onReaction(this.onMessageReaction);
       this.messagesContainerTarget.addEventListener('scroll', this.onScroll);
       if (!Hellotext.business.features.white_label) {
         this.toolbarTarget.appendChild(LogoBuilder.build());
       }
-      if (localStorage.getItem("hellotext--webchat--".concat(this.idValue)) === 'opened') {
+      if (this.shouldOpenOnMount) {
         this.openValue = true;
       }
       Hellotext.eventEmitter.dispatch('webchat:mounted');
@@ -77,10 +76,85 @@ var _default = /*#__PURE__*/function (_Controller) {
     value: function disconnect() {
       this.broadcastChannel.removeEventListener('message', this.onOutboundMessageSent);
       this.messagesContainerTarget.removeEventListener('scroll', this.onScroll);
+
+      // Clean up typing indicator timeouts
+      this.clearTypingIndicator();
       this.broadcastChannel.close();
       this.floatingUICleanup();
       _get(_getPrototypeOf(_default.prototype), "disconnect", this).call(this);
     }
+  }, {
+    key: "onTypingStart",
+    value: function onTypingStart() {
+      if (this.typingIndicatorVisible) {
+        return this.resetTypingIndicatorTimer();
+      }
+      this.showTypingIndicator();
+    }
+  }, {
+    key: "showOptimisticTypingIndicator",
+    value: function showOptimisticTypingIndicator() {
+      if (this.typingIndicatorVisible) return;
+      this.showTypingIndicator();
+    }
+  }, {
+    key: "showTypingIndicator",
+    value: function showTypingIndicator() {
+      this.clearTypingIndicator();
+      this.typingIndicatorVisible = true;
+      var indicator = this.typingIndicatorTemplateTarget.cloneNode(true);
+      indicator.setAttribute('data-hellotext--webchat-target', 'typingIndicator');
+      indicator.style.display = 'flex';
+      this.messagesContainerTarget.appendChild(indicator);
+      requestAnimationFrame(() => {
+        this.messagesContainerTarget.scroll({
+          top: this.messagesContainerTarget.scrollHeight,
+          behavior: 'instant'
+        });
+      });
+      var timeout = this.typingIndicatorKeepAliveValue;
+      this.incomingTypingIndicatorTimeout = setTimeout(() => {
+        this.clearTypingIndicator();
+      }, timeout);
+    }
+  }, {
+    key: "resetTypingIndicatorTimer",
+    value: function resetTypingIndicatorTimer() {
+      if (!this.typingIndicatorVisible) return;
+
+      // Clear existing timeout
+      clearTimeout(this.incomingTypingIndicatorTimeout);
+      clearTimeout(this.optimisticTypingTimeout);
+
+      // Use unified timeout for all typing indicators
+      var timeout = this.typingIndicatorKeepAliveValue;
+      this.incomingTypingIndicatorTimeout = setTimeout(() => {
+        this.clearTypingIndicator();
+      }, timeout);
+    }
+  }, {
+    key: "clearTypingIndicator",
+    value: function clearTypingIndicator() {
+      if (this.hasTypingIndicatorTarget) {
+        this.typingIndicatorTarget.remove();
+      }
+      this.typingIndicatorVisible = false;
+      clearTimeout(this.incomingTypingIndicatorTimeout);
+      clearTimeout(this.optimisticTypingTimeout);
+    }
+  }, {
+    key: "onMessageInputChange",
+    value: function onMessageInputChange() {
+      this.resizeInput();
+      clearTimeout(this.typingIndicatorTimeout);
+      if (!this.hasSentTypingIndicator) {
+        this.webChatChannel.startTypingIndicator();
+        this.hasSentTypingIndicator = true;
+      }
+      this.typingIndicatorTimeout = setTimeout(() => {
+        this.hasSentTypingIndicator = false;
+      }, 3000);
+    }
   }, {
     key: "onOutboundMessageSent",
     value: function onOutboundMessageSent(event) {
@@ -90,7 +164,13 @@ var _default = /*#__PURE__*/function (_Controller) {
       var callbacks = {
         'message:sent': data => {
           var element = new DOMParser().parseFromString(data.element, 'text/html').body.firstElementChild;
-          this.messagesContainerTarget.appendChild(element);
+
+          // Insert message before typing indicator if one exists
+          if (this.typingIndicatorVisible && this.hasTypingIndicatorTarget) {
+            this.messagesContainerTarget.insertBefore(element, this.typingIndicatorTarget);
+          } else {
+            this.messagesContainerTarget.appendChild(element);
+          }
           element.scrollIntoView({
             behavior: 'instant'
           });
@@ -168,10 +248,20 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.openValue = false;
       }
     }
+  }, {
+    key: "closePopover",
+    value: function closePopover() {
+      this.popoverTarget.classList.add(...this.fadeOutClasses);
+      setTimeout(() => {
+        this.openValue = false;
+      }, 250);
+    }
   }, {
     key: "onPopoverOpened",
     value: function onPopoverOpened() {
-      this.inputTarget.focus();
+      if (!this.onMobile) {
+        this.inputTarget.focus();
+      }
       if (!this.scrolled) {
         requestAnimationFrame(() => {
           this.messagesContainerTarget.scroll({
@@ -192,9 +282,6 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "onPopoverClosed",
     value: function onPopoverClosed() {
       Hellotext.eventEmitter.dispatch('webchat:closed');
-      setTimeout(() => {
-        this.inputTarget.value = '';
-      });
       localStorage.setItem("hellotext--webchat--".concat(this.idValue), 'closed');
     }
   }, {
@@ -225,6 +312,7 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "onMessageReceived",
     value: function onMessageReceived(message) {
       var {
+        id,
         body,
         attachments
       } = message;
@@ -242,6 +330,11 @@ var _default = /*#__PURE__*/function (_Controller) {
           element.querySelector('[data-attachment-container]').appendChild(image);
         });
       }
+
+      // Clear any typing indicator when message is received
+      if (this.typingIndicatorVisible) {
+        this.clearTypingIndicator();
+      }
       this.messagesContainerTarget.appendChild(element);
       Hellotext.eventEmitter.dispatch('webchat:message:received', _objectSpread(_objectSpread({}, message), {}, {
         body: element.querySelector('[data-body]').innerText
@@ -249,41 +342,40 @@ var _default = /*#__PURE__*/function (_Controller) {
       element.scrollIntoView({
         behavior: 'smooth'
       });
-      this.setOfflineTimeout();
-      if (this.openValue) return;
+      if (this.openValue) {
+        this.messagesAPI.markAsSeen(id);
+        return;
+      }
       this.unreadCounterTarget.style.display = 'flex';
       var unreadCount = (parseInt(this.unreadCounterTarget.innerText) || 0) + 1;
       this.unreadCounterTarget.innerText = unreadCount > 99 ? '99+' : unreadCount;
     }
   }, {
-    key: "onConversationAssignment",
-    value: function onConversationAssignment(conversation) {
-      var {
-        to: user
-      } = conversation;
-      this.titleTarget.innerText = user.name;
-      if (user.online) {
-        this.onlineStatusTarget.style.display = 'flex';
-      } else {
-        this.onlineStatusTarget.style.display = 'none';
-      }
-    }
-  }, {
-    key: "onAgentOnline",
-    value: function onAgentOnline() {
-      this.onlineStatusTarget.style.display = 'flex';
-      this.setOfflineTimeout();
+    key: "resizeInput",
+    value: function resizeInput() {
+      var maxHeight = 96;
+
+      // Temporarily reset height to its natural content size
+      this.inputTarget.style.height = 'auto';
+
+      // Set the height to the scrollHeight, which is the minimum height
+      // the element needs to fit its content without a scrollbar.
+      var scrollHeight = this.inputTarget.scrollHeight;
+      this.inputTarget.style.height = "".concat(Math.min(scrollHeight, maxHeight), "px");
     }
   }, {
     key: "sendMessage",
     value: function () {
-      var _sendMessage = _asyncToGenerator(function* () {
+      var _sendMessage = _asyncToGenerator(function* (e) {
         var formData = new FormData();
         var message = {
           body: this.inputTarget.value,
           attachments: this.files
         };
         if (this.inputTarget.value.trim().length === 0 && this.files.length === 0) {
+          if (e && e.target) {
+            e.preventDefault();
+          }
           return;
         }
         if (this.inputTarget.value.trim().length > 0) {
@@ -295,6 +387,7 @@ var _default = /*#__PURE__*/function (_Controller) {
           formData.append('message[attachments][]', file);
         });
         formData.append('session', Hellotext.session);
+        formData.append('locale', Locale.toString());
         var element = this.messageTemplateTarget.cloneNode(true);
         element.id = "hellotext--webchat--".concat(this.idValue, "--message--").concat(Date.now());
         element.classList.add('received');
@@ -311,7 +404,13 @@ var _default = /*#__PURE__*/function (_Controller) {
             element.querySelector('[data-attachment-container]').appendChild(attachment);
           });
         }
-        this.messagesContainerTarget.appendChild(element);
+
+        // Insert message before typing indicator if one exists
+        if (this.typingIndicatorVisible && this.hasTypingIndicatorTarget) {
+          this.messagesContainerTarget.insertBefore(element, this.typingIndicatorTarget);
+        } else {
+          this.messagesContainerTarget.appendChild(element);
+        }
         element.scrollIntoView({
           behavior: 'smooth'
         });
@@ -320,6 +419,7 @@ var _default = /*#__PURE__*/function (_Controller) {
           element: element.outerHTML
         });
         this.inputTarget.value = '';
+        this.resizeInput();
         this.files = [];
         this.attachmentInputTarget.value = '';
         this.attachmentContainerTarget.innerHTML = '';
@@ -342,9 +442,17 @@ var _default = /*#__PURE__*/function (_Controller) {
           this.conversationIdValue = data.conversation;
           this.webChatChannel.updateSubscriptionWith(this.conversationIdValue);
         }
+        if (this.typingIndicatorVisible) {
+          this.resetTypingIndicatorTimer();
+        } else {
+          clearTimeout(this.optimisticTypingTimeout);
+          this.optimisticTypingTimeout = setTimeout(() => {
+            this.showOptimisticTypingIndicator();
+          }, this.optimisticTypingIndicatorWaitValue);
+        }
         this.attachmentContainerTarget.style.display = '';
       });
-      function sendMessage() {
+      function sendMessage(_x) {
         return _sendMessage.apply(this, arguments);
       }
       return sendMessage;
@@ -445,30 +553,27 @@ var _default = /*#__PURE__*/function (_Controller) {
       this.inputTarget.selectionStart = this.inputTarget.selectionEnd = start + emoji.length;
       this.inputTarget.focus();
     }
-  }, {
-    key: "setOfflineTimeout",
-    value: function setOfflineTimeout() {
-      clearTimeout(this.offlineTimeout);
-      this.offlineTimeout = setTimeout(() => {
-        this.onlineStatusTarget.style.display = 'none';
-      }, this.fiveMinutes);
-    }
   }, {
     key: "byteToMegabyte",
     value: function byteToMegabyte(bytes) {
       return Math.ceil(bytes / 1024 / 1024);
     }
   }, {
-    key: "fiveMinutes",
+    key: "middlewares",
+    get: function get() {
+      return [offset(this.offsetValue), shift({
+        padding: this.paddingValue
+      }), flip()];
+    }
+  }, {
+    key: "shouldOpenOnMount",
     get: function get() {
-      return 300000;
+      return localStorage.getItem("hellotext--webchat--".concat(this.idValue)) === 'opened' && !this.onMobile;
     }
   }, {
-    key: "middlewares",
+    key: "onMobile",
     get: function get() {
-      return [offset(5), shift({
-        padding: 24
-      }), flip()];
+      return window.matchMedia("(max-width: ".concat(this.fullScreenThresholdValue, "px)")).matches;
     }
   }]);
   return _default;
@@ -497,7 +602,29 @@ _default.values = {
   nextPage: {
     type: Number,
     default: undefined
-  }
+  },
+  fullScreenThreshold: {
+    type: Number,
+    default: 1024
+  },
+  typingIndicatorKeepAlive: {
+    type: Number,
+    default: 30000
+  },
+  // 30 seconds
+  offset: {
+    type: Number,
+    default: 24
+  },
+  padding: {
+    type: Number,
+    default: 24
+  },
+  optimisticTypingIndicatorWait: {
+    type: Number,
+    default: 1000
+  } // 1 second
 };
-_default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter'];
+_default.classes = ['fadeOut'];
+_default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter', 'typingIndicator', 'typingIndicatorTemplate'];
 export { _default as default };

package/lib/core/configuration/locale.cjs

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Locale = void 0;
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
+var id = 0;
+function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
+var _fromHtmlLangProperty = /*#__PURE__*/_classPrivateFieldLooseKey("fromHtmlLangProperty");
+var _fromMetaTag = /*#__PURE__*/_classPrivateFieldLooseKey("fromMetaTag");
+var _fromBrowserLanguage = /*#__PURE__*/_classPrivateFieldLooseKey("fromBrowserLanguage");
+/**
+ * @class Locale
+ * @classdesc
+ * Handles locale detection and configuration for the Hellotext library.
+ * Provides automatic locale detection from HTML lang attribute, meta tags,
+ * and browser language with fallback to 'en'.
+ */
+let Locale = /*#__PURE__*/function () {
+  function Locale() {
+    _classCallCheck(this, Locale);
+  }
+  _createClass(Locale, null, [{
+    key: "identifier",
+    get:
+    /**
+     * Gets the effective locale identifier.
+     * Falls back to auto-detection if not explicitly set.
+     * @returns {string} The locale identifier
+     */
+    function () {
+      if (this._identifier) return this._identifier;
+      return _classPrivateFieldLooseBase(this, _fromHtmlLangProperty)[_fromHtmlLangProperty] || _classPrivateFieldLooseBase(this, _fromMetaTag)[_fromMetaTag] || _classPrivateFieldLooseBase(this, _fromBrowserLanguage)[_fromBrowserLanguage] || 'en';
+    }
+
+    /**
+     * Returns the locale identifier as a string.
+     * @returns {string} The locale identifier
+     */,
+    set:
+    /**
+     * Sets the locale identifier explicitly.
+     * @param {string} value - The locale identifier (e.g., 'en', 'es')
+     */
+    function (value) {
+      this._identifier = value;
+    }
+  }, {
+    key: "toString",
+    value: function toString() {
+      return this.identifier;
+    }
+  }]);
+  return Locale;
+}();
+exports.Locale = Locale;
+function _get_fromHtmlLangProperty() {
+  var _document, _document$documentEle;
+  return (_document = document) === null || _document === void 0 ? void 0 : (_document$documentEle = _document.documentElement) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.lang;
+}
+function _get_fromMetaTag() {
+  var _document2, _document2$querySelec;
+  return (_document2 = document) === null || _document2 === void 0 ? void 0 : (_document2$querySelec = _document2.querySelector('meta[name="locale"]')) === null || _document2$querySelec === void 0 ? void 0 : _document2$querySelec.content;
+}
+function _get_fromBrowserLanguage() {
+  var _navigator, _navigator$language;
+  return (_navigator = navigator) === null || _navigator === void 0 ? void 0 : (_navigator$language = _navigator.language) === null || _navigator$language === void 0 ? void 0 : _navigator$language.split('-')[0]; // Extract primary language
+}
+Object.defineProperty(Locale, _fromBrowserLanguage, {
+  get: _get_fromBrowserLanguage,
+  set: void 0
+});
+Object.defineProperty(Locale, _fromMetaTag, {
+  get: _get_fromMetaTag,
+  set: void 0
+});
+Object.defineProperty(Locale, _fromHtmlLangProperty, {
+  get: _get_fromHtmlLangProperty,
+  set: void 0
+});
+Locale._identifier = void 0;

package/lib/core/configuration/locale.js

@@ -0,0 +1,81 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
+var id = 0;
+function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
+var _fromHtmlLangProperty = /*#__PURE__*/_classPrivateFieldLooseKey("fromHtmlLangProperty");
+var _fromMetaTag = /*#__PURE__*/_classPrivateFieldLooseKey("fromMetaTag");
+var _fromBrowserLanguage = /*#__PURE__*/_classPrivateFieldLooseKey("fromBrowserLanguage");
+/**
+ * @class Locale
+ * @classdesc
+ * Handles locale detection and configuration for the Hellotext library.
+ * Provides automatic locale detection from HTML lang attribute, meta tags,
+ * and browser language with fallback to 'en'.
+ */
+var Locale = /*#__PURE__*/function () {
+  function Locale() {
+    _classCallCheck(this, Locale);
+  }
+  _createClass(Locale, null, [{
+    key: "identifier",
+    get:
+    /**
+     * Gets the effective locale identifier.
+     * Falls back to auto-detection if not explicitly set.
+     * @returns {string} The locale identifier
+     */
+    function get() {
+      if (this._identifier) return this._identifier;
+      return _classPrivateFieldLooseBase(this, _fromHtmlLangProperty)[_fromHtmlLangProperty] || _classPrivateFieldLooseBase(this, _fromMetaTag)[_fromMetaTag] || _classPrivateFieldLooseBase(this, _fromBrowserLanguage)[_fromBrowserLanguage] || 'en';
+    }
+
+    /**
+     * Returns the locale identifier as a string.
+     * @returns {string} The locale identifier
+     */,
+    set:
+    /**
+     * Sets the locale identifier explicitly.
+     * @param {string} value - The locale identifier (e.g., 'en', 'es')
+     */
+    function set(value) {
+      this._identifier = value;
+    }
+  }, {
+    key: "toString",
+    value: function toString() {
+      return this.identifier;
+    }
+  }]);
+  return Locale;
+}();
+function _get_fromHtmlLangProperty() {
+  var _document, _document$documentEle;
+  return (_document = document) === null || _document === void 0 ? void 0 : (_document$documentEle = _document.documentElement) === null || _document$documentEle === void 0 ? void 0 : _document$documentEle.lang;
+}
+function _get_fromMetaTag() {
+  var _document2, _document2$querySelec;
+  return (_document2 = document) === null || _document2 === void 0 ? void 0 : (_document2$querySelec = _document2.querySelector('meta[name="locale"]')) === null || _document2$querySelec === void 0 ? void 0 : _document2$querySelec.content;
+}
+function _get_fromBrowserLanguage() {
+  var _navigator, _navigator$language;
+  return (_navigator = navigator) === null || _navigator === void 0 ? void 0 : (_navigator$language = _navigator.language) === null || _navigator$language === void 0 ? void 0 : _navigator$language.split('-')[0]; // Extract primary language
+}
+Object.defineProperty(Locale, _fromBrowserLanguage, {
+  get: _get_fromBrowserLanguage,
+  set: void 0
+});
+Object.defineProperty(Locale, _fromMetaTag, {
+  get: _get_fromMetaTag,
+  set: void 0
+});
+Object.defineProperty(Locale, _fromHtmlLangProperty, {
+  get: _get_fromHtmlLangProperty,
+  set: void 0
+});
+Locale._identifier = void 0;
+export { Locale };

package/lib/core/configuration.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Configuration = void 0;
 var _forms = require("./configuration/forms");
+var _locale = require("./configuration/locale");
 var _webchat = require("./configuration/webchat");
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
@@ -19,6 +20,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
  * @property {String} [session] - session id
  * @property {Forms} [forms] - form configuration
  * @property {Webchat} [webchat] - webchat configuration
+ * @property {Locale} [locale] - locale configuration
  */
 let Configuration = /*#__PURE__*/function () {
   function Configuration() {
@@ -49,6 +51,14 @@ let Configuration = /*#__PURE__*/function () {
       }
       return this;
     }
+  }, {
+    key: "locale",
+    get: function () {
+      return _locale.Locale.toString();
+    },
+    set: function (locale) {
+      _locale.Locale.identifier = locale;
+    }
   }, {
     key: "endpoint",
     value: function endpoint(path) {
@@ -59,6 +69,7 @@ let Configuration = /*#__PURE__*/function () {
 }();
 exports.Configuration = Configuration;
 Configuration.apiRoot = 'https://api.hellotext.com/v1';
+Configuration.actionCableUrl = 'wss://www.hellotext.com/cable';
 Configuration.autoGenerateSession = true;
 Configuration.session = null;
 Configuration.forms = _forms.Forms;

package/lib/core/configuration.js

@@ -4,6 +4,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { Forms } from './configuration/forms';
+import { Locale } from './configuration/locale';
 import { Webchat } from './configuration/webchat';
 
 /**
@@ -14,6 +15,7 @@ import { Webchat } from './configuration/webchat';
  * @property {String} [session] - session id
  * @property {Forms} [forms] - form configuration
  * @property {Webchat} [webchat] - webchat configuration
+ * @property {Locale} [locale] - locale configuration
  */
 var Configuration = /*#__PURE__*/function () {
   function Configuration() {
@@ -45,6 +47,14 @@ var Configuration = /*#__PURE__*/function () {
       }
       return this;
     }
+  }, {
+    key: "locale",
+    get: function get() {
+      return Locale.toString();
+    },
+    set: function set(locale) {
+      Locale.identifier = locale;
+    }
   }, {
     key: "endpoint",
     value: function endpoint(path) {
@@ -54,6 +64,7 @@ var Configuration = /*#__PURE__*/function () {
   return Configuration;
 }();
 Configuration.apiRoot = 'https://api.hellotext.com/v1';
+Configuration.actionCableUrl = 'wss://www.hellotext.com/cable';
 Configuration.autoGenerateSession = true;
 Configuration.session = null;
 Configuration.forms = Forms;

package/lib/core/index.cjs

@@ -15,6 +15,20 @@ Object.defineProperty(exports, "Event", {
     return _event.default;
   }
 });
-var _event = _interopRequireDefault(require("./event"));
+Object.defineProperty(exports, "Locale", {
+  enumerable: true,
+  get: function () {
+    return _locale.Locale;
+  }
+});
+Object.defineProperty(exports, "Webchat", {
+  enumerable: true,
+  get: function () {
+    return _webchat.Webchat;
+  }
+});
 var _configuration = require("./configuration");
+var _locale = require("./configuration/locale");
+var _webchat = require("./configuration/webchat");
+var _event = _interopRequireDefault(require("./event"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/core/index.js

@@ -1,2 +1,4 @@
-export { default as Event } from './event';
-export { Configuration } from './configuration';
+export { Configuration } from './configuration';
+export { Locale } from './configuration/locale';
+export { Webchat } from './configuration/webchat';
+export { default as Event } from './event';

package/lib/locales/en.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = {
   white_label: {
-    powered_by: 'Powered by'
+    powered_by: 'By'
   },
   errors: {
     parameter_not_unique: 'This value is taken.',

package/lib/locales/en.js

@@ -1,6 +1,6 @@
 export default {
   white_label: {
-    powered_by: 'Powered by'
+    powered_by: 'By'
   },
   errors: {
     parameter_not_unique: 'This value is taken.',

package/lib/locales/es.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _default = {
   white_label: {
-    powered_by: 'Desarrollado por'
+    powered_by: 'Por'
   },
   errors: {
     parameter_not_unique: 'Este valor ya está en uso.',