@hellotext/hellotext 1.1.3 → 1.3.1

package/.babelrc

@@ -1,3 +1,19 @@
 {
-  "presets": ["@babel/preset-env"]
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "esmodules": true
+        }
+      }
+    ]
+  ],
+  "plugins": [
+    ["@babel/plugin-proposal-private-methods", {
+      "loose": true
+    }],
+    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }],
+    ["@babel/plugin-proposal-class-properties", { "loose": true }]
+  ]
 }

package/__tests__/event_emitter_test.js

@@ -1,4 +1,4 @@
-import EventEmitter from "../lib/eventEmitter"
+import EventEmitter from "../src/eventEmitter"
 
 describe("#addSubscriber", function () {
   const instance = new EventEmitter()

package/__tests__/event_test.js

@@ -1,4 +1,4 @@
-import Event from "../lib/event"
+import Event from "../src/event"
 
 describe(".valid", function () {
   it("is true when event name is a valid defined name", () => {

package/__tests__/hellotext_test.js

@@ -2,10 +2,18 @@
  * @jest-environment jsdom
  */
 
-import Hellotext from "../lib/hellotext";
+import Hellotext from "../src/hellotext";
 
 const getCookieValue = name => document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop()
 
+const expireSession = () => {
+  document.cookie = "hello_session=;expires=Thu, 01 Jan 1970 00:00:00 GMT"
+}
+
+afterEach(() => {
+  jest.clearAllMocks();
+});
+
 describe("when trying to call methods before initializing the class", () => {
   it("raises an error when Hellotext.session is called",  () => {
     expect(() => Hellotext.session).toThrowError()
@@ -142,8 +150,6 @@ describe("when session is stored in the cookie", function () {
 
 
 describe(".removeEventListener", () => {
-  const business_id = "xy76ks"
-
   beforeAll(() => {
     const windowMock = {location: { search: "?hello_session=123" },}
     jest.spyOn(global, 'window', 'get').mockImplementation(() => windowMock)
@@ -166,3 +172,26 @@ describe(".removeEventListener", () => {
     expect(callback).toHaveBeenCalledTimes(0)
   });
 })
+
+describe("when hello_preview query parameter is present", () => {
+  beforeAll(() => {
+    const windowMock = {location: { search: "?hello_preview" },}
+    jest.spyOn(global, 'window', 'get').mockImplementation(() => windowMock)
+
+    expireSession()
+    Hellotext.initialize(123)
+  })
+
+  describe(".initialize", () => {
+    it("does not attempt to set the session", () => {
+      expect(getCookieValue("hello_session")).toEqual(undefined)
+    });
+  })
+
+  describe(".track", () => {
+    it("returns a success response without interacting with the API", async () => {
+      const response = await Hellotext.track("page.viewed")
+      expect(response.succeeded).toEqual(true)
+    });
+  })
+})

package/__tests__/query_test.js

@@ -0,0 +1,13 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import Query from "../src/query";
+
+describe("#toHellotextParameter", () => {
+  it("prefixes the argument with hello_", () => {
+    const query = new Query()
+
+    expect(query.toHellotextParam("preview")).toEqual("hello_preview")
+  });
+})

package/lib/errors/invalidEvent.js

@@ -1,8 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InvalidEvent = void 0;
 class InvalidEvent extends Error {
   constructor(event) {
-    super(`${event} is not valid. Please provide a valid event name`)
-    this.name = 'InvalidEvent'
+    super("".concat(event, " is not valid. Please provide a valid event name"));
+    this.name = 'InvalidEvent';
   }
 }
-
-export { InvalidEvent }
+exports.InvalidEvent = InvalidEvent;

package/lib/errors/notInitializedError.js

@@ -1,10 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotInitializedError = void 0;
 class NotInitializedError extends Error {
   constructor() {
-    super(
-      'You need to initialize before tracking events. Call Hellotext.initialize and pass your public business id',
-    )
-    this.name = 'NotInitializedError'
+    super('You need to initialize before tracking events. Call Hellotext.initialize and pass your public business id');
+    this.name = 'NotInitializedError';
   }
 }
-
-export { NotInitializedError }
+exports.NotInitializedError = NotInitializedError;

package/lib/event.js

@@ -1,15 +1,19 @@
-export default class Event {
-  static events = ["session-set"]
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class Event {
   static valid(name) {
-    return Event.exists(name)
+    return Event.exists(name);
   }
-
   static invalid(name) {
-    return !this.valid(name)
+    return !this.valid(name);
   }
-
   static exists(name) {
-    return this.events.find((eventName) => eventName === name) !== undefined
+    return this.events.find(eventName => eventName === name) !== undefined;
   }
 }
+exports.default = Event;
+Event.events = ["session-set"];

package/lib/eventEmitter.js

@@ -1,28 +1,35 @@
-export default class EventEmitter {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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; }
+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 EventEmitter {
   constructor() {
-    this.subscribers = {}
+    this.subscribers = {};
   }
-
   addSubscriber(eventName, callback) {
-    this.subscribers = {
-      ...this.subscribers,
+    this.subscribers = _objectSpread(_objectSpread({}, this.subscribers), {}, {
       [eventName]: this.subscribers[eventName] ? [...this.subscribers[eventName], callback] : [callback]
-    }
+    });
   }
-
   removeSubscriber(eventName, callback) {
-    if(this.subscribers[eventName]) {
-      this.subscribers[eventName] = this.subscribers[eventName].filter((cb) => cb !== callback)
+    if (this.subscribers[eventName]) {
+      this.subscribers[eventName] = this.subscribers[eventName].filter(cb => cb !== callback);
     }
   }
-
   emit(eventName, data) {
-    this.subscribers[eventName].forEach((subscriber) => {
-      subscriber(data)
-    })
+    this.subscribers[eventName].forEach(subscriber => {
+      subscriber(data);
+    });
   }
-
   get listeners() {
-    return Object.keys(this.subscribers).length !== 0
+    return Object.keys(this.subscribers).length !== 0;
   }
 }
+exports.default = EventEmitter;

package/lib/hellotext.js

@@ -1,36 +1,54 @@
-import Event from "./event"
-import EventEmitter from "./eventEmitter"
-import Response from "./response";
-
-import { NotInitializedError } from './errors/notInitializedError'
-import { InvalidEvent } from "./errors/invalidEvent"
-
-const apiUrl = 'https://api.hellotext.com/v1/'
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _event = _interopRequireDefault(require("./event"));
+var _eventEmitter2 = _interopRequireDefault(require("./eventEmitter"));
+var _response = _interopRequireDefault(require("./response"));
+var _query2 = _interopRequireDefault(require("./query"));
+var _notInitializedError = require("./errors/notInitializedError");
+var _invalidEvent = require("./errors/invalidEvent");
+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; }
+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 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 _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 apiUrl = 'https://api.hellotext.com/v1/';
+var _session = /*#__PURE__*/_classPrivateFieldLooseKey("session");
+var _business = /*#__PURE__*/_classPrivateFieldLooseKey("business");
+var _eventEmitter = /*#__PURE__*/_classPrivateFieldLooseKey("eventEmitter");
+var _query = /*#__PURE__*/_classPrivateFieldLooseKey("query");
+var _notInitialized = /*#__PURE__*/_classPrivateFieldLooseKey("notInitialized");
+var _mintAnonymousSession = /*#__PURE__*/_classPrivateFieldLooseKey("mintAnonymousSession");
+var _headers = /*#__PURE__*/_classPrivateFieldLooseKey("headers");
+var _setSessionCookie = /*#__PURE__*/_classPrivateFieldLooseKey("setSessionCookie");
+var _cookie = /*#__PURE__*/_classPrivateFieldLooseKey("cookie");
 class Hellotext {
-  static #session
-  static #business
-  static #eventEmitter = new EventEmitter()
-
   /**
    * initialize the module.
    * @param business public business id
    */
   static initialize(business) {
-    this.#business = business
-
-    const urlSearchParams = new URLSearchParams(window.location.search)
-    const session = urlSearchParams.get('hello_session') || this.#cookie
-
+    _classPrivateFieldLooseBase(this, _business)[_business] = business;
+    _classPrivateFieldLooseBase(this, _query)[_query] = new _query2.default(window.location.search);
+    if (_classPrivateFieldLooseBase(this, _query)[_query].has("preview")) return;
+    var session = _classPrivateFieldLooseBase(this, _query)[_query].get("session") || _classPrivateFieldLooseBase(this, _cookie)[_cookie];
     if (session && session !== "undefined" && session !== "null") {
-      this.#session = session
-      this.#setSessionCookie()
+      _classPrivateFieldLooseBase(this, _session)[_session] = session;
+      _classPrivateFieldLooseBase(this, _setSessionCookie)[_setSessionCookie]();
     } else {
-      this.#mintAnonymousSession()
-        .then(response => {
-          this.#session = response.id
-          this.#setSessionCookie()
-        })
+      _classPrivateFieldLooseBase(this, _mintAnonymousSession)[_mintAnonymousSession]().then(response => {
+        _classPrivateFieldLooseBase(this, _session)[_session] = response.id;
+        _classPrivateFieldLooseBase(this, _setSessionCookie)[_setSessionCookie]();
+      });
     }
   }
 
@@ -39,23 +57,33 @@ class Hellotext {
    *
    * @param { String } action a valid action name
    * @param { Object } params
-   * @returns {Promise}
+   * @returns {Promise<Response>}
    */
-  static async track(action, params = {}) {
-    if (this.#notInitialized) { throw new NotInitializedError() }
-
-    const response = await fetch(apiUrl + 'track/events', {
-      headers: this.#headers,
-      method: 'post',
-      body: JSON.stringify({
-        session: this.session,
-        action,
-        ...params,
-        url: (params && params.url) || window.location.href
-      }),
-    })
-
-    return new Response(response.status === 200, await response.json)
+  static track(action) {
+    var _arguments = arguments,
+      _this = this;
+    return _asyncToGenerator(function* () {
+      var params = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : {};
+      if (_classPrivateFieldLooseBase(_this, _notInitialized)[_notInitialized]) {
+        throw new _notInitializedError.NotInitializedError();
+      }
+      if (_classPrivateFieldLooseBase(_this, _query)[_query].has("preview")) {
+        return new _response.default(true, {
+          received: true
+        });
+      }
+      var response = yield fetch(apiUrl + 'track/events', {
+        headers: _classPrivateFieldLooseBase(_this, _headers)[_headers],
+        method: 'post',
+        body: JSON.stringify(_objectSpread(_objectSpread({
+          session: _this.session,
+          action
+        }, params), {}, {
+          url: params && params.url || window.location.href
+        }))
+      });
+      return new _response.default(response.status === 200, yield response.json());
+    })();
   }
 
   /**
@@ -64,9 +92,10 @@ class Hellotext {
    * @param callback the callback. This method will be called with the payload
    */
   static on(event, callback) {
-    if(Event.invalid(event)) { throw new InvalidEvent(event) }
-
-    this.#eventEmitter.addSubscriber(event, callback)
+    if (_event.default.invalid(event)) {
+      throw new _invalidEvent.InvalidEvent(event);
+    }
+    _classPrivateFieldLooseBase(this, _eventEmitter)[_eventEmitter].addSubscriber(event, callback);
   }
 
   /**
@@ -75,9 +104,10 @@ class Hellotext {
    * @param callback the callback to remove
    */
   static removeEventListener(event, callback) {
-    if(Event.invalid(event)) { throw new InvalidEvent(event) }
-
-    this.#eventEmitter.removeSubscriber(event, callback)
+    if (_event.default.invalid(event)) {
+      throw new _invalidEvent.InvalidEvent(event);
+    }
+    _classPrivateFieldLooseBase(this, _eventEmitter)[_eventEmitter].removeSubscriber(event, callback);
   }
 
   /**
@@ -85,9 +115,10 @@ class Hellotext {
    * @returns {String}
    */
   static get session() {
-    if (this.#notInitialized) { throw new NotInitializedError() }
-
-    return this.#session
+    if (_classPrivateFieldLooseBase(this, _notInitialized)[_notInitialized]) {
+      throw new _notInitializedError.NotInitializedError();
+    }
+    return _classPrivateFieldLooseBase(this, _session)[_session];
   }
 
   /**
@@ -95,51 +126,89 @@ class Hellotext {
    * @returns {boolean}
    */
   static get isInitialized() {
-    return this.#session !== undefined
+    return _classPrivateFieldLooseBase(this, _session)[_session] !== undefined;
   }
 
   // private
-
-  static get #notInitialized() {
-    return this.#business === undefined
-  }
-
-  static async #mintAnonymousSession() {
-    if (this.#notInitialized) { throw new NotInitializedError() }
-
-    const trackingUrl = apiUrl + 'track/sessions'
-
-    this.mintingPromise = await fetch(trackingUrl, {
-      method: 'post',
-      headers: { Authorization: `Bearer ${this.#business}` },
-    })
-
-    return this.mintingPromise.json()
-  }
-
-  static get #headers() {
-    if (this.#notInitialized) { throw new NotInitializedError() }
-
-    return {
-      Authorization: `Bearer ${this.#business}`,
-      Accept: 'application.json',
-      'Content-Type': 'application/json',
+}
+function _get_notInitialized() {
+  return _classPrivateFieldLooseBase(this, _business)[_business] === undefined;
+}
+function _mintAnonymousSession2() {
+  return _mintAnonymousSession3.apply(this, arguments);
+}
+function _mintAnonymousSession3() {
+  _mintAnonymousSession3 = _asyncToGenerator(function* () {
+    if (_classPrivateFieldLooseBase(this, _notInitialized)[_notInitialized]) {
+      throw new _notInitializedError.NotInitializedError();
     }
+    var trackingUrl = apiUrl + 'track/sessions';
+    this.mintingPromise = yield fetch(trackingUrl, {
+      method: 'post',
+      headers: {
+        Authorization: "Bearer ".concat(_classPrivateFieldLooseBase(this, _business)[_business])
+      }
+    });
+    return this.mintingPromise.json();
+  });
+  return _mintAnonymousSession3.apply(this, arguments);
+}
+function _get_headers() {
+  if (_classPrivateFieldLooseBase(this, _notInitialized)[_notInitialized]) {
+    throw new _notInitializedError.NotInitializedError();
   }
-
-  static #setSessionCookie() {
-    if (this.#notInitialized) { throw new NotInitializedError() }
-
-    if(this.#eventEmitter.listeners) {
-      this.#eventEmitter.emit("session-set", this.#session)
-    }
-
-    document.cookie = `hello_session=${this.#session}`
+  return {
+    Authorization: "Bearer ".concat(_classPrivateFieldLooseBase(this, _business)[_business]),
+    Accept: 'application.json',
+    'Content-Type': 'application/json'
+  };
+}
+function _setSessionCookie2() {
+  if (_classPrivateFieldLooseBase(this, _notInitialized)[_notInitialized]) {
+    throw new _notInitializedError.NotInitializedError();
   }
-
-  static get #cookie() {
-    return document.cookie.match('(^|;)\\s*' + 'hello_session' + '\\s*=\\s*([^;]+)')?.pop()
+  if (_classPrivateFieldLooseBase(this, _eventEmitter)[_eventEmitter].listeners) {
+    _classPrivateFieldLooseBase(this, _eventEmitter)[_eventEmitter].emit("session-set", _classPrivateFieldLooseBase(this, _session)[_session]);
   }
+  document.cookie = "hello_session=".concat(_classPrivateFieldLooseBase(this, _session)[_session]);
 }
-
-export default Hellotext
+function _get_cookie() {
+  var _document$cookie$matc;
+  return (_document$cookie$matc = document.cookie.match('(^|;)\\s*' + 'hello_session' + '\\s*=\\s*([^;]+)')) === null || _document$cookie$matc === void 0 ? void 0 : _document$cookie$matc.pop();
+}
+Object.defineProperty(Hellotext, _cookie, {
+  get: _get_cookie,
+  set: void 0
+});
+Object.defineProperty(Hellotext, _setSessionCookie, {
+  value: _setSessionCookie2
+});
+Object.defineProperty(Hellotext, _headers, {
+  get: _get_headers,
+  set: void 0
+});
+Object.defineProperty(Hellotext, _mintAnonymousSession, {
+  value: _mintAnonymousSession2
+});
+Object.defineProperty(Hellotext, _notInitialized, {
+  get: _get_notInitialized,
+  set: void 0
+});
+Object.defineProperty(Hellotext, _session, {
+  writable: true,
+  value: void 0
+});
+Object.defineProperty(Hellotext, _business, {
+  writable: true,
+  value: void 0
+});
+Object.defineProperty(Hellotext, _eventEmitter, {
+  writable: true,
+  value: new _eventEmitter2.default()
+});
+Object.defineProperty(Hellotext, _query, {
+  writable: true,
+  value: void 0
+});
+var _default = Hellotext;
+exports.default = _default;

package/lib/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _hellotext = _interopRequireDefault(require("./hellotext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _hellotext.default;
+exports.default = _default;

package/lib/query.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+class Query {
+  constructor(urlQueries) {
+    this.urlSearchParams = new URLSearchParams(urlQueries);
+  }
+  get(param) {
+    return this.urlSearchParams.get(this.toHellotextParam(param));
+  }
+  has(param) {
+    return this.urlSearchParams.has(this.toHellotextParam(param));
+  }
+  toHellotextParam(param) {
+    return "hello_".concat(param);
+  }
+}
+exports.default = Query;

package/lib/response.js

@@ -1,21 +1,35 @@
-export default class Response {
-  #success
-  #response
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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 _success = /*#__PURE__*/_classPrivateFieldLooseKey("success");
+var _response = /*#__PURE__*/_classPrivateFieldLooseKey("response");
+class Response {
   constructor(success, response) {
-    this.#success = success
-    this.#response = response
+    Object.defineProperty(this, _success, {
+      writable: true,
+      value: void 0
+    });
+    Object.defineProperty(this, _response, {
+      writable: true,
+      value: void 0
+    });
+    _classPrivateFieldLooseBase(this, _success)[_success] = success;
+    _classPrivateFieldLooseBase(this, _response)[_response] = response;
   }
-
-  data() {
-    return this.#response
+  get data() {
+    return _classPrivateFieldLooseBase(this, _response)[_response];
   }
-
   get failed() {
-    return this.#success === false
+    return _classPrivateFieldLooseBase(this, _success)[_success] === false;
   }
-
   get succeeded() {
-    return this.#success === true
+    return _classPrivateFieldLooseBase(this, _success)[_success] === true;
   }
 }
+exports.default = Response;

package/package.json

@@ -1,20 +1,24 @@
 {
   "name": "@hellotext/hellotext",
-  "version": "1.1.3",
+  "version": "1.3.1",
   "description": "Hellotext JavaScript Client",
-  "main": "index.js",
+  "source": "src/index.js",
+  "main": "lib/index.js",
   "author": "Hellotext",
   "license": "MIT",
   "homepage": "https://github.com/hellotext/hellotext.js",
   "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
     "@babel/preset-env": "^7.20.2",
     "@testing-library/jest-dom": "^5.16.5",
+    "babel-loader": "^9.1.2",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
-    "prettier": "2.8.2"
-  },
-  "directories": {
-    "lib": "lib"
+    "prettier": "2.8.2",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
   },
   "repository": {
     "type": "git",
@@ -25,9 +29,15 @@
     "javascript"
   ],
   "scripts": {
-    "test": "NODE_ENV=test jest"
+    "test": "NODE_ENV=test jest",
+    "build:babel": "babel src -d lib",
+    "build:webpack": "webpack"
   },
   "bugs": {
     "url": "https://github.com/hellotext/hellotext.js/issues"
+  },
+  "dependencies": {
+    "core-js": "3.27.2",
+    "whatwg-fetch": "^3.6.2"
   }
 }

package/src/errors/invalidEvent.js

@@ -0,0 +1,8 @@
+class InvalidEvent extends Error {
+  constructor(event) {
+    super(`${event} is not valid. Please provide a valid event name`)
+    this.name = 'InvalidEvent'
+  }
+}
+
+export { InvalidEvent }

package/src/errors/notInitializedError.js

@@ -0,0 +1,10 @@
+class NotInitializedError extends Error {
+  constructor() {
+    super(
+      'You need to initialize before tracking events. Call Hellotext.initialize and pass your public business id',
+    )
+    this.name = 'NotInitializedError'
+  }
+}
+
+export { NotInitializedError }

package/src/event.js

@@ -0,0 +1,15 @@
+export default class Event {
+  static events = ["session-set"]
+
+  static valid(name) {
+    return Event.exists(name)
+  }
+
+  static invalid(name) {
+    return !this.valid(name)
+  }
+
+  static exists(name) {
+    return this.events.find((eventName) => eventName === name) !== undefined
+  }
+}

package/src/eventEmitter.js

@@ -0,0 +1,28 @@
+export default class EventEmitter {
+  constructor() {
+    this.subscribers = {}
+  }
+
+  addSubscriber(eventName, callback) {
+    this.subscribers = {
+      ...this.subscribers,
+      [eventName]: this.subscribers[eventName] ? [...this.subscribers[eventName], callback] : [callback]
+    }
+  }
+
+  removeSubscriber(eventName, callback) {
+    if(this.subscribers[eventName]) {
+      this.subscribers[eventName] = this.subscribers[eventName].filter((cb) => cb !== callback)
+    }
+  }
+
+  emit(eventName, data) {
+    this.subscribers[eventName].forEach((subscriber) => {
+      subscriber(data)
+    })
+  }
+
+  get listeners() {
+    return Object.keys(this.subscribers).length !== 0
+  }
+}

package/src/hellotext.js

@@ -0,0 +1,154 @@
+import Event from "./event"
+import EventEmitter from "./eventEmitter"
+import Response from "./response";
+import Query from "./query";
+
+import { NotInitializedError } from './errors/notInitializedError'
+import { InvalidEvent } from "./errors/invalidEvent"
+
+const apiUrl = 'https://api.hellotext.com/v1/'
+
+class Hellotext {
+  static #session
+  static #business
+  static #eventEmitter = new EventEmitter()
+  static #query;
+
+  /**
+   * initialize the module.
+   * @param business public business id
+   */
+  static initialize(business) {
+    this.#business = business
+
+    this.#query = new Query(window.location.search)
+
+    if(this.#query.has("preview")) return
+
+    const session = this.#query.get("session") || this.#cookie
+
+    if (session && session !== "undefined" && session !== "null") {
+      this.#session = session
+      this.#setSessionCookie()
+    } else {
+      this.#mintAnonymousSession()
+        .then(response => {
+          this.#session = response.id
+          this.#setSessionCookie()
+        })
+    }
+  }
+
+  /**
+   * Tracks an action that has happened on the page
+   *
+   * @param { String } action a valid action name
+   * @param { Object } params
+   * @returns {Promise<Response>}
+   */
+  static async track(action, params = {}) {
+    if (this.#notInitialized) { throw new NotInitializedError() }
+
+    if(this.#query.has("preview")) {
+      return new Response(true, { received: true })
+    }
+
+    const response = await fetch(apiUrl + 'track/events', {
+      headers: this.#headers,
+      method: 'post',
+      body: JSON.stringify({
+        session: this.session,
+        action,
+        ...params,
+        url: (params && params.url) || window.location.href
+      }),
+    })
+
+    return new Response(response.status === 200, await response.json())
+  }
+
+  /**
+   * Registers an event listener
+   * @param event the name of the event to listen to
+   * @param callback the callback. This method will be called with the payload
+   */
+  static on(event, callback) {
+    if(Event.invalid(event)) { throw new InvalidEvent(event) }
+
+    this.#eventEmitter.addSubscriber(event, callback)
+  }
+
+  /**
+   * Removes an event listener
+   * @param event the name of the event to remove
+   * @param callback the callback to remove
+   */
+  static removeEventListener(event, callback) {
+    if(Event.invalid(event)) { throw new InvalidEvent(event) }
+
+    this.#eventEmitter.removeSubscriber(event, callback)
+  }
+
+  /**
+   *
+   * @returns {String}
+   */
+  static get session() {
+    if (this.#notInitialized) { throw new NotInitializedError() }
+
+    return this.#session
+  }
+
+  /**
+   * Determines if the session is set or not
+   * @returns {boolean}
+   */
+  static get isInitialized() {
+    return this.#session !== undefined
+  }
+
+  // private
+
+  static get #notInitialized() {
+    return this.#business === undefined
+  }
+
+  static async #mintAnonymousSession() {
+    if (this.#notInitialized) { throw new NotInitializedError() }
+
+    const trackingUrl = apiUrl + 'track/sessions'
+
+    this.mintingPromise = await fetch(trackingUrl, {
+      method: 'post',
+      headers: { Authorization: `Bearer ${this.#business}` },
+    })
+
+    return this.mintingPromise.json()
+  }
+
+  static get #headers() {
+    if (this.#notInitialized) { throw new NotInitializedError() }
+
+    return {
+      Authorization: `Bearer ${this.#business}`,
+      Accept: 'application.json',
+      'Content-Type': 'application/json',
+    }
+  }
+
+  static #setSessionCookie() {
+    if (this.#notInitialized) { throw new NotInitializedError() }
+
+    if(this.#eventEmitter.listeners) {
+      this.#eventEmitter.emit("session-set", this.#session)
+    }
+
+    document.cookie = `hello_session=${this.#session}`
+  }
+
+  static get #cookie() {
+    return document.cookie.match('(^|;)\\s*' + 'hello_session' + '\\s*=\\s*([^;]+)')?.pop()
+  }
+}
+
+export default Hellotext

package/src/index.js

@@ -0,0 +1,3 @@
+import Hellotext from './hellotext'
+
+export default Hellotext

package/src/query.js

@@ -0,0 +1,21 @@
+export default class Query {
+  constructor(urlQueries) {
+    this.urlSearchParams = new URLSearchParams(urlQueries)
+  }
+
+  get(param) {
+    return this.urlSearchParams.get(
+      this.toHellotextParam(param)
+    )
+  }
+
+  has(param) {
+    return this.urlSearchParams.has(
+      this.toHellotextParam(param)
+    )
+  }
+
+  toHellotextParam(param) {
+    return `hello_${param}`
+  }
+}

package/src/response.js

@@ -0,0 +1,21 @@
+export default class Response {
+  #success
+  #response
+
+  constructor(success, response) {
+    this.#success = success
+    this.#response = response
+  }
+
+  get data() {
+    return this.#response
+  }
+
+  get failed() {
+    return this.#success === false
+  }
+
+  get succeeded() {
+    return this.#success === true
+  }
+}

package/webpack.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+  mode: 'development',
+  entry: ['whatwg-fetch', './lib/hellotext.js'],
+  output: {
+    filename: 'hellotext.js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.m?js$/,
+        exclude: [/node_modules/],
+        use: [{
+          loader: 'babel-loader',
+        }]
+      }
+    ]
+  }
+};

package/index.js

@@ -1,3 +0,0 @@
-import Hellotext from './lib/hellotext';
-
-export default Hellotext;