@hellotext/hellotext 1.8.6 → 2.0.0

package/lib/controllers/webchat_controller.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _stimulus = require("@hotwired/stimulus");
-var _dom = require("@floating-ui/dom");
-var _messages = _interopRequireDefault(require("../api/webchat/messages"));
-var _webchat_channel = _interopRequireDefault(require("../channels/webchat_channel"));
-var _hellotext = _interopRequireDefault(require("../hellotext"));
-var _webchat = require("../core/configuration/webchat");
-var _usePopover = require("./mixins/usePopover");
-var _logo_builder = require("../builders/logo_builder");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -32,6 +17,14 @@ function _possibleConstructorReturn(self, call) { if (call && (typeof call === "
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import { flip, offset, shift } from '@floating-ui/dom';
+import { Controller } from '@hotwired/stimulus';
+import WebchatMessagesAPI from '../api/webchat/messages';
+import WebchatChannel from '../channels/webchat_channel';
+import Hellotext from '../hellotext';
+import { Webchat as WebchatConfiguration, behaviors } from '../core/configuration/webchat';
+import { LogoBuilder } from '../builders/logo_builder';
+import { usePopover } from './mixins/usePopover';
 var _default = /*#__PURE__*/function (_Controller) {
   _inherits(_default, _Controller);
   var _super = _createSuper(_default);
@@ -42,8 +35,8 @@ var _default = /*#__PURE__*/function (_Controller) {
   _createClass(_default, [{
     key: "initialize",
     value: function initialize() {
-      this.messagesAPI = new _messages.default(this.idValue);
-      this.webChatChannel = new _webchat_channel.default(this.idValue, _hellotext.default.session, this.conversationIdValue);
+      this.messagesAPI = new WebchatMessagesAPI(this.idValue);
+      this.webChatChannel = new WebchatChannel(this.idValue, Hellotext.session, this.conversationIdValue);
       this.files = [];
       this.onMessageReceived = this.onMessageReceived.bind(this);
       this.onConversationAssignment = this.onConversationAssignment.bind(this);
@@ -55,9 +48,9 @@ var _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "connect",
     value: function connect() {
-      (0, _usePopover.usePopover)(this);
-      this.popoverTarget.classList.add(..._webchat.Webchat.classes);
-      this.triggerTarget.classList.add(..._webchat.Webchat.triggerClasses);
+      usePopover(this);
+      this.popoverTarget.classList.add(...WebchatConfiguration.classes);
+      this.triggerTarget.classList.add(...WebchatConfiguration.triggerClasses);
       this.setupFloatingUI({
         trigger: this.triggerTarget,
         popover: this.popoverTarget
@@ -67,13 +60,13 @@ var _default = /*#__PURE__*/function (_Controller) {
       this.webChatChannel.onAgentOnline(this.onAgentOnline);
       this.webChatChannel.onReaction(this.onMessageReaction);
       this.messagesContainerTarget.addEventListener('scroll', this.onScroll);
-      if (!_hellotext.default.business.features.white_label) {
-        this.toolbarTarget.appendChild(_logo_builder.LogoBuilder.build());
+      if (!Hellotext.business.features.white_label) {
+        this.toolbarTarget.appendChild(LogoBuilder.build());
       }
       if (localStorage.getItem("hellotext--webchat--".concat(this.idValue)) === 'opened') {
         this.openValue = true;
       }
-      _hellotext.default.eventEmitter.dispatch('webchat:mounted');
+      Hellotext.eventEmitter.dispatch('webchat:mounted');
       _get(_getPrototypeOf(_default.prototype), "connect", this).call(this);
     }
   }, {
@@ -91,7 +84,7 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.fetchingNextPage = true;
         var response = yield this.messagesAPI.index({
           page: this.nextPageValue,
-          session: _hellotext.default.session
+          session: Hellotext.session
         });
         var {
           next: nextPage,
@@ -141,7 +134,7 @@ var _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "onClickOutside",
     value: function onClickOutside(event) {
-      if (_webchat.Webchat.behaviour === _webchat.behaviors.POPOVER && this.openValue && event.target.nodeType && this.element.contains(event.target) === false) {
+      if (WebchatConfiguration.behaviour === behaviors.POPOVER && this.openValue && event.target.nodeType && this.element.contains(event.target) === false) {
         this.openValue = false;
       }
     }
@@ -156,7 +149,7 @@ var _default = /*#__PURE__*/function (_Controller) {
         });
         this.scrolled = true;
       }
-      _hellotext.default.eventEmitter.dispatch('webchat:opened');
+      Hellotext.eventEmitter.dispatch('webchat:opened');
       localStorage.setItem("hellotext--webchat--".concat(this.idValue), 'opened');
       if (this.unreadCounterTarget.style.display === 'none') return;
       this.unreadCounterTarget.style.display = 'none';
@@ -166,9 +159,9 @@ var _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "onPopoverClosed",
     value: function onPopoverClosed() {
-      _hellotext.default.eventEmitter.dispatch('webchat:closed');
+      Hellotext.eventEmitter.dispatch('webchat:closed');
       setTimeout(() => {
-        this.inputTarget.value = "";
+        this.inputTarget.value = '';
       });
       localStorage.setItem("hellotext--webchat--".concat(this.idValue), 'closed');
     }
@@ -218,7 +211,7 @@ var _default = /*#__PURE__*/function (_Controller) {
         });
       }
       this.messagesContainerTarget.appendChild(element);
-      _hellotext.default.eventEmitter.dispatch('webchat:message:received', _objectSpread(_objectSpread({}, message), {}, {
+      Hellotext.eventEmitter.dispatch('webchat:message:received', _objectSpread(_objectSpread({}, message), {}, {
         body: element.querySelector('[data-body]').innerText
       }));
       element.scrollIntoView({
@@ -262,7 +255,7 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.files.forEach(file => {
           formData.append('message[attachments][]', file);
         });
-        formData.append('session', _hellotext.default.session);
+        formData.append('session', Hellotext.session);
         var element = this.messageTemplateTarget.cloneNode(true);
         element.classList.add('received');
         element.style.removeProperty('display');
@@ -278,10 +271,10 @@ var _default = /*#__PURE__*/function (_Controller) {
         element.scrollIntoView({
           behavior: 'smooth'
         });
-        this.inputTarget.value = "";
+        this.inputTarget.value = '';
         this.files = [];
-        this.attachmentContainerTarget.innerHTML = "";
-        this.attachmentContainerTarget.classList.add("hidden");
+        this.attachmentContainerTarget.style.display = 'none';
+        this.errorMessageContainerTarget.style.display = 'none';
         this.inputTarget.focus();
         var response = yield this.messagesAPI.create(formData);
         if (response.failed) {
@@ -290,11 +283,12 @@ var _default = /*#__PURE__*/function (_Controller) {
         var data = yield response.json();
         element.setAttribute('data-id', data.id);
         message.id = data.id;
-        _hellotext.default.eventEmitter.dispatch('webchat:message:sent', message);
+        Hellotext.eventEmitter.dispatch('webchat:message:sent', message);
         if (data.conversation !== this.conversationIdValue) {
           this.conversationIdValue = data.conversation;
           this.webChatChannel.updateSubscriptionWith(this.conversationIdValue);
         }
+        this.attachmentContainerTarget.style.display = '';
       });
       function sendMessage() {
         return _sendMessage.apply(this, arguments);
@@ -309,10 +303,10 @@ var _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "onFileInputChange",
     value: function onFileInputChange() {
-      this.errorMessageContainerTarget.classList.add('hidden');
+      this.errorMessageContainerTarget.style.display = 'none';
       this.files = Array.from(this.attachmentInputTarget.files);
       var fileMaxSizeTooMuch = this.files.find(file => {
-        var type = file.type.split("/")[0];
+        var type = file.type.split('/')[0];
         if (['image', 'video', 'audio'].includes(type)) {
           return this.mediaValue[type].max_size < file.size;
         } else {
@@ -320,12 +314,12 @@ var _default = /*#__PURE__*/function (_Controller) {
         }
       });
       if (fileMaxSizeTooMuch) {
-        var type = fileMaxSizeTooMuch.type.split("/")[0];
+        var type = fileMaxSizeTooMuch.type.split('/')[0];
         var mediaType = ['image', 'audio', 'video'].includes(type) ? type : 'document';
         this.errorMessageContainerTarget.innerText = this.fileSizeErrorMessageValue.replace('%{limit}', this.byteToMegabyte(this.mediaValue[mediaType].max_size));
         return;
       }
-      this.errorMessageContainerTarget.innerText = "";
+      this.errorMessageContainerTarget.innerText = '';
       this.files.forEach(file => this.createAttachmentElement(file));
       this.inputTarget.focus();
     }
@@ -333,9 +327,9 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "createAttachmentElement",
     value: function createAttachmentElement(file) {
       var element = this.attachmentElement();
-      this.attachmentContainerTarget.classList.remove('hidden');
+      this.attachmentContainerTarget.style.display = '';
       element.setAttribute('data-name', file.name);
-      if (file.type.startsWith("image/")) {
+      if (file.type.startsWith('image/')) {
         var thumbnail = this.attachmentImageTarget.cloneNode(true);
         thumbnail.src = URL.createObjectURL(file);
         thumbnail.style.display = 'block';
@@ -343,8 +337,12 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.attachmentContainerTarget.appendChild(element);
         this.attachmentContainerTarget.style.display = 'flex';
       } else {
-        element.querySelector("main").classList.add(...this.widthClasses, "h-20", "rounded-md", "bg-gray-200", "p-1");
-        element.querySelector("p[data-attachment-name]").innerText = file.name;
+        var main = element.querySelector('main');
+        main.style.height = '5rem';
+        main.style.borderRadius = '0.375rem';
+        main.style.backgroundColor = '#e5e7eb';
+        main.style.padding = '0.25rem';
+        element.querySelector('p[data-attachment-name]').innerText = file.name;
       }
     }
   }, {
@@ -362,7 +360,7 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "attachmentTargetDisconnected",
     value: function attachmentTargetDisconnected() {
       if (this.attachmentTargets.length === 0) {
-        this.attachmentContainerTarget.innerHTML = "";
+        this.attachmentContainerTarget.innerHTML = '';
         this.attachmentContainerTarget.style.display = 'none';
       }
     }
@@ -370,9 +368,9 @@ var _default = /*#__PURE__*/function (_Controller) {
     key: "attachmentElement",
     value: function attachmentElement() {
       var element = this.attachmentTemplateTarget.cloneNode(true);
-      element.removeAttribute("hidden");
+      element.removeAttribute('hidden');
       element.style.display = 'flex';
-      element.setAttribute("data-hellotext--webchat-target", "attachment");
+      element.setAttribute('data-hellotext--webchat-target', 'attachment');
       return element;
     }
   }, {
@@ -409,14 +407,13 @@ var _default = /*#__PURE__*/function (_Controller) {
   }, {
     key: "middlewares",
     get: function get() {
-      return [(0, _dom.offset)(5), (0, _dom.shift)({
+      return [offset(5), shift({
         padding: 24
-      }), (0, _dom.flip)()];
+      }), flip()];
     }
   }]);
   return _default;
-}(_stimulus.Controller);
-exports.default = _default;
+}(Controller);
 _default.values = {
   id: String,
   conversationId: String,
@@ -424,7 +421,7 @@ _default.values = {
   fileSizeErrorMessage: String,
   placement: {
     type: String,
-    default: "bottom-end"
+    default: 'bottom-end'
   },
   open: {
     type: Boolean,
@@ -443,4 +440,5 @@ _default.values = {
     default: undefined
   }
 };
-_default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter'];
+_default.targets = ['trigger', 'popover', 'input', 'attachmentInput', 'attachmentButton', 'errorMessageContainer', 'attachmentTemplate', 'attachmentContainer', 'attachment', 'messageTemplate', 'messagesContainer', 'title', 'onlineStatus', 'attachmentImage', 'footer', 'toolbar', 'message', 'unreadCounter'];
+export { _default as default };

package/lib/core/configuration/forms.cjs

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Forms = 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); }
+/**
+ * @class Forms
+ * @classdesc
+ * Configuration for forms
+ * @property {Boolean} autoMount - whether to auto mount forms
+ * @property {Boolean|String} successMessage - whether to show success message after form completion or not
+ */
+let Forms = /*#__PURE__*/function () {
+  function Forms() {
+    _classCallCheck(this, Forms);
+  }
+  _createClass(Forms, null, [{
+    key: "assign",
+    value:
+    /**
+     * @param {Object} props
+     * @param {Boolean} [props.autoMount=true] - whether to auto mount forms
+     * @param {Boolean|String} [props.successMessage=true] - whether to show success message after form completion or not
+     */
+    function assign(props) {
+      if (props) {
+        Object.entries(props).forEach(([key, value]) => {
+          this[key] = value;
+        });
+      }
+      return this;
+    }
+  }, {
+    key: "shouldShowSuccessMessage",
+    get: function () {
+      return this.successMessage;
+    }
+  }]);
+  return Forms;
+}();
+exports.Forms = Forms;
+Forms.autoMount = true;
+Forms.successMessage = true;

package/lib/core/configuration/forms.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Forms = 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; }
@@ -45,6 +39,6 @@ var Forms = /*#__PURE__*/function () {
   }]);
   return Forms;
 }();
-exports.Forms = Forms;
 Forms.autoMount = true;
-Forms.successMessage = true;
+Forms.successMessage = true;
+export { Forms };

package/lib/core/configuration/{web_chat.js → webchat.cjs}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.behaviors = exports.WebChat = void 0;
+exports.behaviors = exports.Webchat = 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; }
@@ -17,7 +17,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 /**
  * @enum {Placement}
  */
-var placements = {
+const placements = {
   TOP_LEFT: 'top-left',
   TOP_RIGHT: 'top-right',
   BOTTOM_LEFT: 'bottom-left',
@@ -31,20 +31,20 @@ var placements = {
 /**
  * @enum {Behaviour}
  */
-var behaviors = {
+const behaviors = {
   MODAL: 'modal',
   POPOVER: 'popover'
 };
 
 /**
  * @typedef {Object} Style
- * @property {string} background - The background color or style (e.g., a hex code or color name).
- * @property {string} foreground - The foreground color or style (e.g., a hex code or color name).
+ * @property {string} primaryColor - The primary webchat color (e.g., a hex code or color name).
+ * @property {string} secondaryColor - The secondary webchat color or style (e.g., a hex code or color name).
  * @property {string} typography - The typography style (e.g., font family).
  */
 
 /**
- * @class WebChat
+ * @class Webchat
  * @classdesc
  * Configuration for webchat
  * @property {String} id - the id of the webchat.
@@ -56,39 +56,39 @@ var behaviors = {
  * @property {Style} style - the style of the webchat.
  */
 exports.behaviors = behaviors;
-var WebChat = /*#__PURE__*/function () {
-  function WebChat() {
-    _classCallCheck(this, WebChat);
+let Webchat = /*#__PURE__*/function () {
+  function Webchat() {
+    _classCallCheck(this, Webchat);
   }
-  _createClass(WebChat, null, [{
+  _createClass(Webchat, null, [{
     key: "container",
-    get: function get() {
+    get: function () {
       return this._container;
     },
-    set: function set(value) {
+    set: function (value) {
       this._container = value;
     }
   }, {
     key: "placement",
-    get: function get() {
+    get: function () {
       return this._placement;
     },
-    set: function set(value) {
+    set: function (value) {
       if (!Object.values(placements).includes(value)) {
-        throw new Error("Invalid placement value: ".concat(value));
+        throw new Error(`Invalid placement value: ${value}`);
       }
       this._placement = value;
     }
   }, {
     key: "classes",
-    get: function get() {
+    get: function () {
       if (typeof this._classes === 'string') {
         return this._classes.split(',').map(c => c.trim());
       } else {
         return this._classes;
       }
     },
-    set: function set(value) {
+    set: function (value) {
       if (!Array.isArray(value) && typeof value !== 'string') {
         throw new Error('classes must be an array or a string');
       }
@@ -96,14 +96,14 @@ var WebChat = /*#__PURE__*/function () {
     }
   }, {
     key: "triggerClasses",
-    get: function get() {
+    get: function () {
       if (typeof this._triggerClasses === 'string') {
         return this._triggerClasses.split(',').map(c => c.trim());
       } else {
         return this._triggerClasses;
       }
     },
-    set: function set(value) {
+    set: function (value) {
       if (!Array.isArray(value) && typeof value !== 'string') {
         throw new Error('triggerClasses must be an array or a string');
       }
@@ -111,36 +111,47 @@ var WebChat = /*#__PURE__*/function () {
     }
   }, {
     key: "id",
-    get: function get() {
+    get: function () {
       return this._id;
     },
-    set: function set(value) {
+    set: function (value) {
       this._id = value;
     }
   }, {
     key: "isSet",
-    get: function get() {
+    get: function () {
       return !!this._id;
     }
   }, {
     key: "style",
-    get: function get() {
+    get: function () {
       return this._style;
     },
-    set: function set(value) {
+    set: function (value) {
       if (typeof value !== 'object') {
         throw new Error('Style must be an object');
       }
+      Object.entries(value).forEach(([key, value]) => {
+        if (!['primaryColor', 'secondaryColor', 'typography'].includes(key)) {
+          throw new Error(`Invalid style property: ${key}`);
+        }
+        if (key === 'typography') {
+          return;
+        }
+        if (!this.isHexOrRgba(value)) {
+          throw new Error(`Invalid color value: ${value} for ${key}. Colors must be hex or rgb/a.`);
+        }
+      });
       this._style = value;
     }
   }, {
     key: "behaviour",
-    get: function get() {
+    get: function () {
       return this._behaviour;
     },
-    set: function set(value) {
+    set: function (value) {
       if (!Object.values(behaviors).includes(value)) {
-        throw new Error("Invalid behaviour value: ".concat(value));
+        throw new Error(`Invalid behaviour value: ${value}`);
       }
       this._behaviour = value;
     }
@@ -148,21 +159,25 @@ var WebChat = /*#__PURE__*/function () {
     key: "assign",
     value: function assign(props) {
       if (props) {
-        Object.entries(props).forEach(_ref => {
-          var [key, value] = _ref;
+        Object.entries(props).forEach(([key, value]) => {
           this[key] = value;
         });
       }
       return this;
     }
+  }, {
+    key: "isHexOrRgba",
+    value: function isHexOrRgba(value) {
+      return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(value) || /^rgba?\(\s*\d{1,3},\s*\d{1,3},\s*\d{1,3},?\s*(0|1|0?\.\d+)?\s*\)$/.test(value);
+    }
   }]);
-  return WebChat;
+  return Webchat;
 }();
-exports.WebChat = WebChat;
-WebChat._id = void 0;
-WebChat._container = 'body';
-WebChat._placement = 'bottom-right';
-WebChat._classes = [];
-WebChat._triggerClasses = [];
-WebChat._style = {};
-WebChat._behaviour = behaviors.POPOVER;
+exports.Webchat = Webchat;
+Webchat._id = void 0;
+Webchat._container = 'body';
+Webchat._placement = 'bottom-right';
+Webchat._classes = [];
+Webchat._triggerClasses = [];
+Webchat._style = {};
+Webchat._behaviour = behaviors.POPOVER;

package/lib/core/configuration/webchat.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.behaviors = exports.Webchat = 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; }
@@ -55,7 +49,6 @@ var behaviors = {
  * @property {Behaviour} behaviour - the behaviour of the webchat, defaults to 'popover'.
  * @property {Style} style - the style of the webchat.
  */
-exports.behaviors = behaviors;
 var Webchat = /*#__PURE__*/function () {
   function Webchat() {
     _classCallCheck(this, Webchat);
@@ -175,11 +168,11 @@ var Webchat = /*#__PURE__*/function () {
   }]);
   return Webchat;
 }();
-exports.Webchat = Webchat;
 Webchat._id = void 0;
 Webchat._container = 'body';
 Webchat._placement = 'bottom-right';
 Webchat._classes = [];
 Webchat._triggerClasses = [];
 Webchat._style = {};
-Webchat._behaviour = behaviors.POPOVER;
+Webchat._behaviour = behaviors.POPOVER;
+export { Webchat, behaviors };

package/lib/core/configuration.cjs

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Configuration = void 0;
+var _forms = require("./configuration/forms");
+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); } }
+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); }
+/**
+ * @class Configuration
+ * @classdesc
+ * Configuration for Hellotext
+ * @property {Boolean} [autoGenerateSession=true] - whether to auto generate session or not
+ * @property {String} [session] - session id
+ * @property {Forms} [forms] - form configuration
+ * @property {Webchat} [webchat] - webchat configuration
+ */
+let Configuration = /*#__PURE__*/function () {
+  function Configuration() {
+    _classCallCheck(this, Configuration);
+  }
+  _createClass(Configuration, null, [{
+    key: "assign",
+    value:
+    /**
+     *
+     * @param props
+     * @param {Boolean} [props.autoGenerateSession=true] - whether to auto generate session or not
+     * @param {String} [props.session] - session id
+     * @param {Object} [props.forms] - form configuration
+     * @returns {Configuration}
+     */
+    function assign(props) {
+      if (props) {
+        Object.entries(props).forEach(([key, value]) => {
+          if (key === 'forms') {
+            this.forms = _forms.Forms.assign(value);
+          } else if (key === 'webChat') {
+            this.webchat = _webchat.Webchat.assign(value);
+          } else {
+            this[key] = value;
+          }
+        });
+      }
+      return this;
+    }
+  }, {
+    key: "endpoint",
+    value: function endpoint(path) {
+      return `${this.apiRoot}/${path}`;
+    }
+  }]);
+  return Configuration;
+}();
+exports.Configuration = Configuration;
+Configuration.apiRoot = 'https://api.hellotext.com/v1';
+Configuration.autoGenerateSession = true;
+Configuration.session = null;
+Configuration.forms = _forms.Forms;
+Configuration.webchat = _webchat.Webchat;