@hellotext/hellotext 2.5.6 → 2.5.8

package/lib/models/form.js

@@ -1,172 +1,124 @@
-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 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); }
-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';
 import { setSanitizedRichText } from '../core/sanitize_html';
-var _findOrCreateComponent = /*#__PURE__*/_classPrivateFieldLooseKey("findOrCreateComponent");
-var Form = /*#__PURE__*/function () {
-  function Form(data) {
-    var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    _classCallCheck(this, Form);
-    Object.defineProperty(this, _findOrCreateComponent, {
-      value: _findOrCreateComponent2
-    });
+class Form {
+  constructor(data, element = null) {
     this.data = data;
-    this.element = element || document.querySelector("[data-hello-form=\"".concat(this.id, "\"]")) || document.createElement('form');
+    this.element = element || document.querySelector(`[data-hello-form="${this.id}"]`) || document.createElement('form');
   }
-  _createClass(Form, [{
-    key: "mount",
-    value: function () {
-      var _mount = _asyncToGenerator(function* () {
-        var {
-          ifCompleted = true
-        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-        if (ifCompleted && this.hasBeenCompleted) {
-          var _this$element;
-          (_this$element = this.element) === null || _this$element === void 0 ? void 0 : _this$element.remove();
-          return Hellotext.eventEmitter.dispatch('form:completed', _objectSpread({
-            id: this.id
-          }, JSON.parse(localStorage.getItem("hello-form-".concat(this.id)))));
-        }
-        var 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.business.features.white_label) {
-          this.element.prepend(LogoBuilder.build());
-        }
+  async mount({
+    ifCompleted = true
+  } = {}) {
+    if (ifCompleted && this.hasBeenCompleted) {
+      this.element?.remove();
+      return Hellotext.eventEmitter.dispatch('form:completed', {
+        id: this.id,
+        ...JSON.parse(localStorage.getItem(`hello-form-${this.id}`))
       });
-      function mount() {
-        return _mount.apply(this, arguments);
-      }
-      return mount;
-    }()
-  }, {
-    key: "buildHeader",
-    value: function buildHeader(header) {
-      var headerElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-header]', 'header');
-      setSanitizedRichText(headerElement, 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) {
-      var inputsContainerElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-inputs]', 'main');
-      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);
-      } else {
-        this.element.querySelector('[data-form-header]').insertAdjacentHTML('afterend', inputsContainerElement.outerHTML);
-      }
+    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);
     }
-  }, {
-    key: "buildButton",
-    value: function buildButton(button) {
-      var 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);
-      }
+    if (!Hellotext.business.features.white_label) {
+      this.element.prepend(LogoBuilder.build());
     }
-  }, {
-    key: "buildFooter",
-    value: function buildFooter(footer) {
-      var element = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-footer]', 'footer');
-      setSanitizedRichText(element, footer.content);
-      if (this.element.querySelector('[data-form-footer]')) {
-        this.element.querySelector('[data-form-footer]').replaceWith(element);
-      } else {
-        this.element.appendChild(element);
-      }
+  }
+  buildHeader(header) {
+    const headerElement = this.#findOrCreateComponent('[data-form-header]', 'header');
+    setSanitizedRichText(headerElement, header.content);
+    if (this.element.querySelector('[data-form-header]')) {
+      this.element.querySelector('[data-form-header]').replaceWith(headerElement);
+    } else {
+      this.element.prepend(headerElement);
     }
-  }, {
-    key: "markAsCompleted",
-    value: function markAsCompleted(data) {
-      var payload = {
-        state: 'completed',
-        id: this.id,
-        data,
-        completedAt: new Date().getTime()
-      };
-      localStorage.setItem("hello-form-".concat(this.id), JSON.stringify(payload));
-      Hellotext.eventEmitter.dispatch('form:completed', payload);
+  }
+  buildInputs(inputs) {
+    const inputsContainerElement = this.#findOrCreateComponent('[data-form-inputs]', 'main');
+    const 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);
+    } else {
+      this.element.querySelector('[data-form-header]').insertAdjacentHTML('afterend', inputsContainerElement.outerHTML);
     }
-  }, {
-    key: "hasBeenCompleted",
-    get: function get() {
-      return localStorage.getItem("hello-form-".concat(this.id)) !== null;
+  }
+  buildButton(button) {
+    const buttonElement = this.#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: "id",
-    get: function get() {
-      return this.data.id;
+  }
+  buildFooter(footer) {
+    const element = this.#findOrCreateComponent('[data-form-footer]', 'footer');
+    setSanitizedRichText(element, footer.content);
+    if (this.element.querySelector('[data-form-footer]')) {
+      this.element.querySelector('[data-form-footer]').replaceWith(element);
+    } else {
+      this.element.appendChild(element);
     }
-  }, {
-    key: "localeAuthKey",
-    get: function get() {
-      var 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';
-      }
+  }
+  markAsCompleted(data) {
+    const payload = {
+      state: 'completed',
+      id: this.id,
+      data,
+      completedAt: new Date().getTime()
+    };
+    localStorage.setItem(`hello-form-${this.id}`, JSON.stringify(payload));
+    Hellotext.eventEmitter.dispatch('form:completed', payload);
+  }
+  get hasBeenCompleted() {
+    return localStorage.getItem(`hello-form-${this.id}`) !== null;
+  }
+  get id() {
+    return this.data.id;
+  }
+  get localeAuthKey() {
+    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 get() {
-      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)
-      }];
+  }
+  get elementAttributes() {
+    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)
+    }];
+  }
+  #findOrCreateComponent(selector, tag) {
+    const existingElement = this.element.querySelector(selector);
+    if (existingElement) {
+      return existingElement.cloneNode(true);
     }
-  }]);
-  return Form;
-}();
-function _findOrCreateComponent2(selector, tag) {
-  var existingElement = this.element.querySelector(selector);
-  if (existingElement) {
-    return existingElement.cloneNode(true);
+    const createdElement = document.createElement(tag);
+    createdElement.setAttribute(selector.replace('[', '').replace(']', ''), '');
+    return createdElement;
   }
-  var createdElement = document.createElement(tag);
-  createdElement.setAttribute(selector.replace('[', '').replace(']', ''), '');
-  return createdElement;
 }
 export { Form };

package/lib/models/form_collection.cjs

@@ -10,22 +10,8 @@ var _core = require("../core");
 var _form = require("./form");
 var _errors = require("../errors");
 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 _formIdsToFetch = /*#__PURE__*/_classPrivateFieldLooseKey("formIdsToFetch");
-let FormCollection = /*#__PURE__*/function () {
-  function FormCollection() {
-    _classCallCheck(this, FormCollection);
-    Object.defineProperty(this, _formIdsToFetch, {
-      get: _get_formIdsToFetch,
-      set: void 0
-    });
+class FormCollection {
+  constructor() {
     this.forms = [];
     this.includes = this.includes.bind(this);
     this.excludes = this.excludes.bind(this);
@@ -38,95 +24,71 @@ let FormCollection = /*#__PURE__*/function () {
       });
     }
   }
-  _createClass(FormCollection, [{
-    key: "collectExistingFormsOnPage",
-    value: function collectExistingFormsOnPage() {
-      if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
-        this.collect();
-      }
-    }
-  }, {
-    key: "formMutationObserver",
-    value: function formMutationObserver(mutations) {
-      const mutation = mutations.find(mutation => mutation.type === 'childList' && mutation.addedNodes.length > 0);
-      if (!mutation) return;
-      if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
-        this.collect();
-      }
-    }
-  }, {
-    key: "collect",
-    value: async function collect() {
-      if (_hellotext.default.notInitialized) {
-        throw new _errors.NotInitializedError();
-      }
-      if (this.fetching) return;
-      if (typeof document === 'undefined' || !('querySelectorAll' in document)) {
-        return console.warn('Document is not defined, collection is not possible. Please make sure to initialize the library after the document is loaded.');
-      }
-      const formsIdsToFetch = _classPrivateFieldLooseBase(this, _formIdsToFetch)[_formIdsToFetch];
-      if (formsIdsToFetch.length === 0) return;
-      const promises = formsIdsToFetch.map(id => {
-        return _forms.default.get(id).then(response => response.json());
-      });
-      this.fetching = true;
-      await Promise.all(promises).then(forms => forms.forEach(this.add)).then(() => _hellotext.default.eventEmitter.dispatch('forms:collected', this)).then(() => this.fetching = false);
-      if (_core.Configuration.forms.autoMount) {
-        this.forms.forEach(form => form.mount());
-      }
-    }
-  }, {
-    key: "forEach",
-    value: function forEach(callback) {
-      this.forms.forEach(callback);
+  collectExistingFormsOnPage() {
+    if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
+      this.collect();
     }
-  }, {
-    key: "map",
-    value: function map(callback) {
-      return this.forms.map(callback);
-    }
-  }, {
-    key: "add",
-    value: function add(data) {
-      if (this.includes(data.id)) return;
-      if (!_hellotext.default.business.data) {
-        _hellotext.default.business.setData(data.business);
-        _hellotext.default.business.setLocale(_core.Locale.toString());
-      }
-      if (!_hellotext.default.business.enabledWhitelist) {
-        console.warn('No whitelist has been configured. It is advised to whitelist the domain to avoid bots from submitting forms.');
-      }
-      this.forms.push(new _form.Form(data));
+  }
+  formMutationObserver(mutations) {
+    const mutation = mutations.find(mutation => mutation.type === 'childList' && mutation.addedNodes.length > 0);
+    if (!mutation) return;
+    if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
+      this.collect();
     }
-  }, {
-    key: "getById",
-    value: function getById(id) {
-      return this.forms.find(form => form.id === id);
+  }
+  async collect() {
+    if (_hellotext.default.notInitialized) {
+      throw new _errors.NotInitializedError();
     }
-  }, {
-    key: "getByIndex",
-    value: function getByIndex(index) {
-      return this.forms[index];
+    if (this.fetching) return;
+    if (typeof document === 'undefined' || !('querySelectorAll' in document)) {
+      return console.warn('Document is not defined, collection is not possible. Please make sure to initialize the library after the document is loaded.');
     }
-  }, {
-    key: "includes",
-    value: function includes(formId) {
-      return this.forms.some(form => form.id === formId);
+    const formsIdsToFetch = this.#formIdsToFetch;
+    if (formsIdsToFetch.length === 0) return;
+    const promises = formsIdsToFetch.map(id => {
+      return _forms.default.get(id).then(response => response.json());
+    });
+    this.fetching = true;
+    await Promise.all(promises).then(forms => forms.forEach(this.add)).then(() => _hellotext.default.eventEmitter.dispatch('forms:collected', this)).then(() => this.fetching = false);
+    if (_core.Configuration.forms.autoMount) {
+      this.forms.forEach(form => form.mount());
     }
-  }, {
-    key: "excludes",
-    value: function excludes(id) {
-      return !this.includes(id);
+  }
+  forEach(callback) {
+    this.forms.forEach(callback);
+  }
+  map(callback) {
+    return this.forms.map(callback);
+  }
+  add(data) {
+    if (this.includes(data.id)) return;
+    if (!_hellotext.default.business.data) {
+      _hellotext.default.business.setData(data.business);
+      _hellotext.default.business.setLocale(_core.Locale.toString());
     }
-  }, {
-    key: "length",
-    get: function () {
-      return this.forms.length;
+    if (!_hellotext.default.business.enabledWhitelist) {
+      console.warn('No whitelist has been configured. It is advised to whitelist the domain to avoid bots from submitting forms.');
     }
-  }]);
-  return FormCollection;
-}();
-exports.FormCollection = FormCollection;
-function _get_formIdsToFetch() {
-  return Array.from(document.querySelectorAll('[data-hello-form]')).map(form => form.dataset.helloForm).filter(this.excludes);
-}
+    this.forms.push(new _form.Form(data));
+  }
+  getById(id) {
+    return this.forms.find(form => form.id === id);
+  }
+  getByIndex(index) {
+    return this.forms[index];
+  }
+  includes(formId) {
+    return this.forms.some(form => form.id === formId);
+  }
+  excludes(id) {
+    return !this.includes(id);
+  }
+  get length() {
+    return this.forms.length;
+  }
+  get #formIdsToFetch() {
+    return Array.from(document.querySelectorAll('[data-hello-form]')).map(form => form.dataset.helloForm).filter(this.excludes);
+  }
+}
+exports.FormCollection = FormCollection;

package/lib/models/form_collection.js

@@ -1,26 +1,10 @@
-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); }
-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 API from '../api/forms';
 import Hellotext from '../hellotext';
 import { Configuration, Locale } from '../core';
 import { Form } from './form';
 import { NotInitializedError } from '../errors';
-var _formIdsToFetch = /*#__PURE__*/_classPrivateFieldLooseKey("formIdsToFetch");
-var FormCollection = /*#__PURE__*/function () {
-  function FormCollection() {
-    _classCallCheck(this, FormCollection);
-    Object.defineProperty(this, _formIdsToFetch, {
-      get: _get_formIdsToFetch,
-      set: void 0
-    });
+class FormCollection {
+  constructor() {
     this.forms = [];
     this.includes = this.includes.bind(this);
     this.excludes = this.excludes.bind(this);
@@ -33,101 +17,71 @@ var FormCollection = /*#__PURE__*/function () {
       });
     }
   }
-  _createClass(FormCollection, [{
-    key: "collectExistingFormsOnPage",
-    value: function collectExistingFormsOnPage() {
-      if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
-        this.collect();
-      }
-    }
-  }, {
-    key: "formMutationObserver",
-    value: function formMutationObserver(mutations) {
-      var mutation = mutations.find(mutation => mutation.type === 'childList' && mutation.addedNodes.length > 0);
-      if (!mutation) return;
-      if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
-        this.collect();
-      }
-    }
-  }, {
-    key: "collect",
-    value: function () {
-      var _collect = _asyncToGenerator(function* () {
-        if (Hellotext.notInitialized) {
-          throw new NotInitializedError();
-        }
-        if (this.fetching) return;
-        if (typeof document === 'undefined' || !('querySelectorAll' in document)) {
-          return console.warn('Document is not defined, collection is not possible. Please make sure to initialize the library after the document is loaded.');
-        }
-        var formsIdsToFetch = _classPrivateFieldLooseBase(this, _formIdsToFetch)[_formIdsToFetch];
-        if (formsIdsToFetch.length === 0) return;
-        var promises = formsIdsToFetch.map(id => {
-          return API.get(id).then(response => response.json());
-        });
-        this.fetching = true;
-        yield Promise.all(promises).then(forms => forms.forEach(this.add)).then(() => Hellotext.eventEmitter.dispatch('forms:collected', this)).then(() => this.fetching = false);
-        if (Configuration.forms.autoMount) {
-          this.forms.forEach(form => form.mount());
-        }
-      });
-      function collect() {
-        return _collect.apply(this, arguments);
-      }
-      return collect;
-    }()
-  }, {
-    key: "forEach",
-    value: function forEach(callback) {
-      this.forms.forEach(callback);
-    }
-  }, {
-    key: "map",
-    value: function map(callback) {
-      return this.forms.map(callback);
+  collectExistingFormsOnPage() {
+    if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
+      this.collect();
     }
-  }, {
-    key: "add",
-    value: function add(data) {
-      if (this.includes(data.id)) return;
-      if (!Hellotext.business.data) {
-        Hellotext.business.setData(data.business);
-        Hellotext.business.setLocale(Locale.toString());
-      }
-      if (!Hellotext.business.enabledWhitelist) {
-        console.warn('No whitelist has been configured. It is advised to whitelist the domain to avoid bots from submitting forms.');
-      }
-      this.forms.push(new Form(data));
+  }
+  formMutationObserver(mutations) {
+    const mutation = mutations.find(mutation => mutation.type === 'childList' && mutation.addedNodes.length > 0);
+    if (!mutation) return;
+    if (Array.from(document.querySelectorAll('[data-hello-form]')).length > 0) {
+      this.collect();
     }
-  }, {
-    key: "getById",
-    value: function getById(id) {
-      return this.forms.find(form => form.id === id);
+  }
+  async collect() {
+    if (Hellotext.notInitialized) {
+      throw new NotInitializedError();
     }
-  }, {
-    key: "getByIndex",
-    value: function getByIndex(index) {
-      return this.forms[index];
+    if (this.fetching) return;
+    if (typeof document === 'undefined' || !('querySelectorAll' in document)) {
+      return console.warn('Document is not defined, collection is not possible. Please make sure to initialize the library after the document is loaded.');
     }
-  }, {
-    key: "includes",
-    value: function includes(formId) {
-      return this.forms.some(form => form.id === formId);
+    const formsIdsToFetch = this.#formIdsToFetch;
+    if (formsIdsToFetch.length === 0) return;
+    const promises = formsIdsToFetch.map(id => {
+      return API.get(id).then(response => response.json());
+    });
+    this.fetching = true;
+    await Promise.all(promises).then(forms => forms.forEach(this.add)).then(() => Hellotext.eventEmitter.dispatch('forms:collected', this)).then(() => this.fetching = false);
+    if (Configuration.forms.autoMount) {
+      this.forms.forEach(form => form.mount());
     }
-  }, {
-    key: "excludes",
-    value: function excludes(id) {
-      return !this.includes(id);
+  }
+  forEach(callback) {
+    this.forms.forEach(callback);
+  }
+  map(callback) {
+    return this.forms.map(callback);
+  }
+  add(data) {
+    if (this.includes(data.id)) return;
+    if (!Hellotext.business.data) {
+      Hellotext.business.setData(data.business);
+      Hellotext.business.setLocale(Locale.toString());
     }
-  }, {
-    key: "length",
-    get: function get() {
-      return this.forms.length;
+    if (!Hellotext.business.enabledWhitelist) {
+      console.warn('No whitelist has been configured. It is advised to whitelist the domain to avoid bots from submitting forms.');
     }
-  }]);
-  return FormCollection;
-}();
-function _get_formIdsToFetch() {
-  return Array.from(document.querySelectorAll('[data-hello-form]')).map(form => form.dataset.helloForm).filter(this.excludes);
+    this.forms.push(new Form(data));
+  }
+  getById(id) {
+    return this.forms.find(form => form.id === id);
+  }
+  getByIndex(index) {
+    return this.forms[index];
+  }
+  includes(formId) {
+    return this.forms.some(form => form.id === formId);
+  }
+  excludes(id) {
+    return !this.includes(id);
+  }
+  get length() {
+    return this.forms.length;
+  }
+  get #formIdsToFetch() {
+    return Array.from(document.querySelectorAll('[data-hello-form]')).map(form => form.dataset.helloForm).filter(this.excludes);
+  }
 }
 export { FormCollection };