@hellotext/hellotext 1.4.1 → 1.5.0

package/lib/hellotext.js

@@ -4,12 +4,10 @@ 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");
+var _core = require("./core");
+var _api = _interopRequireDefault(require("./api"));
+var _models = require("./models");
+var _errors = require("./errors");
 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; }
@@ -25,15 +23,9 @@ function _classPrivateFieldLooseBase(receiver, privateKey) { if (!Object.prototy
 var id = 0;
 function _classPrivateFieldLooseKey(name) { return "__private_" + id++ + "_" + name; }
 var _session = /*#__PURE__*/_classPrivateFieldLooseKey("session");
-var _business = /*#__PURE__*/_classPrivateFieldLooseKey("business");
 var _config = /*#__PURE__*/_classPrivateFieldLooseKey("config");
-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");
 /**
  * @typedef {Object} Config
  * @property {Boolean} autogenerateSession
@@ -54,21 +46,27 @@ var Hellotext = /*#__PURE__*/function () {
       var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
         autogenerateSession: true
       };
-      _classPrivateFieldLooseBase(this, _business)[_business] = business;
-      _classPrivateFieldLooseBase(this, _config)[_config] = config;
-      _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") {
-        _classPrivateFieldLooseBase(this, _session)[_session] = session;
-        _classPrivateFieldLooseBase(this, _setSessionCookie)[_setSessionCookie]();
+      this.business = new _models.Business(business);
+      this.forms = new _models.FormCollection();
+      _classPrivateFieldLooseBase(this, _config)[_config] = _core.Configuration.assign(config);
+      _classPrivateFieldLooseBase(this, _query)[_query] = new _models.Query();
+      addEventListener('load', () => {
+        this.forms.collect();
+      });
+      if (_classPrivateFieldLooseBase(this, _query)[_query].inPreviewMode) return;
+      if (_classPrivateFieldLooseBase(this, _query)[_query].session) {
+        _classPrivateFieldLooseBase(this, _session)[_session] = _models.Cookies.set('hello_session', _classPrivateFieldLooseBase(this, _query)[_query].session);
       } else if (config.autogenerateSession) {
         _classPrivateFieldLooseBase(this, _mintAnonymousSession)[_mintAnonymousSession]().then(response => {
-          _classPrivateFieldLooseBase(this, _session)[_session] = response.id;
-          _classPrivateFieldLooseBase(this, _setSessionCookie)[_setSessionCookie]();
+          _classPrivateFieldLooseBase(this, _session)[_session] = _models.Cookies.set('hello_session', response.id);
         });
       }
     }
+  }, {
+    key: "setSession",
+    value: function setSession(value) {
+      _classPrivateFieldLooseBase(this, _session)[_session] = _models.Cookies.set('hello_session', value);
+    }
 
     /**
      * Tracks an action that has happened on the page
@@ -82,25 +80,18 @@ var Hellotext = /*#__PURE__*/function () {
     value: function () {
       var _track = _asyncToGenerator(function* (action) {
         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
-          });
+        if (this.notInitialized) {
+          throw new _errors.NotInitializedError();
         }
-        var response = yield fetch(this.__apiURL + 'track/events', {
-          headers: _classPrivateFieldLooseBase(this, _headers)[_headers],
-          method: 'post',
-          body: JSON.stringify(_objectSpread(_objectSpread({
+        return yield _api.default.events.create({
+          headers: this.headers,
+          body: _objectSpread(_objectSpread({
             session: this.session,
             action
           }, params), {}, {
             url: params && params.url || window.location.href
-          }))
+          })
         });
-        return new _response.default(response.status === 200, yield response.json());
       });
       function track(_x) {
         return _track.apply(this, arguments);
@@ -115,10 +106,7 @@ var Hellotext = /*#__PURE__*/function () {
   }, {
     key: "on",
     value: function on(event, callback) {
-      if (_event.default.invalid(event)) {
-        throw new _invalidEvent.InvalidEvent(event);
-      }
-      _classPrivateFieldLooseBase(this, _eventEmitter)[_eventEmitter].addSubscriber(event, callback);
+      this.eventEmitter.addSubscriber(event, callback);
     }
 
     /**
@@ -129,10 +117,7 @@ var Hellotext = /*#__PURE__*/function () {
   }, {
     key: "removeEventListener",
     value: function removeEventListener(event, callback) {
-      if (_event.default.invalid(event)) {
-        throw new _invalidEvent.InvalidEvent(event);
-      }
-      _classPrivateFieldLooseBase(this, _eventEmitter)[_eventEmitter].removeSubscriber(event, callback);
+      this.eventEmitter.removeSubscriber(event, callback);
     }
 
     /**
@@ -142,8 +127,8 @@ var Hellotext = /*#__PURE__*/function () {
   }, {
     key: "session",
     get: function get() {
-      if (_classPrivateFieldLooseBase(this, _notInitialized)[_notInitialized]) {
-        throw new _notInitializedError.NotInitializedError();
+      if (this.notInitialized) {
+        throw new _errors.NotInitializedError();
       }
       return _classPrivateFieldLooseBase(this, _session)[_session];
     }
@@ -159,92 +144,55 @@ var Hellotext = /*#__PURE__*/function () {
     }
 
     // private
+  }, {
+    key: "notInitialized",
+    get: function get() {
+      return this.business.id === undefined;
+    }
+  }, {
+    key: "headers",
+    get: function get() {
+      if (this.notInitialized) {
+        throw new _errors.NotInitializedError();
+      }
+      return {
+        Authorization: "Bearer ".concat(this.business.id),
+        Accept: 'application.json',
+        'Content-Type': 'application/json'
+      };
+    }
   }]);
   return Hellotext;
 }();
-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();
+    if (this.notInitialized) {
+      throw new _errors.NotInitializedError();
     }
-    var trackingUrl = this.__apiURL + 'track/sessions';
-    this.mintingPromise = yield fetch(trackingUrl, {
-      method: 'post',
-      headers: {
-        Authorization: "Bearer ".concat(_classPrivateFieldLooseBase(this, _business)[_business])
-      }
-    });
-    return this.mintingPromise.json();
+    return _api.default.sessions(this.business.id).create();
   });
   return _mintAnonymousSession3.apply(this, arguments);
 }
-function _get_headers() {
-  if (_classPrivateFieldLooseBase(this, _notInitialized)[_notInitialized]) {
-    throw new _notInitializedError.NotInitializedError();
-  }
-  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();
-  }
-  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]);
-}
-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
-});
-Hellotext.__apiURL = 'https://api.hellotext.com/v1/';
 Object.defineProperty(Hellotext, _session, {
   writable: true,
   value: void 0
 });
-Object.defineProperty(Hellotext, _business, {
-  writable: true,
-  value: void 0
-});
 Object.defineProperty(Hellotext, _config, {
   writable: true,
   value: void 0
 });
-Object.defineProperty(Hellotext, _eventEmitter, {
-  writable: true,
-  value: new _eventEmitter2.default()
-});
 Object.defineProperty(Hellotext, _query, {
   writable: true,
   value: void 0
 });
+Hellotext.eventEmitter = new _core.Event();
+Hellotext.forms = void 0;
+Hellotext.business = void 0;
 var _default = Hellotext;
 exports.default = _default;

package/lib/index.js

@@ -4,7 +4,14 @@ 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 _otp_controller = _interopRequireDefault(require("./controllers/otp_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--otp', _otp_controller.default);
 var _default = _hellotext.default;
 exports.default = _default;

package/lib/locales/en.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  otp: {
+    sent_to_email: 'A One-Time Password has been sent to your email address',
+    sent_to_phone: 'An One-Time Password has been sent to your phone number',
+    resend_successful: 'The One-Time Password has been resent successfully',
+    invalid: 'Invalid One-Time Password',
+    resend: 'Resend OTP',
+    throttled: 'You have reached the maximum number of attempts. Please try again in 1 minute.'
+  },
+  white_label: {
+    powered_by: "Powered by"
+  }
+};
+exports.default = _default;

package/lib/locales/es.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  otp: {
+    sent_to_email: 'Un código de un solo uso ha sido enviado a tu correo electrónico',
+    sent_to_phone: 'Un código de un solo uso ha sido enviado a tu número de teléfono',
+    resend_successful: 'El código de un solo uso ha sido reenviado exitosamente',
+    invalid: 'Código de un solo uso inválido',
+    resend: 'Reenviar OTP',
+    throttled: 'Has alcanzado el número máximo de intentos. Por favor intenta de nuevo en 1 minuto.'
+  },
+  white_label: {
+    powered_by: "Desarrollado por"
+  }
+};
+exports.default = _default;

package/lib/locales/index.js

@@ -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/models/business.js

@@ -0,0 +1,57 @@
+"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); }
+var Business = /*#__PURE__*/function () {
+  function Business(id) {
+    _classCallCheck(this, Business);
+    this.id = id;
+    this.data = {};
+    this.fetchPublicData();
+  }
+  _createClass(Business, [{
+    key: "subscription",
+    get: function get() {
+      return this.data.subscription;
+    }
+  }, {
+    key: "country",
+    get: function get() {
+      return this.data.country;
+    }
+  }, {
+    key: "enabledWhitelist",
+    get: function get() {
+      return this.data.whitelist !== 'disabled';
+    }
+  }, {
+    key: "locale",
+    get: function get() {
+      return _locales.default[this.data.locale];
+    }
+  }, {
+    key: "features",
+    get: function get() {
+      return this.data.features;
+    }
+
+    // private
+  }, {
+    key: "fetchPublicData",
+    value: function fetchPublicData() {
+      _businesses.default.get(this.id).then(response => response.json()).then(data => this.data = data);
+    }
+  }]);
+  return Business;
+}();
+exports.Business = Business;

package/lib/models/configuration.js

@@ -0,0 +1,66 @@
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+})
+exports.Configuration = void 0
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError('Cannot call a class as a function')
+  }
+}
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i]
+    descriptor.enumerable = descriptor.enumerable || false
+    descriptor.configurable = true
+    if ('value' in descriptor) descriptor.writable = true
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor)
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps)
+  if (staticProps) _defineProperties(Constructor, staticProps)
+  Object.defineProperty(Constructor, 'prototype', { writable: false })
+  return Constructor
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, 'string')
+  return typeof key === 'symbol' ? key : String(key)
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== 'object' || input === null) return input
+  var prim = input[Symbol.toPrimitive]
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || 'default')
+    if (typeof res !== 'object') return res
+    throw new TypeError('@@toPrimitive must return a primitive value.')
+  }
+  return (hint === 'string' ? String : Number)(input)
+}
+var Configuration = /*#__PURE__*/ (function () {
+  function Configuration() {
+    _classCallCheck(this, Configuration)
+  }
+  _createClass(Configuration, null, [
+    {
+      key: 'assign',
+      value: function assign(_ref) {
+        var { apiRoot, autoGenerateSession } = _ref
+        this.apiRoot = apiRoot
+        this.autoGenerateSession = autoGenerateSession
+        return this
+      },
+    },
+    {
+      key: 'endpoint',
+      value: function endpoint(path) {
+        return ''.concat(this.apiRoot, '/').concat(path)
+      },
+    },
+  ])
+  return Configuration
+})()
+exports.Configuration = Configuration
+Configuration.apiRoot = 'http://api.lvh.me:3000/v1/'
+Configuration.autoGenerateSession = true

package/lib/models/cookies.js

@@ -0,0 +1,34 @@
+"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); }
+var Cookies = /*#__PURE__*/function () {
+  function Cookies() {
+    _classCallCheck(this, Cookies);
+  }
+  _createClass(Cookies, null, [{
+    key: "set",
+    value: function set(name, value) {
+      document.cookie = "".concat(name, "=").concat(value);
+      _hellotext.default.eventEmitter.dispatch('session-set', value);
+      return value;
+    }
+  }, {
+    key: "get",
+    value: function get(name) {
+      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();
+    }
+  }]);
+  return Cookies;
+}();
+exports.Cookies = Cookies;

package/lib/models/form.js

@@ -0,0 +1,148 @@
+"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; }
+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; }
+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
+    });
+    this.data = data;
+    this.element = element || document.querySelector("[data-hello-form=\"".concat(this.id, "\"]")) || document.createElement('form');
+  }
+  _createClass(Form, [{
+    key: "mount",
+    value: function () {
+      var _mount = _asyncToGenerator(function* () {
+        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.default.business.features.white_label) {
+          this.element.prepend(_logo_builder.LogoBuilder.build());
+        }
+      });
+      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');
+      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) {
+      var inputsContainerElement = _classPrivateFieldLooseBase(this, _findOrCreateComponent)[_findOrCreateComponent]('[data-form-inputs]', 'main');
+      var 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) {
+      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);
+      }
+    }
+  }, {
+    key: "buildFooter",
+    value: function buildFooter(footer) {
+      var 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) {
+      localStorage.setItem("hello-form-".concat(this.id), 'completed');
+      _hellotext.default.eventEmitter.dispatch('form:completed', _objectSpread({
+        id: this.id
+      }, data));
+    }
+  }, {
+    key: "id",
+    get: function get() {
+      return this.data.id;
+    }
+  }, {
+    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)
+      }, {
+        name: 'data-action',
+        value: 'hellotext--otp:verified->hellotext--form#completed'
+      }];
+    }
+  }]);
+  return Form;
+}();
+exports.Form = Form;
+function _findOrCreateComponent2(selector, tag) {
+  var existingElement = this.element.querySelector(selector);
+  if (existingElement) {
+    return existingElement.cloneNode(true);
+  }
+  var createdElement = document.createElement(tag);
+  createdElement.setAttribute(selector.replace('[', '').replace(']', ''), '');
+  return createdElement;
+}