@hellotext/hellotext 1.8.7 → 2.0.0

package/lib/index.js

@@ -1,20 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _stimulus = require("@hotwired/stimulus");
-var _hellotext = _interopRequireDefault(require("./hellotext"));
-var _form_controller = _interopRequireDefault(require("./controllers/form_controller"));
-var _webchat_controller = _interopRequireDefault(require("./controllers/webchat_controller"));
-var _emoji_picker_controller = _interopRequireDefault(require("./controllers/webchat/emoji_picker_controller"));
-require("../styles/index.css");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var application = _stimulus.Application.start();
-application.register('hellotext--form', _form_controller.default);
-application.register('hellotext--webchat', _webchat_controller.default);
-application.register('hellotext--webchat--emoji', _emoji_picker_controller.default);
-window.Hellotext = _hellotext.default;
-var _default = _hellotext.default;
-exports.default = _default;
+import { Application } from '@hotwired/stimulus';
+import Hellotext from './hellotext';
+import FormController from './controllers/form_controller';
+import WebchatController from './controllers/webchat_controller';
+import WebChatEmojiController from './controllers/webchat/emoji_picker_controller';
+var application = Application.start();
+application.register('hellotext--form', FormController);
+application.register('hellotext--webchat', WebchatController);
+application.register('hellotext--webchat--emoji', WebChatEmojiController);
+import '../styles/index.css';
+window.Hellotext = Hellotext;
+export default Hellotext;

package/lib/locales/en.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  white_label: {
+    powered_by: 'Powered by'
+  },
+  errors: {
+    parameter_not_unique: 'This value is taken.',
+    blank: 'This field is required.'
+  },
+  forms: {
+    phone: 'Click the link sent via SMS to verify your submission.',
+    email: 'Click the link sent via email to verify your submission.',
+    phone_and_email: 'Click the links sent via SMS and email to verify your submission.',
+    none: 'Your submission has been received.'
+  }
+};
+exports.default = _default;

package/lib/locales/en.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   white_label: {
     powered_by: 'Powered by'
   },
@@ -18,5 +12,4 @@ var _default = {
     phone_and_email: 'Click the links sent via SMS and email to verify your submission.',
     none: 'Your submission has been received.'
   }
-};
-exports.default = _default;
+};

package/lib/locales/es.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  white_label: {
+    powered_by: 'Desarrollado por'
+  },
+  errors: {
+    parameter_not_unique: 'Este valor ya está en uso.',
+    blank: 'Este campo es obligatorio.'
+  },
+  forms: {
+    phone: 'Haga clic en el enlace enviado por SMS para verificar su envío.',
+    email: 'Haga clic en el enlace enviado por e-mail para verificar su envío.',
+    phone_and_email: 'Haga clic en los enlaces enviados por SMS y e-mail para verificar su envío.',
+    none: 'Su envío ha sido recibido.'
+  }
+};
+exports.default = _default;

package/lib/locales/es.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
+export default {
   white_label: {
     powered_by: 'Desarrollado por'
   },
@@ -18,5 +12,4 @@ var _default = {
     phone_and_email: 'Haga clic en los enlaces enviados por SMS y e-mail para verificar su envío.',
     none: 'Su envío ha sido recibido.'
   }
-};
-exports.default = _default;
+};

package/lib/locales/index.cjs

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

package/lib/locales/index.js

@@ -1,14 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _en = _interopRequireDefault(require("./en"));
-var _es = _interopRequireDefault(require("./es"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  en: _en.default,
-  es: _es.default
-};
-exports.default = _default;
+import en from './en';
+import es from './es';
+export default {
+  en,
+  es
+};

package/lib/models/business.cjs

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Business = void 0;
+var _businesses = _interopRequireDefault(require("../api/businesses"));
+var _locales = _interopRequireDefault(require("../locales"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 Business = /*#__PURE__*/function () {
+  function Business(id) {
+    _classCallCheck(this, Business);
+    this.id = id;
+    this.data = {};
+    this.fetchPublicData();
+  }
+  _createClass(Business, [{
+    key: "subscription",
+    get: function () {
+      return this.data.subscription;
+    }
+  }, {
+    key: "country",
+    get: function () {
+      return this.data.country;
+    }
+  }, {
+    key: "enabledWhitelist",
+    get: function () {
+      return this.data.whitelist !== 'disabled';
+    }
+  }, {
+    key: "locale",
+    get: function () {
+      return _locales.default[this.data.locale];
+    }
+  }, {
+    key: "features",
+    get: function () {
+      return this.data.features;
+    }
+
+    // private
+  }, {
+    key: "fetchPublicData",
+    value: function fetchPublicData() {
+      _businesses.default.get(this.id).then(response => response.json()).then(data => {
+        this.data = data;
+        if (typeof document !== 'undefined') {
+          const linkTag = document.createElement('link');
+          linkTag.rel = 'stylesheet';
+          linkTag.href = data.style_url;
+          document.head.append(linkTag);
+        }
+      });
+    }
+  }]);
+  return Business;
+}();
+exports.Business = Business;

package/lib/models/business.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Business = void 0;
-var _businesses = _interopRequireDefault(require("../api/businesses"));
-var _locales = _interopRequireDefault(require("../locales"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 API from '../api/businesses';
+import locales from '../locales';
 var Business = /*#__PURE__*/function () {
   function Business(id) {
     _classCallCheck(this, Business);
@@ -37,7 +30,7 @@ var Business = /*#__PURE__*/function () {
   }, {
     key: "locale",
     get: function get() {
-      return _locales.default[this.data.locale];
+      return locales[this.data.locale];
     }
   }, {
     key: "features",
@@ -49,7 +42,7 @@ var Business = /*#__PURE__*/function () {
   }, {
     key: "fetchPublicData",
     value: function fetchPublicData() {
-      _businesses.default.get(this.id).then(response => response.json()).then(data => {
+      API.get(this.id).then(response => response.json()).then(data => {
         this.data = data;
         if (typeof document !== 'undefined') {
           var linkTag = document.createElement('link');
@@ -62,4 +55,4 @@ var Business = /*#__PURE__*/function () {
   }]);
   return Business;
 }();
-exports.Business = Business;
+export { Business };

package/lib/models/cookies.cjs

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Cookies = void 0;
+var _hellotext = _interopRequireDefault(require("../hellotext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 Cookies = /*#__PURE__*/function () {
+  function Cookies() {
+    _classCallCheck(this, Cookies);
+  }
+  _createClass(Cookies, null, [{
+    key: "set",
+    value: function set(name, value) {
+      if (typeof document !== 'undefined') {
+        document.cookie = `${name}=${value}; path=/;`;
+      }
+      _hellotext.default.eventEmitter.dispatch('session-set', value);
+      return value;
+    }
+  }, {
+    key: "get",
+    value: function get(name) {
+      if (typeof document !== 'undefined') {
+        var _document$cookie$matc;
+        return (_document$cookie$matc = document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')) === null || _document$cookie$matc === void 0 ? void 0 : _document$cookie$matc.pop();
+      } else {
+        return undefined;
+      }
+    }
+  }]);
+  return Cookies;
+}();
+exports.Cookies = Cookies;

package/lib/models/cookies.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Cookies = void 0;
-var _hellotext = _interopRequireDefault(require("../hellotext"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 Hellotext from '../hellotext';
 var Cookies = /*#__PURE__*/function () {
   function Cookies() {
     _classCallCheck(this, Cookies);
@@ -21,7 +14,7 @@ var Cookies = /*#__PURE__*/function () {
       if (typeof document !== 'undefined') {
         document.cookie = "".concat(name, "=").concat(value, "; path=/;");
       }
-      _hellotext.default.eventEmitter.dispatch('session-set', value);
+      Hellotext.eventEmitter.dispatch('session-set', value);
       return value;
     }
   }, {
@@ -37,4 +30,4 @@ var Cookies = /*#__PURE__*/function () {
   }]);
   return Cookies;
 }();
-exports.Cookies = Cookies;
+export { Cookies };

package/lib/models/form.cjs

@@ -0,0 +1,166 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Form = void 0;
+var _hellotext = _interopRequireDefault(require("../hellotext"));
+var _input_builder = require("../builders/input_builder");
+var _logo_builder = require("../builders/logo_builder");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
+var id = 0;
+function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
+var _findOrCreateComponent = /*#__PURE__*/_classPrivateFieldLooseKey("findOrCreateComponent");
+let Form = /*#__PURE__*/function () {
+  function Form(data, element = null) {
+    _classCallCheck(this, Form);
+    Object.defineProperty(this, _findOrCreateComponent, {
+      value: _findOrCreateComponent2
+    });
+    this.data = data;
+    this.element = element || document.querySelector(`[data-hello-form="${this.id}"]`) || document.createElement('form');
+  }
+  _createClass(Form, [{
+    key: "mount",
+    value: async function mount({
+      ifCompleted = true
+    } = {}) {
+      if (ifCompleted && this.hasBeenCompleted) {
+        var _this$element;
+        (_this$element = this.element) === null || _this$element === void 0 ? void 0 : _this$element.remove();
+        return _hellotext.default.eventEmitter.dispatch('form:completed', {
+          id: this.id,
+          ...JSON.parse(localStorage.getItem(`hello-form-${this.id}`))
+        });
+      }
+      const firstStep = this.data.steps[0];
+      this.buildHeader(firstStep.header);
+      this.buildInputs(firstStep.inputs);
+      this.buildButton(firstStep.button);
+      this.buildFooter(firstStep.footer);
+      this.elementAttributes.forEach(attribute => {
+        this.element.setAttribute(attribute.name, attribute.value);
+      });
+      if (!document.contains(this.element)) {
+        document.body.appendChild(this.element);
+      }
+      if (!_hellotext.default.business.features.white_label) {
+        this.element.prepend(_logo_builder.LogoBuilder.build());
+      }
+    }
+  }, {
+    key: "buildHeader",
+    value: function buildHeader(header) {
+      const headerElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-header]', 'header');
+      headerElement.innerHTML = header.content;
+      if (this.element.querySelector('[data-form-header]')) {
+        this.element.querySelector('[data-form-header]').replaceWith(headerElement);
+      } else {
+        this.element.prepend(headerElement);
+      }
+    }
+  }, {
+    key: "buildInputs",
+    value: function buildInputs(inputs) {
+      const inputsContainerElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-inputs]', 'main');
+      const inputElements = inputs.map(input => _input_builder.InputBuilder.build(input));
+      inputElements.forEach(inputElement => inputsContainerElement.appendChild(inputElement));
+      if (this.element.querySelector('[data-form-inputs]')) {
+        this.element.querySelector('[data-form-inputs]').replaceWith(inputsContainerElement);
+      } else {
+        this.element.querySelector('[data-form-header]').insertAdjacentHTML('afterend', inputsContainerElement.outerHTML);
+      }
+    }
+  }, {
+    key: "buildButton",
+    value: function buildButton(button) {
+      const buttonElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-button]', 'button');
+      buttonElement.innerText = button.text;
+      buttonElement.setAttribute('data-action', 'click->hellotext--form#submit');
+      buttonElement.setAttribute('data-hellotext--form-target', 'button');
+      if (this.element.querySelector('[data-form-button]')) {
+        this.element.querySelector('[data-form-button]').replaceWith(buttonElement);
+      } else {
+        this.element.querySelector('[data-form-inputs]').insertAdjacentHTML('afterend', buttonElement.outerHTML);
+      }
+    }
+  }, {
+    key: "buildFooter",
+    value: function buildFooter(footer) {
+      const element = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-footer]', 'footer');
+      element.innerHTML = footer.content;
+      if (this.element.querySelector('[data-form-footer]')) {
+        this.element.querySelector('[data-form-footer]').replaceWith(element);
+      } else {
+        this.element.appendChild(element);
+      }
+    }
+  }, {
+    key: "markAsCompleted",
+    value: function markAsCompleted(data) {
+      const payload = {
+        state: 'completed',
+        id: this.id,
+        data,
+        completedAt: new Date().getTime()
+      };
+      localStorage.setItem(`hello-form-${this.id}`, JSON.stringify(payload));
+      _hellotext.default.eventEmitter.dispatch('form:completed', payload);
+    }
+  }, {
+    key: "hasBeenCompleted",
+    get: function () {
+      return localStorage.getItem(`hello-form-${this.id}`) !== null;
+    }
+  }, {
+    key: "id",
+    get: function () {
+      return this.data.id;
+    }
+  }, {
+    key: "localeAuthKey",
+    get: function () {
+      const firstStep = this.data.steps[0];
+      if (firstStep.inputs.some(input => input.kind === 'email') && firstStep.inputs.some(input => input.kind === 'phone')) {
+        return 'phone_and_email';
+      } else if (firstStep.inputs.some(input => input.kind === 'email')) {
+        return 'email';
+      } else if (firstStep.inputs.some(input => input.kind === 'phone')) {
+        return 'phone';
+      } else {
+        return 'none';
+      }
+    }
+  }, {
+    key: "elementAttributes",
+    get: function () {
+      return [{
+        name: 'data-controller',
+        value: 'hellotext--form'
+      }, {
+        name: 'data-hello-form',
+        value: this.id
+      }, {
+        name: 'data-hellotext--form-data-value',
+        value: JSON.stringify(this.data)
+      }];
+    }
+  }]);
+  return Form;
+}();
+exports.Form = Form;
+function _findOrCreateComponent2(selector, tag) {
+  const existingElement = this.element.querySelector(selector);
+  if (existingElement) {
+    return existingElement.cloneNode(true);
+  }
+  const createdElement = document.createElement(tag);
+  createdElement.setAttribute(selector.replace('[', '').replace(']', ''), '');
+  return createdElement;
+}

package/lib/models/form.js

@@ -1,13 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Form = void 0;
-var _hellotext = _interopRequireDefault(require("../hellotext"));
-var _input_builder = require("../builders/input_builder");
-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; }
@@ -21,6 +11,9 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { throw new TypeError("attempted to use private field on non-instance"); } return receiver; }
 var id = 0;
 function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
+import Hellotext from '../hellotext';
+import { InputBuilder } from '../builders/input_builder';
+import { LogoBuilder } from '../builders/logo_builder';
 var _findOrCreateComponent = /*#__PURE__*/_classPrivateFieldLooseKey("findOrCreateComponent");
 var Form = /*#__PURE__*/function () {
   function Form(data) {
@@ -42,7 +35,7 @@ var Form = /*#__PURE__*/function () {
         if (ifCompleted && this.hasBeenCompleted) {
           var _this$element;
           (_this$element = this.element) === null || _this$element === void 0 ? void 0 : _this$element.remove();
-          return _hellotext.default.eventEmitter.dispatch('form:completed', _objectSpread({
+          return Hellotext.eventEmitter.dispatch('form:completed', _objectSpread({
             id: this.id
           }, JSON.parse(localStorage.getItem("hello-form-".concat(this.id)))));
         }
@@ -57,8 +50,8 @@ var Form = /*#__PURE__*/function () {
         if (!document.contains(this.element)) {
           document.body.appendChild(this.element);
         }
-        if (!_hellotext.default.business.features.white_label) {
-          this.element.prepend(_logo_builder.LogoBuilder.build());
+        if (!Hellotext.business.features.white_label) {
+          this.element.prepend(LogoBuilder.build());
         }
       });
       function mount() {
@@ -81,7 +74,7 @@ var Form = /*#__PURE__*/function () {
     key: "buildInputs",
     value: function buildInputs(inputs) {
       var inputsContainerElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-inputs]', 'main');
-      var inputElements = inputs.map(input => _input_builder.InputBuilder.build(input));
+      var inputElements = inputs.map(input => InputBuilder.build(input));
       inputElements.forEach(inputElement => inputsContainerElement.appendChild(inputElement));
       if (this.element.querySelector('[data-form-inputs]')) {
         this.element.querySelector('[data-form-inputs]').replaceWith(inputsContainerElement);
@@ -123,7 +116,7 @@ var Form = /*#__PURE__*/function () {
         completedAt: new Date().getTime()
       };
       localStorage.setItem("hello-form-".concat(this.id), JSON.stringify(payload));
-      _hellotext.default.eventEmitter.dispatch('form:completed', payload);
+      Hellotext.eventEmitter.dispatch('form:completed', payload);
     }
   }, {
     key: "hasBeenCompleted",
@@ -166,7 +159,6 @@ var Form = /*#__PURE__*/function () {
   }]);
   return Form;
 }();
-exports.Form = Form;
 function _findOrCreateComponent2(selector, tag) {
   var existingElement = this.element.querySelector(selector);
   if (existingElement) {
@@ -175,4 +167,5 @@ function _findOrCreateComponent2(selector, tag) {
   var createdElement = document.createElement(tag);
   createdElement.setAttribute(selector.replace('[', '').replace(']', ''), '');
   return createdElement;
-}
+}
+export { Form };