\\n\\t\\t\\t\\t\\tOnly accept .pdf, .png, .gif, .jpg, .jpeg, .jfif, .pjpeg, .pjp, .avif\\n\\t\\t\\t\\t\\t \\n\\t\\t\\t\\t\\tAnd a max size of 20MB for a file.\\n\\t\\t\\t\\t
\");\n }\n\n return \"\";\n }\n }]);\n\n return FormFieldBuilder;\n}();","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nimport { Configuration } from \"../Shared/Configuration\";\nexport var FileUploader = /*#__PURE__*/function () {\n function FileUploader() {\n _classCallCheck(this, FileUploader);\n\n this._invalidFileTypeMessage = \"Invalid file type\";\n this._invalidFileSizeMessage = \"Over a max size of\";\n this._selectDifferentFileMessage = \"Please select a different file.\";\n }\n\n _createClass(FileUploader, [{\n key: \"InitializeFileUploader\",\n value: function InitializeFileUploader(name, formContainer, fileUploadComponentHtml, root, invalidFileTypeMessage, invalidFileSizeMessage, selectDifferentFileMessage) {\n this._invalidFileTypeMessage = invalidFileTypeMessage;\n this._invalidFileSizeMessage = invalidFileSizeMessage;\n this._selectDifferentFileMessage = selectDifferentFileMessage;\n var $formRow = document.createElement(\"div\");\n var $formControl = document.createElement(\"div\");\n $formControl.innerHTML = fileUploadComponentHtml;\n $formRow.appendChild($formControl);\n formContainer.appendChild($formRow);\n this._dropArea = root.querySelector(\"#mppw-upload-droparea-\".concat(name));\n this._fileInputId = root.querySelector(\"#mppw-upload-file-\".concat(name));\n this._filePreviewGallery = root.querySelector(\"#mppw-upload-gallery-\".concat(name));\n this._invalidFileTypeLabel = root.querySelector(\"#mppw-invalid-file-type-label-\".concat(name));\n this._invalidFileTypeLabel.style.display = \"none\";\n this.BindEventListener(root);\n }\n }, {\n key: \"BindEventListener\",\n value: function BindEventListener(root) {\n var _this = this;\n\n // Prevent default drag behavior\n ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(function (eventName) {\n _this._dropArea.addEventListener(eventName, _this.preventDefaults, false);\n\n document.body.addEventListener(eventName, _this.preventDefaults, false);\n }); // Highlight drop area when item is dragged over it\n\n ['dragenter', 'dragover'].forEach(function (eventName) {\n _this._dropArea.addEventListener(eventName, function (event) {\n _this._dropArea.classList.add('highlight');\n });\n });\n ['dragleave', 'drop'].forEach(function (eventName) {\n _this._dropArea.addEventListener(eventName, function (event) {\n _this._dropArea.classList.remove('active');\n });\n }); // Handle dropped files\n\n this._dropArea.addEventListener('drop', function (event) {\n var dt = event.dataTransfer;\n var files = dt.files;\n _this._fileInputId.files = files;\n\n _this.handleFiles(files, root);\n }); // Handle onchange\n\n\n this._fileInputId.addEventListener('change', function (event) {\n _this.handleFiles(_this._fileInputId.files, root);\n });\n }\n }, {\n key: \"preventDefaults\",\n value: function preventDefaults(e) {\n e.preventDefault();\n e.stopPropagation();\n }\n }, {\n key: \"validateUploadFileExtension\",\n value: function validateUploadFileExtension(fileName) {\n return /\\.(pdf|png|gif|jpg|jpeg|jfif|pjpeg|pjp|avif)$/i.test(fileName);\n }\n }, {\n key: \"handleFiles\",\n value: function handleFiles(files, root) {\n var _this2 = this;\n\n files = _toConsumableArray(files);\n var fileSize = 0,\n maxFileSize = 20480;\n\n if (files !== null && files !== undefined && files.length > 1) {\n files = files.slice(0, 1);\n }\n\n this.clearPreviewFiles();\n files.forEach(function (file) {\n if (file.name) {\n if (file.size > 0) {\n fileSize = Math.round(file.size / 1024);\n }\n\n if (!_this2.validateUploadFileExtension(file.name)) {\n _this2._invalidFileTypeLabel.style.display = \"block\";\n _this2._invalidFileTypeLabel.innerHTML = _this2._invalidFileTypeMessage + \", \" + file.name + \". \" + _this2._selectDifferentFileMessage;\n } else if (fileSize > maxFileSize) {\n _this2._invalidFileTypeLabel.style.display = \"block\";\n _this2._invalidFileTypeLabel.innerHTML = _this2._invalidFileSizeMessage + \" 20MB, \" + file.name + \". \" + _this2._selectDifferentFileMessage;\n } else {\n _this2.previewFile(file, root);\n }\n }\n });\n }\n }, {\n key: \"clearPreviewFiles\",\n value: function clearPreviewFiles() {\n this._invalidFileTypeLabel.style.display = \"none\";\n\n if (this._filePreviewGallery != null) {\n this._filePreviewGallery.innerHTML = '';\n }\n }\n }, {\n key: \"previewFile\",\n value: function previewFile(file, root) {\n var self = this;\n var reader = new FileReader();\n reader.readAsDataURL(file);\n\n reader.onloadend = function () {\n // Determine placeholder image to show\n var img = document.createElement('img');\n\n if (file.type.startsWith('image/') === true) {\n // Display uploaded image\n img.src = reader.result;\n } else {\n // Display name and placeholder image\n img.src = new Configuration().GetAppRoot() + '/Content/icons/icon-file-earmark.svg';\n } // Build file preview\n\n\n var fileElement = document.createElement('div');\n fileElement.classList.add('mppw-gallery-file');\n var fileName = document.createElement('span');\n fileName.innerHTML += file.name;\n var fileCloseIcon = document.createElement('img');\n fileCloseIcon.setAttribute('title', 'Click to remove this file.');\n fileCloseIcon.classList.add('mppw-gallery-file-close-icon');\n fileCloseIcon.src = new Configuration().GetAppRoot() + \"/Content/icons/minus-circle.png\";\n fileCloseIcon.addEventListener('click', function handleClick() {\n if (self._filePreviewGallery != null) {\n self._filePreviewGallery.innerHTML = '';\n }\n\n if (self._fileInputId != null) {\n self._fileInputId.value = null;\n }\n });\n fileElement.appendChild(img);\n fileElement.appendChild(fileName);\n fileElement.appendChild(fileCloseIcon);\n\n self._filePreviewGallery.appendChild(fileElement);\n };\n }\n }], [{\n key: \"UploadFile\",\n value: function UploadFile(url, name, file, elem, callback) {\n var xhr = new XMLHttpRequest();\n var fd = new FormData();\n xhr.open(\"POST\", url, true);\n\n xhr.onreadystatechange = function () {\n if (xhr.readyState === 4 && xhr.status === 200) {\n var data = JSON.parse(xhr.response);\n if (callback) callback(elem, data);\n }\n };\n\n fd.append(name, file); // Initiate a multipart/form-data upload\n\n xhr.send(fd);\n }\n }]);\n\n return FileUploader;\n}();","function _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _wrapNativeSuper(Class) { var _cache = typeof Map === \"function\" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== \"function\") { throw new TypeError(\"Super expression must either be null or a function\"); } if (typeof _cache !== \"undefined\") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }\n\nfunction _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _isNativeFunction(fn) { return Function.toString.call(fn).indexOf(\"[native code]\") !== -1; }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\n/*jshint esversion: 8 */\nexport var ArgumentException = /*#__PURE__*/function (_Error) {\n _inherits(ArgumentException, _Error);\n\n var _super = _createSuper(ArgumentException);\n\n function ArgumentException(argName) {\n _classCallCheck(this, ArgumentException);\n\n return _super.call(this, \"Argument \".concat(argName, \" is invalid, null or undefined\"));\n }\n\n return ArgumentException;\n}( /*#__PURE__*/_wrapNativeSuper(Error));\nexport var ArgumentTypeException = /*#__PURE__*/function (_Error2) {\n _inherits(ArgumentTypeException, _Error2);\n\n var _super2 = _createSuper(ArgumentTypeException);\n\n function ArgumentTypeException(argName) {\n _classCallCheck(this, ArgumentTypeException);\n\n return _super2.call(this, \"Type of argument \".concat(argName, \" is invalid\"));\n }\n\n return ArgumentTypeException;\n}( /*#__PURE__*/_wrapNativeSuper(Error));","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n/*jshint esversion: 8 */\nimport { ArgumentException } from \"./Exceptions\";\nimport { ArgumentTypeException } from \"./Exceptions\";\n\nvar _getKey = function _getKey(key) {\n return \"mpp-widgets_\".concat(key);\n};\n/**\r\n * Static storage wrapper class. Provides get, set and clear abilities\r\n */\n\n\nexport var LocalStorageManager = /*#__PURE__*/function () {\n function LocalStorageManager() {\n _classCallCheck(this, LocalStorageManager);\n }\n\n _createClass(LocalStorageManager, null, [{\n key: \"setItem\",\n value:\n /**\r\n * Sets item in storage under provided key name\r\n * @param {string} key Key under which item is stored\r\n * @param {object} item Item to be stored\r\n * @throws {ArgumentException}\r\n * @throws {ArgumentTypeException}\r\n */\n function setItem(key, item) {\n if (!key) {\n throw new ArgumentException(\"key\");\n }\n\n if (typeof key !== \"string\") {\n throw new ArgumentTypeException(\"key\");\n }\n\n if (!!window.localStorage && !!window.localStorage.setItem) {\n var fullKey = _getKey(key);\n\n window.localStorage.setItem(fullKey, item);\n }\n }\n /**\r\n * Gets item from storage, if not available returns null\r\n * @param {string} key Key under which item is stored\r\n * @returns {object} Item object if available, otherwise returns null\r\n * @throws {ArgumentException}\r\n * @throws {ArgumentTypeException}\r\n */\n\n }, {\n key: \"getItem\",\n value: function getItem(key) {\n if (!key) {\n throw new ArgumentException(\"key\");\n }\n\n if (typeof key !== \"string\") {\n throw new ArgumentTypeException(\"key\");\n }\n\n var item = null;\n\n if (!!window.localStorage && !!window.localStorage.getItem) {\n var fullKey = _getKey(key);\n\n item = window.localStorage.getItem(fullKey) || null;\n }\n\n return item;\n }\n /**\r\n * Clears all \"context\" items in localStorage\r\n */\n\n }, {\n key: \"clear\",\n value: function clear(startsWith) {\n if (!!window.localStorage && !!window.localStorage.removeItem) {\n var storageKeys = Object.keys(window.localStorage);\n\n if (!!storageKeys.length) {\n var searchFor = _getKey(startsWith);\n\n for (var key in storageKeys) {\n if (!!key) {\n var keyValue = storageKeys[key];\n\n if (!!keyValue && !!keyValue.startsWith && !!keyValue.startsWith(searchFor)) {\n window.localStorage.removeItem(keyValue);\n }\n }\n }\n }\n }\n }\n }]);\n\n return LocalStorageManager;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n/*jshint esversion: 8 */\nimport { ArgumentException } from \"./Exceptions\";\nimport { ArgumentTypeException } from \"./Exceptions\";\n\nvar _getKey = function _getKey(key) {\n return \"mpp-widgets_\".concat(key);\n};\n/**\r\n * Static storage wrapper class. Provides get, set and clear abilities\r\n */\n\n\nexport var SessionStorageManager = /*#__PURE__*/function () {\n function SessionStorageManager() {\n _classCallCheck(this, SessionStorageManager);\n }\n\n _createClass(SessionStorageManager, null, [{\n key: \"setItem\",\n value:\n /**\r\n * Sets item in storage under provided key name\r\n * @param {string} key Key under which item is stored\r\n * @param {object} item Item to be stored\r\n * @throws {ArgumentException}\r\n * @throws {ArgumentTypeException}\r\n */\n function setItem(key, item) {\n if (!key) {\n throw new ArgumentException(\"key\");\n }\n\n if (typeof key !== \"string\") {\n throw new ArgumentTypeException(\"key\");\n }\n\n if (!!window.sessionStorage && !!window.sessionStorage.setItem) {\n var fullKey = _getKey(key);\n\n window.sessionStorage.setItem(fullKey, item);\n }\n }\n /**\r\n * Gets item from storage, if not available returns null\r\n * @param {string} key Key under which item is stored\r\n * @returns {object} Item object if available, otherwise returns null\r\n * @throws {ArgumentException}\r\n * @throws {ArgumentTypeException}\r\n */\n\n }, {\n key: \"getItem\",\n value: function getItem(key) {\n if (!key) {\n throw new ArgumentException(\"key\");\n }\n\n if (typeof key !== \"string\") {\n throw new ArgumentTypeException(\"key\");\n }\n\n var item = null;\n\n if (!!window.sessionStorage && !!window.sessionStorage.getItem) {\n var fullKey = _getKey(key);\n\n item = window.sessionStorage.getItem(fullKey) || null;\n }\n\n return item;\n }\n /**\r\n * Clears all \"context\" items in sessionStorage\r\n */\n\n }, {\n key: \"clear\",\n value: function clear(startsWith) {\n if (!!window.sessionStorage && !!window.sessionStorage.removeItem) {\n var storageKeys = Object.keys(window.sessionStorage);\n\n if (!!storageKeys.length) {\n var searchFor = _getKey(startsWith);\n\n for (var key in storageKeys) {\n if (!!key) {\n var keyValue = storageKeys[key];\n\n if (!!keyValue && !!keyValue.startsWith && !!keyValue.startsWith(searchFor)) {\n window.sessionStorage.removeItem(keyValue);\n }\n }\n }\n }\n }\n }\n }]);\n\n return SessionStorageManager;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nvar privateMethods = {\n getUrlParameter: function getUrlParameter(params, name) {\n name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\n var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)');\n var results = regex.exec(params);\n return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\n }\n};\nexport var URLSearchParameters = /*#__PURE__*/function () {\n /**\r\n * @return {URLSearchParameters}\r\n */\n function URLSearchParameters(params) {\n _classCallCheck(this, URLSearchParameters);\n\n this._params = params;\n if (URLSearchParams) this._urlSearchParams = new URLSearchParams(this._params);\n return this;\n }\n\n _createClass(URLSearchParameters, [{\n key: \"get\",\n value: function get(name) {\n if (this._params === \"\") return \"\";\n return URLSearchParams ? this._urlSearchParams.get(name) : privateMethods.getUrlParameter.call(this._params, name);\n }\n }, {\n key: \"has\",\n value: function has(name) {\n if (this._params === \"\") return false;\n\n if (URLSearchParams) {\n return this._urlSearchParams.has(name);\n } else {\n var param = privateMethods.getUrlParameter.call(this._params, name);\n return param !== undefined;\n }\n }\n }, {\n key: \"toString\",\n value: function toString() {\n return this._params ? this._params.substr(1) : \"\";\n }\n }, {\n key: \"isValid\",\n value: function isValid() {\n return this._params !== \"\";\n }\n }]);\n\n return URLSearchParameters;\n}();","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); } }\n\nfunction _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); }); }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\n/* jshint esversion: 8 */\nimport { ConfigurationService } from '../Shared/Configuration';\nimport { LocalStorageManager } from '../Shared/LocalStorageManager';\nimport { SessionStorageManager } from '../Shared/SessionStorageManager';\nimport { URLSearchParameters } from '../Shared/URLSearchParameters';\nvar _tokenKeyName = \"AuthToken\";\nvar _idTokenKeyName = \"IdToken\";\nvar _expiresAfterName = \"ExpiresAfter\";\nvar _csrfToken = \"CSRFToken\";\nwindow.mppw_refreshTokenPromise = null;\nexport var OAuthService = /*#__PURE__*/function () {\n function OAuthService() {\n _classCallCheck(this, OAuthService);\n }\n\n _createClass(OAuthService, null, [{\n key: \"Token\",\n get: function get() {\n var tokenValue = LocalStorageManager.getItem(_tokenKeyName);\n var token = tokenValue === \"null\" ? null : tokenValue;\n return token;\n },\n set: function set(token) {\n LocalStorageManager.setItem(_tokenKeyName, token);\n }\n }, {\n key: \"IdToken\",\n get: function get() {\n var idTokenValue = LocalStorageManager.getItem(_idTokenKeyName);\n var idToken = idTokenValue === \"null\" ? null : idTokenValue;\n return idToken;\n },\n set: function set(idToken) {\n LocalStorageManager.setItem(_idTokenKeyName, idToken);\n }\n }, {\n key: \"ExpiresAfter\",\n get: function get() {\n var expiresAfterValue = LocalStorageManager.getItem(_expiresAfterName);\n var expiresAfter = expiresAfterValue === \"null\" ? null : new Date(expiresAfterValue);\n return expiresAfter;\n },\n set: function set(expiresAfter) {\n LocalStorageManager.setItem(_expiresAfterName, expiresAfter);\n }\n }, {\n key: \"CSRFToken\",\n get: function get() {\n try {\n var token = JSON.parse(SessionStorageManager.getItem(_csrfToken));\n return token;\n } catch (_unused) {\n return null;\n }\n },\n set: function set(token) {\n SessionStorageManager.setItem(_csrfToken, JSON.stringify(token));\n }\n }, {\n key: \"SignIn\",\n value: function SignIn() {\n ConfigurationService.GetAuthConfiguration().then(function (oauthConfig) {\n if (!!oauthConfig) {\n var url = \"\".concat(oauthConfig.signInUrl, \"?\") + \"response_type=\".concat(oauthConfig.responseType) + \"&scope=\".concat(oauthConfig.scope) + \"&client_id=\".concat(oauthConfig.clientId) + \"&redirect_uri=\".concat(oauthConfig.redirectUrl) + \"&nonce=\".concat(oauthConfig.nonce) + \"&state=\".concat(encodeURIComponent(window.location));\n OAuthService.Token = null;\n window.location.replace(url);\n }\n });\n }\n }, {\n key: \"SignOut\",\n value: function SignOut() {\n ConfigurationService.GetAuthConfiguration(true).then(function (oauthConfig) {\n if (!!oauthConfig) {\n var url = \"\".concat(oauthConfig.signOutUrl, \"?\") + \"id_token_hint=\".concat(OAuthService.IdToken) + \"&post_logout_redirect_uri=\".concat(oauthConfig.postLogoutRedirectUrl) + \"&state=\".concat(encodeURI(window.location));\n OAuthService.Token = null;\n OAuthService.IdToken = null;\n window.location.replace(url);\n }\n });\n }\n }, {\n key: \"SaveCSRFTokenAsync\",\n value: function () {\n var _SaveCSRFTokenAsync = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n var result;\n return regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.next = 2;\n return ConfigurationService.GetCSRFToken();\n\n case 2:\n result = _context.sent;\n OAuthService.CSRFToken = result;\n\n case 4:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n\n function SaveCSRFTokenAsync() {\n return _SaveCSRFTokenAsync.apply(this, arguments);\n }\n\n return SaveCSRFTokenAsync;\n }()\n }, {\n key: \"SaveAuthTokensAsync\",\n value: function () {\n var _SaveAuthTokensAsync = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {\n var tokenParamName, userSearchParameters, token, url, tokens;\n return regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n tokenParamName = \"cacheKey\";\n userSearchParameters = new URLSearchParameters(window.location.search);\n token = userSearchParameters.get(tokenParamName);\n\n if (!token) {\n _context2.next = 9;\n break;\n }\n\n if (!!window.history && !!window.history.replaceState && !!token) {\n url = String(window.location);\n url = url.replace(\"?\" + tokenParamName + \"=\", \"\").replace(\"&\" + tokenParamName + \"=\", \"\").replace(token, \"\");\n window.history.replaceState({}, document.title, url);\n }\n\n _context2.next = 7;\n return ConfigurationService.GetAuthToken(token);\n\n case 7:\n tokens = _context2.sent;\n\n OAuthService._SaveTokens(tokens);\n\n case 9:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n\n function SaveAuthTokensAsync() {\n return _SaveAuthTokensAsync.apply(this, arguments);\n }\n\n return SaveAuthTokensAsync;\n }()\n }, {\n key: \"RefreshTokensAsync\",\n value: function () {\n var _RefreshTokensAsync = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {\n return regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n if (!(window.mppw_refreshTokenPromise != null)) {\n _context3.next = 2;\n break;\n }\n\n return _context3.abrupt(\"return\", window.mppw_refreshTokenPromise);\n\n case 2:\n // Put RE-AUTH promise into a global var so that other requests may reuse existing promise until it is resolved\n window.mppw_refreshTokenPromise = new Promise(function (resolve) {\n if (!OAuthService.Token || !OAuthService.IdToken || !OAuthService.ExpiresAfter) {\n resolve();\n return;\n }\n\n ConfigurationService.GetAuthConfiguration(true).then(function (oauthConfig) {\n if (!!oauthConfig) {\n var url = \"\".concat(oauthConfig.signInUrl, \"?\") + \"response_type=\".concat(oauthConfig.responseType) + \"&scope=\".concat(oauthConfig.scope) + \"&client_id=\".concat(oauthConfig.clientId) + \"&redirect_uri=\".concat(oauthConfig.redirectUrl) + \"&nonce=\".concat(oauthConfig.nonce) + \"&state=REAUTH\";\n fetch(url, {\n credentials: \"include\"\n }).then(function (response) {\n return response.json().then(function (tokens) {\n OAuthService._SaveTokens(tokens);\n\n resolve();\n })[\"catch\"](function () {\n OAuthService._ClearTokens();\n\n resolve();\n });\n })[\"catch\"](function () {\n OAuthService._ClearTokens();\n\n resolve();\n });\n }\n });\n })[\"finally\"](function () {\n // Remove resolved promise from the global var\n window.mppw_refreshTokenPromise = null;\n });\n return _context3.abrupt(\"return\", window.mppw_refreshTokenPromise);\n\n case 4:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3);\n }));\n\n function RefreshTokensAsync() {\n return _RefreshTokensAsync.apply(this, arguments);\n }\n\n return RefreshTokensAsync;\n }()\n }, {\n key: \"_SaveTokens\",\n value: function _SaveTokens(tokens) {\n OAuthService.Token = tokens.accessToken;\n OAuthService.IdToken = tokens.idToken;\n var expiresAfter = new Date();\n expiresAfter.setSeconds(expiresAfter.getSeconds() + tokens.expiresIn - 60);\n OAuthService.ExpiresAfter = expiresAfter;\n }\n }, {\n key: \"_ClearTokens\",\n value: function _ClearTokens() {\n OAuthService.Token = null;\n OAuthService.IdToken = null;\n OAuthService.ExpiresAfter = null;\n }\n }]);\n\n return OAuthService;\n}();","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); } }\n\nfunction _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); }); }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nimport { OAuthService } from './OAuthService'; // adapted from: https://stackoverflow.com/questions/51297206/fetch-api-global-error-handler\n\nvar _addAuth = function _addAuth(options) {\n options = options || {};\n\n if (!!OAuthService.Token) {\n options.credentials = \"include\";\n options.withCredentials = true;\n options.headers = options.headers || {};\n options.headers.Authorization = \"Bearer \".concat(OAuthService.Token);\n }\n\n return options;\n};\n\nvar _addCSRF = function _addCSRF(options) {\n return new Promise(function (resolve) {\n options = options || {};\n options.headers = options.headers || {};\n\n if (!!OAuthService.CSRFToken && !!OAuthService.CSRFToken.token && !!OAuthService.CSRFToken.expiresAfterUtc) {\n var expiresAfterUTC = new Date(OAuthService.CSRFToken.expiresAfterUtc);\n\n var nowUTC = _getCurrentUTCDateTime();\n\n if (nowUTC >= expiresAfterUTC) {\n OAuthService.SaveCSRFTokenAsync().then(function () {\n options.headers[\"x-csrf-token\"] = OAuthService.CSRFToken.token;\n resolve(options);\n });\n } else {\n options.headers[\"x-csrf-token\"] = OAuthService.CSRFToken.token;\n resolve(options);\n }\n } else {\n resolve(options);\n }\n });\n};\n\nvar _getCurrentUTCDateTime = function _getCurrentUTCDateTime() {\n var now = new Date();\n var utcDateTime = Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds(), now.getUTCMilliseconds());\n return utcDateTime;\n};\n\nvar _htmlSanitizer = /<\\/?(embed|form|frame|frameset|html|iframe|input|keygen|link|meta|noembed|noframes|noscript|object|plaintext|pre|script|select|style|svg|video|wbr|xmp)[^>]*>/ig;\nvar _eventSanitizer = /(<[^>]+\\s)on[^=]+/ig;\n\nvar _htmlSanitize = function _htmlSanitize(textObj) {\n var sanitize = function sanitize(str) {\n return str.replace(_htmlSanitizer, \"\").replace(_eventSanitizer, \"$1 sanitizedEvent\");\n };\n\n var cleanKeys = function cleanKeys(obj, depth) {\n if (!obj) {\n return obj;\n }\n\n Object.getOwnPropertyNames(obj).forEach(function (key) {\n if (typeof obj[key] === \"string\") {\n obj[key] = sanitize(obj[key]);\n }\n\n if (_typeof(obj[key]) === \"object\" && depth < 40) {\n obj[key] = cleanKeys(obj[key], depth + 1);\n }\n });\n return obj;\n };\n\n return cleanKeys(textObj, 0);\n};\n\nexport var Ajax = /*#__PURE__*/function () {\n function Ajax() {\n _classCallCheck(this, Ajax);\n }\n\n _createClass(Ajax, null, [{\n key: \"Get\",\n value: function Get(url) {\n return Ajax.RefreshTokensIfNeededAsync().then(function () {\n return new Promise(function (resolve, reject) {\n var options = _addAuth();\n\n fetch(url, options).then(function (response) {\n if (response.ok) {\n response.json().then(function (json) {\n resolve(_htmlSanitize(json));\n })[\"catch\"](function (err) {\n reject(err);\n });\n } else {\n if (response.status === 401) {\n OAuthService.SignIn();\n } else {\n reject(response);\n }\n }\n });\n });\n });\n }\n }, {\n key: \"Post\",\n value: function () {\n var _Post = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, data, additionalHeaders) {\n var retry,\n options,\n response,\n json,\n err,\n _args = arguments;\n return regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n retry = _args.length > 3 && _args[3] !== undefined ? _args[3] : true;\n _context.next = 3;\n return Ajax.RefreshTokensIfNeededAsync();\n\n case 3:\n options = _addAuth({\n method: \"POST\",\n body: data\n });\n\n if (additionalHeaders) {\n Object.keys(additionalHeaders).forEach(function (header) {\n options.headers[header] = additionalHeaders[header];\n });\n }\n\n _context.next = 7;\n return _addCSRF(options);\n\n case 7:\n options = _context.sent;\n _context.prev = 8;\n _context.next = 11;\n return fetch(url, options);\n\n case 11:\n response = _context.sent;\n\n if (!response.ok) {\n _context.next = 21;\n break;\n }\n\n _context.next = 15;\n return response.json();\n\n case 15:\n json = _context.sent;\n _context.next = 18;\n return _htmlSanitize(json);\n\n case 18:\n return _context.abrupt(\"return\", _context.sent);\n\n case 21:\n _context.next = 23;\n return response.json();\n\n case 23:\n err = _context.sent;\n throw err;\n\n case 25:\n _context.next = 36;\n break;\n\n case 27:\n _context.prev = 27;\n _context.t0 = _context[\"catch\"](8);\n\n if (!(retry && _context.t0.SecondaryStatusCode && _context.t0.SecondaryStatusCode === \"CSRF\")) {\n _context.next = 35;\n break;\n }\n\n _context.next = 32;\n return OAuthService.SaveCSRFTokenAsync();\n\n case 32:\n return _context.abrupt(\"return\", this.Post(url, data, additionalHeaders, false));\n\n case 35:\n throw _context.t0;\n\n case 36:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this, [[8, 27]]);\n }));\n\n function Post(_x, _x2, _x3) {\n return _Post.apply(this, arguments);\n }\n\n return Post;\n }()\n }, {\n key: \"RefreshTokensIfNeededAsync\",\n value: function () {\n var _RefreshTokensIfNeededAsync = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {\n var currentTime, expiresAfter;\n return regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n currentTime = new Date();\n expiresAfter = OAuthService.ExpiresAfter;\n\n if (!(currentTime > expiresAfter)) {\n _context2.next = 5;\n break;\n }\n\n _context2.next = 5;\n return OAuthService.RefreshTokensAsync();\n\n case 5:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2);\n }));\n\n function RefreshTokensIfNeededAsync() {\n return _RefreshTokensIfNeededAsync.apply(this, arguments);\n }\n\n return RefreshTokensIfNeededAsync;\n }()\n }]);\n\n return Ajax;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nimport { Configuration } from \"../Shared/Configuration\";\nimport { Ajax } from \"./Ajax\";\nexport var CustomFormApiService = /*#__PURE__*/function () {\n function CustomFormApiService() {\n _classCallCheck(this, CustomFormApiService);\n\n var config = new Configuration();\n this._appRoot = config.GetAppRoot();\n }\n\n _createClass(CustomFormApiService, [{\n key: \"GetForm\",\n value: function GetForm(FormGuid) {\n var url = \"\".concat(this._appRoot, \"/Api/CustomFormApi/GetForm?FormGuid=\").concat(FormGuid);\n return Ajax.Get(url);\n }\n }, {\n key: \"GetFormFields\",\n value: function GetFormFields(FormGuid) {\n var url = \"\".concat(this._appRoot, \"/Api/CustomFormApi/GetFormFields?FormGuid=\").concat(FormGuid);\n return Ajax.Get(url);\n }\n }, {\n key: \"GetContactById\",\n value: function GetContactById(contactId) {\n var url = \"\".concat(this._appRoot, \"/Api/CustomFormApi/GetContactById?contactId=\").concat(contactId);\n return Ajax.Get(url);\n }\n }, {\n key: \"PostFormData\",\n value: function PostFormData(formData) {\n var url = \"\".concat(this._appRoot, \"/Api/CustomFormApi/PostFormData\");\n return Ajax.Post(url, formData);\n }\n }, {\n key: \"GetConfigurations\",\n value: function GetConfigurations() {\n var url = \"\".concat(this._appRoot, \"/Api/CustomFormApi/GetConfigurations\");\n return Ajax.Get(url);\n }\n }]);\n\n return CustomFormApiService;\n}();","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nimport { Configuration } from \"./Configuration\";\nexport var I18N = /*#__PURE__*/function () {\n function I18N(componentName) {\n _classCallCheck(this, I18N);\n\n this._componentName = componentName;\n this._locale = I18N.GetCurrentLocale();\n var config = new Configuration();\n this._appRoot = config.GetAppRoot();\n return fetch(\"\".concat(this._appRoot, \"/Api/ConfigurationApi/GetLabels?componentName=\").concat(this._componentName, \"&locale=\").concat(this._locale), {\n credentials: \"include\",\n mode: \"cors\",\n withCredentials: true\n }).then(function (response) {\n return response.json();\n });\n /*\r\n \t.catch((a, b) => {\r\n \t\t//TODO: Write this error into HTML:\r\n \t\tconsole.log(\"a\", a);\r\n \t\t//console.log(\"b\", b);\r\n \t\tvar h = this; //.getRootNode().host;\r\n \t\tconsole.log(\"h\", h);\r\n \t\tthis.parentNode.innerHTML = `Error: ${a}`;\r\n });\r\n */\n }\n\n _createClass(I18N, null, [{\n key: \"GetCurrentLocale\",\n value: function GetCurrentLocale() {\n return localStorage.userLocale || \"en\";\n }\n }]);\n\n return I18N;\n}();","function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === \"undefined\" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it[\"return\"] != null) it[\"return\"](); } finally { if (didErr) throw err; } } }; }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction 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); } }\n\nfunction _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); }); }; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _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, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nimport { FormFieldBuilder } from \"./FormFieldBuilder\";\nimport { FileUploader } from \"./FileUploader\";\nimport { CustomFormApiService } from \"../Services/CustomFormApiService\";\nimport { OAuthService } from \"../Services/OAuthService\";\nimport { I18N } from \"../Shared/I18n\";\nvar _customFormInputPrefix = \"\"; // Gets set in RenderCustomForm function\n\nexport var CustomFormBuilder = /*#__PURE__*/function () {\n function CustomFormBuilder() {\n _classCallCheck(this, CustomFormBuilder);\n }\n\n _createClass(CustomFormBuilder, null, [{\n key: \"getTranslations\",\n value: function () {\n var _getTranslations = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {\n var _this = this;\n\n var i18n;\n return regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n if (this._i18n) {\n _context.next = 5;\n break;\n }\n\n _context.next = 3;\n return new I18N(\"mpp-custom-form\")[\"catch\"](function (error) {\n if (error.toString().startsWith(\"TypeError\")) {\n _this._root.innerHTML = \"Unable to connect. Please check Permitted URLs.\";\n } else {\n _this._root.innerHTML = \"\".concat(error);\n }\n });\n\n case 3:\n i18n = _context.sent;\n this._i18n = i18n;\n\n case 5:\n return _context.abrupt(\"return\", this._i18n);\n\n case 6:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, this);\n }));\n\n function getTranslations() {\n return _getTranslations.apply(this, arguments);\n }\n\n return getTranslations;\n }()\n /**\r\n * @summary Will render a custom form.\r\n * @param {string} customFormGuid The custom forms Guid identifier\r\n * @param {Element} customFormFieldsElement The html element that will house the custom form elements\r\n * @param {Element} customFormRootElement The root html form element which contains the customFormFieldsElement\r\n */\n\n }, {\n key: \"RenderCustomForm\",\n value: function () {\n var _RenderCustomForm = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(customFormGuid, customFormFieldsElement, customFormRootElement, skipFormInstructions, isUserAuthenticated) {\n var customFormService, _yield$Promise$all, _yield$Promise$all2, customFormData, customFormConfig, customForm;\n\n return regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.next = 2;\n return this.getTranslations();\n\n case 2:\n customFormFieldsElement.innerHTML = \"\";\n\n if (!customFormGuid) {\n _context2.next = 15;\n break;\n }\n\n customFormService = new CustomFormApiService();\n _context2.next = 7;\n return Promise.all([customFormService.GetFormFields(customFormGuid), customFormService.GetConfigurations(), customFormService.GetForm(customFormGuid)]);\n\n case 7:\n _yield$Promise$all = _context2.sent;\n _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 3);\n customFormData = _yield$Promise$all2[0];\n customFormConfig = _yield$Promise$all2[1];\n customForm = _yield$Promise$all2[2];\n _customFormInputPrefix = customFormConfig.customFormInputPrefix;\n skipFormInstructions !== true && this.DrawFormInstructions(customFormFieldsElement, customFormData);\n\n if (customForm.formData.Force_Login && !isUserAuthenticated) {\n this.DrawLoginRequest(customFormFieldsElement);\n } else {\n CustomFormBuilder.DrawForm(customFormFieldsElement, customFormData, customFormRootElement);\n }\n\n case 15:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, this);\n }));\n\n function RenderCustomForm(_x, _x2, _x3, _x4, _x5) {\n return _RenderCustomForm.apply(this, arguments);\n }\n\n return RenderCustomForm;\n }()\n }, {\n key: \"DrawLoginRequest\",\n value: function () {\n var _DrawLoginRequest = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(customFormFieldsElement) {\n var errorMessageContainer, errorIcon, errorMessage, loginButtonContainer, loginButton;\n return regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _context3.next = 2;\n return this.getTranslations();\n\n case 2:\n errorMessageContainer = document.createElement(\"div\");\n errorMessageContainer.classList.add(\"mppw-alert\");\n errorMessageContainer.classList.add(\"mppw-alert__warning\");\n errorIcon = document.createElement(\"div\");\n errorIcon.classList.add(\"mppw-alert__icon\");\n errorMessageContainer.appendChild(errorIcon);\n errorMessage = document.createElement(\"span\");\n errorMessage.classList.add(\"mppw-alert__text\");\n errorMessage.innerText = this._i18n.customFormPleaseLoginMessage;\n errorMessageContainer.appendChild(errorMessage);\n loginButtonContainer = document.createElement(\"div\");\n loginButtonContainer.style.display = \"flex\";\n loginButtonContainer.style.justifyContent = \"center\";\n loginButtonContainer.style.marginBottom = \"20px\";\n loginButton = document.createElement(\"input\");\n loginButton.setAttribute(\"type\", \"button\");\n loginButton.className = \"mppw-btn primary\";\n loginButton.value = \"Login\";\n loginButton.addEventListener(\"click\", function () {\n OAuthService.SignIn();\n });\n customFormFieldsElement.appendChild(errorMessageContainer);\n loginButtonContainer.appendChild(loginButton);\n customFormFieldsElement.appendChild(loginButtonContainer);\n\n case 24:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, this);\n }));\n\n function DrawLoginRequest(_x6) {\n return _DrawLoginRequest.apply(this, arguments);\n }\n\n return DrawLoginRequest;\n }()\n }, {\n key: \"DrawFormInstructions\",\n value: function DrawFormInstructions(formContainer, data) {\n // Display custom forms instructions label\n if (!!data && !!data.instructions) {\n var formInstructions = document.createElement(\"h3\");\n formInstructions.innerHTML = data.instructions;\n formContainer.appendChild(formInstructions);\n }\n }\n }, {\n key: \"DrawForm\",\n value: function DrawForm(formContainer, data, root) {\n var _this2 = this;\n\n var formFieldBuilder = new FormFieldBuilder(); // Add hidden inputs\n\n if (!!data && data.formFields.length > 0) {\n // Add custom form id, this will be needed later when saving the form\n var formIdInputContainer = document.createElement(\"div\");\n var formIdElement = formFieldBuilder.BuildHiddenInput(_customFormInputPrefix + \"formid\", data.formFields[0].Form_ID);\n formIdInputContainer.innerHTML = formIdElement;\n formContainer.appendChild(formIdInputContainer);\n }\n\n for (var r = 0; r < data.formFields.length; r++) {\n var $formRow = document.createElement(\"div\");\n var $formControl = document.createElement(\"div\");\n\n if (!data.formFields[r][\"Is_Hidden\"]) {\n // Create each field type\n $formControl.innerHTML = this.BuildFormControl(data.formFields[r], formContainer, root);\n $formRow.appendChild($formControl);\n formContainer.appendChild($formRow); // Setup depends on fields\n\n data.uniqueParentFields.forEach(function (fieldId) {\n if (data.formFields[r].Form_Field_ID === fieldId) {\n // Bind event listener to these field id's\n _this2.BindParentFormFieldListener(data.formFields[r], root, data.customFieldsTree);\n }\n });\n }\n }\n }\n }, {\n key: \"BindParentFormFieldListener\",\n value: function BindParentFormFieldListener(formField, root, customFieldsTree) {\n var self = this; // The types of fields\n\n var FieldTypes = {\n \"VerticalRadioButtons\": 4,\n \"HorizontalRadioButtons\": 7\n }; // Only allow radio buttons\n\n if (formField.Field_Type_ID === FieldTypes.HorizontalRadioButtons || formField.Field_Type_ID === FieldTypes.VerticalRadioButtons) {\n root.querySelector('#formFields').addEventListener('change', function (event) {\n if (event.target.id == formField.Form_Field_ID.toString()) {\n var dependsOnSelectedId = event.target.id;\n var dependsOnSelectedValue = event.target.value; // Show all elements with dependsOnSelectedId and dependsOnSelectedValue\n\n self.ShowHideDependsOnElements(dependsOnSelectedId, dependsOnSelectedValue, root, customFieldsTree);\n }\n });\n } else {\n return;\n }\n } // When initially loading the form disable all depends on field inputs\n\n }, {\n key: \"DisableAllDependsOnInputs\",\n value: function DisableAllDependsOnInputs(root) {\n // Get all dependent fields\n var dependsOnFields = root.querySelectorAll('[data-depends-on-value]');\n\n for (var i = 0; i < dependsOnFields.length; i++) {\n var dependsOnFieldValue = dependsOnFields[i].getAttribute(\"data-depends-on-value\"); // Only hide if element has a depends on value\n\n if (!!dependsOnFieldValue) {\n // Get all inputs for the given div\n var inputElements = dependsOnFields[i].getElementsByTagName(\"input\");\n var selectElements = dependsOnFields[i].getElementsByTagName(\"select\");\n var textareaElements = dependsOnFields[i].getElementsByTagName(\"textarea\"); // Hide fields\n\n dependsOnFields[i].style.display = 'none'; // Add disabled to prevent form validation issues on hidden inputs\n\n var _iterator = _createForOfIteratorHelper(inputElements),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var el = _step.value;\n el.setAttribute(\"disabled\", \"disabled\");\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n var _iterator2 = _createForOfIteratorHelper(selectElements),\n _step2;\n\n try {\n for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {\n var _el = _step2.value;\n\n _el.setAttribute(\"disabled\", \"disabled\");\n }\n } catch (err) {\n _iterator2.e(err);\n } finally {\n _iterator2.f();\n }\n\n var _iterator3 = _createForOfIteratorHelper(textareaElements),\n _step3;\n\n try {\n for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {\n var _el2 = _step3.value;\n\n _el2.setAttribute(\"disabled\", \"disabled\");\n }\n } catch (err) {\n _iterator3.e(err);\n } finally {\n _iterator3.f();\n }\n }\n }\n }\n }, {\n key: \"FindNodeById\",\n value: function FindNodeById(node, id) {\n if (node.nodeId == id) {\n return node;\n } else {\n var _iterator4 = _createForOfIteratorHelper(node.children),\n _step4;\n\n try {\n for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {\n var child = _step4.value;\n var result = this.FindNodeById(child, id);\n\n if (result != null) {\n return result;\n }\n }\n } catch (err) {\n _iterator4.e(err);\n } finally {\n _iterator4.f();\n }\n }\n\n return null;\n }\n }, {\n key: \"HideElement\",\n value: function HideElement(node, root) {\n var formRoot = root; // Select all elements based on parentId\n\n var hideField = formRoot.querySelector(\"[data-id='\".concat(node.nodeId, \"']\"));\n\n if (hideField !== null && hideField !== undefined) {\n // Get all inputs for the given element\n var inputElements = hideField.getElementsByTagName(\"input\");\n var selectElements = hideField.getElementsByTagName(\"select\");\n var textareaElements = hideField.getElementsByTagName(\"textarea\"); // Hide fields\n\n hideField.style.display = 'none'; // If the form is validated, need to remove any validation errors when switching between depends on fields\n // Otherwise this causes some weird UI display issues\n\n if (hideField.classList.contains('mppw-form-field--is-invalid')) {\n hideField.classList.remove('mppw-form-field--is-invalid');\n\n if (hideField.nextSibling) {\n if (hideField.nextSibling.classList.contains('mppw-form-field__message_container')) {\n hideField.nextSibling.remove();\n }\n }\n } // Add disabled to prevent form validation issues on hidden inputs\n\n\n var _iterator5 = _createForOfIteratorHelper(inputElements),\n _step5;\n\n try {\n for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {\n var el = _step5.value;\n\n if (el.type === 'radio') {\n // Clear any previous radio checked options\n el.checked = 0;\n }\n\n el.setAttribute(\"disabled\", true);\n }\n } catch (err) {\n _iterator5.e(err);\n } finally {\n _iterator5.f();\n }\n\n var _iterator6 = _createForOfIteratorHelper(selectElements),\n _step6;\n\n try {\n for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {\n var _el3 = _step6.value;\n\n _el3.setAttribute(\"disabled\", true);\n }\n } catch (err) {\n _iterator6.e(err);\n } finally {\n _iterator6.f();\n }\n\n var _iterator7 = _createForOfIteratorHelper(textareaElements),\n _step7;\n\n try {\n for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {\n var _el4 = _step7.value;\n\n _el4.setAttribute(\"disabled\", true);\n }\n } catch (err) {\n _iterator7.e(err);\n } finally {\n _iterator7.f();\n }\n }\n } // Flattens a tree\n\n }, {\n key: \"FlattenTree\",\n value: function FlattenTree(root) {\n var stack = [],\n array = [],\n hashMap = {},\n nodeRoot = root;\n stack.push(nodeRoot);\n\n while (stack.length !== 0) {\n var node = stack.pop();\n\n if (node) {\n if (node.children.length <= 0) {\n if (!hashMap[node.nodeId]) {\n hashMap[node.nodeId] = true;\n array.push(node);\n }\n } else {\n if (!hashMap[node.nodeId]) {\n hashMap[node.nodeId] = true;\n\n var tempNode = _objectSpread({}, node);\n\n tempNode.children = [];\n array.push(tempNode);\n }\n\n for (var i = node.children.length - 1; i >= 0; i--) {\n stack.push(node.children[i]);\n }\n }\n }\n }\n\n return array;\n }\n }, {\n key: \"HideAllElements\",\n value: function HideAllElements(elementsArray, root) {\n var formRoot = root;\n\n var _iterator8 = _createForOfIteratorHelper(elementsArray),\n _step8;\n\n try {\n for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {\n var el = _step8.value;\n this.HideElement(el, formRoot);\n }\n } catch (err) {\n _iterator8.e(err);\n } finally {\n _iterator8.f();\n }\n } // Shows or hides inputs based on depends on value\n\n }, {\n key: \"ShowHideDependsOnElements\",\n value: function ShowHideDependsOnElements(dependsOnId, dependsOnValue, root, customFieldsTree) {\n var formRoot = root; // Try to find node at top-level array location based on dependsonid\n\n var node = customFieldsTree.find(function (n) {\n return n.nodeId === dependsOnId;\n }); // If the node was not found at the top-level location\n // all levels of children need to be searched\n\n if (node === undefined || node === null) {\n for (var i = 0; i < customFieldsTree.length; i++) {\n node = this.FindNodeById(customFieldsTree[i], dependsOnId);\n\n if (node !== undefined && node !== null) {\n break;\n }\n }\n } // Set the nodesToHide initially to the node found above\n\n\n var nodesToHide = node; // If this node has children then set it to those children\n\n if (node) {\n if (node.children.length > 0) {\n nodesToHide = node.children.filter(function (n) {\n return n.value != dependsOnValue;\n });\n }\n\n var _iterator9 = _createForOfIteratorHelper(nodesToHide),\n _step9;\n\n try {\n for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {\n var _node = _step9.value;\n // Create a flattened array of all elements at this nodes level\n var flattenedArray = this.FlattenTree(_node); // Take the flattened array and hide all elements within it\n\n this.HideAllElements(flattenedArray, formRoot);\n }\n } catch (err) {\n _iterator9.e(err);\n } finally {\n _iterator9.f();\n }\n } // Get all dependent fields to show\n\n\n var showFields = formRoot.querySelectorAll(\"[data-depends-on='\".concat(dependsOnId, \"']\"));\n\n for (var i = 0; i < showFields.length; i++) {\n var dataAttrValue = showFields[i].getAttribute(\"data-depends-on-value\"); // Get all inputs for the given div\n\n var inputElements = showFields[i].getElementsByTagName(\"input\");\n var textareaElements = showFields[i].getElementsByTagName(\"textarea\");\n var selectElements = showFields[i].getElementsByTagName(\"select\");\n\n if (dataAttrValue === dependsOnValue) {\n // Show fields\n showFields[i].style.display = 'block'; // Remove the disabled attribute on elements\n\n var _iterator10 = _createForOfIteratorHelper(inputElements),\n _step10;\n\n try {\n for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {\n var el = _step10.value;\n el.removeAttribute(\"disabled\");\n }\n } catch (err) {\n _iterator10.e(err);\n } finally {\n _iterator10.f();\n }\n\n var _iterator11 = _createForOfIteratorHelper(selectElements),\n _step11;\n\n try {\n for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {\n var _el5 = _step11.value;\n\n _el5.removeAttribute(\"disabled\");\n }\n } catch (err) {\n _iterator11.e(err);\n } finally {\n _iterator11.f();\n }\n\n var _iterator12 = _createForOfIteratorHelper(textareaElements),\n _step12;\n\n try {\n for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {\n var _el6 = _step12.value;\n\n _el6.removeAttribute(\"disabled\");\n }\n } catch (err) {\n _iterator12.e(err);\n } finally {\n _iterator12.f();\n }\n }\n }\n }\n }, {\n key: \"BuildFormControl\",\n value: function BuildFormControl(fieldData, formContainer, root) {\n var formFieldBuilder = new FormFieldBuilder(); // The types of fields\n\n var FieldTypes = {\n \"TextBox\": 1,\n \"Textarea\": 2,\n \"Date\": 3,\n \"VerticalRadioButtons\": 4,\n \"DropdownList\": 5,\n \"Instructions\": 6,\n \"HorizontalRadioButtons\": 7,\n \"Checkbox\": 8,\n \"FileUpload\": 9\n }; // Assign passed in fieldData\n\n var Form_Field_ID = fieldData.Form_Field_ID,\n Field_Label = fieldData.Field_Label,\n Alternate_Label = fieldData.Alternate_Label,\n Field_Type_ID = fieldData.Field_Type_ID,\n Required = fieldData.Required,\n Field_Order = fieldData.Field_Order,\n Field_Values = fieldData.Field_Values,\n Depends_On = fieldData.Depends_On,\n Depends_On_Value = fieldData.Depends_On_Value;\n var Label = !!Alternate_Label ? Alternate_Label : Field_Label;\n var controlHtml = \"\";\n\n switch (fieldData[\"Field_Type_ID\"]) {\n case FieldTypes.TextBox:\n if (!!Depends_On && !!Depends_On_Value) {\n // Set field to be initially hidden/disabled.\n // Once the user sets a value for the parent depends on field will they be shown\n controlHtml = formFieldBuilder.BuildCustomTextInput(Form_Field_ID, Field_Label, Required, '', '', true, Depends_On, Depends_On_Value, 250, true, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomTextInput(Form_Field_ID, Field_Label, Required, '', '', false, '', '', 250, true, Alternate_Label);\n }\n\n break;\n\n case FieldTypes.Textarea:\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomTextarea(Form_Field_ID, Field_Label, Required, true, 30000, true, Depends_On, Depends_On_Value, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomTextarea(Form_Field_ID, Field_Label, Required, true, 30000, null, '', '', Alternate_Label);\n }\n\n break;\n\n case FieldTypes.Date:\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomDateInput(Form_Field_ID, Field_Label, Required, '', '', '', '', true, Depends_On, Depends_On_Value, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomDateInput(Form_Field_ID, Field_Label, Required, '', '', '', '', null, '', '', Alternate_Label);\n }\n\n break;\n\n case FieldTypes.VerticalRadioButtons:\n var vRadioOptions = Field_Values.split(/\\r?\\n/);\n\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomVerticalRadio(Form_Field_ID, Field_Label, Required, vRadioOptions, true, Depends_On, Depends_On_Value, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomVerticalRadio(Form_Field_ID, Field_Label, Required, vRadioOptions, null, '', '', Alternate_Label);\n }\n\n break;\n\n case FieldTypes.DropdownList:\n var selectOptions = Field_Values.split(/\\r?\\n/);\n\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomSelect(Form_Field_ID, Field_Label, Required, selectOptions, true, Depends_On, Depends_On_Value, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomSelect(Form_Field_ID, Field_Label, Required, selectOptions, null, '', '', Alternate_Label);\n }\n\n break;\n\n case FieldTypes.Instructions:\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomParagraph(Label, true, Depends_On, Depends_On_Value, Form_Field_ID);\n } else {\n controlHtml = formFieldBuilder.BuildCustomParagraph(Label);\n }\n\n break;\n\n case FieldTypes.HorizontalRadioButtons:\n var hRadioOptions = Field_Values.split(/\\r?\\n/);\n\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomHorizontalRadio(Form_Field_ID, Field_Label, Required, hRadioOptions, true, Depends_On, Depends_On_Value, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomHorizontalRadio(Form_Field_ID, Field_Label, Required, hRadioOptions, null, '', '', Alternate_Label);\n }\n\n break;\n\n case FieldTypes.Checkbox:\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomCheckbox(Form_Field_ID, Label, Required, true, Depends_On, Depends_On_Value);\n } else {\n controlHtml = formFieldBuilder.BuildCustomCheckbox(Form_Field_ID, Label, Required);\n }\n\n break;\n\n case FieldTypes.FileUpload:\n var fileUploadHtml = '';\n\n if (!!Depends_On && !!Depends_On_Value) {\n fileUploadHtml = formFieldBuilder.BuildCustomFileUploader(Form_Field_ID, Field_Label, Required, '', true, Depends_On, Depends_On_Value, Alternate_Label);\n } else {\n fileUploadHtml = formFieldBuilder.BuildCustomFileUploader(Form_Field_ID, Field_Label, Required, '', null, '', '', Alternate_Label);\n }\n\n var fileUploader = new FileUploader();\n fileUploader.InitializeFileUploader(Form_Field_ID, formContainer, fileUploadHtml, root, this._i18n.invalidFileTypeMessage, this._i18n.invalidFileSizeMessage, this._i18n.selectDifferentFileMessage);\n break;\n\n default:\n if (!!Depends_On && !!Depends_On_Value) {\n controlHtml = formFieldBuilder.BuildCustomTextInput(Form_Field_ID, Field_Label, Required, '', '', true, Depends_On, Depends_On_Value, 250, true, Alternate_Label);\n } else {\n controlHtml = formFieldBuilder.BuildCustomTextInput(Form_Field_ID, Field_Label, Required, '', '', false, '', '', 250, true, Alternate_Label);\n }\n\n break;\n }\n\n return controlHtml;\n } // Draw the contact form based on the custom form template html file\n\n }, {\n key: \"DrawContactForm\",\n value: function DrawContactForm(i18n, formContainer) {\n var contactFormHtml = `
${i18n.contactLabel}
` ;\n var $formRow = document.createElement(\"div\");\n var $formControl = document.createElement(\"div\");\n $formControl.innerHTML = contactFormHtml;\n $formRow.appendChild($formControl);\n formContainer.appendChild($formRow);\n } // Draw the address form based on the custom form template html file\n\n }, {\n key: \"DrawAddressForm\",\n value: function DrawAddressForm(i18n, formContainer, countryDropdownData) {\n this._formFieldBuilder = new FormFieldBuilder();\n var addressFormHtml = `
![](\\\"\").concat(this._appRoot,)
\\n\\t\\t\\t\\t