@hellotext/hellotext 2.1.4 → 2.1.6

package/lib/controllers/webchat_controller.cjs

@@ -326,11 +326,7 @@ let _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.clearTypingIndicator();
       this.messagesContainerTarget.appendChild(element);
       _hellotext.default.eventEmitter.dispatch('webchat:message:received', {
         ...message,
@@ -422,8 +418,19 @@ let _default = /*#__PURE__*/function (_Controller) {
       this.attachmentContainerTarget.style.display = 'none';
       this.errorMessageContainerTarget.style.display = 'none';
       this.inputTarget.focus();
+
+      // Set up optimistic typing indicator BEFORE making the API call
+      // This prevents race conditions with server responses
+      if (!this.typingIndicatorVisible) {
+        clearTimeout(this.optimisticTypingTimeout);
+        this.optimisticTypingTimeout = setTimeout(() => {
+          this.showOptimisticTypingIndicator();
+        }, this.optimisticTypingIndicatorWaitValue);
+      }
       const response = await this.messagesAPI.create(formData);
       if (response.failed) {
+        // Clear the optimistic typing indicator on failure
+        clearTimeout(this.optimisticTypingTimeout);
         this.broadcastChannel.postMessage({
           type: 'message:failed',
           id: element.id
@@ -438,13 +445,10 @@ let _default = /*#__PURE__*/function (_Controller) {
         this.conversationIdValue = data.conversation;
         this.webChatChannel.updateSubscriptionWith(this.conversationIdValue);
       }
+
+      // If there's already a typing indicator visible, reset its timer
       if (this.typingIndicatorVisible) {
         this.resetTypingIndicatorTimer();
-      } else {
-        clearTimeout(this.optimisticTypingTimeout);
-        this.optimisticTypingTimeout = setTimeout(() => {
-          this.showOptimisticTypingIndicator();
-        }, this.optimisticTypingIndicatorWaitValue);
       }
       this.attachmentContainerTarget.style.display = '';
     }

package/lib/controllers/webchat_controller.js

@@ -330,11 +330,7 @@ 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.clearTypingIndicator();
       this.messagesContainerTarget.appendChild(element);
       Hellotext.eventEmitter.dispatch('webchat:message:received', _objectSpread(_objectSpread({}, message), {}, {
         body: element.querySelector('[data-body]').innerText
@@ -426,8 +422,19 @@ var _default = /*#__PURE__*/function (_Controller) {
         this.attachmentContainerTarget.style.display = 'none';
         this.errorMessageContainerTarget.style.display = 'none';
         this.inputTarget.focus();
+
+        // Set up optimistic typing indicator BEFORE making the API call
+        // This prevents race conditions with server responses
+        if (!this.typingIndicatorVisible) {
+          clearTimeout(this.optimisticTypingTimeout);
+          this.optimisticTypingTimeout = setTimeout(() => {
+            this.showOptimisticTypingIndicator();
+          }, this.optimisticTypingIndicatorWaitValue);
+        }
         var response = yield this.messagesAPI.create(formData);
         if (response.failed) {
+          // Clear the optimistic typing indicator on failure
+          clearTimeout(this.optimisticTypingTimeout);
           this.broadcastChannel.postMessage({
             type: 'message:failed',
             id: element.id
@@ -442,13 +449,10 @@ var _default = /*#__PURE__*/function (_Controller) {
           this.conversationIdValue = data.conversation;
           this.webChatChannel.updateSubscriptionWith(this.conversationIdValue);
         }
+
+        // If there's already a typing indicator visible, reset its timer
         if (this.typingIndicatorVisible) {
           this.resetTypingIndicatorTimer();
-        } else {
-          clearTimeout(this.optimisticTypingTimeout);
-          this.optimisticTypingTimeout = setTimeout(() => {
-            this.showOptimisticTypingIndicator();
-          }, this.optimisticTypingIndicatorWaitValue);
         }
         this.attachmentContainerTarget.style.display = '';
       });

package/lib/core/event.cjs

@@ -68,4 +68,4 @@ let Event = /*#__PURE__*/function () {
   return Event;
 }();
 exports.default = Event;
-Event.events = ['session-set', 'forms:collected', 'form:completed', 'webchat:mounted', 'webchat:opened', 'webchat:closed', 'webchat:message:sent', 'webchat:message:received'];
+Event.events = ['session-set', 'utm-set', 'forms:collected', 'form:completed', 'webchat:mounted', 'webchat:opened', 'webchat:closed', 'webchat:message:sent', 'webchat:message:received'];

package/lib/core/event.js

@@ -63,5 +63,5 @@ var Event = /*#__PURE__*/function () {
   }]);
   return Event;
 }();
-Event.events = ['session-set', 'forms:collected', 'form:completed', 'webchat:mounted', 'webchat:opened', 'webchat:closed', 'webchat:message:sent', 'webchat:message:received'];
+Event.events = ['session-set', 'utm-set', 'forms:collected', 'form:completed', 'webchat:mounted', 'webchat:opened', 'webchat:closed', 'webchat:message:sent', 'webchat:message:received'];
 export { Event as default };

package/lib/hellotext.cjs

@@ -35,6 +35,7 @@ let Hellotext = /*#__PURE__*/function () {
     async function initialize(business, config) {
       _core.Configuration.assign(config);
       _models.Session.initialize();
+      this.page = new _models.Page();
       this.business = new _models.Business(business);
       this.forms = new _models.FormCollection();
       _classPrivateFieldLooseBase(this, _query)[_query] = new _models.Query();
@@ -63,11 +64,12 @@ let Hellotext = /*#__PURE__*/function () {
         ...(params && params.headers || {}),
         ...this.headers
       };
+      const pageInstance = params && params.url ? new _models.Page(params.url) : this.page;
       const body = {
         session: this.session,
         action,
         ...params,
-        url: params && params.url || window.location.href
+        ...pageInstance.trackingData
       };
       delete body.headers;
       return await _api.default.events.create({

package/lib/hellotext.js

@@ -13,7 +13,7 @@ var id = 0;
 function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
 import { Configuration, Event } from './core';
 import API, { Response } from './api';
-import { Business, FormCollection, Query, Session, Webchat } from './models';
+import { Business, FormCollection, Page, Query, Session, Webchat } from './models';
 import { NotInitializedError } from './errors';
 var _session = /*#__PURE__*/_classPrivateFieldLooseKey("session");
 var _query = /*#__PURE__*/_classPrivateFieldLooseKey("query");
@@ -33,6 +33,7 @@ var Hellotext = /*#__PURE__*/function () {
       var _initialize = _asyncToGenerator(function* (business, config) {
         Configuration.assign(config);
         Session.initialize();
+        this.page = new Page();
         this.business = new Business(business);
         this.forms = new FormCollection();
         _classPrivateFieldLooseBase(this, _query)[_query] = new Query();
@@ -64,12 +65,11 @@ var Hellotext = /*#__PURE__*/function () {
           throw new NotInitializedError();
         }
         var headers = _objectSpread(_objectSpread({}, params && params.headers || {}), this.headers);
+        var pageInstance = params && params.url ? new Page(params.url) : this.page;
         var body = _objectSpread(_objectSpread({
           session: this.session,
           action
-        }, params), {}, {
-          url: params && params.url || window.location.href
-        });
+        }, params), pageInstance.trackingData);
         delete body.headers;
         return yield API.events.create({
           headers,

package/lib/models/cookies.cjs

@@ -21,7 +21,12 @@ let Cookies = /*#__PURE__*/function () {
       if (typeof document !== 'undefined') {
         document.cookie = `${name}=${value}; path=/;`;
       }
-      _hellotext.default.eventEmitter.dispatch('session-set', value);
+      if (name === 'hello_session') {
+        _hellotext.default.eventEmitter.dispatch('session-set', value);
+      }
+      if (name === 'hello_utm') {
+        _hellotext.default.eventEmitter.dispatch('utm-set', value);
+      }
       return value;
     }
   }, {

package/lib/models/cookies.js

@@ -14,7 +14,12 @@ var Cookies = /*#__PURE__*/function () {
       if (typeof document !== 'undefined') {
         document.cookie = "".concat(name, "=").concat(value, "; path=/;");
       }
-      Hellotext.eventEmitter.dispatch('session-set', value);
+      if (name === 'hello_session') {
+        Hellotext.eventEmitter.dispatch('session-set', value);
+      }
+      if (name === 'hello_utm') {
+        Hellotext.eventEmitter.dispatch('utm-set', value);
+      }
       return value;
     }
   }, {

package/lib/models/index.cjs

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "FormCollection", {
     return _form_collection.FormCollection;
   }
 });
+Object.defineProperty(exports, "Page", {
+  enumerable: true,
+  get: function () {
+    return _page.Page;
+  }
+});
 Object.defineProperty(exports, "Query", {
   enumerable: true,
   get: function () {
@@ -39,6 +45,12 @@ Object.defineProperty(exports, "Session", {
     return _session.Session;
   }
 });
+Object.defineProperty(exports, "UTM", {
+  enumerable: true,
+  get: function () {
+    return _utm.UTM;
+  }
+});
 Object.defineProperty(exports, "Webchat", {
   enumerable: true,
   get: function () {
@@ -49,6 +61,8 @@ var _business = require("./business");
 var _cookies = require("./cookies");
 var _form = require("./form");
 var _form_collection = require("./form_collection");
+var _page = require("./page");
 var _query = require("./query");
 var _session = require("./session");
+var _utm = require("./utm");
 var _webchat = require("./webchat");

package/lib/models/index.js

@@ -2,6 +2,8 @@ export { Business } from './business';
 export { Cookies } from './cookies';
 export { Form } from './form';
 export { FormCollection } from './form_collection';
+export { Page } from './page';
 export { Query } from './query';
 export { Session } from './session';
+export { UTM } from './utm';
 export { Webchat } from './webchat';

package/lib/models/page.cjs

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Page = void 0;
+var _utm = require("./utm");
+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); }
+let Page = /*#__PURE__*/function () {
+  function Page(url = null) {
+    _classCallCheck(this, Page);
+    this.utm = new _utm.UTM();
+    this._url = url;
+  }
+
+  /**
+   * Get the current page URL
+   * @returns {string} The page URL
+   */
+  _createClass(Page, [{
+    key: "url",
+    get: function () {
+      return this._url || window.location.href;
+    }
+
+    /**
+     * Get the current page title
+     * @returns {string} The page title
+     */
+  }, {
+    key: "title",
+    get: function () {
+      return document.title;
+    }
+
+    /**
+     * Get the current page path
+     * @returns {string} The page path
+     */
+  }, {
+    key: "path",
+    get: function () {
+      if (this._url) {
+        try {
+          return new URL(this._url).pathname;
+        } catch (e) {
+          return '/';
+        }
+      }
+      return window.location.pathname;
+    }
+
+    /**
+     * Get current UTM parameters
+     * @returns {Object} The UTM parameters
+     */
+  }, {
+    key: "utmParams",
+    get: function () {
+      return this.utm.current;
+    }
+
+    /**
+     * Get page data for tracking
+     * @returns {Object} Object containing page object and utm_params
+     */
+  }, {
+    key: "trackingData",
+    get: function () {
+      return {
+        page: {
+          url: this.url,
+          title: this.title,
+          path: this.path
+        },
+        utm_params: this.utmParams
+      };
+    }
+  }]);
+  return Page;
+}();
+exports.Page = Page;

package/lib/models/page.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); }
+import { UTM } from './utm';
+var Page = /*#__PURE__*/function () {
+  function Page() {
+    var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    _classCallCheck(this, Page);
+    this.utm = new UTM();
+    this._url = url;
+  }
+
+  /**
+   * Get the current page URL
+   * @returns {string} The page URL
+   */
+  _createClass(Page, [{
+    key: "url",
+    get: function get() {
+      return this._url || window.location.href;
+    }
+
+    /**
+     * Get the current page title
+     * @returns {string} The page title
+     */
+  }, {
+    key: "title",
+    get: function get() {
+      return document.title;
+    }
+
+    /**
+     * Get the current page path
+     * @returns {string} The page path
+     */
+  }, {
+    key: "path",
+    get: function get() {
+      if (this._url) {
+        try {
+          return new URL(this._url).pathname;
+        } catch (e) {
+          return '/';
+        }
+      }
+      return window.location.pathname;
+    }
+
+    /**
+     * Get current UTM parameters
+     * @returns {Object} The UTM parameters
+     */
+  }, {
+    key: "utmParams",
+    get: function get() {
+      return this.utm.current;
+    }
+
+    /**
+     * Get page data for tracking
+     * @returns {Object} Object containing page object and utm_params
+     */
+  }, {
+    key: "trackingData",
+    get: function get() {
+      return {
+        page: {
+          url: this.url,
+          title: this.title,
+          path: this.path
+        },
+        utm_params: this.utmParams
+      };
+    }
+  }]);
+  return Page;
+}();
+export { Page };

package/lib/models/utm.cjs

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UTM = void 0;
+var _cookies = require("./cookies");
+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); }
+let UTM = /*#__PURE__*/function () {
+  function UTM() {
+    _classCallCheck(this, UTM);
+    const urlSearchParams = new URLSearchParams(window.location.search);
+    const utmsFromUrl = {
+      source: urlSearchParams.get('utm_source'),
+      medium: urlSearchParams.get('utm_medium'),
+      campaign: urlSearchParams.get('utm_campaign'),
+      term: urlSearchParams.get('utm_term'),
+      content: urlSearchParams.get('utm_content')
+    };
+    if (utmsFromUrl.source && utmsFromUrl.medium) {
+      const cleanUtms = Object.fromEntries(Object.entries(utmsFromUrl).filter(([_, value]) => value));
+      _cookies.Cookies.set('hello_utm', JSON.stringify(cleanUtms));
+    }
+  }
+  _createClass(UTM, [{
+    key: "current",
+    get: function () {
+      try {
+        return JSON.parse(_cookies.Cookies.get('hello_utm')) || {};
+      } catch (e) {
+        return {};
+      }
+    }
+  }]);
+  return UTM;
+}();
+exports.UTM = UTM;

package/lib/models/utm.js

@@ -0,0 +1,38 @@
+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 { Cookies } from './cookies';
+var UTM = /*#__PURE__*/function () {
+  function UTM() {
+    _classCallCheck(this, UTM);
+    var urlSearchParams = new URLSearchParams(window.location.search);
+    var utmsFromUrl = {
+      source: urlSearchParams.get('utm_source'),
+      medium: urlSearchParams.get('utm_medium'),
+      campaign: urlSearchParams.get('utm_campaign'),
+      term: urlSearchParams.get('utm_term'),
+      content: urlSearchParams.get('utm_content')
+    };
+    if (utmsFromUrl.source && utmsFromUrl.medium) {
+      var cleanUtms = Object.fromEntries(Object.entries(utmsFromUrl).filter(_ref => {
+        var [_, value] = _ref;
+        return value;
+      }));
+      Cookies.set('hello_utm', JSON.stringify(cleanUtms));
+    }
+  }
+  _createClass(UTM, [{
+    key: "current",
+    get: function get() {
+      try {
+        return JSON.parse(Cookies.get('hello_utm')) || {};
+      } catch (e) {
+        return {};
+      }
+    }
+  }]);
+  return UTM;
+}();
+export { UTM };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hellotext/hellotext",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Hellotext JavaScript Client",
   "source": "src/index.js",
   "main": "lib/index.cjs",

package/src/controllers/webchat_controller.js

@@ -386,11 +386,7 @@ export default class extends Controller {
       })
     }
 
-    // Clear any typing indicator when message is received
-    if (this.typingIndicatorVisible) {
-      this.clearTypingIndicator()
-    }
-
+    this.clearTypingIndicator()
     this.messagesContainerTarget.appendChild(element)
 
     Hellotext.eventEmitter.dispatch('webchat:message:received', {
@@ -502,9 +498,21 @@ export default class extends Controller {
 
     this.inputTarget.focus()
 
+    // Set up optimistic typing indicator BEFORE making the API call
+    // This prevents race conditions with server responses
+    if (!this.typingIndicatorVisible) {
+      clearTimeout(this.optimisticTypingTimeout)
+      this.optimisticTypingTimeout = setTimeout(() => {
+        this.showOptimisticTypingIndicator()
+      }, this.optimisticTypingIndicatorWaitValue)
+    }
+
     const response = await this.messagesAPI.create(formData)
 
     if (response.failed) {
+      // Clear the optimistic typing indicator on failure
+      clearTimeout(this.optimisticTypingTimeout)
+
       this.broadcastChannel.postMessage({
         type: 'message:failed',
         id: element.id,
@@ -524,13 +532,9 @@ export default class extends Controller {
       this.webChatChannel.updateSubscriptionWith(this.conversationIdValue)
     }
 
+    // If there's already a typing indicator visible, reset its timer
     if (this.typingIndicatorVisible) {
       this.resetTypingIndicatorTimer()
-    } else {
-      clearTimeout(this.optimisticTypingTimeout)
-      this.optimisticTypingTimeout = setTimeout(() => {
-        this.showOptimisticTypingIndicator()
-      }, this.optimisticTypingIndicatorWaitValue)
     }
 
     this.attachmentContainerTarget.style.display = ''

package/src/core/event.js

@@ -3,6 +3,7 @@ import { InvalidEvent } from '../errors'
 export default class Event {
   static events = [
     'session-set',
+    'utm-set',
     'forms:collected',
     'form:completed',
     'webchat:mounted',

package/src/hellotext.js

@@ -1,7 +1,7 @@
 import { Configuration, Event } from './core'
 
 import API, { Response } from './api'
-import { Business, FormCollection, Query, Session, Webchat } from './models'
+import { Business, FormCollection, Page, Query, Session, Webchat } from './models'
 
 import { NotInitializedError } from './errors'
 
@@ -23,6 +23,7 @@ class Hellotext {
     Configuration.assign(config)
     Session.initialize()
 
+    this.page = new Page()
     this.business = new Business(business)
     this.forms = new FormCollection()
 
@@ -54,11 +55,13 @@ class Hellotext {
       ...this.headers,
     }
 
+    const pageInstance = params && params.url ? new Page(params.url) : this.page
+
     const body = {
       session: this.session,
       action,
       ...params,
-      url: (params && params.url) || window.location.href,
+      ...pageInstance.trackingData,
     }
 
     delete body.headers

package/src/models/cookies.js

@@ -2,17 +2,23 @@ import Hellotext from '../hellotext'
 
 class Cookies {
   static set(name, value) {
-    if(typeof document !== 'undefined') {
+    if (typeof document !== 'undefined') {
       document.cookie = `${name}=${value}; path=/;`
     }
 
-    Hellotext.eventEmitter.dispatch('session-set', value)
+    if (name === 'hello_session') {
+      Hellotext.eventEmitter.dispatch('session-set', value)
+    }
+
+    if (name === 'hello_utm') {
+      Hellotext.eventEmitter.dispatch('utm-set', value)
+    }
 
     return value
   }
 
   static get(name) {
-    if(typeof document !== 'undefined') {
+    if (typeof document !== 'undefined') {
       return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop()
     } else {
       return undefined

package/src/models/index.js

@@ -2,6 +2,8 @@ export { Business } from './business'
 export { Cookies } from './cookies'
 export { Form } from './form'
 export { FormCollection } from './form_collection'
+export { Page } from './page'
 export { Query } from './query'
 export { Session } from './session'
+export { UTM } from './utm'
 export { Webchat } from './webchat'