@hellotext/hellotext 2.4.53 → 2.5.1

package/lib/api/whatsapp_widgets.js

@@ -0,0 +1,99 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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); }
+import { Configuration, Locale } from '../core';
+import Hellotext from '../hellotext';
+var WhatsAppWidgetsAPI = /*#__PURE__*/function () {
+  function WhatsAppWidgetsAPI() {
+    _classCallCheck(this, WhatsAppWidgetsAPI);
+  }
+  _createClass(WhatsAppWidgetsAPI, null, [{
+    key: "endpoint",
+    get: function get() {
+      return Configuration.endpoint('public/widgets/whatsapp');
+    }
+  }, {
+    key: "get",
+    value: function () {
+      var _get = _asyncToGenerator(function* (id) {
+        var url = new URL("".concat(this.endpoint, "/").concat(id));
+        url.searchParams.append('locale', Locale.toString());
+        url.searchParams.append('placement', Configuration.whatsapp.placement);
+        this.appendWhatsAppOverrides(url);
+        var response = yield this.fetchWidget(url);
+        if (!response.ok) return null;
+        var data = yield this.parseWidgetResponse(response);
+        if (!data) return null;
+        if (!Hellotext.business.data) {
+          Hellotext.business.setData(data.business);
+          Hellotext.business.setLocale(data.locale);
+        }
+        return new DOMParser().parseFromString(data.html, 'text/html').querySelector('article');
+      });
+      function get(_x) {
+        return _get.apply(this, arguments);
+      }
+      return get;
+    }()
+  }, {
+    key: "appendWhatsAppOverrides",
+    value: function appendWhatsAppOverrides(url) {
+      var _appearance$launcher;
+      var {
+        appearance,
+        body,
+        number
+      } = Configuration.whatsapp;
+      this.appendIfSupplied(url, 'whatsapp[appearance][launcher][icon_url]', (_appearance$launcher = appearance.launcher) === null || _appearance$launcher === void 0 ? void 0 : _appearance$launcher.iconUrl);
+      this.appendIfSupplied(url, 'whatsapp[number]', number);
+      this.appendIfSupplied(url, 'whatsapp[body]', body);
+    }
+  }, {
+    key: "appendIfSupplied",
+    value: function appendIfSupplied(url, key, value) {
+      if (value === undefined || value === null) return;
+      url.searchParams.append(key, String(value));
+    }
+  }, {
+    key: "fetchWidget",
+    value: function () {
+      var _fetchWidget = _asyncToGenerator(function* (url) {
+        try {
+          return yield fetch(url, {
+            method: 'GET',
+            headers: Hellotext.headers
+          });
+        } catch (_) {
+          return {
+            ok: false
+          };
+        }
+      });
+      function fetchWidget(_x2) {
+        return _fetchWidget.apply(this, arguments);
+      }
+      return fetchWidget;
+    }()
+  }, {
+    key: "parseWidgetResponse",
+    value: function () {
+      var _parseWidgetResponse = _asyncToGenerator(function* (response) {
+        try {
+          return yield response.json();
+        } catch (_) {
+          return null;
+        }
+      });
+      function parseWidgetResponse(_x3) {
+        return _parseWidgetResponse.apply(this, arguments);
+      }
+      return parseWidgetResponse;
+    }()
+  }]);
+  return WhatsAppWidgetsAPI;
+}();
+export default WhatsAppWidgetsAPI;

package/lib/core/configuration/whatsapp.cjs

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhatsApp = 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); }
+/**
+ * @typedef {'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} Placement
+ * @description Valid placements for the WhatsApp widget.
+ */
+
+/**
+ * @enum {Placement}
+ */
+const placements = {
+  TOP_LEFT: 'top-left',
+  TOP_RIGHT: 'top-right',
+  BOTTOM_LEFT: 'bottom-left',
+  BOTTOM_RIGHT: 'bottom-right'
+};
+
+/**
+ * @typedef {Object} WhatsAppWidgetAppearance
+ * @property {Object} [launcher] - Launcher appearance overrides.
+ * @property {string} [launcher.iconUrl] - Image URL used for the launcher icon.
+ */
+
+/**
+ * @class WhatsApp
+ * @classdesc Configuration for the standalone WhatsApp widget.
+ * @property {String} id - The id of the WhatsApp widget.
+ * @property {String} container - The container to append the widget to, defaults to 'body'.
+ * @property {Placement} placement - The placement of the widget, defaults to 'bottom-right'.
+ * @property {String} number - WhatsApp number used by the widget link.
+ * @property {String} body - Prefilled WhatsApp compose text.
+ * @property {WhatsAppWidgetAppearance} appearance - Appearance overrides.
+ */
+let WhatsApp = /*#__PURE__*/function () {
+  function WhatsApp() {
+    _classCallCheck(this, WhatsApp);
+  }
+  _createClass(WhatsApp, null, [{
+    key: "id",
+    get: function () {
+      return this._id;
+    },
+    set: function (value) {
+      this._id = value;
+    }
+  }, {
+    key: "container",
+    get: function () {
+      return this._container;
+    },
+    set: function (value) {
+      this._container = value;
+    }
+  }, {
+    key: "placement",
+    get: function () {
+      return this._placement;
+    },
+    set: function (value) {
+      if (!Object.values(placements).includes(value)) {
+        throw new Error(`Invalid placement value: ${value}`);
+      }
+      this._placement = value;
+    }
+  }, {
+    key: "appearance",
+    get: function () {
+      return this._appearance;
+    },
+    set: function (value) {
+      if (!this.isPlainObject(value)) {
+        throw new Error('Appearance must be an object');
+      }
+      Object.entries(value).forEach(([key, nestedValue]) => {
+        if (key !== 'launcher') {
+          throw new Error(`Invalid appearance property: ${key}`);
+        }
+        if (!this.isPlainObject(nestedValue)) {
+          throw new Error(`Appearance ${key} must be an object`);
+        }
+        Object.entries(nestedValue).forEach(([nestedKey, propertyValue]) => {
+          if (nestedKey !== 'iconUrl') {
+            throw new Error(`Invalid appearance launcher property: ${nestedKey}`);
+          }
+          if (propertyValue == null) {
+            return;
+          }
+          if (typeof propertyValue !== 'string') {
+            throw new Error(`Invalid appearance ${key}.${nestedKey} value: ${propertyValue}`);
+          }
+        });
+      });
+      this._appearance = value;
+    }
+  }, {
+    key: "number",
+    get: function () {
+      return this._number;
+    },
+    set: function (value) {
+      if (value != null && typeof value !== 'string') {
+        throw new Error(`Invalid number value: ${value}`);
+      }
+      this._number = value;
+    }
+  }, {
+    key: "body",
+    get: function () {
+      return this._body;
+    },
+    set: function (value) {
+      if (value != null && typeof value !== 'string') {
+        throw new Error(`Invalid body value: ${value}`);
+      }
+      this._body = value;
+    }
+  }, {
+    key: "assign",
+    value: function assign(props) {
+      if (props) {
+        Object.entries(props).forEach(([key, value]) => {
+          this[key] = value;
+        });
+      }
+      return this;
+    }
+  }, {
+    key: "isPlainObject",
+    value: function isPlainObject(value) {
+      return typeof value === 'object' && value !== null && !Array.isArray(value);
+    }
+  }]);
+  return WhatsApp;
+}();
+exports.WhatsApp = WhatsApp;
+WhatsApp._id = void 0;
+WhatsApp._container = 'body';
+WhatsApp._placement = 'bottom-right';
+WhatsApp._appearance = {};
+WhatsApp._number = null;
+WhatsApp._body = null;

package/lib/core/configuration/whatsapp.js

@@ -0,0 +1,147 @@
+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); }
+/**
+ * @typedef {'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'} Placement
+ * @description Valid placements for the WhatsApp widget.
+ */
+
+/**
+ * @enum {Placement}
+ */
+var placements = {
+  TOP_LEFT: 'top-left',
+  TOP_RIGHT: 'top-right',
+  BOTTOM_LEFT: 'bottom-left',
+  BOTTOM_RIGHT: 'bottom-right'
+};
+
+/**
+ * @typedef {Object} WhatsAppWidgetAppearance
+ * @property {Object} [launcher] - Launcher appearance overrides.
+ * @property {string} [launcher.iconUrl] - Image URL used for the launcher icon.
+ */
+
+/**
+ * @class WhatsApp
+ * @classdesc Configuration for the standalone WhatsApp widget.
+ * @property {String} id - The id of the WhatsApp widget.
+ * @property {String} container - The container to append the widget to, defaults to 'body'.
+ * @property {Placement} placement - The placement of the widget, defaults to 'bottom-right'.
+ * @property {String} number - WhatsApp number used by the widget link.
+ * @property {String} body - Prefilled WhatsApp compose text.
+ * @property {WhatsAppWidgetAppearance} appearance - Appearance overrides.
+ */
+var WhatsApp = /*#__PURE__*/function () {
+  function WhatsApp() {
+    _classCallCheck(this, WhatsApp);
+  }
+  _createClass(WhatsApp, null, [{
+    key: "id",
+    get: function get() {
+      return this._id;
+    },
+    set: function set(value) {
+      this._id = value;
+    }
+  }, {
+    key: "container",
+    get: function get() {
+      return this._container;
+    },
+    set: function set(value) {
+      this._container = value;
+    }
+  }, {
+    key: "placement",
+    get: function get() {
+      return this._placement;
+    },
+    set: function set(value) {
+      if (!Object.values(placements).includes(value)) {
+        throw new Error("Invalid placement value: ".concat(value));
+      }
+      this._placement = value;
+    }
+  }, {
+    key: "appearance",
+    get: function get() {
+      return this._appearance;
+    },
+    set: function set(value) {
+      if (!this.isPlainObject(value)) {
+        throw new Error('Appearance must be an object');
+      }
+      Object.entries(value).forEach(_ref => {
+        var [key, nestedValue] = _ref;
+        if (key !== 'launcher') {
+          throw new Error("Invalid appearance property: ".concat(key));
+        }
+        if (!this.isPlainObject(nestedValue)) {
+          throw new Error("Appearance ".concat(key, " must be an object"));
+        }
+        Object.entries(nestedValue).forEach(_ref2 => {
+          var [nestedKey, propertyValue] = _ref2;
+          if (nestedKey !== 'iconUrl') {
+            throw new Error("Invalid appearance launcher property: ".concat(nestedKey));
+          }
+          if (propertyValue == null) {
+            return;
+          }
+          if (typeof propertyValue !== 'string') {
+            throw new Error("Invalid appearance ".concat(key, ".").concat(nestedKey, " value: ").concat(propertyValue));
+          }
+        });
+      });
+      this._appearance = value;
+    }
+  }, {
+    key: "number",
+    get: function get() {
+      return this._number;
+    },
+    set: function set(value) {
+      if (value != null && typeof value !== 'string') {
+        throw new Error("Invalid number value: ".concat(value));
+      }
+      this._number = value;
+    }
+  }, {
+    key: "body",
+    get: function get() {
+      return this._body;
+    },
+    set: function set(value) {
+      if (value != null && typeof value !== 'string') {
+        throw new Error("Invalid body value: ".concat(value));
+      }
+      this._body = value;
+    }
+  }, {
+    key: "assign",
+    value: function assign(props) {
+      if (props) {
+        Object.entries(props).forEach(_ref3 => {
+          var [key, value] = _ref3;
+          this[key] = value;
+        });
+      }
+      return this;
+    }
+  }, {
+    key: "isPlainObject",
+    value: function isPlainObject(value) {
+      return typeof value === 'object' && value !== null && !Array.isArray(value);
+    }
+  }]);
+  return WhatsApp;
+}();
+WhatsApp._id = void 0;
+WhatsApp._container = 'body';
+WhatsApp._placement = 'bottom-right';
+WhatsApp._appearance = {};
+WhatsApp._number = null;
+WhatsApp._body = null;
+export { WhatsApp };

package/lib/core/configuration.cjs

@@ -7,6 +7,7 @@ exports.Configuration = void 0;
 var _forms = require("./configuration/forms");
 var _locale = require("./configuration/locale");
 var _webchat = require("./configuration/webchat");
+var _whatsapp = require("./configuration/whatsapp");
 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; }
@@ -20,6 +21,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 {WhatsApp} [whatsappWidget] - WhatsApp widget configuration
  * @property {Locale} [locale] - locale configuration
  */
 let Configuration = /*#__PURE__*/function () {
@@ -45,6 +47,8 @@ let Configuration = /*#__PURE__*/function () {
             this.forms = _forms.Forms.assign(value);
           } else if (key === 'webchat') {
             this.webchat = _webchat.Webchat.assign(value);
+          } else if (key === 'whatsappWidget') {
+            this.whatsapp = _whatsapp.WhatsApp.assign(value);
           } else {
             this[key] = value;
           }
@@ -92,4 +96,5 @@ Configuration.actionCableUrl = 'wss://www.hellotext.com/cable';
 Configuration.autoGenerateSession = true;
 Configuration.session = null;
 Configuration.forms = _forms.Forms;
-Configuration.webchat = _webchat.Webchat;
+Configuration.webchat = _webchat.Webchat;
+Configuration.whatsapp = _whatsapp.WhatsApp;

package/lib/core/configuration.js

@@ -6,6 +6,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 import { Forms } from './configuration/forms';
 import { Locale } from './configuration/locale';
 import { Webchat } from './configuration/webchat';
+import { WhatsApp } from './configuration/whatsapp';
 
 /**
  * @class Configuration
@@ -15,6 +16,7 @@ import { Webchat } from './configuration/webchat';
  * @property {String} [session] - session id
  * @property {Forms} [forms] - form configuration
  * @property {Webchat} [webchat] - webchat configuration
+ * @property {WhatsApp} [whatsappWidget] - WhatsApp widget configuration
  * @property {Locale} [locale] - locale configuration
  */
 var Configuration = /*#__PURE__*/function () {
@@ -41,6 +43,8 @@ var Configuration = /*#__PURE__*/function () {
             this.forms = Forms.assign(value);
           } else if (key === 'webchat') {
             this.webchat = Webchat.assign(value);
+          } else if (key === 'whatsappWidget') {
+            this.whatsapp = WhatsApp.assign(value);
           } else {
             this[key] = value;
           }
@@ -88,4 +92,5 @@ Configuration.autoGenerateSession = true;
 Configuration.session = null;
 Configuration.forms = Forms;
 Configuration.webchat = Webchat;
+Configuration.whatsapp = WhatsApp;
 export { Configuration };

package/lib/core/index.cjs

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

package/lib/core/index.js

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

package/lib/hellotext.cjs

@@ -36,12 +36,17 @@ let Hellotext = /*#__PURE__*/function () {
       this.query = new _models.Query();
       const businessData = await this.business.hydrate();
       const webchatConfig = config.webchat === false ? false : this.mergeWebchatConfig(businessData && businessData.webchat || {}, config.webchat || {});
+      const whatsappConfig = config.whatsappWidget === false ? false : this.mergeWhatsAppConfig(businessData && businessData.whatsapp || {}, config.whatsappWidget || {});
       const hasExplicitBehaviourOverride = config.webchat && config.webchat !== false && Object.prototype.hasOwnProperty.call(config.webchat, 'behaviour');
       _core.Configuration.webchat.behaviourOverride = hasExplicitBehaviourOverride;
       if (webchatConfig && webchatConfig.id) {
         _core.Configuration.webchat.assign(webchatConfig);
         this.webchat = await _models.Webchat.load(webchatConfig.id);
       }
+      if (whatsappConfig && whatsappConfig.id) {
+        _core.Configuration.whatsapp.assign(whatsappConfig);
+        this.whatsapp = await _models.WhatsAppWidget.load(whatsappConfig.id);
+      }
       if (typeof MutationObserver !== 'undefined') {
         this.forms.collectExistingFormsOnPage();
       }
@@ -51,6 +56,11 @@ let Hellotext = /*#__PURE__*/function () {
     value: function mergeWebchatConfig(dashboardConfig, localConfig) {
       return this.deepMergePlainObjects(dashboardConfig, localConfig);
     }
+  }, {
+    key: "mergeWhatsAppConfig",
+    value: function mergeWhatsAppConfig(dashboardConfig, localConfig) {
+      return this.deepMergePlainObjects(dashboardConfig, localConfig);
+    }
   }, {
     key: "deepMergePlainObjects",
     value: function deepMergePlainObjects(base, override) {
@@ -226,5 +236,6 @@ Hellotext.eventEmitter = new _core.Event();
 Hellotext.forms = void 0;
 Hellotext.business = void 0;
 Hellotext.webchat = void 0;
+Hellotext.whatsapp = void 0;
 var _default = Hellotext;
 exports.default = _default;

package/lib/hellotext.js

@@ -10,7 +10,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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 { Configuration, Event } from './core';
 import API, { Response, keepaliveFor } from './api';
-import { Business, Fingerprint, FormCollection, Page, Query, Session, User, Webchat } from './models';
+import { Business, Fingerprint, FormCollection, Page, Query, Session, User, Webchat, WhatsAppWidget } from './models';
 import { NotInitializedError } from './errors';
 var Hellotext = /*#__PURE__*/function () {
   function Hellotext() {
@@ -35,12 +35,17 @@ var Hellotext = /*#__PURE__*/function () {
         this.query = new Query();
         var businessData = yield this.business.hydrate();
         var webchatConfig = config.webchat === false ? false : this.mergeWebchatConfig(businessData && businessData.webchat || {}, config.webchat || {});
+        var whatsappConfig = config.whatsappWidget === false ? false : this.mergeWhatsAppConfig(businessData && businessData.whatsapp || {}, config.whatsappWidget || {});
         var hasExplicitBehaviourOverride = config.webchat && config.webchat !== false && Object.prototype.hasOwnProperty.call(config.webchat, 'behaviour');
         Configuration.webchat.behaviourOverride = hasExplicitBehaviourOverride;
         if (webchatConfig && webchatConfig.id) {
           Configuration.webchat.assign(webchatConfig);
           this.webchat = yield Webchat.load(webchatConfig.id);
         }
+        if (whatsappConfig && whatsappConfig.id) {
+          Configuration.whatsapp.assign(whatsappConfig);
+          this.whatsapp = yield WhatsAppWidget.load(whatsappConfig.id);
+        }
         if (typeof MutationObserver !== 'undefined') {
           this.forms.collectExistingFormsOnPage();
         }
@@ -55,6 +60,11 @@ var Hellotext = /*#__PURE__*/function () {
     value: function mergeWebchatConfig(dashboardConfig, localConfig) {
       return this.deepMergePlainObjects(dashboardConfig, localConfig);
     }
+  }, {
+    key: "mergeWhatsAppConfig",
+    value: function mergeWhatsAppConfig(dashboardConfig, localConfig) {
+      return this.deepMergePlainObjects(dashboardConfig, localConfig);
+    }
   }, {
     key: "deepMergePlainObjects",
     value: function deepMergePlainObjects(base, override) {
@@ -240,4 +250,5 @@ Hellotext.eventEmitter = new Event();
 Hellotext.forms = void 0;
 Hellotext.business = void 0;
 Hellotext.webchat = void 0;
+Hellotext.whatsapp = void 0;
 export default Hellotext;

package/lib/models/index.cjs

@@ -69,6 +69,12 @@ Object.defineProperty(exports, "Webchat", {
     return _webchat.Webchat;
   }
 });
+Object.defineProperty(exports, "WhatsAppWidget", {
+  enumerable: true,
+  get: function () {
+    return _whatsapp_widget.WhatsAppWidget;
+  }
+});
 var _business = require("./business");
 var _cookies = require("./cookies");
 var _fingerprint = require("./fingerprint");
@@ -79,4 +85,5 @@ var _query = require("./query");
 var _session = require("./session");
 var _user = require("./user");
 var _utm = require("./utm");
-var _webchat = require("./webchat");
+var _webchat = require("./webchat");
+var _whatsapp_widget = require("./whatsapp_widget");

package/lib/models/index.js

@@ -8,4 +8,5 @@ export { Query } from './query';
 export { Session } from './session';
 export { User } from './user';
 export { UTM } from './utm';
-export { Webchat } from './webchat';
+export { Webchat } from './webchat';
+export { WhatsAppWidget } from './whatsapp_widget';

package/lib/models/webchat.cjs

@@ -29,6 +29,7 @@ let Webchat = /*#__PURE__*/function () {
         return false;
       }
       this.containerToAppendTo.appendChild(this.data.html);
+      this.markCoexistingWidgets();
       this.mounted = true;
       return true;
     }
@@ -66,6 +67,15 @@ let Webchat = /*#__PURE__*/function () {
     get: function () {
       return _business.Business.waitForStylesheet(_business.Business.latestStylesheet);
     }
+  }, {
+    key: "markCoexistingWidgets",
+    value: function markCoexistingWidgets() {
+      const webchat = this.data.html;
+      const whatsapp = document.querySelector('.hellotext--whatsapp-widget');
+      if (!webchat || !whatsapp) return;
+      webchat.classList.add('hellotext--with-whatsapp-widget');
+      whatsapp.classList.add('hellotext--with-webchat');
+    }
   }], [{
     key: "load",
     value: async function load(id) {

package/lib/models/webchat.js

@@ -25,6 +25,7 @@ var Webchat = /*#__PURE__*/function () {
           return false;
         }
         this.containerToAppendTo.appendChild(this.data.html);
+        this.markCoexistingWidgets();
         this.mounted = true;
         return true;
       });
@@ -67,6 +68,15 @@ var Webchat = /*#__PURE__*/function () {
     get: function get() {
       return Business.waitForStylesheet(Business.latestStylesheet);
     }
+  }, {
+    key: "markCoexistingWidgets",
+    value: function markCoexistingWidgets() {
+      var webchat = this.data.html;
+      var whatsapp = document.querySelector('.hellotext--whatsapp-widget');
+      if (!webchat || !whatsapp) return;
+      webchat.classList.add('hellotext--with-whatsapp-widget');
+      whatsapp.classList.add('hellotext--with-webchat');
+    }
   }], [{
     key: "load",
     value: function () {