@magicfeedback/native 1.1.14-beta.0 → 1.1.14-beta.2

package/README.md

@@ -38,7 +38,7 @@ This method is optional. You can start actived the debug mode to see on console
 
 ```js
 magicfeedback.init({
-    debug: true | false // Default false
+    debug: true | false, // Default false
     env: "prod" // Default 
 })
 
@@ -150,7 +150,7 @@ form.back() // Go to the previous question.
 If you would like to include additional information with your feedback, you can do so by adding it to the `metadata`
 , `metrics` o `profile` variables. These variables are optional and should be formatted as follows:
 
-```json
+```js
 [
   {
     "key": "key_1",
@@ -160,7 +160,7 @@ If you would like to include additional information with your feedback, you can
     "key": "key_2",
     "value": "value_2"
   },
-  ...
+  /* ... */
 ]
 ```
 
@@ -208,39 +208,31 @@ Then, you can include the feedback data in an object with the following structur
 
 ```js
     {
-    text: "string", // Optional
-        answers
-:
-    [
-        {
-            key: 'string',
-            value: ["string"]
-        },
-    ],
-        metadata
-:
-    [
-        {
-            key: 'string',
-            value: "string"
-        },
+    text: "string", /* Optional */
+    answers: [
+      {
+          key: 'string',
+          value: ["string"]
+      },
     ],
-        metrics
-:
-    [
-        {
-            key: 'string',
-            value: "string"
-        },
+    metadata: [
+      {
+          key: 'string',
+          value: "string"
+      },
     ],
-        profile
-:
-    [
-        {
-            key: 'string',
-            value: "string"
-        },
+    metrics: [
+      {
+          key: 'string',
+          value: "string"
+      },
     ],
+    profile: [
+      {
+          key: 'string',
+          value: "string"
+      },
+    ]
 }
 ```
 
@@ -321,6 +313,37 @@ Feel free to adapt and expand upon the provided styles to match your desired des
     /* ... add styles for rating images ... */
 }
 
+/* Section for number rating */
+.magicfeedback-rating-number-container {
+    /* ... add your number rating container styles here ... */
+}
+
+.magicfeedback-rating-number-option {
+    /* ... add your number rating option styles here ... */
+}
+
+.magicfeedback-rating-number-option-label-container {
+    /* ... add your number rating option label container styles here ... */
+}
+
+
+/* Section for star rating */
+.magicfeedback-rating-star {
+    /* ... add your star rating container styles here ... */
+}
+
+.magicfeedback-rating-star-container {
+    /* ... add your star rating styles here ... */
+}
+
+.magicfeedback-rating-star-option {
+    /* ... add your star rating option styles here ... */
+}
+
+.magicfeedback-rating-star-selected {
+    /* ... add your star rating selected styles here ... */
+}
+
 /* Action buttons container */
 .magicfeedback-action-container {
     /* ... add your action button container styles here ... */
@@ -341,3 +364,31 @@ Feel free to adapt and expand upon the provided styles to match your desired des
     /* ... add your success message styles here ... */
 }
 ```
+
+## Collected Metadata
+
+### Browser Metadata (navigator object):
+
+* **navigator-url (Browser URL)**: This captures the full URL, including any query parameters, using window.location.href.
+* **navigator-origin (Browser Origin)**: This retrieves the origin portion of the URL (protocol, host, and port) using
+window.location.origin.
+* **navigator-pathname (Browser Pathname)**: This extracts the path component of the URL using window.location.pathname.
+* **navigator-search (Browser Search Parameters): This captures the query string (search parameters) from the URL using
+window.location.search.
+* **navigator-user (User Agent)**: This retrieves a string identifying the browser and its version using navigator.userAgent.
+
+* **navigator-language (Browser Language)**: This captures the user's preferred language setting from the browser using
+navigator.language.
+* **navigator-platform (Browser Platform)**: This retrieves the operating system platform the browser is running on using
+navigator.platform.
+* **navigator-appVersion (Browser Application Version)**: This captures the browser application version using
+navigator.appVersion. 
+* **navigator-appName (Browser Application Name)**: This retrieves the name of the browser application using
+navigator.appName. 
+* **navigator-product (Browser Product)**: This captures the name of the browser's rendering engine using navigator.product.
+
+
+### Screen Metadata (screen object):
+
+* **screen-width (Screen Width)**: This retrieves the width of the user's screen in pixels using window.screen.width.
+* **screen-height (Screen Height)**: This captures the height of the user's screen in pixels using window.screen.height.

package/dist/magicfeedback-sdk.browser.js

@@ -1,179 +1 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["magicfeedback"] = factory();
-	else
-		root["magicfeedback"] = factory();
-})(self, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./node_modules/cross-fetch/dist/browser-ponyfill.js":
-/*!***********************************************************!*\
-  !*** ./node_modules/cross-fetch/dist/browser-ponyfill.js ***!
-  \***********************************************************/
-/***/ (function(module, exports) {
-
-eval("var global = typeof self !== 'undefined' ? self : this;\nvar __self__ = (function () {\nfunction F() {\nthis.fetch = false;\nthis.DOMException = global.DOMException\n}\nF.prototype = global;\nreturn new F();\n})();\n(function(self) {\n\nvar irrelevant = (function (exports) {\n\n  var support = {\n    searchParams: 'URLSearchParams' in self,\n    iterable: 'Symbol' in self && 'iterator' in Symbol,\n    blob:\n      'FileReader' in self &&\n      'Blob' in self &&\n      (function() {\n        try {\n          new Blob();\n          return true\n        } catch (e) {\n          return false\n        }\n      })(),\n    formData: 'FormData' in self,\n    arrayBuffer: 'ArrayBuffer' in self\n  };\n\n  function isDataView(obj) {\n    return obj && DataView.prototype.isPrototypeOf(obj)\n  }\n\n  if (support.arrayBuffer) {\n    var viewClasses = [\n      '[object Int8Array]',\n      '[object Uint8Array]',\n      '[object Uint8ClampedArray]',\n      '[object Int16Array]',\n      '[object Uint16Array]',\n      '[object Int32Array]',\n      '[object Uint32Array]',\n      '[object Float32Array]',\n      '[object Float64Array]'\n    ];\n\n    var isArrayBufferView =\n      ArrayBuffer.isView ||\n      function(obj) {\n        return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1\n      };\n  }\n\n  function normalizeName(name) {\n    if (typeof name !== 'string') {\n      name = String(name);\n    }\n    if (/[^a-z0-9\\-#$%&'*+.^_`|~]/i.test(name)) {\n      throw new TypeError('Invalid character in header field name')\n    }\n    return name.toLowerCase()\n  }\n\n  function normalizeValue(value) {\n    if (typeof value !== 'string') {\n      value = String(value);\n    }\n    return value\n  }\n\n  // Build a destructive iterator for the value list\n  function iteratorFor(items) {\n    var iterator = {\n      next: function() {\n        var value = items.shift();\n        return {done: value === undefined, value: value}\n      }\n    };\n\n    if (support.iterable) {\n      iterator[Symbol.iterator] = function() {\n        return iterator\n      };\n    }\n\n    return iterator\n  }\n\n  function Headers(headers) {\n    this.map = {};\n\n    if (headers instanceof Headers) {\n      headers.forEach(function(value, name) {\n        this.append(name, value);\n      }, this);\n    } else if (Array.isArray(headers)) {\n      headers.forEach(function(header) {\n        this.append(header[0], header[1]);\n      }, this);\n    } else if (headers) {\n      Object.getOwnPropertyNames(headers).forEach(function(name) {\n        this.append(name, headers[name]);\n      }, this);\n    }\n  }\n\n  Headers.prototype.append = function(name, value) {\n    name = normalizeName(name);\n    value = normalizeValue(value);\n    var oldValue = this.map[name];\n    this.map[name] = oldValue ? oldValue + ', ' + value : value;\n  };\n\n  Headers.prototype['delete'] = function(name) {\n    delete this.map[normalizeName(name)];\n  };\n\n  Headers.prototype.get = function(name) {\n    name = normalizeName(name);\n    return this.has(name) ? this.map[name] : null\n  };\n\n  Headers.prototype.has = function(name) {\n    return this.map.hasOwnProperty(normalizeName(name))\n  };\n\n  Headers.prototype.set = function(name, value) {\n    this.map[normalizeName(name)] = normalizeValue(value);\n  };\n\n  Headers.prototype.forEach = function(callback, thisArg) {\n    for (var name in this.map) {\n      if (this.map.hasOwnProperty(name)) {\n        callback.call(thisArg, this.map[name], name, this);\n      }\n    }\n  };\n\n  Headers.prototype.keys = function() {\n    var items = [];\n    this.forEach(function(value, name) {\n      items.push(name);\n    });\n    return iteratorFor(items)\n  };\n\n  Headers.prototype.values = function() {\n    var items = [];\n    this.forEach(function(value) {\n      items.push(value);\n    });\n    return iteratorFor(items)\n  };\n\n  Headers.prototype.entries = function() {\n    var items = [];\n    this.forEach(function(value, name) {\n      items.push([name, value]);\n    });\n    return iteratorFor(items)\n  };\n\n  if (support.iterable) {\n    Headers.prototype[Symbol.iterator] = Headers.prototype.entries;\n  }\n\n  function consumed(body) {\n    if (body.bodyUsed) {\n      return Promise.reject(new TypeError('Already read'))\n    }\n    body.bodyUsed = true;\n  }\n\n  function fileReaderReady(reader) {\n    return new Promise(function(resolve, reject) {\n      reader.onload = function() {\n        resolve(reader.result);\n      };\n      reader.onerror = function() {\n        reject(reader.error);\n      };\n    })\n  }\n\n  function readBlobAsArrayBuffer(blob) {\n    var reader = new FileReader();\n    var promise = fileReaderReady(reader);\n    reader.readAsArrayBuffer(blob);\n    return promise\n  }\n\n  function readBlobAsText(blob) {\n    var reader = new FileReader();\n    var promise = fileReaderReady(reader);\n    reader.readAsText(blob);\n    return promise\n  }\n\n  function readArrayBufferAsText(buf) {\n    var view = new Uint8Array(buf);\n    var chars = new Array(view.length);\n\n    for (var i = 0; i < view.length; i++) {\n      chars[i] = String.fromCharCode(view[i]);\n    }\n    return chars.join('')\n  }\n\n  function bufferClone(buf) {\n    if (buf.slice) {\n      return buf.slice(0)\n    } else {\n      var view = new Uint8Array(buf.byteLength);\n      view.set(new Uint8Array(buf));\n      return view.buffer\n    }\n  }\n\n  function Body() {\n    this.bodyUsed = false;\n\n    this._initBody = function(body) {\n      this._bodyInit = body;\n      if (!body) {\n        this._bodyText = '';\n      } else if (typeof body === 'string') {\n        this._bodyText = body;\n      } else if (support.blob && Blob.prototype.isPrototypeOf(body)) {\n        this._bodyBlob = body;\n      } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {\n        this._bodyFormData = body;\n      } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n        this._bodyText = body.toString();\n      } else if (support.arrayBuffer && support.blob && isDataView(body)) {\n        this._bodyArrayBuffer = bufferClone(body.buffer);\n        // IE 10-11 can't handle a DataView body.\n        this._bodyInit = new Blob([this._bodyArrayBuffer]);\n      } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) {\n        this._bodyArrayBuffer = bufferClone(body);\n      } else {\n        this._bodyText = body = Object.prototype.toString.call(body);\n      }\n\n      if (!this.headers.get('content-type')) {\n        if (typeof body === 'string') {\n          this.headers.set('content-type', 'text/plain;charset=UTF-8');\n        } else if (this._bodyBlob && this._bodyBlob.type) {\n          this.headers.set('content-type', this._bodyBlob.type);\n        } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n          this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');\n        }\n      }\n    };\n\n    if (support.blob) {\n      this.blob = function() {\n        var rejected = consumed(this);\n        if (rejected) {\n          return rejected\n        }\n\n        if (this._bodyBlob) {\n          return Promise.resolve(this._bodyBlob)\n        } else if (this._bodyArrayBuffer) {\n          return Promise.resolve(new Blob([this._bodyArrayBuffer]))\n        } else if (this._bodyFormData) {\n          throw new Error('could not read FormData body as blob')\n        } else {\n          return Promise.resolve(new Blob([this._bodyText]))\n        }\n      };\n\n      this.arrayBuffer = function() {\n        if (this._bodyArrayBuffer) {\n          return consumed(this) || Promise.resolve(this._bodyArrayBuffer)\n        } else {\n          return this.blob().then(readBlobAsArrayBuffer)\n        }\n      };\n    }\n\n    this.text = function() {\n      var rejected = consumed(this);\n      if (rejected) {\n        return rejected\n      }\n\n      if (this._bodyBlob) {\n        return readBlobAsText(this._bodyBlob)\n      } else if (this._bodyArrayBuffer) {\n        return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer))\n      } else if (this._bodyFormData) {\n        throw new Error('could not read FormData body as text')\n      } else {\n        return Promise.resolve(this._bodyText)\n      }\n    };\n\n    if (support.formData) {\n      this.formData = function() {\n        return this.text().then(decode)\n      };\n    }\n\n    this.json = function() {\n      return this.text().then(JSON.parse)\n    };\n\n    return this\n  }\n\n  // HTTP methods whose capitalization should be normalized\n  var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT'];\n\n  function normalizeMethod(method) {\n    var upcased = method.toUpperCase();\n    return methods.indexOf(upcased) > -1 ? upcased : method\n  }\n\n  function Request(input, options) {\n    options = options || {};\n    var body = options.body;\n\n    if (input instanceof Request) {\n      if (input.bodyUsed) {\n        throw new TypeError('Already read')\n      }\n      this.url = input.url;\n      this.credentials = input.credentials;\n      if (!options.headers) {\n        this.headers = new Headers(input.headers);\n      }\n      this.method = input.method;\n      this.mode = input.mode;\n      this.signal = input.signal;\n      if (!body && input._bodyInit != null) {\n        body = input._bodyInit;\n        input.bodyUsed = true;\n      }\n    } else {\n      this.url = String(input);\n    }\n\n    this.credentials = options.credentials || this.credentials || 'same-origin';\n    if (options.headers || !this.headers) {\n      this.headers = new Headers(options.headers);\n    }\n    this.method = normalizeMethod(options.method || this.method || 'GET');\n    this.mode = options.mode || this.mode || null;\n    this.signal = options.signal || this.signal;\n    this.referrer = null;\n\n    if ((this.method === 'GET' || this.method === 'HEAD') && body) {\n      throw new TypeError('Body not allowed for GET or HEAD requests')\n    }\n    this._initBody(body);\n  }\n\n  Request.prototype.clone = function() {\n    return new Request(this, {body: this._bodyInit})\n  };\n\n  function decode(body) {\n    var form = new FormData();\n    body\n      .trim()\n      .split('&')\n      .forEach(function(bytes) {\n        if (bytes) {\n          var split = bytes.split('=');\n          var name = split.shift().replace(/\\+/g, ' ');\n          var value = split.join('=').replace(/\\+/g, ' ');\n          form.append(decodeURIComponent(name), decodeURIComponent(value));\n        }\n      });\n    return form\n  }\n\n  function parseHeaders(rawHeaders) {\n    var headers = new Headers();\n    // Replace instances of \\r\\n and \\n followed by at least one space or horizontal tab with a space\n    // https://tools.ietf.org/html/rfc7230#section-3.2\n    var preProcessedHeaders = rawHeaders.replace(/\\r?\\n[\\t ]+/g, ' ');\n    preProcessedHeaders.split(/\\r?\\n/).forEach(function(line) {\n      var parts = line.split(':');\n      var key = parts.shift().trim();\n      if (key) {\n        var value = parts.join(':').trim();\n        headers.append(key, value);\n      }\n    });\n    return headers\n  }\n\n  Body.call(Request.prototype);\n\n  function Response(bodyInit, options) {\n    if (!options) {\n      options = {};\n    }\n\n    this.type = 'default';\n    this.status = options.status === undefined ? 200 : options.status;\n    this.ok = this.status >= 200 && this.status < 300;\n    this.statusText = 'statusText' in options ? options.statusText : 'OK';\n    this.headers = new Headers(options.headers);\n    this.url = options.url || '';\n    this._initBody(bodyInit);\n  }\n\n  Body.call(Response.prototype);\n\n  Response.prototype.clone = function() {\n    return new Response(this._bodyInit, {\n      status: this.status,\n      statusText: this.statusText,\n      headers: new Headers(this.headers),\n      url: this.url\n    })\n  };\n\n  Response.error = function() {\n    var response = new Response(null, {status: 0, statusText: ''});\n    response.type = 'error';\n    return response\n  };\n\n  var redirectStatuses = [301, 302, 303, 307, 308];\n\n  Response.redirect = function(url, status) {\n    if (redirectStatuses.indexOf(status) === -1) {\n      throw new RangeError('Invalid status code')\n    }\n\n    return new Response(null, {status: status, headers: {location: url}})\n  };\n\n  exports.DOMException = self.DOMException;\n  try {\n    new exports.DOMException();\n  } catch (err) {\n    exports.DOMException = function(message, name) {\n      this.message = message;\n      this.name = name;\n      var error = Error(message);\n      this.stack = error.stack;\n    };\n    exports.DOMException.prototype = Object.create(Error.prototype);\n    exports.DOMException.prototype.constructor = exports.DOMException;\n  }\n\n  function fetch(input, init) {\n    return new Promise(function(resolve, reject) {\n      var request = new Request(input, init);\n\n      if (request.signal && request.signal.aborted) {\n        return reject(new exports.DOMException('Aborted', 'AbortError'))\n      }\n\n      var xhr = new XMLHttpRequest();\n\n      function abortXhr() {\n        xhr.abort();\n      }\n\n      xhr.onload = function() {\n        var options = {\n          status: xhr.status,\n          statusText: xhr.statusText,\n          headers: parseHeaders(xhr.getAllResponseHeaders() || '')\n        };\n        options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL');\n        var body = 'response' in xhr ? xhr.response : xhr.responseText;\n        resolve(new Response(body, options));\n      };\n\n      xhr.onerror = function() {\n        reject(new TypeError('Network request failed'));\n      };\n\n      xhr.ontimeout = function() {\n        reject(new TypeError('Network request failed'));\n      };\n\n      xhr.onabort = function() {\n        reject(new exports.DOMException('Aborted', 'AbortError'));\n      };\n\n      xhr.open(request.method, request.url, true);\n\n      if (request.credentials === 'include') {\n        xhr.withCredentials = true;\n      } else if (request.credentials === 'omit') {\n        xhr.withCredentials = false;\n      }\n\n      if ('responseType' in xhr && support.blob) {\n        xhr.responseType = 'blob';\n      }\n\n      request.headers.forEach(function(value, name) {\n        xhr.setRequestHeader(name, value);\n      });\n\n      if (request.signal) {\n        request.signal.addEventListener('abort', abortXhr);\n\n        xhr.onreadystatechange = function() {\n          // DONE (success or failure)\n          if (xhr.readyState === 4) {\n            request.signal.removeEventListener('abort', abortXhr);\n          }\n        };\n      }\n\n      xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit);\n    })\n  }\n\n  fetch.polyfill = true;\n\n  if (!self.fetch) {\n    self.fetch = fetch;\n    self.Headers = Headers;\n    self.Request = Request;\n    self.Response = Response;\n  }\n\n  exports.Headers = Headers;\n  exports.Request = Request;\n  exports.Response = Response;\n  exports.fetch = fetch;\n\n  Object.defineProperty(exports, '__esModule', { value: true });\n\n  return exports;\n\n})({});\n})(__self__);\n__self__.fetch.ponyfill = true;\n// Remove \"polyfill\" property added by whatwg-fetch\ndelete __self__.fetch.polyfill;\n// Choose between native implementation (global) or custom implementation (__self__)\n// var ctx = global.fetch ? global : __self__;\nvar ctx = __self__; // this line disable service worker support temporarily\nexports = ctx.fetch // To enable: import fetch from 'cross-fetch'\nexports[\"default\"] = ctx.fetch // For TypeScript consumers without esModuleInterop.\nexports.fetch = ctx.fetch // To enable: import {fetch} from 'cross-fetch'\nexports.Headers = ctx.Headers\nexports.Request = ctx.Request\nexports.Response = ctx.Response\nmodule.exports = exports\n\n\n//# sourceURL=webpack://magicfeedback/./node_modules/cross-fetch/dist/browser-ponyfill.js?");
-
-/***/ }),
-
-/***/ "./src/config-globals.ts":
-/*!*******************************!*\
-  !*** ./src/config-globals.ts ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.HOST_API_URL_DEV = exports.HOST_API_URL = void 0;\nexports.HOST_API_URL = 'https://api.magicfeedback.io/';\nexports.HOST_API_URL_DEV = 'https://api-dev.magicfeedback.io/';\n\n\n//# sourceURL=webpack://magicfeedback/./src/config-globals.ts?");
-
-/***/ }),
-
-/***/ "./src/index.ts":
-/*!**********************!*\
-  !*** ./src/index.ts ***!
-  \**********************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst main_1 = __importDefault(__webpack_require__(/*! ./main */ \"./src/main.ts\"));\nlet instance = null;\nif (!instance) {\n    instance = (0, main_1.default)();\n}\nexports[\"default\"] = instance;\n\n\n//# sourceURL=webpack://magicfeedback/./src/index.ts?");
-
-/***/ }),
-
-/***/ "./src/main.ts":
-/*!*********************!*\
-  !*** ./src/main.ts ***!
-  \*********************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst form_1 = __webpack_require__(/*! ./models/form */ \"./src/models/form.ts\");\nconst config_1 = __webpack_require__(/*! ./models/config */ \"./src/models/config.ts\");\nconst log_1 = __webpack_require__(/*! ./utils/log */ \"./src/utils/log.ts\");\nconst request_service_1 = __webpack_require__(/*! ./services/request.service */ \"./src/services/request.service.ts\");\nconst config_globals_1 = __webpack_require__(/*! ./config-globals */ \"./src/config-globals.ts\");\n/**\n *\n * @returns\n */\nfunction main() {\n    //===============================================\n    // Attributes\n    //===============================================\n    const config = new config_1.Config();\n    let log;\n    /**\n     *\n     * @param options\n     */\n    function init(options) {\n        if (options === null || options === void 0 ? void 0 : options.debug)\n            config.set(\"debug\", options === null || options === void 0 ? void 0 : options.debug);\n        config.set(\"url\", (options === null || options === void 0 ? void 0 : options.env) && (options === null || options === void 0 ? void 0 : options.env) === \"dev\" ? config_globals_1.HOST_API_URL_DEV : config_globals_1.HOST_API_URL);\n        log = new log_1.Log(config);\n        log.log(\"Initialized Magicfeedback\", config);\n    }\n    /**\n     *\n     * @param appId\n     * @param publicKey\n     * @param feedback\n     * @param id\n     * @param completed\n     * @param privateKey\n     * @returns\n     */\n    function send(appId, publicKey, feedback, completed = true, id, privateKey) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!appId)\n                log.err(\"No appID provided\");\n            if (!publicKey)\n                log.err(\"No publicKey provided\");\n            if (!feedback)\n                log.err(\"No feedback provided\");\n            if (!feedback.answers &&\n                !feedback.profile &&\n                !feedback.metrics &&\n                !feedback.metadata)\n                log.err(\"No feedback data provided\");\n            const url = config.get(\"url\");\n            const body = {\n                integration: appId,\n                publicKey: publicKey,\n                privateKey: privateKey,\n                completed: completed,\n                id: id,\n                feedback: feedback,\n            };\n            try {\n                const res = yield (0, request_service_1.sendFeedback)(url, body, log);\n                log.log(`sent native feedback`);\n                return res;\n            }\n            catch (e) {\n                log.err(`error native feedback`, e);\n                return false;\n            }\n        });\n    }\n    /**\n     *\n     * @param appId\n     * @param publicKey\n     * @returns\n     */\n    function form(appId, publicKey) {\n        if (!appId)\n            log.err(\"No appID provided\");\n        if (!publicKey)\n            log.err(\"No publicKey provided\");\n        return new form_1.Form(config, appId, publicKey);\n    }\n    //===============================================\n    // Return\n    //===============================================\n    return {\n        // lifecycle\n        init,\n        // requests\n        send,\n        form,\n    };\n}\nexports[\"default\"] = main;\n\n\n//# sourceURL=webpack://magicfeedback/./src/main.ts?");
-
-/***/ }),
-
-/***/ "./src/models/config.ts":
-/*!******************************!*\
-  !*** ./src/models/config.ts ***!
-  \******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Config = void 0;\nclass Config {\n    constructor() {\n        this.variables = {};\n        this.variables[\"env\"] = 'prod';\n        this.variables[\"debug\"] = false;\n    }\n    get(key) {\n        return this.variables[key];\n    }\n    set(key, value) {\n        this.variables[key] = value;\n    }\n}\nexports.Config = Config;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/config.ts?");
-
-/***/ }),
-
-/***/ "./src/models/form.ts":
-/*!****************************!*\
-  !*** ./src/models/form.ts ***!
-  \****************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Form = void 0;\nconst log_1 = __webpack_require__(/*! ../utils/log */ \"./src/utils/log.ts\");\nconst request_service_1 = __webpack_require__(/*! ../services/request.service */ \"./src/services/request.service.ts\");\nconst questions_service_1 = __webpack_require__(/*! ../services/questions.service */ \"./src/services/questions.service.ts\");\nclass Form {\n    /**\n     *\n     * @param config\n     * @param appId\n     * @param publicKey\n     */\n    constructor(config, appId, publicKey) {\n        // SDK Config\n        this.config = config;\n        this.log = new log_1.Log(config);\n        // Form options\n        this.formOptionsConfig = {\n            addButton: true,\n            sendButtonText: \"Send\",\n            backButtonText: \"Back\",\n            nextButtonText: \"Next\",\n            addSuccessScreen: true,\n            getMetaData: true,\n            questionFormat: \"standard\",\n        };\n        this.selector = \"\";\n        // Attributes\n        this.appId = appId;\n        this.publicKey = publicKey;\n        this.url = config.get(\"url\");\n        // Form completed data\n        this.id = \"\";\n        this.formData = null;\n        this.feedback = {\n            text: \"\",\n            answers: [],\n            profile: [],\n            metrics: [],\n            metadata: [],\n        };\n        // Questions and history\n        this.questions = [];\n        this.elementQuestions = [];\n        this.questionInProcess = null;\n        this.history = {};\n        // Count variables\n        this.progress = 0;\n        this.total = 0;\n    }\n    /**\n     * Generate\n     * TODO: Check if is inside of a <form>\n     * @param selector\n     * @param options\n     */\n    generate(selector, options) {\n        return __awaiter(this, void 0, void 0, function* () {\n            // Check options, and set default values if this is not defined\n            try {\n                // Set the options\n                this.formOptionsConfig = Object.assign(Object.assign({}, this.formOptionsConfig), options);\n                this.selector = selector;\n                // Check if the form is in the localstorage and the time is less than 1 day\n                const localForm = localStorage.getItem(`magicfeedback-${this.appId}`);\n                if (localForm && new Date(JSON.parse(localForm).savedAt) < new Date(new Date().getTime() + 60 * 60 * 24 * 1000)) {\n                    this.formData = JSON.parse(localForm);\n                    (0, request_service_1.getForm)(this.url, this.appId, this.publicKey, this.log).then((form) => {\n                        var _a, _b;\n                        if ((form === null || form === void 0 ? void 0 : form.updatedAt) && ((_a = this.formData) === null || _a === void 0 ? void 0 : _a.savedAt) && (form === null || form === void 0 ? void 0 : form.updatedAt) > ((_b = this.formData) === null || _b === void 0 ? void 0 : _b.savedAt)) {\n                            console.log(\"Form updated\");\n                            this.formData = form;\n                            this.formData.savedAt = new Date();\n                            if (this.formData.questions) {\n                                this.questions = this.formData.questions;\n                                this.total = this.questions.length;\n                            }\n                            localStorage.setItem(`magicfeedback-${this.appId}`, JSON.stringify(this.formData));\n                            // Create the form from the JSON\n                            this.generateForm();\n                        }\n                    });\n                }\n                else {\n                    // Send the data to manage loadings and progress\n                    this.formData = yield (0, request_service_1.getForm)(this.url, this.appId, this.publicKey, this.log);\n                }\n                if (this.formData === undefined || !this.formData)\n                    throw new Error(`No form for app ${this.appId}`);\n                if (!this.formData.savedAt) {\n                    // Save formData in the localstorage to use it in the future\n                    this.formData.savedAt = new Date();\n                    localStorage.setItem(`magicfeedback-${this.appId}`, JSON.stringify(this.formData));\n                }\n                this.questions = this.formData.questions;\n                if (this.questions === undefined || !this.questions)\n                    throw new Error(`No questions for app ${this.appId}`);\n                this.total = this.questions.length;\n                // Send the data to manage loadings and progress\n                if (this.formOptionsConfig.onLoadedEvent) {\n                    yield this.formOptionsConfig.onLoadedEvent({\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        formData: this.formData,\n                    });\n                }\n                if (this.formOptionsConfig.getMetaData)\n                    this.getMetaData();\n                // Create the form from the JSON\n                this.generateForm();\n            }\n            catch (e) {\n                this.log.err(e);\n                if (this.formOptionsConfig.onLoadedEvent) {\n                    yield this.formOptionsConfig.onLoadedEvent({\n                        loading: false,\n                        error: e,\n                    });\n                }\n                return;\n            }\n        });\n    }\n    /**\n     * Create\n     *\n     * TODO: Add option to generate in <form> or in other <tag>\n     */\n    generateForm() {\n        var _a, _b;\n        try {\n            // Order questions by position\n            this.questions.sort((a, b) => a.position - b.position);\n            // Select and prepare the container\n            const container = document.getElementById(this.selector);\n            if (!container)\n                throw new Error(`Element with ID '${this.selector}' not found.`);\n            container.classList.add(\"magicfeedback-container\");\n            container.innerHTML = \"\";\n            // Create the form\n            const form = document.createElement(\"form\");\n            form.classList.add(\"magicfeedback-form\");\n            form.id = \"magicfeedback-\" + this.appId;\n            // Create the questions container\n            const questionContainer = document.createElement(\"div\");\n            questionContainer.classList.add(\"magicfeedback-questions\");\n            questionContainer.id = \"magicfeedback-questions-\" + this.appId;\n            // Process questions and create in the form\n            this.elementQuestions = (0, questions_service_1.renderQuestions)(this.questions, this.formOptionsConfig.questionFormat);\n            switch ((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) {\n                case 'MAGICSURVEY':\n                    this.elementQuestions.forEach((element, index) => this.history[index] = [{ object: this.questions[index], element }]);\n                    this.questionInProcess = this.history[0][0].object;\n                    questionContainer.appendChild(this.history[0][0].element);\n                    break;\n                default:\n                    this.elementQuestions.forEach((element) => questionContainer.appendChild(element));\n                    break;\n            }\n            form.appendChild(questionContainer);\n            // Add the form to the specified container\n            container.appendChild(form);\n            // Submit button\n            if (this.formOptionsConfig.addButton) {\n                // Create a container for the buttons\n                const actionContainer = (0, questions_service_1.renderActions)((_b = this.formData) === null || _b === void 0 ? void 0 : _b.identity, () => this.back(), this.formOptionsConfig.sendButtonText, this.formOptionsConfig.backButtonText, this.formOptionsConfig.nextButtonText);\n                form.appendChild(actionContainer);\n            }\n            // Submit event\n            form.addEventListener(\"submit\", (event) => {\n                event.preventDefault();\n                this.send();\n            });\n        }\n        catch (e) {\n            this.log.err(e);\n            if (this.formOptionsConfig.onLoadedEvent) {\n                this.formOptionsConfig.onLoadedEvent({\n                    loading: false,\n                    error: e,\n                });\n            }\n            return;\n        }\n    }\n    /**\n     * Get the metadata from the URL, navigators and others\n     * @private\n     */\n    getMetaData() {\n        // Add the navigator url and params from the URL to the metadata\n        this.feedback.metadata.push({ key: \"navigator-url\", value: [window.location.href] });\n        this.feedback.metadata.push({ key: \"navigator-origin\", value: [window.location.origin] });\n        this.feedback.metadata.push({ key: \"navigator-pathname\", value: [window.location.pathname] });\n        this.feedback.metadata.push({ key: \"navigator-search\", value: [window.location.search] });\n        // Add the navigator metadata\n        this.feedback.metadata.push({ key: \"navigator-user\", value: [navigator.userAgent] });\n        this.feedback.metadata.push({ key: \"navigator-language\", value: [navigator.language] });\n        this.feedback.metadata.push({ key: \"navigator-platform\", value: [navigator.platform] });\n        this.feedback.metadata.push({ key: \"navigator-appVersion\", value: [navigator.appVersion] });\n        this.feedback.metadata.push({ key: \"navigator-appName\", value: [navigator.appName] });\n        this.feedback.metadata.push({ key: \"navigator-product\", value: [navigator.product] });\n        // Add the size of the screen\n        this.feedback.metadata.push({ key: \"screen-width\", value: [window.screen.width.toString()] });\n        this.feedback.metadata.push({ key: \"screen-height\", value: [window.screen.height.toString()] });\n    }\n    /**\n     * Send current answer and verify if its necessary continue with a new question\n     * @pubilc\n     * @param profile\n     * @param metrics\n     * @param metadata\n     */\n    send(metadata, metrics, profile) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function* () {\n            const container = document.getElementById(\"magicfeedback-container-\" + this.appId);\n            const questionContainer = document.getElementById(\"magicfeedback-questions-\" + this.appId);\n            try {\n                if (profile)\n                    this.feedback.profile = [...this.feedback.profile, ...profile];\n                if (metrics)\n                    this.feedback.metrics = [...this.feedback.metrics, ...metrics];\n                if (metadata)\n                    this.feedback.metadata = [...this.feedback.metadata, ...metadata];\n                // BEFORE\n                if (this.formOptionsConfig.beforeSubmitEvent) {\n                    yield this.formOptionsConfig.beforeSubmitEvent({\n                        loading: true,\n                        progress: this.progress,\n                        total: this.total\n                    });\n                }\n                // SEND\n                const response = yield this.pushAnswers(((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) !== 'MAGICSURVEY');\n                if (response) {\n                    this.id = response;\n                    yield this.processNextQuestion(container, questionContainer);\n                }\n                // AFTER\n                if (this.formOptionsConfig.afterSubmitEvent) {\n                    yield this.formOptionsConfig.afterSubmitEvent({\n                        response,\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        error: response ? null : new Error(\"No response\")\n                    });\n                }\n            }\n            catch (error) {\n                // Handle error in beforeSubmitEvent, send(), or afterSubmitEvent\n                this.log.err(`An error occurred while submitting the form ${this.appId}:`, error);\n                if (this.formOptionsConfig.afterSubmitEvent) {\n                    yield this.formOptionsConfig.afterSubmitEvent({\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        error\n                    });\n                }\n            }\n        });\n    }\n    /**\n     * Update feedback.answers with the answers of the form in a JSON format\n     * @returns\n     * TODO: Required\n     */\n    answer() {\n        const form = document.getElementById(\"magicfeedback-\" + this.appId);\n        if (!form) {\n            this.log.err(`Form \"${form}\" not found.`);\n            this.feedback.answers = [];\n            return;\n        }\n        const surveyAnswers = [];\n        let hasError = false; // Flag to track if an error has occurred\n        const inputs = form.querySelectorAll(\".magicfeedback-input\");\n        inputs.forEach((input) => {\n            const inputType = input.type;\n            const elementTypeClass = input.classList[0];\n            const ans = {\n                key: input.name,\n                value: [],\n            };\n            const value = elementTypeClass === 'magicfeedback-boolean' ?\n                input.checked.toString() :\n                input.value;\n            if (!ans.key || ans.key === \"\") {\n                return;\n            }\n            else {\n                switch (inputType) {\n                    case \"radio\":\n                    case \"checkbox\":\n                        if (elementTypeClass === \"magicfeedback-boolean\" ||\n                            input.checked) {\n                            ans.value.push(value);\n                            // check if the answer is already in the array and merge the values\n                            const index = surveyAnswers.findIndex((a) => a.key === ans.key);\n                            if (index !== -1) {\n                                surveyAnswers[index].value = [\n                                    ...surveyAnswers[index].value,\n                                    ...ans.value,\n                                ];\n                            }\n                            else {\n                                surveyAnswers.push(ans);\n                            }\n                        }\n                        break;\n                    case \"email\":\n                        if (!(0, request_service_1.validateEmail)(value)) {\n                            this.log.err(\"Invalid email\");\n                            hasError = true;\n                        }\n                        else {\n                            this.feedback.profile.push({\n                                key: \"email\",\n                                value: [value],\n                            });\n                            ans.value.push(value);\n                            surveyAnswers.push(ans);\n                        }\n                        break;\n                    default:\n                        if (value !== \"\") {\n                            ans.value.push(value);\n                            surveyAnswers.push(ans);\n                        }\n                }\n            }\n        });\n        if (hasError) {\n            this.feedback.answers = []; // Stop the process if there's an error\n            return;\n        }\n        this.feedback.answers = surveyAnswers;\n    }\n    /**\n     * Send\n     * @param completed\n     * @returns\n     */\n    pushAnswers(completed = false) {\n        var _a, _b;\n        return __awaiter(this, void 0, void 0, function* () {\n            try {\n                // Get the survey answers from the answer() function\n                this.answer();\n                if (((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) === \"MAGICFORM\") {\n                    if (this.feedback.answers.length === 0)\n                        throw new Error(\"No answers provided\");\n                    this.questions.forEach((question) => {\n                        if (question.require && !this.feedback.answers.find((a) => a.key === question.ref)) {\n                            throw new Error(`No answer provided for question ${question.title}`);\n                        }\n                    });\n                }\n                else {\n                    if (!completed &&\n                        ((_b = this.questionInProcess) === null || _b === void 0 ? void 0 : _b.require) &&\n                        this.feedback.answers.length === 0)\n                        throw new Error(\"No answers provided\");\n                }\n                // Define the URL and request payload\n                const url = this.config.get(\"url\");\n                const body = {\n                    integration: this.appId,\n                    publicKey: this.publicKey,\n                    feedback: this.feedback,\n                    completed,\n                };\n                // Make the AJAX POST request\n                return yield (0, request_service_1.sendFeedback)(url, this.id ? Object.assign(Object.assign({}, body), { sessionId: this.id }) : body, this.log);\n            }\n            catch (error) {\n                // Handle network or request error\n                this.log.err(`An error occurred while submitting the form ${this.appId}:`, error);\n                // You can perform error handling logic here if needed\n                return '';\n            }\n        });\n    }\n    /**\n     * Call follow up question\n     * @param question\n     * @private\n     */\n    callFollowUpQuestion(question) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!(question === null || question === void 0 ? void 0 : question.followup))\n                return null;\n            try {\n                if (this.feedback.answers.length === 0)\n                    throw new Error(\"No answers provided\");\n                // Define the URL and request payload\n                const url = this.config.get(\"url\");\n                const body = {\n                    answer: this.feedback.answers[0].value[0],\n                    publicKey: this.publicKey,\n                    sessionId: this.id,\n                    question\n                };\n                return yield (0, request_service_1.getFollowUpQuestion)(url, body, this.log);\n            }\n            catch (error) {\n                // Handle network or request error\n                this.log.err(`An error occurred while submitting the form ${this.appId}:`, error);\n                // You can perform error handling logic here if needed\n                throw error;\n            }\n        });\n    }\n    /**\n     * Process next question\n     * @param container\n     * @param form\n     * @private\n     */\n    processNextQuestion(container, form) {\n        var _a, _b, _c;\n        return __awaiter(this, void 0, void 0, function* () {\n            switch ((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) {\n                case 'MAGICSURVEY':\n                    if (!((_b = this.questionInProcess) === null || _b === void 0 ? void 0 : _b.followup)) {\n                        this.renderNextQuestion(form, container);\n                    }\n                    else {\n                        const followUp = yield this.callFollowUpQuestion(this.questionInProcess);\n                        if (followUp) {\n                            // Update the question in process\n                            this.questionInProcess = followUp;\n                            // Add the follow up question to the history\n                            const question = (0, questions_service_1.renderQuestions)([followUp], (_c = this.formOptionsConfig) === null || _c === void 0 ? void 0 : _c.questionFormat)[0];\n                            this.history[this.progress].push({ object: followUp, element: question });\n                            form.removeChild(form.childNodes[0]);\n                            form.appendChild(question);\n                        }\n                        else {\n                            this.renderNextQuestion(form, container);\n                        }\n                    }\n                    break;\n                default:\n                    this.total = this.questions.length;\n                    this.progress = this.questions.length;\n                    if (this.formOptionsConfig.addSuccessScreen) {\n                        // Remove the form\n                        if (container.childNodes.length > 0)\n                            container.removeChild(container.childNodes[0]);\n                        // Show the success message\n                        const successMessage = (0, questions_service_1.renderSuccess)(this.formOptionsConfig.successMessage ||\n                            \"Thank you for your feedback!\");\n                        container.appendChild(successMessage);\n                    }\n                    break;\n            }\n        });\n    }\n    /**\n     * Render next question\n     * @param form\n     * @param container\n     * @private\n     */\n    renderNextQuestion(form, container) {\n        this.progress++;\n        if (this.progress < this.total) {\n            this.questionInProcess = this.history[this.progress][0].object;\n            form.removeChild(form.childNodes[0]);\n            form.appendChild(this.history[this.progress][0].element);\n        }\n        else {\n            if (this.formOptionsConfig.addSuccessScreen) {\n                // Remove the form\n                if (container.childNodes.length > 0)\n                    container.removeChild(container.childNodes[0]);\n                // Show the success message\n                const successMessage = (0, questions_service_1.renderSuccess)(this.formOptionsConfig.successMessage ||\n                    \"Thank you for your feedback!\");\n                container.appendChild(successMessage);\n            }\n            this.pushAnswers(true);\n        }\n    }\n    /**\n     * Render back question\n     * @private\n     */\n    back() {\n        if (this.progress === 0)\n            return;\n        const form = document.getElementById(\"magicfeedback-questions-\" + this.appId);\n        form.removeChild(form.childNodes[0]);\n        if (this.history[this.progress].length > 1) {\n            // Delete the last question in the history array and load the previous one\n            this.history[this.progress].pop();\n        }\n        else {\n            // Use the previous question in the history array\n            this.progress--;\n        }\n        // Get the last question in the history array\n        const question = this.history[this.progress][this.history[this.progress].length - 1];\n        // Update the question in process\n        this.questionInProcess = question.object;\n        form.appendChild(question.element);\n    }\n}\nexports.Form = Form;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/form.ts?");
-
-/***/ }),
-
-/***/ "./src/services/paths.ts":
-/*!*******************************!*\
-  !*** ./src/services/paths.ts ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.endpoints = void 0;\nexports.endpoints = {\n    sdk: {\n        app: (appId, publicKey) => `sdk/app/${appId}/${publicKey}`,\n        app_info: (appId, publicKey) => `sdk/app/${appId}/${publicKey}/info`,\n        feedback: 'sdk/feedback',\n        followUpQuestion: 'sdk/followUpQuestion',\n    }\n};\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/paths.ts?");
-
-/***/ }),
-
-/***/ "./src/services/questions.service.ts":
-/*!*******************************************!*\
-  !*** ./src/services/questions.service.ts ***!
-  \*******************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderSuccess = exports.renderError = exports.renderActions = exports.renderQuestions = void 0;\nfunction renderQuestions(appQuestions, format = \"standard\") {\n    if (!appQuestions)\n        throw new Error(\"[MagicFeedback] No questions provided\");\n    const questions = [];\n    appQuestions.forEach((question) => {\n        const { id, title, type, ref, require, \n        //external_id,\n        value, defaultValue, } = question;\n        let element;\n        let elementTypeClass;\n        let elementContainer = document.createElement(\"div\");\n        elementContainer.classList.add(\"magicfeedback-div\");\n        switch (type) {\n            case \"TEXT\":\n                // Create a text input field\n                element = document.createElement(\"input\");\n                element.type = \"text\";\n                element.placeholder = format === 'slim' ? title : \"Write your answer here...\";\n                elementTypeClass = \"magicfeedback-text\";\n                break;\n            case \"LONGTEXT\":\n                // Create a textarea element for TEXT and LONGTEXT types\n                element = document.createElement(\"textarea\");\n                element.rows = 3; // Set the number of rows based on the type\n                element.placeholder = format === 'slim' ? title : \"Write your answer here...\";\n                elementTypeClass = \"magicfeedback-longtext\";\n                break;\n            case \"NUMBER\":\n                // Create an input element with type \"number\" for NUMBER type\n                element = document.createElement(\"input\");\n                element.type = \"number\";\n                element.placeholder = format === 'slim' ? title : \"Insert a number here\";\n                elementTypeClass = \"magicfeedback-number\";\n                if (value.length) {\n                    value.sort((a, b) => Number(a) - Number(b));\n                    element.max = value[value.length - 1];\n                    element.min = value[0];\n                    element.value = value[0];\n                }\n                break;\n            case \"RADIO\":\n            case \"MULTIPLECHOICE\":\n                element = document.createElement(\"div\");\n                elementTypeClass =\n                    `magicfeedback-${type === \"RADIO\" ? \"radio\" : \"checkbox\"}`;\n                value.forEach((option, index) => {\n                    const container = document.createElement(\"div\");\n                    container.classList.add(`magicfeedback-${type === \"RADIO\" ? \"radio\" : \"checkbox\"}-container`);\n                    const label = document.createElement(\"label\");\n                    const input = document.createElement(\"input\");\n                    input.id = `rating-${ref}-${index}`;\n                    input.type = type === \"RADIO\" ? \"radio\" : \"checkbox\";\n                    input.name = ref;\n                    input.value = option;\n                    input.classList.add(elementTypeClass);\n                    input.classList.add(\"magicfeedback-input\");\n                    if (option === defaultValue) {\n                        input.checked = true;\n                    }\n                    label.textContent = option;\n                    label.htmlFor = `rating-${ref}-${index}`;\n                    container.appendChild(input);\n                    container.appendChild(label);\n                    element.appendChild(container);\n                });\n                break;\n            case 'RATING':\n            case 'WIDGET_RATING_EMOJI_1_10':\n            case 'WIDGET_RATING_EMOJI_1_5':\n                element = document.createElement(\"div\");\n                elementTypeClass = 'magicfeedback-rating';\n                const ratingContainer = document.createElement('div');\n                ratingContainer.classList.add('magicfeedback-rating-container');\n                const maxRating = ['WIDGET_RATING_EMOJI_1_5', 'WIDGET_RATING_NUMBER_1_5'].includes(type) ? 5 : 10;\n                for (let i = 1; i <= maxRating; i++) {\n                    const ratingOption = document.createElement('div');\n                    ratingOption.classList.add('magicfeedback-rating-option');\n                    const containerLabel = document.createElement('label');\n                    containerLabel.htmlFor = `rating-${ref}-${i}`;\n                    containerLabel.classList.add('magicfeedback-rating-option-label-container');\n                    const ratingLabel = document.createElement('label');\n                    ratingLabel.htmlFor = `rating-${ref}-${i}`;\n                    ratingLabel.textContent = i.toString();\n                    const ratingImage = document.createElement('img');\n                    if (['WIDGET_RATING_EMOJI_1_5'].includes(type)) {\n                        switch (i) {\n                            case 1:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/1.svg\";\n                                break;\n                            case 2:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/2.svg\";\n                                break;\n                            case 3:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/6.svg\";\n                                break;\n                            case 4:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/9.svg\";\n                                break;\n                            case 5:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/10.svg\";\n                                break;\n                        }\n                    }\n                    else {\n                        ratingImage.src = `https://magicfeedback-c6458-dev.web.app/assets/${i}.svg`;\n                    }\n                    ratingImage.alt = `face-${ref}-${i}`;\n                    // ratingImage is used to set the form value\n                    // ... add the code to set the value here\n                    ratingImage.className = `rating-image${i}`;\n                    const input = document.createElement(\"input\");\n                    input.id = `rating-${ref}-${i}`;\n                    input.type = \"radio\";\n                    input.name = ref;\n                    input.value = i.toString();\n                    input.classList.add(elementTypeClass);\n                    input.classList.add(\"magicfeedback-input\");\n                    containerLabel.appendChild(input);\n                    if (['WIDGET_RATING_EMOJI_1_5', 'WIDGET_RATING_EMOJI_1_10', 'RATING'].includes(type)) {\n                        containerLabel.appendChild(ratingImage);\n                    }\n                    else {\n                        // Each number should have a border around it and be around the same size as an emoji.\n                        // The number should be centered in the middle of the border.\n                        containerLabel.classList.add('magicfeedback-rating-option-label-container-number');\n                    }\n                    containerLabel.appendChild(ratingLabel);\n                    ratingOption.appendChild(containerLabel);\n                    ratingContainer.appendChild(ratingOption);\n                }\n                element.appendChild(ratingContainer);\n                break;\n            case 'WIDGET_RATING_NUMBER_1_10':\n            case 'WIDGET_RATING_NUMBER_1_5':\n                element = document.createElement(\"div\");\n                elementTypeClass = 'magicfeedback-rating-number';\n                const ratingNumberContainer = document.createElement('div');\n                ratingNumberContainer.classList.add('magicfeedback-rating-number-container');\n                const maxRatingNumber = ['WIDGET_RATING_NUMBER_1_5'].includes(type) ? 5 : 10;\n                for (let i = 1; i <= maxRatingNumber; i++) {\n                    // Create a input button element for each value in the question's value array\n                    const ratingOption = document.createElement('div');\n                    ratingOption.classList.add('magicfeedback-rating-number-option');\n                    const containerLabel = document.createElement('label');\n                    containerLabel.htmlFor = `rating-${ref}-${i}`;\n                    containerLabel.classList.add('magicfeedback-rating-number-option-label-container');\n                    const ratingLabel = document.createElement('label');\n                    ratingLabel.htmlFor = `rating-${ref}-${i}`;\n                    ratingLabel.textContent = i.toString();\n                    const input = document.createElement(\"input\");\n                    input.id = `rating-${ref}-${i}`;\n                    input.type = \"radio\";\n                    input.name = ref;\n                    input.value = i.toString();\n                    input.classList.add(elementTypeClass);\n                    input.classList.add(\"magicfeedback-input\");\n                    containerLabel.appendChild(input);\n                    containerLabel.appendChild(ratingLabel);\n                    ratingOption.appendChild(containerLabel);\n                    ratingNumberContainer.appendChild(ratingOption);\n                }\n                element.appendChild(ratingNumberContainer);\n                break;\n            case \"SELECT\":\n                // Create a select element for RADIO and MULTIPLECHOICE types\n                element = document.createElement(\"select\");\n                elementTypeClass = \"magicfeedback-select\";\n                element.placeholder = format === 'slim' ? title : \"Select an option\";\n                value.forEach((optionValue) => {\n                    // Create an option element for each value in the question's value array\n                    const option = document.createElement(\"option\");\n                    option.value = optionValue;\n                    option.text = optionValue;\n                    element.appendChild(option);\n                });\n                break;\n            case \"DATE\":\n                // Create an input element with type \"date\" for DATE type\n                element = document.createElement(\"input\");\n                element.type = \"date\";\n                element.placeholder = format === 'slim' ? title : \"Select a date\";\n                elementTypeClass = \"magicfeedback-date\";\n                break;\n            case \"BOOLEAN\":\n                // Create an input element with type \"checkbox\" for BOOLEAN type\n                element = document.createElement(\"input\");\n                element.type = \"checkbox\";\n                elementTypeClass = \"magicfeedback-boolean\";\n                break;\n            case \"EMAIL\":\n                // Create an input element with type \"email\" for EMAIL type\n                element = document.createElement(\"input\");\n                element.type = \"email\";\n                element.placeholder = format === 'slim' ? title : \"you@example.com\";\n                elementTypeClass = \"magicfeedback-email\";\n                break;\n            case \"PASSWORD\":\n                // Create an input element with type \"password\" for PASSWORD type\n                element = document.createElement(\"input\");\n                element.type = \"password\";\n                element.placeholder = format === 'slim' ? title : \"Write your password here\";\n                elementTypeClass = \"magicfeedback-password\";\n                break;\n            case \"CONTACT\":\n                // Create an input element with type \"tel\" for CONTACT type\n                element = document.createElement(\"input\");\n                element.type = \"tel\";\n                element.placeholder = format === 'slim' ? title : \"Enter your phone number\";\n                elementTypeClass = \"magicfeedback-contact\";\n                break;\n            default:\n                return; // Skip unknown types\n        }\n        element.id = `magicfeedback-${id}`;\n        element.setAttribute(\"name\", ref);\n        element.classList.add(elementTypeClass);\n        if (defaultValue !== undefined) {\n            element.value = defaultValue;\n        }\n        if (![\"RADIO\", \"MULTIPLECHOICE\"].includes(type)) {\n            element.classList.add(\"magicfeedback-input\");\n            element.required = require;\n        }\n        // Add the label and input element to the form\n        const label = document.createElement(\"label\");\n        label.setAttribute(\"for\", `magicfeedback-${id}`);\n        label.textContent = title;\n        label.classList.add(\"magicfeedback-label\");\n        if ([\"BOOLEAN\"].includes(type)) {\n            elementContainer.classList.add(\"magicfeedback-boolean-container\");\n            elementContainer.appendChild(element);\n            elementContainer.appendChild(label);\n        }\n        else {\n            if (format !== 'slim')\n                elementContainer.appendChild(label);\n            elementContainer.appendChild(element);\n        }\n        questions.push(elementContainer);\n    });\n    return questions;\n}\nexports.renderQuestions = renderQuestions;\nfunction renderActions(identity = '', backAction, sendButtonText = \"Submit\", backButtonText = \"Back\", nextButtonText = \"Next\") {\n    const actionContainer = document.createElement(\"div\");\n    actionContainer.classList.add(\"magicfeedback-action-container\");\n    // Create a submit button if specified in options\n    const submitButton = document.createElement(\"button\");\n    submitButton.id = \"magicfeedback-submit\";\n    submitButton.type = \"submit\";\n    submitButton.classList.add(\"magicfeedback-submit\");\n    submitButton.textContent = identity === 'MAGICSURVEY' ? (nextButtonText || \"Next\") : (sendButtonText || \"Submit\");\n    // Create a back button\n    const backButton = document.createElement(\"button\");\n    backButton.id = \"magicfeedback-back\";\n    backButton.type = \"button\";\n    backButton.classList.add(\"magicfeedback-back\");\n    backButton.textContent = backButtonText || \"Back\";\n    backButton.addEventListener(\"click\", backAction);\n    if (identity === 'MAGICSURVEY') {\n        actionContainer.appendChild(backButton);\n    }\n    actionContainer.appendChild(submitButton);\n    return actionContainer;\n}\nexports.renderActions = renderActions;\nfunction renderError(error) {\n    const errorElement = document.createElement(\"div\");\n    errorElement.classList.add(\"magicfeedback-error\");\n    errorElement.textContent = error;\n    return errorElement;\n}\nexports.renderError = renderError;\nfunction renderSuccess(success) {\n    const successElement = document.createElement(\"div\");\n    successElement.classList.add(\"magicfeedback-success\");\n    successElement.textContent = success;\n    return successElement;\n}\nexports.renderSuccess = renderSuccess;\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/questions.service.ts?");
-
-/***/ }),
-
-/***/ "./src/services/request.service.ts":
-/*!*****************************************!*\
-  !*** ./src/services/request.service.ts ***!
-  \*****************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-"use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.getFollowUpQuestion = exports.sendFeedback = exports.getQuestions = exports.getForm = exports.validateEmail = void 0;\nconst cross_fetch_1 = __importDefault(__webpack_require__(/*! cross-fetch */ \"./node_modules/cross-fetch/dist/browser-ponyfill.js\"));\nconst package_json_1 = __importDefault(__webpack_require__(/*! ../../package.json */ \"./package.json\"));\nconst paths_1 = __webpack_require__(/*! ./paths */ \"./src/services/paths.ts\");\nconst header = {\n    Accept: \"application/json\",\n    \"Magicfeedback-Sdk-Version\": package_json_1.default.version,\n};\n// @ts-ignore\nconst serializedParams = (params) => Object.entries(params).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`).join(\"&\");\nfunction validateEmail(email) {\n    const re = /\\S+@\\S+\\.\\S+/;\n    return re.test(email);\n}\nexports.validateEmail = validateEmail;\nfunction getForm(url, appId, publicKey, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.app_info(appId, publicKey), {\n                method: \"GET\",\n                headers: header\n            });\n            if (response.ok) {\n                // Handle success response\n                const json = yield response.json();\n                log.log(`Received form for app ${appId}`, json);\n                return json;\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to get questions for app ${appId}:`, response.status, response.statusText);\n                throw new Error(\"[MagicFeedback] Bad response from server\");\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return null;\n        }\n    });\n}\nexports.getForm = getForm;\nfunction getQuestions(url, appId, publicKey, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.app(appId, publicKey), {\n                method: \"GET\",\n                headers: header\n            });\n            if (response.ok) {\n                // Handle success response\n                const json = yield response.json();\n                log.log(`Received questions for app ${appId}`, json);\n                return json;\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to get questions for app ${appId}:`, response.status, response.statusText);\n                throw new Error(\"[MagicFeedback] Bad response from server\");\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return [];\n        }\n    });\n}\nexports.getQuestions = getQuestions;\nfunction sendFeedback(url, body, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.feedback, {\n                method: \"POST\",\n                headers: Object.assign({ \"Content-Type\": \"application/json\" }, header),\n                body: JSON.stringify(body),\n            });\n            if (response.ok) {\n                // Handle success response\n                log.log(`Form ${body.integration} submitted successfully!`);\n                // You can perform additional actions here if needed\n                const responseJson = yield response.json();\n                return responseJson.sessionId;\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to submit form ${body.integration}:`, response.status, response.statusText);\n                throw new Error(response.statusText);\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return '';\n        }\n    });\n}\nexports.sendFeedback = sendFeedback;\nfunction getFollowUpQuestion(url, body, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.followUpQuestion, {\n                method: \"POST\",\n                headers: Object.assign({ \"Content-Type\": \"application/json\" }, header),\n                body: JSON.stringify(body),\n            });\n            if (response.ok) {\n                // Handle success response\n                log.log(`Received follow up question for form ${body.integration}`);\n                // You can perform additional actions here if needed\n                const responseJson = yield response.json();\n                return responseJson || '';\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to get follow up question for form ${body.integration}:`, response.status, response.statusText);\n                throw new Error(response.statusText);\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return '';\n        }\n    });\n}\nexports.getFollowUpQuestion = getFollowUpQuestion;\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/request.service.ts?");
-
-/***/ }),
-
-/***/ "./src/utils/log.ts":
-/*!**************************!*\
-  !*** ./src/utils/log.ts ***!
-  \**************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-"use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Log = void 0;\nclass Log {\n    /**\n     *\n     * @param config\n     */\n    constructor(config) {\n        // Config\n        this.config = config;\n    }\n    /**\n     *\n     * @param args\n     */\n    log(...args) {\n        if (this.config.get(\"debug\")) {\n            console.log(\"[MagicFeedback]:\", ...args);\n        }\n    }\n    /**\n     *\n     * @param args\n     */\n    err(...args) {\n        console.error(\"[MagicFeedback]:\", ...args);\n    }\n}\nexports.Log = Log;\n\n\n//# sourceURL=webpack://magicfeedback/./src/utils/log.ts?");
-
-/***/ }),
-
-/***/ "./package.json":
-/*!**********************!*\
-  !*** ./package.json ***!
-  \**********************/
-/***/ ((module) => {
-
-"use strict";
-eval("module.exports = JSON.parse('{\"name\":\"@magicfeedback/native\",\"version\":\"1.1.14-beta.0\",\"main\":\"./dist/magicfeedback-sdk.node.js\",\"browser\":\"./dist/magicfeedback-sdk.browser.js\",\"types\":\"./dist/types/src/index.d.ts\",\"repository\":{\"type\":\"git\",\"url\":\"git+ssh://git@github.com/MagicFeedback/magicfeedback-sdk.git\"},\"author\":\"farias@magicfeedback.io\",\"license\":\"MIT\",\"private\":false,\"scripts\":{\"dev\":\"vite\",\"build\":\"webpack\",\"build:watch\":\"webpack --watch --mode development\",\"publish\":\"npm publish --access public\",\"publish:beta\":\"npm publish --access public --tag beta\",\"test\":\"jest\",\"test:watch\":\"jest --watchAll\",\"coverage\":\"vitest run --coverage\"},\"files\":[\"dist\"],\"devDependencies\":{\"@babel/preset-typescript\":\"^7.22.5\",\"@types/node\":\"^17.0.21\",\"@types/webpack\":\"^5.28.0\",\"@types/webpack-node-externals\":\"^2.5.3\",\"c8\":\"^7.11.0\",\"jest\":\"^29.5.0\",\"jest-environment-jsdom\":\"^29.5.0\",\"jest-fetch-mock\":\"^3.0.3\",\"nock\":\"^13.2.4\",\"ts-jest\":\"^29.1.0\",\"ts-loader\":\"^9.2.7\",\"ts-node\":\"^10.7.0\",\"typescript\":\"^4.6.2\",\"vite\":\"^2.8.0\",\"vite-plugin-dts\":\"^0.9.9\",\"vitest\":\"^0.5.9\",\"webpack\":\"^5.70.0\",\"webpack-cli\":\"^4.9.2\",\"webpack-node-externals\":\"^3.0.0\"},\"dependencies\":{\"cross-fetch\":\"^3.1.5\",\"is-bundling-for-browser-or-node\":\"^1.1.1\"},\"description\":\"MagicFeedbackAI JavaScript Library for [MagicFeedback.io](https://magicfeedback.io/)\",\"bugs\":{\"url\":\"https://github.com/MagicFeedback/magicfeedback-sdk/issues\"},\"homepage\":\"https://github.com/MagicFeedback/magicfeedback-sdk#readme\",\"directories\":{\"example\":\"examples\",\"test\":\"test\"}}');\n\n//# sourceURL=webpack://magicfeedback/./package.json?");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module is referenced by other modules so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/index.ts");
-/******/ 	__webpack_exports__ = __webpack_exports__["default"];
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.magicfeedback=t():e.magicfeedback=t()}(self,(()=>{return e={98:function(e,t){var i="undefined"!=typeof self?self:this,s=function(){function e(){this.fetch=!1,this.DOMException=i.DOMException}return e.prototype=i,new e}();!function(e){!function(t){var i="URLSearchParams"in e,s="Symbol"in e&&"iterator"in Symbol,o="FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),n="FormData"in e,r="ArrayBuffer"in e;if(r)var a=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],c=ArrayBuffer.isView||function(e){return e&&a.indexOf(Object.prototype.toString.call(e))>-1};function d(e){if("string"!=typeof e&&(e=String(e)),/[^a-z0-9\-#$%&'*+.^_`|~]/i.test(e))throw new TypeError("Invalid character in header field name");return e.toLowerCase()}function l(e){return"string"!=typeof e&&(e=String(e)),e}function u(e){var t={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return s&&(t[Symbol.iterator]=function(){return t}),t}function h(e){this.map={},e instanceof h?e.forEach((function(e,t){this.append(t,e)}),this):Array.isArray(e)?e.forEach((function(e){this.append(e[0],e[1])}),this):e&&Object.getOwnPropertyNames(e).forEach((function(t){this.append(t,e[t])}),this)}function p(e){if(e.bodyUsed)return Promise.reject(new TypeError("Already read"));e.bodyUsed=!0}function f(e){return new Promise((function(t,i){e.onload=function(){t(e.result)},e.onerror=function(){i(e.error)}}))}function m(e){var t=new FileReader,i=f(t);return t.readAsArrayBuffer(e),i}function b(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function g(){return this.bodyUsed=!1,this._initBody=function(e){var t;this._bodyInit=e,e?"string"==typeof e?this._bodyText=e:o&&Blob.prototype.isPrototypeOf(e)?this._bodyBlob=e:n&&FormData.prototype.isPrototypeOf(e)?this._bodyFormData=e:i&&URLSearchParams.prototype.isPrototypeOf(e)?this._bodyText=e.toString():r&&o&&(t=e)&&DataView.prototype.isPrototypeOf(t)?(this._bodyArrayBuffer=b(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):r&&(ArrayBuffer.prototype.isPrototypeOf(e)||c(e))?this._bodyArrayBuffer=b(e):this._bodyText=e=Object.prototype.toString.call(e):this._bodyText="",this.headers.get("content-type")||("string"==typeof e?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):i&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},o&&(this.blob=function(){var e=p(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?p(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(m)}),this.text=function(){var e,t,i,s=p(this);if(s)return s;if(this._bodyBlob)return e=this._bodyBlob,i=f(t=new FileReader),t.readAsText(e),i;if(this._bodyArrayBuffer)return Promise.resolve(function(e){for(var t=new Uint8Array(e),i=new Array(t.length),s=0;s<t.length;s++)i[s]=String.fromCharCode(t[s]);return i.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},n&&(this.formData=function(){return this.text().then(k)}),this.json=function(){return this.text().then(JSON.parse)},this}h.prototype.append=function(e,t){e=d(e),t=l(t);var i=this.map[e];this.map[e]=i?i+", "+t:t},h.prototype.delete=function(e){delete this.map[d(e)]},h.prototype.get=function(e){return e=d(e),this.has(e)?this.map[e]:null},h.prototype.has=function(e){return this.map.hasOwnProperty(d(e))},h.prototype.set=function(e,t){this.map[d(e)]=l(t)},h.prototype.forEach=function(e,t){for(var i in this.map)this.map.hasOwnProperty(i)&&e.call(t,this.map[i],i,this)},h.prototype.keys=function(){var e=[];return this.forEach((function(t,i){e.push(i)})),u(e)},h.prototype.values=function(){var e=[];return this.forEach((function(t){e.push(t)})),u(e)},h.prototype.entries=function(){var e=[];return this.forEach((function(t,i){e.push([i,t])})),u(e)},s&&(h.prototype[Symbol.iterator]=h.prototype.entries);var y=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function v(e,t){var i,s,o=(t=t||{}).body;if(e instanceof v){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new h(e.headers)),this.method=e.method,this.mode=e.mode,this.signal=e.signal,o||null==e._bodyInit||(o=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"same-origin",!t.headers&&this.headers||(this.headers=new h(t.headers)),this.method=(s=(i=t.method||this.method||"GET").toUpperCase(),y.indexOf(s)>-1?s:i),this.mode=t.mode||this.mode||null,this.signal=t.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&o)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(o)}function k(e){var t=new FormData;return e.trim().split("&").forEach((function(e){if(e){var i=e.split("="),s=i.shift().replace(/\+/g," "),o=i.join("=").replace(/\+/g," ");t.append(decodeURIComponent(s),decodeURIComponent(o))}})),t}function w(e,t){t||(t={}),this.type="default",this.status=void 0===t.status?200:t.status,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new h(t.headers),this.url=t.url||"",this._initBody(e)}v.prototype.clone=function(){return new v(this,{body:this._bodyInit})},g.call(v.prototype),g.call(w.prototype),w.prototype.clone=function(){return new w(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new h(this.headers),url:this.url})},w.error=function(){var e=new w(null,{status:0,statusText:""});return e.type="error",e};var E=[301,302,303,307,308];w.redirect=function(e,t){if(-1===E.indexOf(t))throw new RangeError("Invalid status code");return new w(null,{status:t,headers:{location:e}})},t.DOMException=e.DOMException;try{new t.DOMException}catch(e){t.DOMException=function(e,t){this.message=e,this.name=t;var i=Error(e);this.stack=i.stack},t.DOMException.prototype=Object.create(Error.prototype),t.DOMException.prototype.constructor=t.DOMException}function _(e,i){return new Promise((function(s,n){var r=new v(e,i);if(r.signal&&r.signal.aborted)return n(new t.DOMException("Aborted","AbortError"));var a=new XMLHttpRequest;function c(){a.abort()}a.onload=function(){var e,t,i={status:a.status,statusText:a.statusText,headers:(e=a.getAllResponseHeaders()||"",t=new h,e.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach((function(e){var i=e.split(":"),s=i.shift().trim();if(s){var o=i.join(":").trim();t.append(s,o)}})),t)};i.url="responseURL"in a?a.responseURL:i.headers.get("X-Request-URL");var o="response"in a?a.response:a.responseText;s(new w(o,i))},a.onerror=function(){n(new TypeError("Network request failed"))},a.ontimeout=function(){n(new TypeError("Network request failed"))},a.onabort=function(){n(new t.DOMException("Aborted","AbortError"))},a.open(r.method,r.url,!0),"include"===r.credentials?a.withCredentials=!0:"omit"===r.credentials&&(a.withCredentials=!1),"responseType"in a&&o&&(a.responseType="blob"),r.headers.forEach((function(e,t){a.setRequestHeader(t,e)})),r.signal&&(r.signal.addEventListener("abort",c),a.onreadystatechange=function(){4===a.readyState&&r.signal.removeEventListener("abort",c)}),a.send(void 0===r._bodyInit?null:r._bodyInit)}))}_.polyfill=!0,e.fetch||(e.fetch=_,e.Headers=h,e.Request=v,e.Response=w),t.Headers=h,t.Request=v,t.Response=w,t.fetch=_,Object.defineProperty(t,"__esModule",{value:!0})}({})}(s),s.fetch.ponyfill=!0,delete s.fetch.polyfill;var o=s;(t=o.fetch).default=o.fetch,t.fetch=o.fetch,t.Headers=o.Headers,t.Request=o.Request,t.Response=o.Response,e.exports=t},290:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HOST_API_URL_DEV=t.HOST_API_URL=void 0,t.HOST_API_URL="https://api.magicfeedback.io/",t.HOST_API_URL_DEV="https://api-dev.magicfeedback.io/"},607:function(e,t,i){"use strict";var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=s(i(519));let n=null;n||(n=(0,o.default)()),t.default=n},519:function(e,t,i){"use strict";var s=this&&this.__awaiter||function(e,t,i,s){return new(i||(i=Promise))((function(o,n){function r(e){try{c(s.next(e))}catch(e){n(e)}}function a(e){try{c(s.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0});const o=i(954),n=i(712),r=i(5),a=i(341),c=i(290);t.default=function(){const e=new n.Config;let t;return{init:function(i){(null==i?void 0:i.debug)&&e.set("debug",null==i?void 0:i.debug),e.set("url",(null==i?void 0:i.env)&&"dev"===(null==i?void 0:i.env)?c.HOST_API_URL_DEV:c.HOST_API_URL),t=new r.Log(e),t.log("Initialized Magicfeedback",e)},send:function(i,o,n,r=!0,c,d){return s(this,void 0,void 0,(function*(){i||t.err("No appID provided"),o||t.err("No publicKey provided"),n||t.err("No feedback provided"),n.answers||n.profile||n.metrics||n.metadata||t.err("No feedback data provided");const s=e.get("url"),l={integration:i,publicKey:o,privateKey:d,completed:r,id:c,feedback:n};try{const e=yield(0,a.sendFeedback)(s,l,t);return t.log("sent native feedback"),e}catch(e){return t.err("error native feedback",e),!1}}))},form:function(i,s){return i||t.err("No appID provided"),s||t.err("No publicKey provided"),new o.Form(e,i,s)}}}},712:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Config=void 0,t.Config=class{constructor(){this.variables={},this.variables.env="prod",this.variables.debug=!1}get(e){return this.variables[e]}set(e,t){this.variables[e]=t}}},954:function(e,t,i){"use strict";var s=this&&this.__awaiter||function(e,t,i,s){return new(i||(i=Promise))((function(o,n){function r(e){try{c(s.next(e))}catch(e){n(e)}}function a(e){try{c(s.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.Form=void 0;const o=i(5),n=i(341),r=i(183);t.Form=class{constructor(e,t,i){this.config=e,this.log=new o.Log(e),this.formOptionsConfig={addButton:!0,sendButtonText:"Send",backButtonText:"Back",nextButtonText:"Next",addSuccessScreen:!0,getMetaData:!0,questionFormat:"standard"},this.selector="",this.appId=t,this.publicKey=i,this.url=e.get("url"),this.id="",this.formData=null,this.feedback={text:"",answers:[],profile:[],metrics:[],metadata:[]},this.questions=[],this.elementQuestions=[],this.questionInProcess=null,this.history={},this.progress=0,this.total=0}generate(e,t){return s(this,void 0,void 0,(function*(){try{this.formOptionsConfig=Object.assign(Object.assign({},this.formOptionsConfig),t),this.selector=e;const i=localStorage.getItem(`magicfeedback-${this.appId}`);if(i&&new Date(JSON.parse(i).savedAt)<new Date((new Date).getTime()+864e5)?(this.formData=JSON.parse(i),(0,n.getForm)(this.url,this.appId,this.publicKey,this.log).then((e=>{var t,i;(null==e?void 0:e.updatedAt)&&(null===(t=this.formData)||void 0===t?void 0:t.savedAt)&&(null==e?void 0:e.updatedAt)>(null===(i=this.formData)||void 0===i?void 0:i.savedAt)&&(console.log("Form updated"),this.formData=e,this.formData.savedAt=new Date,this.formData.questions&&(this.questions=this.formData.questions,this.total=this.questions.length),localStorage.setItem(`magicfeedback-${this.appId}`,JSON.stringify(this.formData)),this.generateForm())}))):this.formData=yield(0,n.getForm)(this.url,this.appId,this.publicKey,this.log),void 0===this.formData||!this.formData)throw new Error(`No form for app ${this.appId}`);if(this.formData.savedAt||(this.formData.savedAt=new Date,localStorage.setItem(`magicfeedback-${this.appId}`,JSON.stringify(this.formData))),this.questions=this.formData.questions,void 0===this.questions||!this.questions)throw new Error(`No questions for app ${this.appId}`);this.total=this.questions.length,this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,progress:this.progress,total:this.total,formData:this.formData})),this.formOptionsConfig.getMetaData&&this.getMetaData(),this.generateForm()}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,error:e})))}}))}generateForm(){var e,t;try{this.questions.sort(((e,t)=>e.position-t.position));const i=document.getElementById(this.selector);if(!i)throw new Error(`Element with ID '${this.selector}' not found.`);i.classList.add("magicfeedback-container"),i.id="magicfeedback-container-"+this.appId,i.innerHTML="";const s=document.createElement("form");s.classList.add("magicfeedback-form"),s.id="magicfeedback-"+this.appId;const o=document.createElement("div");if(o.classList.add("magicfeedback-questions"),o.id="magicfeedback-questions-"+this.appId,this.elementQuestions=(0,r.renderQuestions)(this.questions,this.formOptionsConfig.questionFormat),"MAGICSURVEY"===(null===(e=this.formData)||void 0===e?void 0:e.identity)?(this.elementQuestions.forEach(((e,t)=>this.history[t]=[{object:this.questions[t],element:e}])),this.questionInProcess=this.history[0][0].object,o.appendChild(this.history[0][0].element)):this.elementQuestions.forEach((e=>o.appendChild(e))),s.appendChild(o),i.appendChild(s),this.formOptionsConfig.addButton){const e=(0,r.renderActions)(null===(t=this.formData)||void 0===t?void 0:t.identity,(()=>this.back()),this.formOptionsConfig.sendButtonText,this.formOptionsConfig.backButtonText,this.formOptionsConfig.nextButtonText);s.appendChild(e)}s.addEventListener("submit",(e=>{e.preventDefault(),this.send()}))}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&this.formOptionsConfig.onLoadedEvent({loading:!1,error:e}))}}getMetaData(){this.feedback.metadata.push({key:"navigator-url",value:[window.location.href]}),this.feedback.metadata.push({key:"navigator-origin",value:[window.location.origin]}),this.feedback.metadata.push({key:"navigator-pathname",value:[window.location.pathname]}),this.feedback.metadata.push({key:"navigator-search",value:[window.location.search]}),this.feedback.metadata.push({key:"navigator-user",value:[navigator.userAgent]}),this.feedback.metadata.push({key:"navigator-language",value:[navigator.language]}),this.feedback.metadata.push({key:"navigator-platform",value:[navigator.platform]}),this.feedback.metadata.push({key:"navigator-appVersion",value:[navigator.appVersion]}),this.feedback.metadata.push({key:"navigator-appName",value:[navigator.appName]}),this.feedback.metadata.push({key:"navigator-product",value:[navigator.product]}),this.feedback.metadata.push({key:"screen-width",value:[window.screen.width.toString()]}),this.feedback.metadata.push({key:"screen-height",value:[window.screen.height.toString()]})}send(e,t,i){var o;return s(this,void 0,void 0,(function*(){const s=document.getElementById("magicfeedback-container-"+this.appId),n=document.getElementById("magicfeedback-questions-"+this.appId);try{i&&(this.feedback.profile=[...this.feedback.profile,...i]),t&&(this.feedback.metrics=[...this.feedback.metrics,...t]),e&&(this.feedback.metadata=[...this.feedback.metadata,...e]),this.formOptionsConfig.beforeSubmitEvent&&(yield this.formOptionsConfig.beforeSubmitEvent({loading:!0,progress:this.progress,total:this.total}));const r=yield this.pushAnswers("MAGICSURVEY"!==(null===(o=this.formData)||void 0===o?void 0:o.identity));r&&(this.id=r,yield this.processNextQuestion(s,n)),this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({response:r,loading:!1,progress:this.progress,total:this.total,error:r?null:new Error("No response")}))}catch(e){this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({loading:!1,progress:this.progress,total:this.total,error:e}))}}))}answer(){const e=document.getElementById("magicfeedback-"+this.appId);if(!e)return this.log.err(`Form "${e}" not found.`),void(this.feedback.answers=[]);const t=[];let i=!1;e.querySelectorAll(".magicfeedback-input").forEach((e=>{const s=e.type,o=e.classList[0],r={key:e.name,value:[]},a="magicfeedback-boolean"===o?e.checked.toString():e.value;if(r.key&&""!==r.key)switch(s){case"radio":case"checkbox":if("magicfeedback-boolean"===o||e.checked){r.value.push(a);const e=t.findIndex((e=>e.key===r.key));-1!==e?t[e].value=[...t[e].value,...r.value]:t.push(r)}break;case"email":(0,n.validateEmail)(a)?(this.feedback.profile.push({key:"email",value:[a]}),r.value.push(a),t.push(r)):(this.log.err("Invalid email"),i=!0);break;default:""!==a&&(r.value.push(a),t.push(r))}})),this.feedback.answers=i?[]:t}pushAnswers(e=!1){var t,i;return s(this,void 0,void 0,(function*(){try{if(this.answer(),"MAGICFORM"===(null===(t=this.formData)||void 0===t?void 0:t.identity)){if(0===this.feedback.answers.length)throw new Error("No answers provided");this.questions.forEach((e=>{if(e.require&&!this.feedback.answers.find((t=>t.key===e.ref)))throw new Error(`No answer provided for question ${e.title}`)}))}else if(!e&&(null===(i=this.questionInProcess)||void 0===i?void 0:i.require)&&0===this.feedback.answers.length)throw new Error("No answers provided");const s=this.config.get("url"),o={integration:this.appId,publicKey:this.publicKey,feedback:this.feedback,completed:e};return yield(0,n.sendFeedback)(s,this.id?Object.assign(Object.assign({},o),{sessionId:this.id}):o,this.log)}catch(e){return this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),""}}))}callFollowUpQuestion(e){return s(this,void 0,void 0,(function*(){if(!(null==e?void 0:e.followup))return null;try{if(0===this.feedback.answers.length)throw new Error("No answers provided");const t=this.config.get("url"),i={answer:this.feedback.answers[0].value[0],publicKey:this.publicKey,sessionId:this.id,question:e};return yield(0,n.getFollowUpQuestion)(t,i,this.log)}catch(e){throw this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),e}}))}processNextQuestion(e,t){var i,o,n;return s(this,void 0,void 0,(function*(){if("MAGICSURVEY"===(null===(i=this.formData)||void 0===i?void 0:i.identity))if(null===(o=this.questionInProcess)||void 0===o?void 0:o.followup){const i=yield this.callFollowUpQuestion(this.questionInProcess);if(i){this.questionInProcess=i;const e=(0,r.renderQuestions)([i],null===(n=this.formOptionsConfig)||void 0===n?void 0:n.questionFormat)[0];this.history[this.progress].push({object:i,element:e}),t.removeChild(t.childNodes[0]),t.appendChild(e)}else this.renderNextQuestion(t,e)}else this.renderNextQuestion(t,e);else if(this.total=this.questions.length,this.progress=this.questions.length,this.formOptionsConfig.addSuccessScreen){e.childNodes.length>0&&e.removeChild(e.childNodes[0]);const t=(0,r.renderSuccess)(this.formOptionsConfig.successMessage||"Thank you for your feedback!");e.appendChild(t)}}))}renderNextQuestion(e,t){if(this.progress++,this.progress<this.total)this.questionInProcess=this.history[this.progress][0].object,e.removeChild(e.childNodes[0]),e.appendChild(this.history[this.progress][0].element);else{if(this.formOptionsConfig.addSuccessScreen){t.childNodes.length>0&&t.removeChild(t.childNodes[0]);const e=(0,r.renderSuccess)(this.formOptionsConfig.successMessage||"Thank you for your feedback!");t.appendChild(e)}this.pushAnswers(!0)}}back(){if(0===this.progress)return;const e=document.getElementById("magicfeedback-questions-"+this.appId);e.removeChild(e.childNodes[0]),this.history[this.progress].length>1?this.history[this.progress].pop():this.progress--;const t=this.history[this.progress][this.history[this.progress].length-1];this.questionInProcess=t.object,e.appendChild(t.element)}}},374:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.endpoints=void 0,t.endpoints={sdk:{app:(e,t)=>`sdk/app/${e}/${t}`,app_info:(e,t)=>`sdk/app/${e}/${t}/info`,feedback:"sdk/feedback",followUpQuestion:"sdk/followUpQuestion"}}},183:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderSuccess=t.renderError=t.renderActions=t.renderQuestions=void 0,t.renderQuestions=function(e,t="standard"){if(!e)throw new Error("[MagicFeedback] No questions provided");const i=[];return e.forEach((e=>{const{id:s,title:o,type:n,ref:r,require:a,value:c,defaultValue:d}=e;let l,u,h=document.createElement("div");switch(h.classList.add("magicfeedback-div"),n){case"TEXT":l=document.createElement("input"),l.type="text",l.placeholder="slim"===t?o:"Write your answer here...",u="magicfeedback-text";break;case"LONGTEXT":l=document.createElement("textarea"),l.rows=3,l.placeholder="slim"===t?o:"Write your answer here...",u="magicfeedback-longtext";break;case"NUMBER":l=document.createElement("input"),l.type="number",l.placeholder="slim"===t?o:"Insert a number here",u="magicfeedback-number",c.length&&(c.sort(((e,t)=>Number(e)-Number(t))),l.max=c[c.length-1],l.min=c[0],l.value=c[0]);break;case"RADIO":case"MULTIPLECHOICE":l=document.createElement("div"),u="magicfeedback-"+("RADIO"===n?"radio":"checkbox"),c.forEach(((e,t)=>{const i=document.createElement("div");i.classList.add(`magicfeedback-${"RADIO"===n?"radio":"checkbox"}-container`);const s=document.createElement("label"),o=document.createElement("input");o.id=`rating-${r}-${t}`,o.type="RADIO"===n?"radio":"checkbox",o.name=r,o.value=e,o.classList.add(u),o.classList.add("magicfeedback-input"),e===d&&(o.checked=!0),s.textContent=e,s.htmlFor=`rating-${r}-${t}`,i.appendChild(o),i.appendChild(s),l.appendChild(i)}));break;case"RATING":case"WIDGET_RATING_EMOJI_1_10":case"WIDGET_RATING_EMOJI_1_5":l=document.createElement("div"),u="magicfeedback-rating";const e=document.createElement("div");e.classList.add("magicfeedback-rating-container");const i=["WIDGET_RATING_EMOJI_1_5","WIDGET_RATING_NUMBER_1_5"].includes(n)?5:10;for(let t=1;t<=i;t++){const i=document.createElement("div");i.classList.add("magicfeedback-rating-option");const s=document.createElement("label");s.htmlFor=`rating-${r}-${t}`,s.classList.add("magicfeedback-rating-option-label-container");const o=document.createElement("label");o.htmlFor=`rating-${r}-${t}`,o.textContent=t.toString();const a=document.createElement("img");if(["WIDGET_RATING_EMOJI_1_5"].includes(n))switch(t){case 1:a.src="https://magicfeedback-c6458-dev.web.app/assets/1.svg";break;case 2:a.src="https://magicfeedback-c6458-dev.web.app/assets/2.svg";break;case 3:a.src="https://magicfeedback-c6458-dev.web.app/assets/6.svg";break;case 4:a.src="https://magicfeedback-c6458-dev.web.app/assets/9.svg";break;case 5:a.src="https://magicfeedback-c6458-dev.web.app/assets/10.svg"}else a.src=`https://magicfeedback-c6458-dev.web.app/assets/${t}.svg`;a.alt=`face-${r}-${t}`,a.className=`rating-image${t}`;const c=document.createElement("input");c.id=`rating-${r}-${t}`,c.type="radio",c.name=r,c.value=t.toString(),c.classList.add(u),c.classList.add("magicfeedback-input"),s.appendChild(c),["WIDGET_RATING_EMOJI_1_5","WIDGET_RATING_EMOJI_1_10","RATING"].includes(n)?s.appendChild(a):s.classList.add("magicfeedback-rating-option-label-container-number"),s.appendChild(o),i.appendChild(s),e.appendChild(i)}l.appendChild(e);break;case"WIDGET_RATING_NUMBER_1_10":case"WIDGET_RATING_NUMBER_1_5":l=document.createElement("div"),u="magicfeedback-rating-number";const s=document.createElement("div");s.classList.add("magicfeedback-rating-number-container");const a=["WIDGET_RATING_NUMBER_1_5"].includes(n)?5:10;for(let e=1;e<=a;e++){const t=document.createElement("div");t.classList.add("magicfeedback-rating-number-option");const i=document.createElement("label");i.htmlFor=`rating-${r}-${e}`,i.classList.add("magicfeedback-rating-number-option-label-container");const o=document.createElement("label");o.htmlFor=`rating-${r}-${e}`,o.textContent=e.toString();const n=document.createElement("input");n.id=`rating-${r}-${e}`,n.type="radio",n.name=r,n.value=e.toString(),n.classList.add(u),n.classList.add("magicfeedback-input"),i.appendChild(n),i.appendChild(o),t.appendChild(i),s.appendChild(t)}l.appendChild(s);break;case"WIDGET_RATING_STAR_1_5":l=document.createElement("div"),u="magicfeedback-rating-star";const h=function(e){const t="magicfeedback-rating-star-selected",i=document.createElement("div");i.classList.add("magicfeedback-rating-star-container");for(let s=1;s<=5;s++){const o=document.createElement("label");o.classList.add("magicfeedback-rating-star-option");const n=document.createElement("input");n.id=`rating-${e}-${s}`,n.type="radio",n.name="rating",n.value=s.toString(),n.style.position="absolute",n.style.opacity="0",n.style.width="0",n.style.height="0",n.classList.add("magicfeedback-input"),n.addEventListener("change",(()=>{const e=i.querySelectorAll(".rating__star");for(let i=0;i<e.length;i++)i+1<=Number(n.value)?e[i].classList.contains(t)||e[i].classList.add(t):e[i].classList.contains(t)&&e[i].classList.remove(t)})),o.appendChild(n);const r=document.createElement("label");r.htmlFor=`rating-${e}-${s}`,r.classList.add("rating__star"),r.textContent="★",r.style.fontSize="40px",r.style.color="#CCCCCC",r.style.cursor="pointer",o.appendChild(r),i.appendChild(o)}return i}(r);l.appendChild(h);break;case"SELECT":l=document.createElement("select"),u="magicfeedback-select",l.placeholder="slim"===t?o:"Select an option",c.forEach((e=>{const t=document.createElement("option");t.value=e,t.text=e,l.appendChild(t)}));break;case"DATE":l=document.createElement("input"),l.type="date",l.placeholder="slim"===t?o:"Select a date",u="magicfeedback-date";break;case"BOOLEAN":l=document.createElement("input"),l.type="checkbox",u="magicfeedback-boolean";break;case"EMAIL":l=document.createElement("input"),l.type="email",l.placeholder="slim"===t?o:"you@example.com",u="magicfeedback-email";break;case"PASSWORD":l=document.createElement("input"),l.type="password",l.placeholder="slim"===t?o:"Write your password here",u="magicfeedback-password";break;case"CONTACT":l=document.createElement("input"),l.type="tel",l.placeholder="slim"===t?o:"Enter your phone number",u="magicfeedback-contact";break;default:return}l.id=`magicfeedback-${s}`,l.setAttribute("name",r),l.classList.add(u),void 0!==d&&(l.value=d),["RADIO","MULTIPLECHOICE"].includes(n)||(l.classList.add("magicfeedback-input"),l.required=a);const p=document.createElement("label");p.setAttribute("for",`magicfeedback-${s}`),p.textContent=o,p.classList.add("magicfeedback-label"),["BOOLEAN"].includes(n)?(h.classList.add("magicfeedback-boolean-container"),h.appendChild(l),h.appendChild(p)):("slim"!==t&&h.appendChild(p),h.appendChild(l)),i.push(h)})),i},t.renderActions=function(e="",t,i="Submit",s="Back",o="Next"){const n=document.createElement("div");n.classList.add("magicfeedback-action-container");const r=document.createElement("button");r.id="magicfeedback-submit",r.type="submit",r.classList.add("magicfeedback-submit"),r.textContent="MAGICSURVEY"===e?o||"Next":i||"Submit";const a=document.createElement("button");return a.id="magicfeedback-back",a.type="button",a.classList.add("magicfeedback-back"),a.textContent=s||"Back",a.addEventListener("click",t),"MAGICSURVEY"===e&&n.appendChild(a),n.appendChild(r),n},t.renderError=function(e){const t=document.createElement("div");return t.classList.add("magicfeedback-error"),t.textContent=e,t},t.renderSuccess=function(e){const t=document.createElement("div");return t.classList.add("magicfeedback-success"),t.textContent=e,t}},341:function(e,t,i){"use strict";var s=this&&this.__awaiter||function(e,t,i,s){return new(i||(i=Promise))((function(o,n){function r(e){try{c(s.next(e))}catch(e){n(e)}}function a(e){try{c(s.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,a)}c((s=s.apply(e,t||[])).next())}))},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getFollowUpQuestion=t.sendFeedback=t.getQuestions=t.getForm=t.validateEmail=void 0;const n=o(i(98)),r=o(i(147)),a=i(374),c={Accept:"application/json","Magicfeedback-Sdk-Version":r.default.version};t.validateEmail=function(e){return/\S+@\S+\.\S+/.test(e)},t.getForm=function(e,t,i,o){return s(this,void 0,void 0,(function*(){try{const s=yield(0,n.default)(e+a.endpoints.sdk.app_info(t,i),{method:"GET",headers:c});if(s.ok){const e=yield s.json();return o.log(`Received form for app ${t}`,e),e}throw o.err(`Failed to get questions for app ${t}:`,s.status,s.statusText),new Error("[MagicFeedback] Bad response from server")}catch(e){return o.err(e),null}}))},t.getQuestions=function(e,t,i,o){return s(this,void 0,void 0,(function*(){try{const s=yield(0,n.default)(e+a.endpoints.sdk.app(t,i),{method:"GET",headers:c});if(s.ok){const e=yield s.json();return o.log(`Received questions for app ${t}`,e),e}throw o.err(`Failed to get questions for app ${t}:`,s.status,s.statusText),new Error("[MagicFeedback] Bad response from server")}catch(e){return o.err(e),[]}}))},t.sendFeedback=function(e,t,i){return s(this,void 0,void 0,(function*(){try{const s=yield(0,n.default)(e+a.endpoints.sdk.feedback,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},c),body:JSON.stringify(t)});if(s.ok)return i.log(`Form ${t.integration} submitted successfully!`),(yield s.json()).sessionId;throw i.err(`Failed to submit form ${t.integration}:`,s.status,s.statusText),new Error(s.statusText)}catch(e){return i.err(e),""}}))},t.getFollowUpQuestion=function(e,t,i){return s(this,void 0,void 0,(function*(){try{const s=yield(0,n.default)(e+a.endpoints.sdk.followUpQuestion,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},c),body:JSON.stringify(t)});if(s.ok)return i.log(`Received follow up question for form ${t.integration}`),(yield s.json())||"";throw i.err(`Failed to get follow up question for form ${t.integration}:`,s.status,s.statusText),new Error(s.statusText)}catch(e){return i.err(e),""}}))}},5:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Log=void 0,t.Log=class{constructor(e){this.config=e}log(...e){this.config.get("debug")&&console.log("[MagicFeedback]:",...e)}err(...e){console.error("[MagicFeedback]:",...e)}}},147:e=>{"use strict";e.exports=JSON.parse('{"name":"@magicfeedback/native","version":"1.1.14-beta.2","main":"./dist/magicfeedback-sdk.node.js","browser":"./dist/magicfeedback-sdk.browser.js","types":"./dist/types/src/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/MagicFeedback/magicfeedback-sdk.git"},"author":"farias@magicfeedback.io","license":"MIT","private":false,"scripts":{"dev":"vite","build":"webpack","build:watch":"webpack --watch --mode development","publish":"npm publish --access public","publish:beta":"npm publish --access public --tag beta","test":"jest","test:watch":"jest --watchAll","coverage":"vitest run --coverage"},"files":["dist"],"devDependencies":{"@babel/preset-typescript":"^7.22.5","@types/node":"^17.0.21","@types/webpack":"^5.28.0","@types/webpack-node-externals":"^2.5.3","c8":"^7.11.0","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","jest-fetch-mock":"^3.0.3","nock":"^13.2.4","ts-jest":"^29.1.0","ts-loader":"^9.2.7","ts-node":"^10.7.0","typescript":"^4.6.2","vite":"^2.8.0","vite-plugin-dts":"^0.9.9","vitest":"^0.5.9","webpack":"^5.70.0","webpack-cli":"^4.9.2","webpack-node-externals":"^3.0.0"},"dependencies":{"cross-fetch":"^3.1.5","is-bundling-for-browser-or-node":"^1.1.1"},"description":"MagicFeedbackAI JavaScript Library for [MagicFeedback.io](https://magicfeedback.io/)","bugs":{"url":"https://github.com/MagicFeedback/magicfeedback-sdk/issues"},"homepage":"https://github.com/MagicFeedback/magicfeedback-sdk#readme","directories":{"example":"examples","test":"test"}}')}},t={},function i(s){var o=t[s];if(void 0!==o)return o.exports;var n=t[s]={exports:{}};return e[s].call(n.exports,n,n.exports,i),n.exports}(607).default;var e,t}));

package/dist/magicfeedback-sdk.node.js

@@ -1,170 +1 @@
-/*
- * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
- * This devtool is neither made for production nor for readable output files.
- * It uses "eval()" calls to create a separate source file in the browser devtools.
- * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
- * or disable the default devtool with "devtool: false".
- * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define([], factory);
-	else if(typeof exports === 'object')
-		exports["magicfeedback"] = factory();
-	else
-		root["magicfeedback"] = factory();
-})(global, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/config-globals.ts":
-/*!*******************************!*\
-  !*** ./src/config-globals.ts ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.HOST_API_URL_DEV = exports.HOST_API_URL = void 0;\nexports.HOST_API_URL = 'https://api.magicfeedback.io/';\nexports.HOST_API_URL_DEV = 'https://api-dev.magicfeedback.io/';\n\n\n//# sourceURL=webpack://magicfeedback/./src/config-globals.ts?");
-
-/***/ }),
-
-/***/ "./src/index.ts":
-/*!**********************!*\
-  !*** ./src/index.ts ***!
-  \**********************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst main_1 = __importDefault(__webpack_require__(/*! ./main */ \"./src/main.ts\"));\nlet instance = null;\nif (!instance) {\n    instance = (0, main_1.default)();\n}\nexports[\"default\"] = instance;\n\n\n//# sourceURL=webpack://magicfeedback/./src/index.ts?");
-
-/***/ }),
-
-/***/ "./src/main.ts":
-/*!*********************!*\
-  !*** ./src/main.ts ***!
-  \*********************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst form_1 = __webpack_require__(/*! ./models/form */ \"./src/models/form.ts\");\nconst config_1 = __webpack_require__(/*! ./models/config */ \"./src/models/config.ts\");\nconst log_1 = __webpack_require__(/*! ./utils/log */ \"./src/utils/log.ts\");\nconst request_service_1 = __webpack_require__(/*! ./services/request.service */ \"./src/services/request.service.ts\");\nconst config_globals_1 = __webpack_require__(/*! ./config-globals */ \"./src/config-globals.ts\");\n/**\n *\n * @returns\n */\nfunction main() {\n    //===============================================\n    // Attributes\n    //===============================================\n    const config = new config_1.Config();\n    let log;\n    /**\n     *\n     * @param options\n     */\n    function init(options) {\n        if (options === null || options === void 0 ? void 0 : options.debug)\n            config.set(\"debug\", options === null || options === void 0 ? void 0 : options.debug);\n        config.set(\"url\", (options === null || options === void 0 ? void 0 : options.env) && (options === null || options === void 0 ? void 0 : options.env) === \"dev\" ? config_globals_1.HOST_API_URL_DEV : config_globals_1.HOST_API_URL);\n        log = new log_1.Log(config);\n        log.log(\"Initialized Magicfeedback\", config);\n    }\n    /**\n     *\n     * @param appId\n     * @param publicKey\n     * @param feedback\n     * @param id\n     * @param completed\n     * @param privateKey\n     * @returns\n     */\n    function send(appId, publicKey, feedback, completed = true, id, privateKey) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!appId)\n                log.err(\"No appID provided\");\n            if (!publicKey)\n                log.err(\"No publicKey provided\");\n            if (!feedback)\n                log.err(\"No feedback provided\");\n            if (!feedback.answers &&\n                !feedback.profile &&\n                !feedback.metrics &&\n                !feedback.metadata)\n                log.err(\"No feedback data provided\");\n            const url = config.get(\"url\");\n            const body = {\n                integration: appId,\n                publicKey: publicKey,\n                privateKey: privateKey,\n                completed: completed,\n                id: id,\n                feedback: feedback,\n            };\n            try {\n                const res = yield (0, request_service_1.sendFeedback)(url, body, log);\n                log.log(`sent native feedback`);\n                return res;\n            }\n            catch (e) {\n                log.err(`error native feedback`, e);\n                return false;\n            }\n        });\n    }\n    /**\n     *\n     * @param appId\n     * @param publicKey\n     * @returns\n     */\n    function form(appId, publicKey) {\n        if (!appId)\n            log.err(\"No appID provided\");\n        if (!publicKey)\n            log.err(\"No publicKey provided\");\n        return new form_1.Form(config, appId, publicKey);\n    }\n    //===============================================\n    // Return\n    //===============================================\n    return {\n        // lifecycle\n        init,\n        // requests\n        send,\n        form,\n    };\n}\nexports[\"default\"] = main;\n\n\n//# sourceURL=webpack://magicfeedback/./src/main.ts?");
-
-/***/ }),
-
-/***/ "./src/models/config.ts":
-/*!******************************!*\
-  !*** ./src/models/config.ts ***!
-  \******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Config = void 0;\nclass Config {\n    constructor() {\n        this.variables = {};\n        this.variables[\"env\"] = 'prod';\n        this.variables[\"debug\"] = false;\n    }\n    get(key) {\n        return this.variables[key];\n    }\n    set(key, value) {\n        this.variables[key] = value;\n    }\n}\nexports.Config = Config;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/config.ts?");
-
-/***/ }),
-
-/***/ "./src/models/form.ts":
-/*!****************************!*\
-  !*** ./src/models/form.ts ***!
-  \****************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Form = void 0;\nconst log_1 = __webpack_require__(/*! ../utils/log */ \"./src/utils/log.ts\");\nconst request_service_1 = __webpack_require__(/*! ../services/request.service */ \"./src/services/request.service.ts\");\nconst questions_service_1 = __webpack_require__(/*! ../services/questions.service */ \"./src/services/questions.service.ts\");\nclass Form {\n    /**\n     *\n     * @param config\n     * @param appId\n     * @param publicKey\n     */\n    constructor(config, appId, publicKey) {\n        // SDK Config\n        this.config = config;\n        this.log = new log_1.Log(config);\n        // Form options\n        this.formOptionsConfig = {\n            addButton: true,\n            sendButtonText: \"Send\",\n            backButtonText: \"Back\",\n            nextButtonText: \"Next\",\n            addSuccessScreen: true,\n            getMetaData: true,\n            questionFormat: \"standard\",\n        };\n        this.selector = \"\";\n        // Attributes\n        this.appId = appId;\n        this.publicKey = publicKey;\n        this.url = config.get(\"url\");\n        // Form completed data\n        this.id = \"\";\n        this.formData = null;\n        this.feedback = {\n            text: \"\",\n            answers: [],\n            profile: [],\n            metrics: [],\n            metadata: [],\n        };\n        // Questions and history\n        this.questions = [];\n        this.elementQuestions = [];\n        this.questionInProcess = null;\n        this.history = {};\n        // Count variables\n        this.progress = 0;\n        this.total = 0;\n    }\n    /**\n     * Generate\n     * TODO: Check if is inside of a <form>\n     * @param selector\n     * @param options\n     */\n    generate(selector, options) {\n        return __awaiter(this, void 0, void 0, function* () {\n            // Check options, and set default values if this is not defined\n            try {\n                // Set the options\n                this.formOptionsConfig = Object.assign(Object.assign({}, this.formOptionsConfig), options);\n                this.selector = selector;\n                // Check if the form is in the localstorage and the time is less than 1 day\n                const localForm = localStorage.getItem(`magicfeedback-${this.appId}`);\n                if (localForm && new Date(JSON.parse(localForm).savedAt) < new Date(new Date().getTime() + 60 * 60 * 24 * 1000)) {\n                    this.formData = JSON.parse(localForm);\n                    (0, request_service_1.getForm)(this.url, this.appId, this.publicKey, this.log).then((form) => {\n                        var _a, _b;\n                        if ((form === null || form === void 0 ? void 0 : form.updatedAt) && ((_a = this.formData) === null || _a === void 0 ? void 0 : _a.savedAt) && (form === null || form === void 0 ? void 0 : form.updatedAt) > ((_b = this.formData) === null || _b === void 0 ? void 0 : _b.savedAt)) {\n                            console.log(\"Form updated\");\n                            this.formData = form;\n                            this.formData.savedAt = new Date();\n                            if (this.formData.questions) {\n                                this.questions = this.formData.questions;\n                                this.total = this.questions.length;\n                            }\n                            localStorage.setItem(`magicfeedback-${this.appId}`, JSON.stringify(this.formData));\n                            // Create the form from the JSON\n                            this.generateForm();\n                        }\n                    });\n                }\n                else {\n                    // Send the data to manage loadings and progress\n                    this.formData = yield (0, request_service_1.getForm)(this.url, this.appId, this.publicKey, this.log);\n                }\n                if (this.formData === undefined || !this.formData)\n                    throw new Error(`No form for app ${this.appId}`);\n                if (!this.formData.savedAt) {\n                    // Save formData in the localstorage to use it in the future\n                    this.formData.savedAt = new Date();\n                    localStorage.setItem(`magicfeedback-${this.appId}`, JSON.stringify(this.formData));\n                }\n                this.questions = this.formData.questions;\n                if (this.questions === undefined || !this.questions)\n                    throw new Error(`No questions for app ${this.appId}`);\n                this.total = this.questions.length;\n                // Send the data to manage loadings and progress\n                if (this.formOptionsConfig.onLoadedEvent) {\n                    yield this.formOptionsConfig.onLoadedEvent({\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        formData: this.formData,\n                    });\n                }\n                if (this.formOptionsConfig.getMetaData)\n                    this.getMetaData();\n                // Create the form from the JSON\n                this.generateForm();\n            }\n            catch (e) {\n                this.log.err(e);\n                if (this.formOptionsConfig.onLoadedEvent) {\n                    yield this.formOptionsConfig.onLoadedEvent({\n                        loading: false,\n                        error: e,\n                    });\n                }\n                return;\n            }\n        });\n    }\n    /**\n     * Create\n     *\n     * TODO: Add option to generate in <form> or in other <tag>\n     */\n    generateForm() {\n        var _a, _b;\n        try {\n            // Order questions by position\n            this.questions.sort((a, b) => a.position - b.position);\n            // Select and prepare the container\n            const container = document.getElementById(this.selector);\n            if (!container)\n                throw new Error(`Element with ID '${this.selector}' not found.`);\n            container.classList.add(\"magicfeedback-container\");\n            container.innerHTML = \"\";\n            // Create the form\n            const form = document.createElement(\"form\");\n            form.classList.add(\"magicfeedback-form\");\n            form.id = \"magicfeedback-\" + this.appId;\n            // Create the questions container\n            const questionContainer = document.createElement(\"div\");\n            questionContainer.classList.add(\"magicfeedback-questions\");\n            questionContainer.id = \"magicfeedback-questions-\" + this.appId;\n            // Process questions and create in the form\n            this.elementQuestions = (0, questions_service_1.renderQuestions)(this.questions, this.formOptionsConfig.questionFormat);\n            switch ((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) {\n                case 'MAGICSURVEY':\n                    this.elementQuestions.forEach((element, index) => this.history[index] = [{ object: this.questions[index], element }]);\n                    this.questionInProcess = this.history[0][0].object;\n                    questionContainer.appendChild(this.history[0][0].element);\n                    break;\n                default:\n                    this.elementQuestions.forEach((element) => questionContainer.appendChild(element));\n                    break;\n            }\n            form.appendChild(questionContainer);\n            // Add the form to the specified container\n            container.appendChild(form);\n            // Submit button\n            if (this.formOptionsConfig.addButton) {\n                // Create a container for the buttons\n                const actionContainer = (0, questions_service_1.renderActions)((_b = this.formData) === null || _b === void 0 ? void 0 : _b.identity, () => this.back(), this.formOptionsConfig.sendButtonText, this.formOptionsConfig.backButtonText, this.formOptionsConfig.nextButtonText);\n                form.appendChild(actionContainer);\n            }\n            // Submit event\n            form.addEventListener(\"submit\", (event) => {\n                event.preventDefault();\n                this.send();\n            });\n        }\n        catch (e) {\n            this.log.err(e);\n            if (this.formOptionsConfig.onLoadedEvent) {\n                this.formOptionsConfig.onLoadedEvent({\n                    loading: false,\n                    error: e,\n                });\n            }\n            return;\n        }\n    }\n    /**\n     * Get the metadata from the URL, navigators and others\n     * @private\n     */\n    getMetaData() {\n        // Add the navigator url and params from the URL to the metadata\n        this.feedback.metadata.push({ key: \"navigator-url\", value: [window.location.href] });\n        this.feedback.metadata.push({ key: \"navigator-origin\", value: [window.location.origin] });\n        this.feedback.metadata.push({ key: \"navigator-pathname\", value: [window.location.pathname] });\n        this.feedback.metadata.push({ key: \"navigator-search\", value: [window.location.search] });\n        // Add the navigator metadata\n        this.feedback.metadata.push({ key: \"navigator-user\", value: [navigator.userAgent] });\n        this.feedback.metadata.push({ key: \"navigator-language\", value: [navigator.language] });\n        this.feedback.metadata.push({ key: \"navigator-platform\", value: [navigator.platform] });\n        this.feedback.metadata.push({ key: \"navigator-appVersion\", value: [navigator.appVersion] });\n        this.feedback.metadata.push({ key: \"navigator-appName\", value: [navigator.appName] });\n        this.feedback.metadata.push({ key: \"navigator-product\", value: [navigator.product] });\n        // Add the size of the screen\n        this.feedback.metadata.push({ key: \"screen-width\", value: [window.screen.width.toString()] });\n        this.feedback.metadata.push({ key: \"screen-height\", value: [window.screen.height.toString()] });\n    }\n    /**\n     * Send current answer and verify if its necessary continue with a new question\n     * @pubilc\n     * @param profile\n     * @param metrics\n     * @param metadata\n     */\n    send(metadata, metrics, profile) {\n        var _a;\n        return __awaiter(this, void 0, void 0, function* () {\n            const container = document.getElementById(\"magicfeedback-container-\" + this.appId);\n            const questionContainer = document.getElementById(\"magicfeedback-questions-\" + this.appId);\n            try {\n                if (profile)\n                    this.feedback.profile = [...this.feedback.profile, ...profile];\n                if (metrics)\n                    this.feedback.metrics = [...this.feedback.metrics, ...metrics];\n                if (metadata)\n                    this.feedback.metadata = [...this.feedback.metadata, ...metadata];\n                // BEFORE\n                if (this.formOptionsConfig.beforeSubmitEvent) {\n                    yield this.formOptionsConfig.beforeSubmitEvent({\n                        loading: true,\n                        progress: this.progress,\n                        total: this.total\n                    });\n                }\n                // SEND\n                const response = yield this.pushAnswers(((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) !== 'MAGICSURVEY');\n                if (response) {\n                    this.id = response;\n                    yield this.processNextQuestion(container, questionContainer);\n                }\n                // AFTER\n                if (this.formOptionsConfig.afterSubmitEvent) {\n                    yield this.formOptionsConfig.afterSubmitEvent({\n                        response,\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        error: response ? null : new Error(\"No response\")\n                    });\n                }\n            }\n            catch (error) {\n                // Handle error in beforeSubmitEvent, send(), or afterSubmitEvent\n                this.log.err(`An error occurred while submitting the form ${this.appId}:`, error);\n                if (this.formOptionsConfig.afterSubmitEvent) {\n                    yield this.formOptionsConfig.afterSubmitEvent({\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        error\n                    });\n                }\n            }\n        });\n    }\n    /**\n     * Update feedback.answers with the answers of the form in a JSON format\n     * @returns\n     * TODO: Required\n     */\n    answer() {\n        const form = document.getElementById(\"magicfeedback-\" + this.appId);\n        if (!form) {\n            this.log.err(`Form \"${form}\" not found.`);\n            this.feedback.answers = [];\n            return;\n        }\n        const surveyAnswers = [];\n        let hasError = false; // Flag to track if an error has occurred\n        const inputs = form.querySelectorAll(\".magicfeedback-input\");\n        inputs.forEach((input) => {\n            const inputType = input.type;\n            const elementTypeClass = input.classList[0];\n            const ans = {\n                key: input.name,\n                value: [],\n            };\n            const value = elementTypeClass === 'magicfeedback-boolean' ?\n                input.checked.toString() :\n                input.value;\n            if (!ans.key || ans.key === \"\") {\n                return;\n            }\n            else {\n                switch (inputType) {\n                    case \"radio\":\n                    case \"checkbox\":\n                        if (elementTypeClass === \"magicfeedback-boolean\" ||\n                            input.checked) {\n                            ans.value.push(value);\n                            // check if the answer is already in the array and merge the values\n                            const index = surveyAnswers.findIndex((a) => a.key === ans.key);\n                            if (index !== -1) {\n                                surveyAnswers[index].value = [\n                                    ...surveyAnswers[index].value,\n                                    ...ans.value,\n                                ];\n                            }\n                            else {\n                                surveyAnswers.push(ans);\n                            }\n                        }\n                        break;\n                    case \"email\":\n                        if (!(0, request_service_1.validateEmail)(value)) {\n                            this.log.err(\"Invalid email\");\n                            hasError = true;\n                        }\n                        else {\n                            this.feedback.profile.push({\n                                key: \"email\",\n                                value: [value],\n                            });\n                            ans.value.push(value);\n                            surveyAnswers.push(ans);\n                        }\n                        break;\n                    default:\n                        if (value !== \"\") {\n                            ans.value.push(value);\n                            surveyAnswers.push(ans);\n                        }\n                }\n            }\n        });\n        if (hasError) {\n            this.feedback.answers = []; // Stop the process if there's an error\n            return;\n        }\n        this.feedback.answers = surveyAnswers;\n    }\n    /**\n     * Send\n     * @param completed\n     * @returns\n     */\n    pushAnswers(completed = false) {\n        var _a, _b;\n        return __awaiter(this, void 0, void 0, function* () {\n            try {\n                // Get the survey answers from the answer() function\n                this.answer();\n                if (((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) === \"MAGICFORM\") {\n                    if (this.feedback.answers.length === 0)\n                        throw new Error(\"No answers provided\");\n                    this.questions.forEach((question) => {\n                        if (question.require && !this.feedback.answers.find((a) => a.key === question.ref)) {\n                            throw new Error(`No answer provided for question ${question.title}`);\n                        }\n                    });\n                }\n                else {\n                    if (!completed &&\n                        ((_b = this.questionInProcess) === null || _b === void 0 ? void 0 : _b.require) &&\n                        this.feedback.answers.length === 0)\n                        throw new Error(\"No answers provided\");\n                }\n                // Define the URL and request payload\n                const url = this.config.get(\"url\");\n                const body = {\n                    integration: this.appId,\n                    publicKey: this.publicKey,\n                    feedback: this.feedback,\n                    completed,\n                };\n                // Make the AJAX POST request\n                return yield (0, request_service_1.sendFeedback)(url, this.id ? Object.assign(Object.assign({}, body), { sessionId: this.id }) : body, this.log);\n            }\n            catch (error) {\n                // Handle network or request error\n                this.log.err(`An error occurred while submitting the form ${this.appId}:`, error);\n                // You can perform error handling logic here if needed\n                return '';\n            }\n        });\n    }\n    /**\n     * Call follow up question\n     * @param question\n     * @private\n     */\n    callFollowUpQuestion(question) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!(question === null || question === void 0 ? void 0 : question.followup))\n                return null;\n            try {\n                if (this.feedback.answers.length === 0)\n                    throw new Error(\"No answers provided\");\n                // Define the URL and request payload\n                const url = this.config.get(\"url\");\n                const body = {\n                    answer: this.feedback.answers[0].value[0],\n                    publicKey: this.publicKey,\n                    sessionId: this.id,\n                    question\n                };\n                return yield (0, request_service_1.getFollowUpQuestion)(url, body, this.log);\n            }\n            catch (error) {\n                // Handle network or request error\n                this.log.err(`An error occurred while submitting the form ${this.appId}:`, error);\n                // You can perform error handling logic here if needed\n                throw error;\n            }\n        });\n    }\n    /**\n     * Process next question\n     * @param container\n     * @param form\n     * @private\n     */\n    processNextQuestion(container, form) {\n        var _a, _b, _c;\n        return __awaiter(this, void 0, void 0, function* () {\n            switch ((_a = this.formData) === null || _a === void 0 ? void 0 : _a.identity) {\n                case 'MAGICSURVEY':\n                    if (!((_b = this.questionInProcess) === null || _b === void 0 ? void 0 : _b.followup)) {\n                        this.renderNextQuestion(form, container);\n                    }\n                    else {\n                        const followUp = yield this.callFollowUpQuestion(this.questionInProcess);\n                        if (followUp) {\n                            // Update the question in process\n                            this.questionInProcess = followUp;\n                            // Add the follow up question to the history\n                            const question = (0, questions_service_1.renderQuestions)([followUp], (_c = this.formOptionsConfig) === null || _c === void 0 ? void 0 : _c.questionFormat)[0];\n                            this.history[this.progress].push({ object: followUp, element: question });\n                            form.removeChild(form.childNodes[0]);\n                            form.appendChild(question);\n                        }\n                        else {\n                            this.renderNextQuestion(form, container);\n                        }\n                    }\n                    break;\n                default:\n                    this.total = this.questions.length;\n                    this.progress = this.questions.length;\n                    if (this.formOptionsConfig.addSuccessScreen) {\n                        // Remove the form\n                        if (container.childNodes.length > 0)\n                            container.removeChild(container.childNodes[0]);\n                        // Show the success message\n                        const successMessage = (0, questions_service_1.renderSuccess)(this.formOptionsConfig.successMessage ||\n                            \"Thank you for your feedback!\");\n                        container.appendChild(successMessage);\n                    }\n                    break;\n            }\n        });\n    }\n    /**\n     * Render next question\n     * @param form\n     * @param container\n     * @private\n     */\n    renderNextQuestion(form, container) {\n        this.progress++;\n        if (this.progress < this.total) {\n            this.questionInProcess = this.history[this.progress][0].object;\n            form.removeChild(form.childNodes[0]);\n            form.appendChild(this.history[this.progress][0].element);\n        }\n        else {\n            if (this.formOptionsConfig.addSuccessScreen) {\n                // Remove the form\n                if (container.childNodes.length > 0)\n                    container.removeChild(container.childNodes[0]);\n                // Show the success message\n                const successMessage = (0, questions_service_1.renderSuccess)(this.formOptionsConfig.successMessage ||\n                    \"Thank you for your feedback!\");\n                container.appendChild(successMessage);\n            }\n            this.pushAnswers(true);\n        }\n    }\n    /**\n     * Render back question\n     * @private\n     */\n    back() {\n        if (this.progress === 0)\n            return;\n        const form = document.getElementById(\"magicfeedback-questions-\" + this.appId);\n        form.removeChild(form.childNodes[0]);\n        if (this.history[this.progress].length > 1) {\n            // Delete the last question in the history array and load the previous one\n            this.history[this.progress].pop();\n        }\n        else {\n            // Use the previous question in the history array\n            this.progress--;\n        }\n        // Get the last question in the history array\n        const question = this.history[this.progress][this.history[this.progress].length - 1];\n        // Update the question in process\n        this.questionInProcess = question.object;\n        form.appendChild(question.element);\n    }\n}\nexports.Form = Form;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/form.ts?");
-
-/***/ }),
-
-/***/ "./src/services/paths.ts":
-/*!*******************************!*\
-  !*** ./src/services/paths.ts ***!
-  \*******************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.endpoints = void 0;\nexports.endpoints = {\n    sdk: {\n        app: (appId, publicKey) => `sdk/app/${appId}/${publicKey}`,\n        app_info: (appId, publicKey) => `sdk/app/${appId}/${publicKey}/info`,\n        feedback: 'sdk/feedback',\n        followUpQuestion: 'sdk/followUpQuestion',\n    }\n};\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/paths.ts?");
-
-/***/ }),
-
-/***/ "./src/services/questions.service.ts":
-/*!*******************************************!*\
-  !*** ./src/services/questions.service.ts ***!
-  \*******************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderSuccess = exports.renderError = exports.renderActions = exports.renderQuestions = void 0;\nfunction renderQuestions(appQuestions, format = \"standard\") {\n    if (!appQuestions)\n        throw new Error(\"[MagicFeedback] No questions provided\");\n    const questions = [];\n    appQuestions.forEach((question) => {\n        const { id, title, type, ref, require, \n        //external_id,\n        value, defaultValue, } = question;\n        let element;\n        let elementTypeClass;\n        let elementContainer = document.createElement(\"div\");\n        elementContainer.classList.add(\"magicfeedback-div\");\n        switch (type) {\n            case \"TEXT\":\n                // Create a text input field\n                element = document.createElement(\"input\");\n                element.type = \"text\";\n                element.placeholder = format === 'slim' ? title : \"Write your answer here...\";\n                elementTypeClass = \"magicfeedback-text\";\n                break;\n            case \"LONGTEXT\":\n                // Create a textarea element for TEXT and LONGTEXT types\n                element = document.createElement(\"textarea\");\n                element.rows = 3; // Set the number of rows based on the type\n                element.placeholder = format === 'slim' ? title : \"Write your answer here...\";\n                elementTypeClass = \"magicfeedback-longtext\";\n                break;\n            case \"NUMBER\":\n                // Create an input element with type \"number\" for NUMBER type\n                element = document.createElement(\"input\");\n                element.type = \"number\";\n                element.placeholder = format === 'slim' ? title : \"Insert a number here\";\n                elementTypeClass = \"magicfeedback-number\";\n                if (value.length) {\n                    value.sort((a, b) => Number(a) - Number(b));\n                    element.max = value[value.length - 1];\n                    element.min = value[0];\n                    element.value = value[0];\n                }\n                break;\n            case \"RADIO\":\n            case \"MULTIPLECHOICE\":\n                element = document.createElement(\"div\");\n                elementTypeClass =\n                    `magicfeedback-${type === \"RADIO\" ? \"radio\" : \"checkbox\"}`;\n                value.forEach((option, index) => {\n                    const container = document.createElement(\"div\");\n                    container.classList.add(`magicfeedback-${type === \"RADIO\" ? \"radio\" : \"checkbox\"}-container`);\n                    const label = document.createElement(\"label\");\n                    const input = document.createElement(\"input\");\n                    input.id = `rating-${ref}-${index}`;\n                    input.type = type === \"RADIO\" ? \"radio\" : \"checkbox\";\n                    input.name = ref;\n                    input.value = option;\n                    input.classList.add(elementTypeClass);\n                    input.classList.add(\"magicfeedback-input\");\n                    if (option === defaultValue) {\n                        input.checked = true;\n                    }\n                    label.textContent = option;\n                    label.htmlFor = `rating-${ref}-${index}`;\n                    container.appendChild(input);\n                    container.appendChild(label);\n                    element.appendChild(container);\n                });\n                break;\n            case 'RATING':\n            case 'WIDGET_RATING_EMOJI_1_10':\n            case 'WIDGET_RATING_EMOJI_1_5':\n                element = document.createElement(\"div\");\n                elementTypeClass = 'magicfeedback-rating';\n                const ratingContainer = document.createElement('div');\n                ratingContainer.classList.add('magicfeedback-rating-container');\n                const maxRating = ['WIDGET_RATING_EMOJI_1_5', 'WIDGET_RATING_NUMBER_1_5'].includes(type) ? 5 : 10;\n                for (let i = 1; i <= maxRating; i++) {\n                    const ratingOption = document.createElement('div');\n                    ratingOption.classList.add('magicfeedback-rating-option');\n                    const containerLabel = document.createElement('label');\n                    containerLabel.htmlFor = `rating-${ref}-${i}`;\n                    containerLabel.classList.add('magicfeedback-rating-option-label-container');\n                    const ratingLabel = document.createElement('label');\n                    ratingLabel.htmlFor = `rating-${ref}-${i}`;\n                    ratingLabel.textContent = i.toString();\n                    const ratingImage = document.createElement('img');\n                    if (['WIDGET_RATING_EMOJI_1_5'].includes(type)) {\n                        switch (i) {\n                            case 1:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/1.svg\";\n                                break;\n                            case 2:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/2.svg\";\n                                break;\n                            case 3:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/6.svg\";\n                                break;\n                            case 4:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/9.svg\";\n                                break;\n                            case 5:\n                                ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/10.svg\";\n                                break;\n                        }\n                    }\n                    else {\n                        ratingImage.src = `https://magicfeedback-c6458-dev.web.app/assets/${i}.svg`;\n                    }\n                    ratingImage.alt = `face-${ref}-${i}`;\n                    // ratingImage is used to set the form value\n                    // ... add the code to set the value here\n                    ratingImage.className = `rating-image${i}`;\n                    const input = document.createElement(\"input\");\n                    input.id = `rating-${ref}-${i}`;\n                    input.type = \"radio\";\n                    input.name = ref;\n                    input.value = i.toString();\n                    input.classList.add(elementTypeClass);\n                    input.classList.add(\"magicfeedback-input\");\n                    containerLabel.appendChild(input);\n                    if (['WIDGET_RATING_EMOJI_1_5', 'WIDGET_RATING_EMOJI_1_10', 'RATING'].includes(type)) {\n                        containerLabel.appendChild(ratingImage);\n                    }\n                    else {\n                        // Each number should have a border around it and be around the same size as an emoji.\n                        // The number should be centered in the middle of the border.\n                        containerLabel.classList.add('magicfeedback-rating-option-label-container-number');\n                    }\n                    containerLabel.appendChild(ratingLabel);\n                    ratingOption.appendChild(containerLabel);\n                    ratingContainer.appendChild(ratingOption);\n                }\n                element.appendChild(ratingContainer);\n                break;\n            case 'WIDGET_RATING_NUMBER_1_10':\n            case 'WIDGET_RATING_NUMBER_1_5':\n                element = document.createElement(\"div\");\n                elementTypeClass = 'magicfeedback-rating-number';\n                const ratingNumberContainer = document.createElement('div');\n                ratingNumberContainer.classList.add('magicfeedback-rating-number-container');\n                const maxRatingNumber = ['WIDGET_RATING_NUMBER_1_5'].includes(type) ? 5 : 10;\n                for (let i = 1; i <= maxRatingNumber; i++) {\n                    // Create a input button element for each value in the question's value array\n                    const ratingOption = document.createElement('div');\n                    ratingOption.classList.add('magicfeedback-rating-number-option');\n                    const containerLabel = document.createElement('label');\n                    containerLabel.htmlFor = `rating-${ref}-${i}`;\n                    containerLabel.classList.add('magicfeedback-rating-number-option-label-container');\n                    const ratingLabel = document.createElement('label');\n                    ratingLabel.htmlFor = `rating-${ref}-${i}`;\n                    ratingLabel.textContent = i.toString();\n                    const input = document.createElement(\"input\");\n                    input.id = `rating-${ref}-${i}`;\n                    input.type = \"radio\";\n                    input.name = ref;\n                    input.value = i.toString();\n                    input.classList.add(elementTypeClass);\n                    input.classList.add(\"magicfeedback-input\");\n                    containerLabel.appendChild(input);\n                    containerLabel.appendChild(ratingLabel);\n                    ratingOption.appendChild(containerLabel);\n                    ratingNumberContainer.appendChild(ratingOption);\n                }\n                element.appendChild(ratingNumberContainer);\n                break;\n            case \"SELECT\":\n                // Create a select element for RADIO and MULTIPLECHOICE types\n                element = document.createElement(\"select\");\n                elementTypeClass = \"magicfeedback-select\";\n                element.placeholder = format === 'slim' ? title : \"Select an option\";\n                value.forEach((optionValue) => {\n                    // Create an option element for each value in the question's value array\n                    const option = document.createElement(\"option\");\n                    option.value = optionValue;\n                    option.text = optionValue;\n                    element.appendChild(option);\n                });\n                break;\n            case \"DATE\":\n                // Create an input element with type \"date\" for DATE type\n                element = document.createElement(\"input\");\n                element.type = \"date\";\n                element.placeholder = format === 'slim' ? title : \"Select a date\";\n                elementTypeClass = \"magicfeedback-date\";\n                break;\n            case \"BOOLEAN\":\n                // Create an input element with type \"checkbox\" for BOOLEAN type\n                element = document.createElement(\"input\");\n                element.type = \"checkbox\";\n                elementTypeClass = \"magicfeedback-boolean\";\n                break;\n            case \"EMAIL\":\n                // Create an input element with type \"email\" for EMAIL type\n                element = document.createElement(\"input\");\n                element.type = \"email\";\n                element.placeholder = format === 'slim' ? title : \"you@example.com\";\n                elementTypeClass = \"magicfeedback-email\";\n                break;\n            case \"PASSWORD\":\n                // Create an input element with type \"password\" for PASSWORD type\n                element = document.createElement(\"input\");\n                element.type = \"password\";\n                element.placeholder = format === 'slim' ? title : \"Write your password here\";\n                elementTypeClass = \"magicfeedback-password\";\n                break;\n            case \"CONTACT\":\n                // Create an input element with type \"tel\" for CONTACT type\n                element = document.createElement(\"input\");\n                element.type = \"tel\";\n                element.placeholder = format === 'slim' ? title : \"Enter your phone number\";\n                elementTypeClass = \"magicfeedback-contact\";\n                break;\n            default:\n                return; // Skip unknown types\n        }\n        element.id = `magicfeedback-${id}`;\n        element.setAttribute(\"name\", ref);\n        element.classList.add(elementTypeClass);\n        if (defaultValue !== undefined) {\n            element.value = defaultValue;\n        }\n        if (![\"RADIO\", \"MULTIPLECHOICE\"].includes(type)) {\n            element.classList.add(\"magicfeedback-input\");\n            element.required = require;\n        }\n        // Add the label and input element to the form\n        const label = document.createElement(\"label\");\n        label.setAttribute(\"for\", `magicfeedback-${id}`);\n        label.textContent = title;\n        label.classList.add(\"magicfeedback-label\");\n        if ([\"BOOLEAN\"].includes(type)) {\n            elementContainer.classList.add(\"magicfeedback-boolean-container\");\n            elementContainer.appendChild(element);\n            elementContainer.appendChild(label);\n        }\n        else {\n            if (format !== 'slim')\n                elementContainer.appendChild(label);\n            elementContainer.appendChild(element);\n        }\n        questions.push(elementContainer);\n    });\n    return questions;\n}\nexports.renderQuestions = renderQuestions;\nfunction renderActions(identity = '', backAction, sendButtonText = \"Submit\", backButtonText = \"Back\", nextButtonText = \"Next\") {\n    const actionContainer = document.createElement(\"div\");\n    actionContainer.classList.add(\"magicfeedback-action-container\");\n    // Create a submit button if specified in options\n    const submitButton = document.createElement(\"button\");\n    submitButton.id = \"magicfeedback-submit\";\n    submitButton.type = \"submit\";\n    submitButton.classList.add(\"magicfeedback-submit\");\n    submitButton.textContent = identity === 'MAGICSURVEY' ? (nextButtonText || \"Next\") : (sendButtonText || \"Submit\");\n    // Create a back button\n    const backButton = document.createElement(\"button\");\n    backButton.id = \"magicfeedback-back\";\n    backButton.type = \"button\";\n    backButton.classList.add(\"magicfeedback-back\");\n    backButton.textContent = backButtonText || \"Back\";\n    backButton.addEventListener(\"click\", backAction);\n    if (identity === 'MAGICSURVEY') {\n        actionContainer.appendChild(backButton);\n    }\n    actionContainer.appendChild(submitButton);\n    return actionContainer;\n}\nexports.renderActions = renderActions;\nfunction renderError(error) {\n    const errorElement = document.createElement(\"div\");\n    errorElement.classList.add(\"magicfeedback-error\");\n    errorElement.textContent = error;\n    return errorElement;\n}\nexports.renderError = renderError;\nfunction renderSuccess(success) {\n    const successElement = document.createElement(\"div\");\n    successElement.classList.add(\"magicfeedback-success\");\n    successElement.textContent = success;\n    return successElement;\n}\nexports.renderSuccess = renderSuccess;\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/questions.service.ts?");
-
-/***/ }),
-
-/***/ "./src/services/request.service.ts":
-/*!*****************************************!*\
-  !*** ./src/services/request.service.ts ***!
-  \*****************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.getFollowUpQuestion = exports.sendFeedback = exports.getQuestions = exports.getForm = exports.validateEmail = void 0;\nconst cross_fetch_1 = __importDefault(__webpack_require__(/*! cross-fetch */ \"cross-fetch\"));\nconst package_json_1 = __importDefault(__webpack_require__(/*! ../../package.json */ \"./package.json\"));\nconst paths_1 = __webpack_require__(/*! ./paths */ \"./src/services/paths.ts\");\nconst header = {\n    Accept: \"application/json\",\n    \"Magicfeedback-Sdk-Version\": package_json_1.default.version,\n};\n// @ts-ignore\nconst serializedParams = (params) => Object.entries(params).map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`).join(\"&\");\nfunction validateEmail(email) {\n    const re = /\\S+@\\S+\\.\\S+/;\n    return re.test(email);\n}\nexports.validateEmail = validateEmail;\nfunction getForm(url, appId, publicKey, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.app_info(appId, publicKey), {\n                method: \"GET\",\n                headers: header\n            });\n            if (response.ok) {\n                // Handle success response\n                const json = yield response.json();\n                log.log(`Received form for app ${appId}`, json);\n                return json;\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to get questions for app ${appId}:`, response.status, response.statusText);\n                throw new Error(\"[MagicFeedback] Bad response from server\");\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return null;\n        }\n    });\n}\nexports.getForm = getForm;\nfunction getQuestions(url, appId, publicKey, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.app(appId, publicKey), {\n                method: \"GET\",\n                headers: header\n            });\n            if (response.ok) {\n                // Handle success response\n                const json = yield response.json();\n                log.log(`Received questions for app ${appId}`, json);\n                return json;\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to get questions for app ${appId}:`, response.status, response.statusText);\n                throw new Error(\"[MagicFeedback] Bad response from server\");\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return [];\n        }\n    });\n}\nexports.getQuestions = getQuestions;\nfunction sendFeedback(url, body, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.feedback, {\n                method: \"POST\",\n                headers: Object.assign({ \"Content-Type\": \"application/json\" }, header),\n                body: JSON.stringify(body),\n            });\n            if (response.ok) {\n                // Handle success response\n                log.log(`Form ${body.integration} submitted successfully!`);\n                // You can perform additional actions here if needed\n                const responseJson = yield response.json();\n                return responseJson.sessionId;\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to submit form ${body.integration}:`, response.status, response.statusText);\n                throw new Error(response.statusText);\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return '';\n        }\n    });\n}\nexports.sendFeedback = sendFeedback;\nfunction getFollowUpQuestion(url, body, log) {\n    return __awaiter(this, void 0, void 0, function* () {\n        try {\n            const response = yield (0, cross_fetch_1.default)(url + paths_1.endpoints.sdk.followUpQuestion, {\n                method: \"POST\",\n                headers: Object.assign({ \"Content-Type\": \"application/json\" }, header),\n                body: JSON.stringify(body),\n            });\n            if (response.ok) {\n                // Handle success response\n                log.log(`Received follow up question for form ${body.integration}`);\n                // You can perform additional actions here if needed\n                const responseJson = yield response.json();\n                return responseJson || '';\n            }\n            else {\n                // Handle error response\n                log.err(`Failed to get follow up question for form ${body.integration}:`, response.status, response.statusText);\n                throw new Error(response.statusText);\n            }\n        }\n        catch (e) {\n            log.err(e);\n            return '';\n        }\n    });\n}\nexports.getFollowUpQuestion = getFollowUpQuestion;\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/request.service.ts?");
-
-/***/ }),
-
-/***/ "./src/utils/log.ts":
-/*!**************************!*\
-  !*** ./src/utils/log.ts ***!
-  \**************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Log = void 0;\nclass Log {\n    /**\n     *\n     * @param config\n     */\n    constructor(config) {\n        // Config\n        this.config = config;\n    }\n    /**\n     *\n     * @param args\n     */\n    log(...args) {\n        if (this.config.get(\"debug\")) {\n            console.log(\"[MagicFeedback]:\", ...args);\n        }\n    }\n    /**\n     *\n     * @param args\n     */\n    err(...args) {\n        console.error(\"[MagicFeedback]:\", ...args);\n    }\n}\nexports.Log = Log;\n\n\n//# sourceURL=webpack://magicfeedback/./src/utils/log.ts?");
-
-/***/ }),
-
-/***/ "cross-fetch":
-/*!******************************!*\
-  !*** external "cross-fetch" ***!
-  \******************************/
-/***/ ((module) => {
-
-module.exports = require("cross-fetch");
-
-/***/ }),
-
-/***/ "./package.json":
-/*!**********************!*\
-  !*** ./package.json ***!
-  \**********************/
-/***/ ((module) => {
-
-eval("module.exports = JSON.parse('{\"name\":\"@magicfeedback/native\",\"version\":\"1.1.14-beta.0\",\"main\":\"./dist/magicfeedback-sdk.node.js\",\"browser\":\"./dist/magicfeedback-sdk.browser.js\",\"types\":\"./dist/types/src/index.d.ts\",\"repository\":{\"type\":\"git\",\"url\":\"git+ssh://git@github.com/MagicFeedback/magicfeedback-sdk.git\"},\"author\":\"farias@magicfeedback.io\",\"license\":\"MIT\",\"private\":false,\"scripts\":{\"dev\":\"vite\",\"build\":\"webpack\",\"build:watch\":\"webpack --watch --mode development\",\"publish\":\"npm publish --access public\",\"publish:beta\":\"npm publish --access public --tag beta\",\"test\":\"jest\",\"test:watch\":\"jest --watchAll\",\"coverage\":\"vitest run --coverage\"},\"files\":[\"dist\"],\"devDependencies\":{\"@babel/preset-typescript\":\"^7.22.5\",\"@types/node\":\"^17.0.21\",\"@types/webpack\":\"^5.28.0\",\"@types/webpack-node-externals\":\"^2.5.3\",\"c8\":\"^7.11.0\",\"jest\":\"^29.5.0\",\"jest-environment-jsdom\":\"^29.5.0\",\"jest-fetch-mock\":\"^3.0.3\",\"nock\":\"^13.2.4\",\"ts-jest\":\"^29.1.0\",\"ts-loader\":\"^9.2.7\",\"ts-node\":\"^10.7.0\",\"typescript\":\"^4.6.2\",\"vite\":\"^2.8.0\",\"vite-plugin-dts\":\"^0.9.9\",\"vitest\":\"^0.5.9\",\"webpack\":\"^5.70.0\",\"webpack-cli\":\"^4.9.2\",\"webpack-node-externals\":\"^3.0.0\"},\"dependencies\":{\"cross-fetch\":\"^3.1.5\",\"is-bundling-for-browser-or-node\":\"^1.1.1\"},\"description\":\"MagicFeedbackAI JavaScript Library for [MagicFeedback.io](https://magicfeedback.io/)\",\"bugs\":{\"url\":\"https://github.com/MagicFeedback/magicfeedback-sdk/issues\"},\"homepage\":\"https://github.com/MagicFeedback/magicfeedback-sdk#readme\",\"directories\":{\"example\":\"examples\",\"test\":\"test\"}}');\n\n//# sourceURL=webpack://magicfeedback/./package.json?");
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module is referenced by other modules so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/index.ts");
-/******/ 	__webpack_exports__ = __webpack_exports__["default"];
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.magicfeedback=t():e.magicfeedback=t()}(global,(()=>(()=>{"use strict";var e={290:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.HOST_API_URL_DEV=t.HOST_API_URL=void 0,t.HOST_API_URL="https://api.magicfeedback.io/",t.HOST_API_URL_DEV="https://api-dev.magicfeedback.io/"},607:function(e,t,i){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=s(i(519));let o=null;o||(o=(0,a.default)()),t.default=o},519:function(e,t,i){var s=this&&this.__awaiter||function(e,t,i,s){return new(i||(i=Promise))((function(a,o){function n(e){try{c(s.next(e))}catch(e){o(e)}}function r(e){try{c(s.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,r)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0});const a=i(954),o=i(712),n=i(5),r=i(341),c=i(290);t.default=function(){const e=new o.Config;let t;return{init:function(i){(null==i?void 0:i.debug)&&e.set("debug",null==i?void 0:i.debug),e.set("url",(null==i?void 0:i.env)&&"dev"===(null==i?void 0:i.env)?c.HOST_API_URL_DEV:c.HOST_API_URL),t=new n.Log(e),t.log("Initialized Magicfeedback",e)},send:function(i,a,o,n=!0,c,d){return s(this,void 0,void 0,(function*(){i||t.err("No appID provided"),a||t.err("No publicKey provided"),o||t.err("No feedback provided"),o.answers||o.profile||o.metrics||o.metadata||t.err("No feedback data provided");const s=e.get("url"),l={integration:i,publicKey:a,privateKey:d,completed:n,id:c,feedback:o};try{const e=yield(0,r.sendFeedback)(s,l,t);return t.log("sent native feedback"),e}catch(e){return t.err("error native feedback",e),!1}}))},form:function(i,s){return i||t.err("No appID provided"),s||t.err("No publicKey provided"),new a.Form(e,i,s)}}}},712:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Config=void 0,t.Config=class{constructor(){this.variables={},this.variables.env="prod",this.variables.debug=!1}get(e){return this.variables[e]}set(e,t){this.variables[e]=t}}},954:function(e,t,i){var s=this&&this.__awaiter||function(e,t,i,s){return new(i||(i=Promise))((function(a,o){function n(e){try{c(s.next(e))}catch(e){o(e)}}function r(e){try{c(s.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,r)}c((s=s.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.Form=void 0;const a=i(5),o=i(341),n=i(183);t.Form=class{constructor(e,t,i){this.config=e,this.log=new a.Log(e),this.formOptionsConfig={addButton:!0,sendButtonText:"Send",backButtonText:"Back",nextButtonText:"Next",addSuccessScreen:!0,getMetaData:!0,questionFormat:"standard"},this.selector="",this.appId=t,this.publicKey=i,this.url=e.get("url"),this.id="",this.formData=null,this.feedback={text:"",answers:[],profile:[],metrics:[],metadata:[]},this.questions=[],this.elementQuestions=[],this.questionInProcess=null,this.history={},this.progress=0,this.total=0}generate(e,t){return s(this,void 0,void 0,(function*(){try{this.formOptionsConfig=Object.assign(Object.assign({},this.formOptionsConfig),t),this.selector=e;const i=localStorage.getItem(`magicfeedback-${this.appId}`);if(i&&new Date(JSON.parse(i).savedAt)<new Date((new Date).getTime()+864e5)?(this.formData=JSON.parse(i),(0,o.getForm)(this.url,this.appId,this.publicKey,this.log).then((e=>{var t,i;(null==e?void 0:e.updatedAt)&&(null===(t=this.formData)||void 0===t?void 0:t.savedAt)&&(null==e?void 0:e.updatedAt)>(null===(i=this.formData)||void 0===i?void 0:i.savedAt)&&(console.log("Form updated"),this.formData=e,this.formData.savedAt=new Date,this.formData.questions&&(this.questions=this.formData.questions,this.total=this.questions.length),localStorage.setItem(`magicfeedback-${this.appId}`,JSON.stringify(this.formData)),this.generateForm())}))):this.formData=yield(0,o.getForm)(this.url,this.appId,this.publicKey,this.log),void 0===this.formData||!this.formData)throw new Error(`No form for app ${this.appId}`);if(this.formData.savedAt||(this.formData.savedAt=new Date,localStorage.setItem(`magicfeedback-${this.appId}`,JSON.stringify(this.formData))),this.questions=this.formData.questions,void 0===this.questions||!this.questions)throw new Error(`No questions for app ${this.appId}`);this.total=this.questions.length,this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,progress:this.progress,total:this.total,formData:this.formData})),this.formOptionsConfig.getMetaData&&this.getMetaData(),this.generateForm()}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,error:e})))}}))}generateForm(){var e,t;try{this.questions.sort(((e,t)=>e.position-t.position));const i=document.getElementById(this.selector);if(!i)throw new Error(`Element with ID '${this.selector}' not found.`);i.classList.add("magicfeedback-container"),i.id="magicfeedback-container-"+this.appId,i.innerHTML="";const s=document.createElement("form");s.classList.add("magicfeedback-form"),s.id="magicfeedback-"+this.appId;const a=document.createElement("div");if(a.classList.add("magicfeedback-questions"),a.id="magicfeedback-questions-"+this.appId,this.elementQuestions=(0,n.renderQuestions)(this.questions,this.formOptionsConfig.questionFormat),"MAGICSURVEY"===(null===(e=this.formData)||void 0===e?void 0:e.identity)?(this.elementQuestions.forEach(((e,t)=>this.history[t]=[{object:this.questions[t],element:e}])),this.questionInProcess=this.history[0][0].object,a.appendChild(this.history[0][0].element)):this.elementQuestions.forEach((e=>a.appendChild(e))),s.appendChild(a),i.appendChild(s),this.formOptionsConfig.addButton){const e=(0,n.renderActions)(null===(t=this.formData)||void 0===t?void 0:t.identity,(()=>this.back()),this.formOptionsConfig.sendButtonText,this.formOptionsConfig.backButtonText,this.formOptionsConfig.nextButtonText);s.appendChild(e)}s.addEventListener("submit",(e=>{e.preventDefault(),this.send()}))}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&this.formOptionsConfig.onLoadedEvent({loading:!1,error:e}))}}getMetaData(){this.feedback.metadata.push({key:"navigator-url",value:[window.location.href]}),this.feedback.metadata.push({key:"navigator-origin",value:[window.location.origin]}),this.feedback.metadata.push({key:"navigator-pathname",value:[window.location.pathname]}),this.feedback.metadata.push({key:"navigator-search",value:[window.location.search]}),this.feedback.metadata.push({key:"navigator-user",value:[navigator.userAgent]}),this.feedback.metadata.push({key:"navigator-language",value:[navigator.language]}),this.feedback.metadata.push({key:"navigator-platform",value:[navigator.platform]}),this.feedback.metadata.push({key:"navigator-appVersion",value:[navigator.appVersion]}),this.feedback.metadata.push({key:"navigator-appName",value:[navigator.appName]}),this.feedback.metadata.push({key:"navigator-product",value:[navigator.product]}),this.feedback.metadata.push({key:"screen-width",value:[window.screen.width.toString()]}),this.feedback.metadata.push({key:"screen-height",value:[window.screen.height.toString()]})}send(e,t,i){var a;return s(this,void 0,void 0,(function*(){const s=document.getElementById("magicfeedback-container-"+this.appId),o=document.getElementById("magicfeedback-questions-"+this.appId);try{i&&(this.feedback.profile=[...this.feedback.profile,...i]),t&&(this.feedback.metrics=[...this.feedback.metrics,...t]),e&&(this.feedback.metadata=[...this.feedback.metadata,...e]),this.formOptionsConfig.beforeSubmitEvent&&(yield this.formOptionsConfig.beforeSubmitEvent({loading:!0,progress:this.progress,total:this.total}));const n=yield this.pushAnswers("MAGICSURVEY"!==(null===(a=this.formData)||void 0===a?void 0:a.identity));n&&(this.id=n,yield this.processNextQuestion(s,o)),this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({response:n,loading:!1,progress:this.progress,total:this.total,error:n?null:new Error("No response")}))}catch(e){this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({loading:!1,progress:this.progress,total:this.total,error:e}))}}))}answer(){const e=document.getElementById("magicfeedback-"+this.appId);if(!e)return this.log.err(`Form "${e}" not found.`),void(this.feedback.answers=[]);const t=[];let i=!1;e.querySelectorAll(".magicfeedback-input").forEach((e=>{const s=e.type,a=e.classList[0],n={key:e.name,value:[]},r="magicfeedback-boolean"===a?e.checked.toString():e.value;if(n.key&&""!==n.key)switch(s){case"radio":case"checkbox":if("magicfeedback-boolean"===a||e.checked){n.value.push(r);const e=t.findIndex((e=>e.key===n.key));-1!==e?t[e].value=[...t[e].value,...n.value]:t.push(n)}break;case"email":(0,o.validateEmail)(r)?(this.feedback.profile.push({key:"email",value:[r]}),n.value.push(r),t.push(n)):(this.log.err("Invalid email"),i=!0);break;default:""!==r&&(n.value.push(r),t.push(n))}})),this.feedback.answers=i?[]:t}pushAnswers(e=!1){var t,i;return s(this,void 0,void 0,(function*(){try{if(this.answer(),"MAGICFORM"===(null===(t=this.formData)||void 0===t?void 0:t.identity)){if(0===this.feedback.answers.length)throw new Error("No answers provided");this.questions.forEach((e=>{if(e.require&&!this.feedback.answers.find((t=>t.key===e.ref)))throw new Error(`No answer provided for question ${e.title}`)}))}else if(!e&&(null===(i=this.questionInProcess)||void 0===i?void 0:i.require)&&0===this.feedback.answers.length)throw new Error("No answers provided");const s=this.config.get("url"),a={integration:this.appId,publicKey:this.publicKey,feedback:this.feedback,completed:e};return yield(0,o.sendFeedback)(s,this.id?Object.assign(Object.assign({},a),{sessionId:this.id}):a,this.log)}catch(e){return this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),""}}))}callFollowUpQuestion(e){return s(this,void 0,void 0,(function*(){if(!(null==e?void 0:e.followup))return null;try{if(0===this.feedback.answers.length)throw new Error("No answers provided");const t=this.config.get("url"),i={answer:this.feedback.answers[0].value[0],publicKey:this.publicKey,sessionId:this.id,question:e};return yield(0,o.getFollowUpQuestion)(t,i,this.log)}catch(e){throw this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),e}}))}processNextQuestion(e,t){var i,a,o;return s(this,void 0,void 0,(function*(){if("MAGICSURVEY"===(null===(i=this.formData)||void 0===i?void 0:i.identity))if(null===(a=this.questionInProcess)||void 0===a?void 0:a.followup){const i=yield this.callFollowUpQuestion(this.questionInProcess);if(i){this.questionInProcess=i;const e=(0,n.renderQuestions)([i],null===(o=this.formOptionsConfig)||void 0===o?void 0:o.questionFormat)[0];this.history[this.progress].push({object:i,element:e}),t.removeChild(t.childNodes[0]),t.appendChild(e)}else this.renderNextQuestion(t,e)}else this.renderNextQuestion(t,e);else if(this.total=this.questions.length,this.progress=this.questions.length,this.formOptionsConfig.addSuccessScreen){e.childNodes.length>0&&e.removeChild(e.childNodes[0]);const t=(0,n.renderSuccess)(this.formOptionsConfig.successMessage||"Thank you for your feedback!");e.appendChild(t)}}))}renderNextQuestion(e,t){if(this.progress++,this.progress<this.total)this.questionInProcess=this.history[this.progress][0].object,e.removeChild(e.childNodes[0]),e.appendChild(this.history[this.progress][0].element);else{if(this.formOptionsConfig.addSuccessScreen){t.childNodes.length>0&&t.removeChild(t.childNodes[0]);const e=(0,n.renderSuccess)(this.formOptionsConfig.successMessage||"Thank you for your feedback!");t.appendChild(e)}this.pushAnswers(!0)}}back(){if(0===this.progress)return;const e=document.getElementById("magicfeedback-questions-"+this.appId);e.removeChild(e.childNodes[0]),this.history[this.progress].length>1?this.history[this.progress].pop():this.progress--;const t=this.history[this.progress][this.history[this.progress].length-1];this.questionInProcess=t.object,e.appendChild(t.element)}}},374:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.endpoints=void 0,t.endpoints={sdk:{app:(e,t)=>`sdk/app/${e}/${t}`,app_info:(e,t)=>`sdk/app/${e}/${t}/info`,feedback:"sdk/feedback",followUpQuestion:"sdk/followUpQuestion"}}},183:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.renderSuccess=t.renderError=t.renderActions=t.renderQuestions=void 0,t.renderQuestions=function(e,t="standard"){if(!e)throw new Error("[MagicFeedback] No questions provided");const i=[];return e.forEach((e=>{const{id:s,title:a,type:o,ref:n,require:r,value:c,defaultValue:d}=e;let l,u,h=document.createElement("div");switch(h.classList.add("magicfeedback-div"),o){case"TEXT":l=document.createElement("input"),l.type="text",l.placeholder="slim"===t?a:"Write your answer here...",u="magicfeedback-text";break;case"LONGTEXT":l=document.createElement("textarea"),l.rows=3,l.placeholder="slim"===t?a:"Write your answer here...",u="magicfeedback-longtext";break;case"NUMBER":l=document.createElement("input"),l.type="number",l.placeholder="slim"===t?a:"Insert a number here",u="magicfeedback-number",c.length&&(c.sort(((e,t)=>Number(e)-Number(t))),l.max=c[c.length-1],l.min=c[0],l.value=c[0]);break;case"RADIO":case"MULTIPLECHOICE":l=document.createElement("div"),u="magicfeedback-"+("RADIO"===o?"radio":"checkbox"),c.forEach(((e,t)=>{const i=document.createElement("div");i.classList.add(`magicfeedback-${"RADIO"===o?"radio":"checkbox"}-container`);const s=document.createElement("label"),a=document.createElement("input");a.id=`rating-${n}-${t}`,a.type="RADIO"===o?"radio":"checkbox",a.name=n,a.value=e,a.classList.add(u),a.classList.add("magicfeedback-input"),e===d&&(a.checked=!0),s.textContent=e,s.htmlFor=`rating-${n}-${t}`,i.appendChild(a),i.appendChild(s),l.appendChild(i)}));break;case"RATING":case"WIDGET_RATING_EMOJI_1_10":case"WIDGET_RATING_EMOJI_1_5":l=document.createElement("div"),u="magicfeedback-rating";const e=document.createElement("div");e.classList.add("magicfeedback-rating-container");const i=["WIDGET_RATING_EMOJI_1_5","WIDGET_RATING_NUMBER_1_5"].includes(o)?5:10;for(let t=1;t<=i;t++){const i=document.createElement("div");i.classList.add("magicfeedback-rating-option");const s=document.createElement("label");s.htmlFor=`rating-${n}-${t}`,s.classList.add("magicfeedback-rating-option-label-container");const a=document.createElement("label");a.htmlFor=`rating-${n}-${t}`,a.textContent=t.toString();const r=document.createElement("img");if(["WIDGET_RATING_EMOJI_1_5"].includes(o))switch(t){case 1:r.src="https://magicfeedback-c6458-dev.web.app/assets/1.svg";break;case 2:r.src="https://magicfeedback-c6458-dev.web.app/assets/2.svg";break;case 3:r.src="https://magicfeedback-c6458-dev.web.app/assets/6.svg";break;case 4:r.src="https://magicfeedback-c6458-dev.web.app/assets/9.svg";break;case 5:r.src="https://magicfeedback-c6458-dev.web.app/assets/10.svg"}else r.src=`https://magicfeedback-c6458-dev.web.app/assets/${t}.svg`;r.alt=`face-${n}-${t}`,r.className=`rating-image${t}`;const c=document.createElement("input");c.id=`rating-${n}-${t}`,c.type="radio",c.name=n,c.value=t.toString(),c.classList.add(u),c.classList.add("magicfeedback-input"),s.appendChild(c),["WIDGET_RATING_EMOJI_1_5","WIDGET_RATING_EMOJI_1_10","RATING"].includes(o)?s.appendChild(r):s.classList.add("magicfeedback-rating-option-label-container-number"),s.appendChild(a),i.appendChild(s),e.appendChild(i)}l.appendChild(e);break;case"WIDGET_RATING_NUMBER_1_10":case"WIDGET_RATING_NUMBER_1_5":l=document.createElement("div"),u="magicfeedback-rating-number";const s=document.createElement("div");s.classList.add("magicfeedback-rating-number-container");const r=["WIDGET_RATING_NUMBER_1_5"].includes(o)?5:10;for(let e=1;e<=r;e++){const t=document.createElement("div");t.classList.add("magicfeedback-rating-number-option");const i=document.createElement("label");i.htmlFor=`rating-${n}-${e}`,i.classList.add("magicfeedback-rating-number-option-label-container");const a=document.createElement("label");a.htmlFor=`rating-${n}-${e}`,a.textContent=e.toString();const o=document.createElement("input");o.id=`rating-${n}-${e}`,o.type="radio",o.name=n,o.value=e.toString(),o.classList.add(u),o.classList.add("magicfeedback-input"),i.appendChild(o),i.appendChild(a),t.appendChild(i),s.appendChild(t)}l.appendChild(s);break;case"WIDGET_RATING_STAR_1_5":l=document.createElement("div"),u="magicfeedback-rating-star";const h=function(e){const t="magicfeedback-rating-star-selected",i=document.createElement("div");i.classList.add("magicfeedback-rating-star-container");for(let s=1;s<=5;s++){const a=document.createElement("label");a.classList.add("magicfeedback-rating-star-option");const o=document.createElement("input");o.id=`rating-${e}-${s}`,o.type="radio",o.name="rating",o.value=s.toString(),o.style.position="absolute",o.style.opacity="0",o.style.width="0",o.style.height="0",o.classList.add("magicfeedback-input"),o.addEventListener("change",(()=>{const e=i.querySelectorAll(".rating__star");for(let i=0;i<e.length;i++)i+1<=Number(o.value)?e[i].classList.contains(t)||e[i].classList.add(t):e[i].classList.contains(t)&&e[i].classList.remove(t)})),a.appendChild(o);const n=document.createElement("label");n.htmlFor=`rating-${e}-${s}`,n.classList.add("rating__star"),n.textContent="★",n.style.fontSize="40px",n.style.color="#CCCCCC",n.style.cursor="pointer",a.appendChild(n),i.appendChild(a)}return i}(n);l.appendChild(h);break;case"SELECT":l=document.createElement("select"),u="magicfeedback-select",l.placeholder="slim"===t?a:"Select an option",c.forEach((e=>{const t=document.createElement("option");t.value=e,t.text=e,l.appendChild(t)}));break;case"DATE":l=document.createElement("input"),l.type="date",l.placeholder="slim"===t?a:"Select a date",u="magicfeedback-date";break;case"BOOLEAN":l=document.createElement("input"),l.type="checkbox",u="magicfeedback-boolean";break;case"EMAIL":l=document.createElement("input"),l.type="email",l.placeholder="slim"===t?a:"you@example.com",u="magicfeedback-email";break;case"PASSWORD":l=document.createElement("input"),l.type="password",l.placeholder="slim"===t?a:"Write your password here",u="magicfeedback-password";break;case"CONTACT":l=document.createElement("input"),l.type="tel",l.placeholder="slim"===t?a:"Enter your phone number",u="magicfeedback-contact";break;default:return}l.id=`magicfeedback-${s}`,l.setAttribute("name",n),l.classList.add(u),void 0!==d&&(l.value=d),["RADIO","MULTIPLECHOICE"].includes(o)||(l.classList.add("magicfeedback-input"),l.required=r);const p=document.createElement("label");p.setAttribute("for",`magicfeedback-${s}`),p.textContent=a,p.classList.add("magicfeedback-label"),["BOOLEAN"].includes(o)?(h.classList.add("magicfeedback-boolean-container"),h.appendChild(l),h.appendChild(p)):("slim"!==t&&h.appendChild(p),h.appendChild(l)),i.push(h)})),i},t.renderActions=function(e="",t,i="Submit",s="Back",a="Next"){const o=document.createElement("div");o.classList.add("magicfeedback-action-container");const n=document.createElement("button");n.id="magicfeedback-submit",n.type="submit",n.classList.add("magicfeedback-submit"),n.textContent="MAGICSURVEY"===e?a||"Next":i||"Submit";const r=document.createElement("button");return r.id="magicfeedback-back",r.type="button",r.classList.add("magicfeedback-back"),r.textContent=s||"Back",r.addEventListener("click",t),"MAGICSURVEY"===e&&o.appendChild(r),o.appendChild(n),o},t.renderError=function(e){const t=document.createElement("div");return t.classList.add("magicfeedback-error"),t.textContent=e,t},t.renderSuccess=function(e){const t=document.createElement("div");return t.classList.add("magicfeedback-success"),t.textContent=e,t}},341:function(e,t,i){var s=this&&this.__awaiter||function(e,t,i,s){return new(i||(i=Promise))((function(a,o){function n(e){try{c(s.next(e))}catch(e){o(e)}}function r(e){try{c(s.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(n,r)}c((s=s.apply(e,t||[])).next())}))},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.getFollowUpQuestion=t.sendFeedback=t.getQuestions=t.getForm=t.validateEmail=void 0;const o=a(i(31)),n=a(i(147)),r=i(374),c={Accept:"application/json","Magicfeedback-Sdk-Version":n.default.version};t.validateEmail=function(e){return/\S+@\S+\.\S+/.test(e)},t.getForm=function(e,t,i,a){return s(this,void 0,void 0,(function*(){try{const s=yield(0,o.default)(e+r.endpoints.sdk.app_info(t,i),{method:"GET",headers:c});if(s.ok){const e=yield s.json();return a.log(`Received form for app ${t}`,e),e}throw a.err(`Failed to get questions for app ${t}:`,s.status,s.statusText),new Error("[MagicFeedback] Bad response from server")}catch(e){return a.err(e),null}}))},t.getQuestions=function(e,t,i,a){return s(this,void 0,void 0,(function*(){try{const s=yield(0,o.default)(e+r.endpoints.sdk.app(t,i),{method:"GET",headers:c});if(s.ok){const e=yield s.json();return a.log(`Received questions for app ${t}`,e),e}throw a.err(`Failed to get questions for app ${t}:`,s.status,s.statusText),new Error("[MagicFeedback] Bad response from server")}catch(e){return a.err(e),[]}}))},t.sendFeedback=function(e,t,i){return s(this,void 0,void 0,(function*(){try{const s=yield(0,o.default)(e+r.endpoints.sdk.feedback,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},c),body:JSON.stringify(t)});if(s.ok)return i.log(`Form ${t.integration} submitted successfully!`),(yield s.json()).sessionId;throw i.err(`Failed to submit form ${t.integration}:`,s.status,s.statusText),new Error(s.statusText)}catch(e){return i.err(e),""}}))},t.getFollowUpQuestion=function(e,t,i){return s(this,void 0,void 0,(function*(){try{const s=yield(0,o.default)(e+r.endpoints.sdk.followUpQuestion,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},c),body:JSON.stringify(t)});if(s.ok)return i.log(`Received follow up question for form ${t.integration}`),(yield s.json())||"";throw i.err(`Failed to get follow up question for form ${t.integration}:`,s.status,s.statusText),new Error(s.statusText)}catch(e){return i.err(e),""}}))}},5:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Log=void 0,t.Log=class{constructor(e){this.config=e}log(...e){this.config.get("debug")&&console.log("[MagicFeedback]:",...e)}err(...e){console.error("[MagicFeedback]:",...e)}}},31:e=>{e.exports=require("cross-fetch")},147:e=>{e.exports=JSON.parse('{"name":"@magicfeedback/native","version":"1.1.14-beta.2","main":"./dist/magicfeedback-sdk.node.js","browser":"./dist/magicfeedback-sdk.browser.js","types":"./dist/types/src/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/MagicFeedback/magicfeedback-sdk.git"},"author":"farias@magicfeedback.io","license":"MIT","private":false,"scripts":{"dev":"vite","build":"webpack","build:watch":"webpack --watch --mode development","publish":"npm publish --access public","publish:beta":"npm publish --access public --tag beta","test":"jest","test:watch":"jest --watchAll","coverage":"vitest run --coverage"},"files":["dist"],"devDependencies":{"@babel/preset-typescript":"^7.22.5","@types/node":"^17.0.21","@types/webpack":"^5.28.0","@types/webpack-node-externals":"^2.5.3","c8":"^7.11.0","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","jest-fetch-mock":"^3.0.3","nock":"^13.2.4","ts-jest":"^29.1.0","ts-loader":"^9.2.7","ts-node":"^10.7.0","typescript":"^4.6.2","vite":"^2.8.0","vite-plugin-dts":"^0.9.9","vitest":"^0.5.9","webpack":"^5.70.0","webpack-cli":"^4.9.2","webpack-node-externals":"^3.0.0"},"dependencies":{"cross-fetch":"^3.1.5","is-bundling-for-browser-or-node":"^1.1.1"},"description":"MagicFeedbackAI JavaScript Library for [MagicFeedback.io](https://magicfeedback.io/)","bugs":{"url":"https://github.com/MagicFeedback/magicfeedback-sdk/issues"},"homepage":"https://github.com/MagicFeedback/magicfeedback-sdk#readme","directories":{"example":"examples","test":"test"}}')}},t={},i=function i(s){var a=t[s];if(void 0!==a)return a.exports;var o=t[s]={exports:{}};return e[s].call(o.exports,o,o.exports,i),o.exports}(607);return i.default})()));

package/dist/types/src/models/types.d.ts

@@ -27,7 +27,8 @@ export declare enum FEEDBACKAPPANSWERTYPE {
     WIDGET_RATING_EMOJI_1_10 = "WIDGET_RATING_EMOJI_1_10",
     WIDGET_RATING_EMOJI_1_5 = "WIDGET_RATING_EMOJI_1_5",
     WIDGET_RATING_NUMBER_1_10 = "WIDGET_RATING_NUMBER_1_10",
-    WIDGET_RATING_NUMBER_1_5 = "WIDGET_RATING_NUMBER_1_5"
+    WIDGET_RATING_NUMBER_1_5 = "WIDGET_RATING_NUMBER_1_5",
+    WIDGET_RATING_STAR_1_5 = "WIDGET_RATING_STAR_1_5"
 }
 export type NativeQuestion = {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicfeedback/native",
-  "version": "1.1.14-beta.0",
+  "version": "1.1.14-beta.2",
   "main": "./dist/magicfeedback-sdk.node.js",
   "browser": "./dist/magicfeedback-sdk.browser.js",
   "types": "./dist/types/src/index.d.ts",