@magicfeedback/native 2.1.7-alpha.9 → 2.2.0-alpha.0

package/dist/magicfeedback-sdk.browser.js

@@ -1 +1,509 @@
-!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={945:function(e,t){var i="undefined"!=typeof self?self:this,n=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,n="Symbol"in e&&"iterator"in Symbol,a="FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),s="FormData"in e,r="ArrayBuffer"in e;if(r)var o=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],l=ArrayBuffer.isView||function(e){return e&&o.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 c(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 n&&(t[Symbol.iterator]=function(){return t}),t}function p(e){this.map={},e instanceof p?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 h(e){if(e.bodyUsed)return Promise.reject(new TypeError("Already read"));e.bodyUsed=!0}function m(e){return new Promise((function(t,i){e.onload=function(){t(e.result)},e.onerror=function(){i(e.error)}}))}function f(e){var t=new FileReader,i=m(t);return t.readAsArrayBuffer(e),i}function g(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function v(){return this.bodyUsed=!1,this._initBody=function(e){var t;this._bodyInit=e,e?"string"==typeof e?this._bodyText=e:a&&Blob.prototype.isPrototypeOf(e)?this._bodyBlob=e:s&&FormData.prototype.isPrototypeOf(e)?this._bodyFormData=e:i&&URLSearchParams.prototype.isPrototypeOf(e)?this._bodyText=e.toString():r&&a&&(t=e)&&DataView.prototype.isPrototypeOf(t)?(this._bodyArrayBuffer=g(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer])):r&&(ArrayBuffer.prototype.isPrototypeOf(e)||l(e))?this._bodyArrayBuffer=g(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"))},a&&(this.blob=function(){var e=h(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?h(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(f)}),this.text=function(){var e,t,i,n=h(this);if(n)return n;if(this._bodyBlob)return e=this._bodyBlob,i=m(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),n=0;n<t.length;n++)i[n]=String.fromCharCode(t[n]);return i.join("")}(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},s&&(this.formData=function(){return this.text().then(E)}),this.json=function(){return this.text().then(JSON.parse)},this}p.prototype.append=function(e,t){e=d(e),t=c(t);var i=this.map[e];this.map[e]=i?i+", "+t:t},p.prototype.delete=function(e){delete this.map[d(e)]},p.prototype.get=function(e){return e=d(e),this.has(e)?this.map[e]:null},p.prototype.has=function(e){return this.map.hasOwnProperty(d(e))},p.prototype.set=function(e,t){this.map[d(e)]=c(t)},p.prototype.forEach=function(e,t){for(var i in this.map)this.map.hasOwnProperty(i)&&e.call(t,this.map[i],i,this)},p.prototype.keys=function(){var e=[];return this.forEach((function(t,i){e.push(i)})),u(e)},p.prototype.values=function(){var e=[];return this.forEach((function(t){e.push(t)})),u(e)},p.prototype.entries=function(){var e=[];return this.forEach((function(t,i){e.push([i,t])})),u(e)},n&&(p.prototype[Symbol.iterator]=p.prototype.entries);var y=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function b(e,t){var i,n,a=(t=t||{}).body;if(e instanceof b){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new p(e.headers)),this.method=e.method,this.mode=e.mode,this.signal=e.signal,a||null==e._bodyInit||(a=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 p(t.headers)),this.method=(n=(i=t.method||this.method||"GET").toUpperCase(),y.indexOf(n)>-1?n:i),this.mode=t.mode||this.mode||null,this.signal=t.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&a)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(a)}function E(e){var t=new FormData;return e.trim().split("&").forEach((function(e){if(e){var i=e.split("="),n=i.shift().replace(/\+/g," "),a=i.join("=").replace(/\+/g," ");t.append(decodeURIComponent(n),decodeURIComponent(a))}})),t}function k(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 p(t.headers),this.url=t.url||"",this._initBody(e)}b.prototype.clone=function(){return new b(this,{body:this._bodyInit})},v.call(b.prototype),v.call(k.prototype),k.prototype.clone=function(){return new k(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new p(this.headers),url:this.url})},k.error=function(){var e=new k(null,{status:0,statusText:""});return e.type="error",e};var A=[301,302,303,307,308];k.redirect=function(e,t){if(-1===A.indexOf(t))throw new RangeError("Invalid status code");return new k(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 C(e,i){return new Promise((function(n,s){var r=new b(e,i);if(r.signal&&r.signal.aborted)return s(new t.DOMException("Aborted","AbortError"));var o=new XMLHttpRequest;function l(){o.abort()}o.onload=function(){var e,t,i={status:o.status,statusText:o.statusText,headers:(e=o.getAllResponseHeaders()||"",t=new p,e.replace(/\r?\n[\t ]+/g," ").split(/\r?\n/).forEach((function(e){var i=e.split(":"),n=i.shift().trim();if(n){var a=i.join(":").trim();t.append(n,a)}})),t)};i.url="responseURL"in o?o.responseURL:i.headers.get("X-Request-URL");var a="response"in o?o.response:o.responseText;n(new k(a,i))},o.onerror=function(){s(new TypeError("Network request failed"))},o.ontimeout=function(){s(new TypeError("Network request failed"))},o.onabort=function(){s(new t.DOMException("Aborted","AbortError"))},o.open(r.method,r.url,!0),"include"===r.credentials?o.withCredentials=!0:"omit"===r.credentials&&(o.withCredentials=!1),"responseType"in o&&a&&(o.responseType="blob"),r.headers.forEach((function(e,t){o.setRequestHeader(t,e)})),r.signal&&(r.signal.addEventListener("abort",l),o.onreadystatechange=function(){4===o.readyState&&r.signal.removeEventListener("abort",l)}),o.send(void 0===r._bodyInit?null:r._bodyInit)}))}C.polyfill=!0,e.fetch||(e.fetch=C,e.Headers=p,e.Request=b,e.Response=k),t.Headers=p,t.Request=b,t.Response=k,t.fetch=C,Object.defineProperty(t,"__esModule",{value:!0})}({})}(n),n.fetch.ponyfill=!0,delete n.fetch.polyfill;var a=n;(t=a.fetch).default=a.fetch,t.fetch=a.fetch,t.Headers=a.Headers,t.Request=a.Request,t.Response=a.Response,e.exports=t},317:(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.deepdots.com/",t.HOST_API_URL_DEV="https://api-dev.deepdots.com/"},156:function(e,t,i){"use strict";var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(i(927));let s=null;s||(s=(0,a.default)()),t.default=s},927:function(e,t,i){"use strict";var n=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(a,s){function r(e){try{l(n.next(e))}catch(e){s(e)}}function o(e){try{l(n.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,o)}l((n=n.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0});const a=i(57),s=i(665),r=i(256),o=i(313),l=i(317);t.default=function(){const e=new s.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)?l.HOST_API_URL_DEV:l.HOST_API_URL),e.set("env",null==i?void 0:i.env),t=new r.Log(e),t.log("Initialized Magicfeedback",e)},send:function(i,a,s,r=!0,l,d){return n(this,void 0,void 0,(function*(){i||t.err("No appID provided"),a||t.err("No publicKey provided"),s||t.err("No feedback provided"),s.answers||s.profile||s.metrics||s.metadata||t.err("No feedback data provided");const n=e.get("url"),c={integration:i,publicKey:a,privateKey:d,completed:r,id:l,feedback:s};try{const e=yield(0,o.sendFeedback)(n,c,t);return t.log("sent native feedback"),e}catch(e){return t.err("error native feedback",e),!1}}))},form:function(i,n){return i||t.err("No appID provided"),n||t.err("No publicKey provided"),new a.Form(e,i,n)},session:function(i){return i||t.err("No sessionId provided"),new a.Form(e,i)}}}},79:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.History=void 0,t.History=class{constructor(){this.items=[]}enqueue(e){this.items.push(e)}dequeue(){return this.items.shift()}rollback(){return this.items.pop()}front(){return this.items[0]}back(){return this.items[this.items.length-1]}isEmpty(){return 0===this.items.length}size(){return this.items.length}get(e){return this.items[e]}}},665:(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}}},57:function(e,t,i){"use strict";var n=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(a,s){function r(e){try{l(n.next(e))}catch(e){s(e)}}function o(e){try{l(n.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,o)}l((n=n.apply(e,t||[])).next())}))};Object.defineProperty(t,"__esModule",{value:!0}),t.Form=void 0;const a=i(558),s=i(256),r=i(313),o=i(213),l=i(217),d=i(700),c=i(591),u=i(79),p=i(636);t.Form=class{constructor(e,t,i){this.config=e,this.log=new s.Log(e),this.formOptionsConfig={addButton:!0,sendButtonText:"Send",backButtonText:"Back",nextButtonText:"Next",addSuccessScreen:!0,getMetaData:!0,customMetaData:[],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.history=new u.History,this.graph=new l.PageGraph([]),this.progress=0,this.total=0,this.completed=!1,this.timeToCompleted=0}generate(e,t){var i,a,s,o,l,d,c;return n(this,void 0,void 0,(function*(){try{this.formOptionsConfig=Object.assign(Object.assign({},this.formOptionsConfig),t),this.selector=e;let n=this.formData;if(void 0!==this.formData&&this.formData||(n=""!==this.publicKey?yield(0,r.getForm)(this.url,this.appId,this.publicKey,this.log):yield(0,r.getSessionForm)(this.url,this.appId,this.log)),void 0===n||!n)throw new Error(`No data for app ${this.appId}`);if(null===(i=n.error)||void 0===i?void 0:i.message)throw new Error(n.error.message);if(n.questions=(null===(a=n.questions)||void 0===a?void 0:a.filter((e=>"ACTIVE"===e.status)))||[],n.pages=(null===(s=n.pages)||void 0===s?void 0:s.filter((e=>"ACTIVE"===e.status)))||[],null===(o=n.pages)||void 0===o||o.forEach((e=>{var t;return e.integrationQuestions=null===(t=e.integrationQuestions)||void 0===t?void 0:t.filter((e=>"ACTIVE"===e.status))})),this.formData=n,this.formData.savedAt||(this.formData.savedAt=new Date,localStorage.setItem(`magicfeedback-${this.appId}`,JSON.stringify(this.formData))),void 0===this.formData.questions||!this.formData.questions)throw new Error(`No questions for app ${this.appId}`);this.formData.pages&&0!==(null===(l=this.formData.pages)||void 0===l?void 0:l.length)||this.formatPages(),null===(d=this.formData.questions)||void 0===d||d.sort(((e,t)=>e.position-t.position)),this.formData.pages=this.formData.pages.filter((e=>{var t;return(null===(t=e.integrationQuestions)||void 0===t?void 0:t.length)>0})),this.formOptionsConfig.getMetaData&&this.getMetaData(),(null===(c=this.formData.style)||void 0===c?void 0:c.startMessage)?yield this.generateWelcomeMessage(this.formData.style.startMessage):this.startForm()}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,error:e})))}}))}formatPages(){var e;if(this.formData)switch(this.formData.identity){case"MAGICSURVEY":this.formData.pages=[],null===(e=this.formData.questions)||void 0===e||e.forEach((e=>{var t,i;const n=new c.PageRoute(e.id,e.ref,c.OperatorType.NOEQUAL,[],c.TransitionType.PAGE,(e.position+1).toString(),e.position.toString()),a=new d.Page(e.position.toString(),e.position,this.appId,[e],[n]);null===(i=null===(t=this.formData)||void 0===t?void 0:t.pages)||void 0===i||i.push(a)}));break;case"MAGICFORM":const t=new d.Page("1",1,this.appId,this.formData.questions,[]);this.formData.pages=[t]}}generateContainer(){let e=document.getElementById(this.selector);if(!e&&(e=document.getElementById("magicfeedback-container-"+this.appId),!e))throw new Error(`Element with ID '${this.selector}' not found.`);return e.classList.add("magicfeedback-container"),e.id="magicfeedback-container-"+this.appId,e.innerHTML="",e}generateForm(){var e,t,i,a;return n(this,void 0,void 0,(function*(){try{if(console.log("Generating form for appId:",this.appId),!this.formData||!this.formData.pages||0===this.formData.pages.length)throw new Error("No form data");this.graph=new l.PageGraph(this.formData.pages.sort(((e,t)=>e.position-t.position)));let n=this.generateContainer();const s=document.createElement("form");s.classList.add("magicfeedback-form"),s.id="magicfeedback-"+this.appId,s.addEventListener("submit",(e=>e.preventDefault()));const r=document.createElement("div");r.classList.add("magicfeedback-questions"),r.id="magicfeedback-questions-"+this.appId;const d=this.graph.getFirstPage();if(!d)throw new Error("No page found");if(this.total=this.graph.findMaxDepth(),d.elements=(0,o.renderQuestions)(d.questions,this.formOptionsConfig.questionFormat,null===(e=this.formData)||void 0===e?void 0:e.lang[0],null===(t=this.formData)||void 0===t?void 0:t.product,(()=>this.send())),null===(i=d.elements)||void 0===i||i.forEach((e=>r.appendChild(e))),s.appendChild(r),this.history.enqueue(d),n.appendChild(s),this.progress=this.total-this.graph.findMaxDepth(d),this.formOptionsConfig.addButton){const e=(0,o.renderActions)(null===(a=this.formData)||void 0===a?void 0:a.identity,(()=>this.back()),this.formOptionsConfig.sendButtonText,this.formOptionsConfig.backButtonText,this.formOptionsConfig.nextButtonText);s.appendChild(e)}this.formOptionsConfig.addButton&&s.addEventListener("submit",(e=>{e.preventDefault(),this.send()})),this.timeToCompleted=(new Date).getTime()/1e3,this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,progress:this.progress,total:this.total,formData:this.formData,formOptionsConfig:this.formOptionsConfig}))}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&this.formOptionsConfig.onLoadedEvent({loading:!1,error:e}))}}))}startForm(){this.generateForm()}generateWelcomeMessage(e){return n(this,void 0,void 0,(function*(){try{const t=this.generateContainer(),i=(0,o.renderStartMessage)(e,this.formOptionsConfig.addButton,this.formOptionsConfig.startButtonText,(()=>this.startForm()));t.appendChild(i),this.formOptionsConfig.onLoadedEvent&&(yield this.formOptionsConfig.onLoadedEvent({loading:!1,formData:this.formData}))}catch(e){return this.log.err(e),void(this.formOptionsConfig.onLoadedEvent&&this.formOptionsConfig.onLoadedEvent({loading:!1,error:e}))}}))}getMetaData(){console.log("Generating meta data",this.formOptionsConfig.customMetaData),this.formOptionsConfig.customMetaData&&(this.feedback.metadata=[...this.feedback.metadata,...this.formOptionsConfig.customMetaData]),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()]}),this.appId&&""===this.publicKey&&this.feedback.metadata.push({key:"MAGICFEEDBACK_SESSION",value:[this.appId]})}send(e,t,i){return n(this,void 0,void 0,(function*(){const 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.answer(),this.formOptionsConfig.beforeSubmitEvent&&(yield this.formOptionsConfig.beforeSubmitEvent({loading:!0,progress:this.progress,total:this.total}));const s=this.history.back();if(!s)throw new Error("No page found");for(const e of s.questions.filter((e=>e.require&&![a.FEEDBACKAPPANSWERTYPE.CONSENT,a.FEEDBACKAPPANSWERTYPE.INFO_PAGE].includes(e.type)))){const t=e.assets,i=this.feedback.answers.filter((t=>t.key.includes(e.ref)&&!t.key.includes("extra-option")));if(0===i.length||i.find((e=>0===e.value.length)))throw this.log.err(`The question ${e.ref} is required`),new Error("No response");if(null==t?void 0:t.minOptions){let n=[];if((null==t?void 0:t.exclusiveAnswers)&&(n=null==t?void 0:t.exclusiveAnswers),!i[0].value.find((e=>n.includes(e)))&&i[0].value.length<(null==t?void 0:t.minOptions))throw this.log.err(`The question ${e.ref} requires at least ${null==t?void 0:t.minOptions} options`),new Error("No response")}if(e.type===a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX){const i=this.feedback.answers.find((t=>t.key===e.ref));if(!i)throw this.log.err(`The matrix question ${e.ref} is required`),new Error("No response");const n=this.parseMatrixAnswerPre(i),a=Array.isArray(null==t?void 0:t.options)?t.options:[];if(a.length>0){if(a.find((e=>{const t=n.find((t=>t.key===e));return!t||!Array.isArray(t.value)||0===t.value.length})))throw this.log.err(`The matrix question ${e.ref} requires an answer in every row`),new Error("No response")}else if(0===n.length||n.some((e=>!Array.isArray(e.value)||0===e.value.length)))throw this.log.err(`The matrix question ${e.ref} requires an answer in every row`),new Error("No response")}}const r=yield this.pushAnswers(!1);if(!r)throw new Error("No response");this.id=r,yield this.processNextQuestion(n)}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.`),this.feedback.answers=[],[];const t=this.history.back();if(!t){const t=e.querySelectorAll(".magicfeedback-input"),i=[],n={};return t.forEach((e=>{var t;const a=e,s=a.name;if(!s)return;const r=a.type;if(("radio"===r||"checkbox"===r)&&!a.checked)return;const o=a.value,l=a.classList[0];if((null==l?void 0:l.includes("magicfeedback-priority-list"))||(null===(t=a.id)||void 0===t?void 0:t.startsWith("priority-list-")))return n[s]||(n[s]=[]),void n[s].push(o);const d="magicfeedback-consent"===l?a.checked.toString():o;if(null==d)return;const c={key:s,value:[d]};i.push(c)})),Object.entries(n).forEach((([e,t])=>{const n=t.slice().sort(((e,t)=>Number(e.split(".")[0])-Number(t.split(".")[0])));i.push({key:e,value:n})})),this.feedback.answers=i,i}const i=[];let n=!1;const s=e.querySelectorAll(".magicfeedback-input"),o={};if(s.forEach((e=>{const s=e,l=t.questions.find((e=>{var t;return null===(t=s.name)||void 0===t?void 0:t.includes(e.ref)})),d=s.type,c=s.classList[0],u={key:s.name,value:[]},p="magicfeedback-consent"===c?s.checked.toString():s.value;if(u.key&&""!==u.key)switch(null==l?void 0:l.type){case a.FEEDBACKAPPANSWERTYPE.EMAIL:case a.FEEDBACKAPPANSWERTYPE.TEXT:case a.FEEDBACKAPPANSWERTYPE.LONGTEXT:case a.FEEDBACKAPPANSWERTYPE.NUMBER:case a.FEEDBACKAPPANSWERTYPE.DATE:case a.FEEDBACKAPPANSWERTYPE.CONTACT:""!==p&&("email"===d?(0,r.validateEmail)(p)?(this.feedback.profile.push({key:"email",value:[p]}),u.value.push(p),i.push(u)):(this.log.err("Invalid email"),n=!0):(u.value.push(p),i.push(u)));break;case a.FEEDBACKAPPANSWERTYPE.RADIO:case a.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:case a.FEEDBACKAPPANSWERTYPE.BOOLEAN:s.checked&&(u.value.push(p),i.push(u));break;case a.FEEDBACKAPPANSWERTYPE.CONSENT:u.value.push(s.checked.toString()),i.push(u);break;case a.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:case a.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:case a.FEEDBACKAPPANSWERTYPE.RATING_STAR:s.checked&&(u.value.push(p),i.push(u));break;case a.FEEDBACKAPPANSWERTYPE.SELECT:""!==p&&(u.value.push(p),i.push(u));break;case a.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:"hidden"===d&&(o[u.key]||(o[u.key]=[]),o[u.key].push(p));break;case a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:e.checked&&(u.value.push(p),i.push(u));case a.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE:case a.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE:}})),n)return[];Object.entries(o).forEach((([e,t])=>{if(!t||0===t.length)return;const n=t.slice().sort(((e,t)=>Number(e.split(".")[0])-Number(t.split(".")[0])));i.push({key:e,value:n})}));try{console.log(i),t.questions.filter((e=>e.type===a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX)).forEach((e=>{const t=e.ref+"-",n=i.filter((e=>e.key.startsWith(t)));if(0===n.length)return;const a=n.map((e=>({key:e.key.substring(t.length),value:e.value}))),s={key:e.ref,value:[JSON.stringify(a)]};for(const e of n){const t=i.findIndex((t=>t.key===e.key));-1!==t&&i.splice(t,1)}const r=i.findIndex((t=>t.key===e.ref));-1!==r?i[r]=s:i.push(s)}))}catch(e){this.log.err("Error agrupando MULTI_QUESTION_MATRIX",e)}return this.feedback.answers=i,t.setAnswer(i),i}finish(){return n(this,void 0,void 0,(function*(){if(this.completed=!0,this.timeToCompleted=(new Date).getTime()-this.timeToCompleted,this.feedback.metadata.push({key:"time-to-complete",value:[this.timeToCompleted.toString()]}),this.formOptionsConfig.addSuccessScreen){const e=document.getElementById("magicfeedback-container-"+this.appId);e.childNodes.length>0&&e.removeChild(e.childNodes[0]);const t=(0,o.renderSuccess)(this.formOptionsConfig.successMessage||"Thank you for your feedback!");e.appendChild(t)}this.answer();try{const e=yield this.pushAnswers(!0);if(!e)throw this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({loading:!1,progress:this.progress,total:this.total,completed:this.completed,error:`An error occurred while submitting the form ${this.appId}:`})),new Error("An error occurred while submitting the form ${this.appId}:");this.id=e,this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({response:this.id,loading:!1,progress:this.progress,total:this.total,completed:this.completed,error:null}))}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,completed:this.completed,error:e}))}}))}pushAnswers(e=!1){return n(this,void 0,void 0,(function*(){try{const t=this.config.get("url"),i={integration:this.appId,publicKey:this.publicKey,feedback:this.feedback,completed:e};return yield(0,r.sendFeedback)(t,this.id?Object.assign(Object.assign({},i),{sessionId:this.id}):i,this.log)}catch(e){return this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),""}}))}callFollowUpQuestion(e){var t;return n(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 i=this.config.get("url"),n=Object.assign(Object.assign(Object.assign({answer:null===(t=this.feedback.answers.find((t=>t.key===e.ref)))||void 0===t?void 0:t.value[0]},""!==this.publicKey&&{publicKey:this.publicKey}),""===this.publicKey&&{campaignSessionId:this.appId}),{sessionId:this.id,question:e});return yield(0,r.getFollowUpQuestion)(i,n,this.log)}catch(e){throw this.log.err(`An error occurred while submitting the form ${this.appId}:`,e),e}}))}processNextQuestion(e){var t,i,a;return n(this,void 0,void 0,(function*(){const n=this.history.back();if(!n)throw new Error("No page found");const s=n.getFollowupQuestions();if(0===(null==s?void 0:s.length))return void(yield this.renderNextQuestion(e,n));const r=[];for(const e of s){const t=n.questions.find((t=>t.ref===e));if(t){const e=yield this.callFollowUpQuestion(t);e&&r.push(e)}}if(0===r.length)return void(yield this.renderNextQuestion(e,n));const l=new d.Page(n.id,n.position,this.appId,r,n.edges),c=new p.PageNode(n.id,n.position,n.edges,l,r,!0);c.elements=(0,o.renderQuestions)(r,this.formOptionsConfig.questionFormat,null===(t=this.formData)||void 0===t?void 0:t.lang[0],null===(i=this.formData)||void 0===i?void 0:i.product,(()=>this.send())),this.history.enqueue(c),this.progress+=.5,e.innerHTML="",null===(a=c.elements)||void 0===a||a.forEach((t=>e.appendChild(t))),this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({response:this.id,loading:!1,progress:this.progress,total:this.total,followup:c.isFollowup,completed:this.completed,error:null}))}))}renderNextQuestion(e,t){var i,s,r,l,d;return n(this,void 0,void 0,(function*(){let n=this.graph.getNextPage(t,this.feedback.answers);if(console.log(n),!n)return void this.finish();const u=n.edges.filter((e=>"PRECONDITIONAL"===e.typeCondition)).sort(((e,t)=>e.position<t.position?-1:e.position>t.position?1:0));if((null==u?void 0:u.length)>0){let t=null;const r=u.map((e=>e.questionRef));for(let e=this.history.size()-1;e>=0;e--){const n=this.history.get(e);if(n&&(t=null===(i=n.answers)||void 0===i?void 0:i.find((e=>r.includes(e.key))),t))break}let o=!u.some((e=>e.transition===c.TransitionType.ALLOW));if(t)for(const i of u){let r=!1;const l=null===(s=this.formData)||void 0===s?void 0:s.questions.find((e=>e.ref===i.questionRef)),d=Array.isArray(t.value)?t.value:[t.value],u=Array.isArray(i.value)?i.value:[i.value];if((null==l?void 0:l.type)===a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX)r=this.evaluateMatrixPreconditional(i,t);else switch(i.typeOperator){case"EQUAL":case"INQ":r=d.some((e=>u.includes(e)));break;case"NOEQUAL":case"NINQ":r=d.every((e=>!u.includes(e)));break;case"GREATER":r=d.some((e=>Number(e)>Number(u[0])));break;case"LESS":r=d.some((e=>Number(e)<Number(u[0])));break;case"GREATEREQUAL":r=d.some((e=>Number(e)>=Number(u[0])));break;case"LESSEQUAL":r=d.some((e=>Number(e)<=Number(u[0])))}if(r)switch(this.feedback.answers=[],i.transition){case c.TransitionType.NEXT:return void(n&&(yield this.renderNextQuestion(e,n)));case c.TransitionType.ALLOW:o=!0}}if(!o)return this.feedback.answers=[],void(n&&(yield this.renderNextQuestion(e,n)))}n.elements=(0,o.renderQuestions)(n.questions,this.formOptionsConfig.questionFormat,null===(r=this.formData)||void 0===r?void 0:r.lang[0],null===(l=this.formData)||void 0===l?void 0:l.product,(()=>this.send())),e.innerHTML="",null===(d=n.elements)||void 0===d||d.forEach((t=>e.appendChild(t))),this.history.enqueue(n),this.progress=this.total-this.graph.findMaxDepth(n),this.formOptionsConfig.afterSubmitEvent&&(yield this.formOptionsConfig.afterSubmitEvent({response:this.id,loading:!1,progress:this.progress,total:this.total,followup:n.isFollowup,completed:this.completed,error:null}))}))}back(){var e;return n(this,void 0,void 0,(function*(){if(0===this.history.size())return;const t=document.getElementById("magicfeedback-questions-"+this.appId);t&&t.childNodes.length>0&&(t.innerHTML=""),this.history.rollback();const i=this.history.back();i?(null===(e=i.elements)||void 0===e||e.forEach((e=>t.appendChild(e))),this.progress=this.total-this.graph.findMaxDepth(i)):this.progress=this.history.size(),this.formOptionsConfig.onBackEvent&&(yield this.formOptionsConfig.onBackEvent({loading:!1,progress:this.progress,followup:(null==i?void 0:i.isFollowup)||!1,error:i?null:"No page found"}))}))}previewQuestion(e,t,i){var n,a;const s=Array.isArray(t)?t:[t];if(!s||0===s.length)throw new Error("[MagicFeedback] No question provided for preview");const r=document.getElementById(e);if(!r)throw new Error(`[MagicFeedback] Element with ID '${e}' not found.`);const{format:l=this.formOptionsConfig.questionFormat||"standard",language:d=(null===(n=this.formData)||void 0===n?void 0:n.lang)&&this.formData.lang[0]||"en",product:c=(null===(a=this.formData)||void 0===a?void 0:a.product)||{customIcons:!1},clearContainer:u=!0,wrap:p=!0}=i||{};u&&(r.innerHTML="");let h=[];try{h=(0,o.renderQuestions)(s,l,d,c)}catch(e){throw this.log.err(e),e}let m=r;if(p){const e=document.createElement("div");e.classList.add("magicfeedback-preview-question"),m.appendChild(e),m=e}return h.forEach((e=>m.appendChild(e))),r}parseMatrixAnswerPre(e){if(!e||!e.value)return[];if(1===e.value.length&&"string"==typeof e.value[0]&&e.value[0].trim().startsWith("["))try{const t=JSON.parse(e.value[0]);if(Array.isArray(t))return t}catch(e){return[]}return Array.isArray(e.value)&&e.value.length>0&&"object"==typeof e.value[0]&&null!==e.value[0]&&"key"in e.value[0]?e.value:[]}evaluateMatrixPreconditional(e,t){const i=Array.isArray(e.value)?e.value:[e.value],n=new Set(e.option||[]),a=this.parseMatrixAnswerPre(t);if(!a.length)return!1;const s=n.size>0?a.filter((e=>n.has(e.key))):a;if(!s.length)return!1;switch(e.typeOperator){case"EQUAL":case"INQ":return s.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.includes(e)))));case"NOEQUAL":case"NINQ":return s.every((e=>(Array.isArray(e.value)?e.value:[e.value]).every((e=>!i.includes(e)))));case"GREATER":return s.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)>Number(t)))))));case"LESS":return s.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)<Number(t)))))));case"GREATEREQUAL":return s.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)>=Number(t)))))));case"LESSEQUAL":return s.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)<=Number(t)))))));default:return!1}}}},700:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Page=void 0,t.Page=class{constructor(e,t,i,n,a){this.id=e,this.position=t,this.generatedAt=(new Date).toISOString(),this.updatedAt=(new Date).toISOString(),this.status="ACTIVE",this.integrationId=i,this.integrationQuestions=n,this.integrationPageRoutes=a}}},217:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PageGraph=void 0;const n=i(636),a=i(558),s=i(591);t.PageGraph=class{constructor(e){this.nodes=new Map,this.buildGraph(e)}buildGraph(e){e.forEach((e=>{var t;e.integrationPageRoutes&&(e.integrationPageRoutes=(null===(t=e.integrationPageRoutes)||void 0===t?void 0:t.sort(((e,t)=>new Date((null==e?void 0:e.generatedAt)||"").getTime()-new Date((null==t?void 0:t.generatedAt)||"").getTime()?"DIRECT"===e.typeCondition?1:-1:0)))||[]);const i=new n.PageNode(e.id,e.position,e.integrationPageRoutes||[],e,e.integrationQuestions);this.nodes.set(i.id,i)}))}getNodeById(e){return this.nodes.get(e)}getNextEdgeByDefault(e){if(!e)return;const t=e.edges.find((e=>e.typeCondition===s.ConditionType.DIRECT));if(!t||![s.TransitionType.FINISH,s.TransitionType.REDIRECT].includes(t.transition)){if(t&&t.transitionDestiny)return t.transitionDestiny;for(const t of this.nodes.values())if(t.position===e.position+1)return t.id}}getFirstPage(){let e,t=Number.MAX_VALUE;for(const i of this.nodes.values())i.position<t&&(t=i.position,e=i);return e}getNextPage(e,t){var i;if(!e)return;e.edges.sort(((e,t)=>"DIRECT"===e.typeCondition?1:"DIRECT"===t.typeCondition?-1:0));const n=e.edges.find((i=>{const n=e.questions.find((e=>e.ref===i.questionRef)),r=null==t?void 0:t.filter((e=>e.key===i.questionRef));if("DIRECT"===i.typeCondition)return!0;if(!r||0===r.length)return!1;if((null==n?void 0:n.type)===a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX)return this.evaluateMatrixCondition(i,r);const o=Array.isArray(i.value)?i.value:[i.value];switch(console.log("Evaluating edge:",o),console.log("Evaluating value:",r),i.typeOperator){case s.OperatorType.EQUAL:return r.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>o.includes(e)))));case s.OperatorType.NOEQUAL:return r.every((e=>(Array.isArray(e.value)?e.value:[e.value]).every((e=>!o.includes(e)))));case s.OperatorType.GREATER:return r.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>o.some((t=>Number(e)>Number(t)))))));case s.OperatorType.LESS:return r.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>o.some((t=>Number(e)<Number(t)))))));case s.OperatorType.GREATEREQUAL:return r.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>o.some((t=>Number(e)>=Number(t)))))));case s.OperatorType.LESSEQUAL:return r.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>o.some((t=>Number(e)<=Number(t)))))));case s.OperatorType.INQ:return r.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>o.includes(e)))));case s.OperatorType.NINQ:return r.every((e=>(Array.isArray(e.value)?e.value:[e.value]).every((e=>!o.includes(e)))));default:return!1}}));if(!n){const t=this.getNextEdgeByDefault(e);if(!t)return;return this.getNodeById(t)}switch(n.transition){case s.TransitionType.PAGE:if(!n.transitionDestiny)return;return this.getNodeById(n.transitionDestiny);case s.TransitionType.FINISH:return;case s.TransitionType.REDIRECT:return void(window.location.href=(null===(i=n.transitionDestiny)||void 0===i?void 0:i.includes("?"))?`${n.transitionDestiny}&${window.location.search.slice(1)}`:`${n.transitionDestiny}${window.location.search}`);default:return}}findDepth(e){const t=this.getNodeById(e);if(!t)return 0;const i=new Set;return this.DFSUtil(t,i,0)}findMaxDepth(e){if(e||(e=this.getFirstPage()),!e)return 0;const t=new Set;let i=1;return i=Math.max(i,this.DFSUtil(e,t,i)),i}DFSUtil(e,t,i){t.add(e);let n=i;const a=[...e.edges.filter((e=>e.typeCondition!==s.ConditionType.PRECONDITIONAL))||[]],r=this.getNextEdgeByDefault(e);if(r){const i=this.getNodeById(r);i&&!t.has(i)&&a.push(new s.PageRoute(i.id,"",s.OperatorType.DEFAULT,[""],s.TransitionType.PAGE,i.id,e.id))}for(const e of a){if(!e.transitionDestiny)continue;const a=this.getNodeById(e.transitionDestiny);if(a&&!t.has(a)){const e=i+1,s=new Set(t),r=this.DFSUtil(a,s,e);n=Math.max(n,r)}}return n}parseMatrixAnswer(e){if(!e||!e.value)return[];if(1===e.value.length&&"string"==typeof e.value[0]&&e.value[0].trim().startsWith("["))try{const t=JSON.parse(e.value[0]);if(Array.isArray(t))return t}catch(e){return[]}return Array.isArray(e.value)&&e.value.length>0&&"object"==typeof e.value[0]&&null!==e.value[0]&&"key"in e.value[0]?e.value:[]}evaluateMatrixCondition(e,t){const i=Array.isArray(e.value)?e.value:[e.value],n=new Set(e.option||[]),a=t[0],r=this.parseMatrixAnswer(a);if(!r.length)return!1;const o=n.size>0?r.filter((e=>n.has(e.key))):r;if(!o.length)return!1;switch(e.typeOperator){case s.OperatorType.EQUAL:case s.OperatorType.INQ:return o.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.includes(e)))));case s.OperatorType.NOEQUAL:case s.OperatorType.NINQ:return o.every((e=>(Array.isArray(e.value)?e.value:[e.value]).every((e=>!i.includes(e)))));case s.OperatorType.GREATER:return o.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)>Number(t)))))));case s.OperatorType.LESS:return o.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)<Number(t)))))));case s.OperatorType.GREATEREQUAL:return o.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)>=Number(t)))))));case s.OperatorType.LESSEQUAL:return o.some((e=>(Array.isArray(e.value)?e.value:[e.value]).some((e=>i.some((t=>Number(e)<=Number(t)))))));default:return!1}}}},636:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.PageNode=void 0,t.PageNode=class{constructor(e,t,i,n,a,s=!1){this.answers=[],this.id=e,this.position=t,this.edges=i,this.data=n,this.questions=a.sort(((e,t)=>e.position-t.position)),this.elements=[],this.isFollowup=s}getFollowupQuestions(){return this.questions.filter((e=>e.followup)).map((e=>e.ref))}getRequiredQuestions(){return this.questions.filter((e=>e.require)).map((e=>e.ref))}setAnswer(e){this.answers=e}}},591:(e,t)=>{"use strict";var i,n,a,s;Object.defineProperty(t,"__esModule",{value:!0}),t.PageRoute=t.StatusType=t.OperatorType=t.ConditionType=t.TransitionType=void 0,(s=t.TransitionType||(t.TransitionType={})).PAGE="PAGE",s.FINISH="FINISH",s.REDIRECT="REDIRECT",s.NEXT="NEXT",s.ALLOW="ALLOW",function(e){e.LOGICAL="LOGICAL",e.DIRECT="DIRECT",e.PRECONDITIONAL="PRECONDITIONAL"}(i=t.ConditionType||(t.ConditionType={})),(a=t.OperatorType||(t.OperatorType={})).EQUAL="EQUAL",a.NOEQUAL="NOEQUAL",a.GREATER="GREATER",a.LESS="LESS",a.GREATEREQUAL="GREATEREQUAL",a.LESSEQUAL="LESSEQUAL",a.INQ="INQ",a.NINQ="NINQ",a.DEFAULT="DEFAULT",function(e){e.ACTIVE="ACTIVE",e.DEPRECATED="DEPRECATED",e.DELETE="DELETE"}(n=t.StatusType||(t.StatusType={})),t.PageRoute=class{constructor(e,t,a,s,r,o,l,d,c,u){this.id=e,this.questionRef=t,this.typeCondition=d||i.LOGICAL,this.typeOperator=a,this.value=s||[],this.transition=r,this.transitionDestiny=o,this.status=n.ACTIVE,this.generatedAt=new Date,this.updatedAt=new Date,this.integrationPageId=l,this.position=c||0,this.option=u||[]}}},558:(e,t)=>{"use strict";var i,n;Object.defineProperty(t,"__esModule",{value:!0}),t.QuestionType=t.FEEDBACKAPPANSWERTYPE=void 0,(n=t.FEEDBACKAPPANSWERTYPE||(t.FEEDBACKAPPANSWERTYPE={})).CONTACT="CONTACT",n.MULTIPLECHOISE_IMAGE="MULTIPLECHOISE_IMAGE",n.EMAIL="EMAIL",n.RATING_STAR="RATING_STAR",n.RADIO="RADIO",n.MULTIPLECHOICE="MULTIPLECHOICE",n.SELECT="SELECT",n.TEXT="TEXT",n.LONGTEXT="LONGTEXT",n.NUMBER="NUMBER",n.RATING_EMOJI="RATING_EMOJI",n.RATING_NUMBER="RATING_NUMBER",n.DATE="DATE",n.BOOLEAN="BOOLEAN",n.PASSWORD="PASSWORD",n.CONSENT="CONSENT",n.MULTI_QUESTION_MATRIX="MULTI_QUESTION_MATRIX",n.POINT_SYSTEM="POINT_SYSTEM",n.PRIORITY_LIST="PRIORITY_LIST",n.INFO_PAGE="INFO_PAGE",n.UPLOAD_FILE="UPLOAD_FILE",n.UPLOAD_IMAGE="UPLOAD_IMAGE",t.QuestionType=class{},function(e){e.FORM="form",e.DIV="div"}(i||(i={}))},857:(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`,session:e=>`sdk/app/session/${e}/info`,feedback:"sdk/feedback",followUpQuestion:"sdk/followUpQuestion"}}},784:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.placeholder=void 0,t.placeholder={answer:e=>{switch(e){case"en":default:return"Write your answer here...";case"es":return"Escribe tu respuesta aquí...";case"da":return"Skriv dit svar her...";case"fi":return"Kirjoita vastauksesi tähän...";case"sv":return"Skriv ditt svar här...";case"no":return"Skriv svaret ditt her...";case"ar":return"اكتب إجابتك هنا...";case"bn":return"এখানে আপনার"}},number:e=>{switch(e){case"en":default:return"Write your number here...";case"es":return"Escribe tu número aquí...";case"da":return"Skriv dit nummer her...";case"fi":return"Kirjoita numerosi tähän...";case"sv":return"Skriv ditt nummer här...";case"no":return"Skriv nummeret ditt her...";case"ar":return"اكتب رقمك هنا...";case"bn":return"এখানে আপনার"}},email:e=>{switch(e){case"en":default:return"Write your email here...";case"es":return"Escribe tu correo electrónico aquí...";case"da":return"Skriv din e-mail her...";case"fi":return"Kirjoita sähköpostiosoitteesi tähän...";case"sv":return"Skriv din e-post här...";case"no":return"Skriv e-posten din her...";case"ar":return"اكتب بريدك الإلكتروني هنا...";case"bn":return"এখানে আপনার"}},date:e=>{switch(e){case"en":default:return"Write your date here...";case"es":return"Escribe tu fecha aquí...";case"da":return"Skriv din dato her...";case"fi":return"Kirjoita päivämääräsi tähän...";case"sv":return"Skriv ditt datum här...";case"no":return"Skriv datoen din her...";case"ar":return"اكتب تاريخك هنا...";case"bn":return"এখানে আপনার"}},password:e=>{switch(e){case"en":default:return"Write your password here...";case"es":return"Escribe tu contraseña aquí...";case"da":return"Skriv dit kodeord her...";case"fi":return"Kirjoita salasanasi tähän...";case"sv":return"Skriv ditt lösenord här...";case"no":return"Skriv passordet ditt her...";case"ar":return"اكتب كلمة المرور الخاصة بك هنا...";case"bn":return"এখানে আপনার"}},pointsystemerror:e=>{switch(e){case"en":default:return"The total points must be 100 %";case"es":return"El total de puntos debe ser 100 %";case"da":return"Samlet antal point skal være 100 %";case"fi":return"Kokonaispisteiden on oltava 100 %";case"sv":return"Totala poäng måste vara 100 %";case"no":return"Totalt antall poeng må være 100 %";case"ar":return"يجب أن تكون النقاط الإجمالية 100 %";case"bn":return"মোট পয়েন্ট 100 % হতে হবে"}}}},213:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderStartMessage=t.renderSuccess=t.renderError=t.renderActions=t.renderQuestions=void 0;const n=i(558),a=i(784),s="https://survey-dev.magicfeedback.io/assets/emojis";function r(e,t){return e?"object"==typeof e?e[t]||e.en:e:""}function o(e,t,i,n,a,s=!0,r="ltr",o="row"){const l=document.createElement("div");l.classList.add("magicfeedback-rating-placeholder"),l.style.display="flex",l.style.flexDirection=o,l.style.alignItems="center",l.style.justifyContent="space-between",l.style.width=a?`calc(100% - (100% / ${t+1}))`:"100%",l.style.marginRight="auto",s&&window.innerWidth<600&&(l.style.flexDirection="column");const d=document.createElement("span");d.textContent=i,d.classList.add("magicfeedback-rating-placeholder-value"),d.style.fontSize="15px",d.style.textAlign="ltr"===r?"left":"right",d.style.width="50%",(s&&window.innerWidth<600||"column"===o)&&(d.textContent=`${e} = ${i}`,d.style.width="100%",d.style.textAlign="left",d.style.marginBottom="5px");const c=document.createElement("span");return c.textContent=n,c.classList.add("magicfeedback-rating-placeholder-value"),c.style.fontSize="15px",c.style.textAlign="ltr"===r?"right":"left",c.style.width="50%",(s&&window.innerWidth<600||"column"===o)&&(c.textContent=`${t} = ${n}`,c.style.width="100%",c.style.textAlign="left",c.style.marginBottom="5px"),"ltr"===r?(i&&l.appendChild(d),n&&l.appendChild(c)):(n&&l.appendChild(c),i&&l.appendChild(d)),l}t.renderQuestions=function e(t,i="standard",l="en",d={customIcons:!1},c){if(!t)throw new Error("[MagicFeedback] No questions provided");const u=[],{customIcons:p,id:h}=d;return t.forEach((m=>{var f,g;if((null===(g=null===(f=null==m?void 0:m.questionType)||void 0===f?void 0:f.conf)||void 0===g?void 0:g.length)>0){let t=document.createElement("div");t.classList.add("magicfeedback-div");const n=document.createElement("label");n.setAttribute("for",`magicfeedback-${m.id}`),n.textContent=r(m.title,l),n.classList.add("magicfeedback-label"),t.appendChild(n),m.questionType.conf.forEach((e=>{e.ref=m.ref,m.assets[e.id]&&(e.assets={placeholder:m.assets[e.id]})})),e(m.questionType.conf,i,l,d,c).forEach((e=>{t.appendChild(e)})),u.push(t)}else{const e=function(e,t,i,l,d){var c,u,p;let h,m,{id:f,title:g,type:v,ref:y,require:b,value:E,defaultValue:k,assets:A}=e,C=document.createElement("div");C.classList.add("magicfeedback-div");const x=window.innerWidth<600,w="slim"===t?r(g,i):null==A?void 0:A.placeholder,T=(N=y,new URLSearchParams(window.location.search).get(N)),L=(null==A?void 0:A.maxCharacters)||0,S=void 0!==(null==A?void 0:A.randomPosition)&&(null==A?void 0:A.randomPosition),O=(null==A?void 0:A.direction)||"row",P=(null==A?void 0:A.order)||"ltr";var N;switch(v){case n.FEEDBACKAPPANSWERTYPE.TEXT:h=document.createElement("input"),h.type="text",h.placeholder=w||a.placeholder.answer(i||"en"),T&&(h.value=T),h.addEventListener("keyup",(e=>{e.preventDefault(),console.log(e.key,e),"Enter"===e.key&&d&&d()})),m="magicfeedback-text";break;case n.FEEDBACKAPPANSWERTYPE.LONGTEXT:h=document.createElement("textarea"),h.rows=3,L>0&&(h.maxLength=L),h.placeholder=w||a.placeholder.answer(i||"en"),T&&(h.value=T),m="magicfeedback-longtext";break;case n.FEEDBACKAPPANSWERTYPE.NUMBER:h=document.createElement("input"),h.type="number",h.placeholder="slim"===t?r(g,i):a.placeholder.number(i||"en"),m="magicfeedback-number",E.length&&(E.sort(((e,t)=>Number(e)-Number(t))),h.max=E[E.length-1],h.min=E[0],h.value=E[0]),T&&!isNaN(Number(T))&&(h.value=T);break;case n.FEEDBACKAPPANSWERTYPE.RADIO:case n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:h=document.createElement("div"),m="magicfeedback-"+("MULTIPLECHOICE"===v?"checkbox":"radio");let R=E||[];S&&(R=R.sort((()=>Math.random()-.5)));let $=(null==A?void 0:A.exclusiveAnswers)||[];(null==A?void 0:A.extraOption)&&($=$.filter((e=>e!==A.extraOptionText))),$.length>0&&(null==$||$.forEach((e=>{R.includes(e)||R.push(e)}))),(null==A?void 0:A.extraOption)&&!R.includes(null==A?void 0:A.extraOptionText)&&R.push(null==A?void 0:A.extraOptionText),R.forEach(((e,t)=>{const s=document.createElement("div");s.classList.add(`magicfeedback-${"MULTIPLECHOICE"===v?"checkbox":"radio"}-container`);const r=document.createElement("label"),o=document.createElement("input");if(o.id=`rating-${y}-${t}`,o.type="MULTIPLECHOICE"===v?"checkbox":"radio",o.name=y,o.value=e,o.classList.add(m),o.classList.add("magicfeedback-input"),v===n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE&&(null==A?void 0:A.maxOptions)&&(null==A?void 0:A.maxOptions)>0&&o.addEventListener("change",(()=>{document.querySelectorAll(`input[name="${y}"]:checked`).length>(null==A?void 0:A.maxOptions)&&(o.checked=!1)})),v===n.FEEDBACKAPPANSWERTYPE.RADIO&&d&&(!(null==A?void 0:A.extraOptionText)||(null==A?void 0:A.extraOptionText)&&e!==(null==A?void 0:A.extraOptionText))&&o.addEventListener("change",(()=>{d()})),e!==k&&e!==T||(o.checked=!0),r.textContent=e,r.htmlFor=`rating-${y}-${t}`,o.addEventListener("change",(t=>{const i=document.getElementById(`extra-option-${y}`);t.target.checked&&$.includes(e)?(console.log("exclusiveAnswers",$,e),R.forEach((t=>{t!==e&&(document.querySelector(`input[value="${t}"]`).checked=!1)})),i&&(i.style.display="none")):$.forEach((t=>{t!==e&&(document.querySelector(`input[value="${t}"]`).checked=!1)})),(null==A?void 0:A.extraOption)&&e===(null==A?void 0:A.extraOptionText)&&i&&(i.style.display=t.target.checked?"block":"none")})),s.appendChild(o),s.appendChild(r),h.appendChild(s),(null==A?void 0:A.extraOption)&&e===(null==A?void 0:A.extraOptionText)){const e=document.createElement("input");e.type="text",e.placeholder=(null==A?void 0:A.extraOptionPlaceholder)||a.placeholder.answer(i||"en"),e.classList.add("magicfeedback-extra-option"),e.classList.add("magicfeedback-input"),e.id=`extra-option-${y}`,e.name=`extra-option-${y}`,e.style.display="none",h.appendChild(e)}}));break;case n.FEEDBACKAPPANSWERTYPE.BOOLEAN:h=document.createElement("div"),m="magicfeedback-radio";const _=document.createElement("div");_.classList.add("magicfeedback-boolean-container"),_.style.display="flex",_.style.flexDirection="row",_.style.justifyContent="space-between",_.style.width="70%",_.style.margin="auto",((null==A?void 0:A.addIcon)?["👍","👎"]:function(e){switch(e){case"es":return["Sí","No"];case"fr":return["Oui","Non"];case"de":return["Ja","Nein"];case"it":return["Sì","No"];case"pt":return["Sim","Não"];case"nl":return["Ja","Nee"];case"pl":return["Tak","Nie"];case"ru":return["Да","Нет"];case"ja":return["はい","いいえ"];case"zh":return["是","不"];case"ko":return["예","아니"];case"da":case"sv":return["Ja","Nej"];case"fi":return["Kyllä","Ei"];case"no":return["Ja","Nei"];case"ar":return["نعم","لا"];case"bn":return["হ্যাঁ","না"];default:return["Yes","No"]}}(i)).forEach(((e,t)=>{const i=document.createElement("label");i.classList.add("magicfeedback-boolean-option"),i.htmlFor=`rating-${y}-${t}`,i.style.cursor="pointer",i.style.border="1px solid #000",i.style.display="flex",i.style.justifyContent="center",i.style.alignItems="center",i.style.margin="auto",i.style.padding="0",i.style.width="45%",i.style.height="38px";const n=document.createElement("label");n.htmlFor=`rating-${y}-${t}`,n.textContent=e,n.style.margin="0",n.style.padding="0";const a=document.createElement("input");a.id=`rating-${y}-${t}`,a.type="radio",a.name=y,a.value=["Yes","No"][t],a.classList.add(m),a.classList.add("magicfeedback-input"),a.style.position="absolute",a.style.opacity="0",a.style.width="0",a.style.height="0",a.style.margin="0",a.addEventListener("change",(()=>{d&&d()})),T&&T.toLowerCase()===a.value.toLowerCase()&&(a.checked=!0),i.appendChild(a),i.appendChild(n),_.appendChild(i)})),h.appendChild(_);break;case n.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:h=document.createElement("div"),m="magicfeedback-rating";const M=document.createElement("div");M.classList.add("magicfeedback-rating-container");const F=(null==A?void 0:A.max)?Number(null==A?void 0:A.max):5,B=(null==A?void 0:A.min)?Number(null==A?void 0:A.min):1,U=o(B,F,null==A?void 0:A.minPlaceholder,null==A?void 0:A.maxPlaceholder,null==A?void 0:A.extraOption);for(let de=B;de<=F;de++){const ce=document.createElement("div");ce.classList.add("magicfeedback-rating-option");const ue=document.createElement("label");ue.htmlFor=`rating-${y}-${de}`,ue.classList.add("magicfeedback-rating-option-label-container");const pe=document.createElement("label");pe.htmlFor=`rating-${y}-${de}`,pe.textContent=de.toString();const he=document.createElement("img");if(he.alt=`face-${y}-${de}`,he.className=`rating-image${de}`,0===B&&10===F)he.src=`${l}/${de}.svg`,he.onerror=()=>he.src=`${s}/${de}.svg`;else if(1===B&&5===F)switch(de){case 1:he.src=`${l}/1.svg`,he.onerror=()=>he.src=`${s}/1.svg`;break;case 2:he.src=`${l}/2.svg`,he.onerror=()=>he.src=`${s}/2.svg`;break;case 3:he.src=`${l}/6.svg`,he.onerror=()=>he.src=`${s}/6.svg`;break;case 4:he.src=`${l}/9.svg`,he.onerror=()=>he.src=`${s}/9.svg`;break;case 5:he.src=`${l}/10.svg`,he.onerror=()=>he.src=`${s}/10.svg`}else{const fe=Math.round(10/(F-B)*(de-B));he.src=`${l}/${fe}.svg`,he.onerror=()=>he.src=`${s}/${fe}.svg`}const me=document.createElement("input");me.id=`rating-${y}-${de}`,me.type="radio",me.name=y,me.value=de.toString(),me.classList.add(m),me.classList.add("magicfeedback-input"),d&&me.addEventListener("change",(()=>{d()})),T&&T===me.value&&(me.checked=!0),ue.appendChild(me),ue.appendChild(he),ue.appendChild(pe),ce.appendChild(ue),M.appendChild(ce)}if((null==A?void 0:A.extraOption)&&(null==A?void 0:A.extraOptionText)){const ge=document.createElement("div");ge.classList.add("magicfeedback-rating-option");const ve=document.createElement("label");ve.htmlFor=`rating-${y}-extra`,ve.classList.add("magicfeedback-rating-option-label-container");const ye=document.createElement("label");ye.htmlFor=`rating-${y}-extra`,ye.textContent=null==A?void 0:A.extraOptionText;const be=document.createElement("img");be.src="https://magicfeedback-c6458-dev.web.app/assets/question.svg",be.alt=`face-${y}-extra`,be.className="magicfeedback-rating-image-extra";const Ee=document.createElement("input");Ee.id=`rating-${y}-extra`,Ee.type="radio",Ee.name=y,Ee.value="-",Ee.classList.add(m),Ee.classList.add("magicfeedback-input"),d&&Ee.addEventListener("change",(()=>{d()})),ve.appendChild(Ee),ve.appendChild(be),ve.appendChild(ye),ge.appendChild(ve),M.appendChild(ge)}h.appendChild(U),h.appendChild(M);break;case n.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:m="magicfeedback-rating-number",h=function(e,t,i,n,a,s,r,o){const l=document.createElement("div");l.classList.add("magicfeedback-rating-number");const d="ltr"===i?n:`${n}-reverse`,c=document.createElement("div");c.classList.add("magicfeedback-rating-number-container"),c.classList.add(`magicfeedback-rating-number-container-${i}`),c.classList.add(`magicfeedback-rating-number-container-${n}`),c.style.display="flex",c.style.flexDirection=d,c.setAttribute("role","radiogroup"),c.setAttribute("aria-label",(null==t?void 0:t.ariaLabel)||"Rating");const u=(null==t?void 0:t.max)?Number(null==t?void 0:t.max):10,p=(null==t?void 0:t.min)?Number(null==t?void 0:t.min):0,h=(null==t?void 0:t.numberPlaceholders)||null,m=!(a||"column"===n);for(let i=p;i<=u;i++){const l=document.createElement("div");l.classList.add("magicfeedback-rating-number-option"),l.classList.add(`magicfeedback-rating-number-option-${n}`);const d=document.createElement("label");if(d.htmlFor=`rating-${e}-${i}`,d.classList.add("magicfeedback-rating-number-option-label-container"),m&&(d.style.position="relative",d.style.overflow="visible"),m){const e=document.createElement("span");e.classList.add("magicfeedback-rating-number-cap"),e.classList.add("magicfeedback-rating-placeholder-value"),e.style.fontSize="14px",e.style.whiteSpace="nowrap",e.style.wordBreak="normal",i===p&&(null==t?void 0:t.minPlaceholder)?(e.textContent=t.minPlaceholder,e.dataset.capType="min"):i===u&&(null==t?void 0:t.maxPlaceholder)?(e.textContent=t.maxPlaceholder,e.dataset.capType="max"):e.dataset.capType="mid",d.appendChild(e)}let f=i.toString();m?h&&h[i]&&!a&&(d.title=h[i]):h&&h[i]?f+=` = ${h[i]}`:i===p&&(null==t?void 0:t.minPlaceholder)?f+=` = ${null==t?void 0:t.minPlaceholder}`:i===u&&(null==t?void 0:t.maxPlaceholder)&&(f+=` = ${null==t?void 0:t.maxPlaceholder}`);const g=document.createElement("input");g.id=`rating-${e}-${i}`,g.type="radio",g.name=e,g.value=i.toString(),g.classList.add(s),g.classList.add("magicfeedback-input"),g.setAttribute("aria-label",`${i}`),r&&g.addEventListener("change",(()=>r())),o&&o===g.value&&(g.checked=!0);const v=document.createElement("label");v.htmlFor=`rating-${e}-${i}`,v.textContent=f,v.classList.add("magicfeedback-rating-number-value"),d.appendChild(g),d.appendChild(v),l.appendChild(d),c.appendChild(l)}if((null==t?void 0:t.extraOption)&&(null==t?void 0:t.extraOptionText)){const n=document.createElement("div");n.classList.add("magicfeedback-rating-number-option");const a=document.createElement("label");if(a.htmlFor=`rating-${e}-extra`,a.classList.add("magicfeedback-rating-number-option-label-container"),m&&(a.style.position="relative",a.style.overflow="visible"),m){const e=document.createElement("span");e.classList.add("magicfeedback-rating-number-cap"),e.dataset.capType="extra",e.style.fontSize="12px",e.style.whiteSpace="nowrap",e.style.wordBreak="normal",a.appendChild(e)}const o=document.createElement("input");o.id=`rating-${e}-extra`,o.type="radio",o.name=e,o.value="-",o.classList.add(s),o.classList.add("magicfeedback-input"),o.setAttribute("aria-label",null==t?void 0:t.extraOptionText),r&&o.addEventListener("change",(()=>r()));const l=document.createElement("label");l.htmlFor=`rating-${e}-extra`,l.textContent=null==t?void 0:t.extraOptionText,l.classList.add("magicfeedback-rating-number-value"),a.appendChild(o),a.appendChild(l),n.appendChild(a),"ltr"===i?c.appendChild(n):c.insertBefore(n,c.firstChild)}return l.appendChild(c),m&&requestAnimationFrame((()=>{const e=Array.from(c.querySelectorAll(".magicfeedback-rating-number-cap"));if(0===e.length)return;let t=0;e.forEach((e=>{var i;if(null===(i=e.textContent)||void 0===i?void 0:i.trim()){const i=e.getBoundingClientRect().height||0;i>t&&(t=i)}})),c.style.position="relative",c.style.paddingTop=`${0===t?"42":t+6}px`,e.forEach((e=>{const n=e.getBoundingClientRect().height||0;console.log(t,n,6),e.style.position="absolute",e.style.top=`-${0===t?"42":t+n}px`,e.style.zIndex="1",e.style.pointerEvents="none",e.style.padding="0",e.style.boxSizing="border-box",e.style.whiteSpace="nowrap",e.style.wordBreak="normal",e.style.maxWidth="none",e.style.width="max-content";const a=e.dataset.capType;"min"===a?("ltr"===i?(e.style.left="10px",e.style.textAlign="left"):(e.style.right="10px",e.style.textAlign="right"),e.style.transform="none"):"max"===a?("ltr"===i?(e.style.right="10px",e.style.textAlign="right"):(e.style.left="10px",e.style.textAlign="left"),e.style.transform="none"):(e.style.left="50%",e.style.transform="translateX(-50%)",e.style.textAlign="center")})),c.style.overflow="visible"})),l}(y,A,P,O,x,m,d,T);break;case n.FEEDBACKAPPANSWERTYPE.RATING_STAR:h=document.createElement("div"),m="magicfeedback-rating-star";const q=function(e,t,i,n=()=>{},a){const s="magicfeedback-rating-star-selected",r=document.createElement("div");r.classList.add("magicfeedback-rating-star-container"),r.style.maxWidth="300px",r.style.margin="auto",r.dataset.originalSelection="0";for(let t=1;t<=5;t++){const i=document.createElement("label");i.classList.add("magicfeedback-rating-star-option");const o=document.createElement("input");o.id=`rating-${e}-${t}`,o.type="radio",o.name=e,o.value=t.toString(),o.style.position="absolute",o.style.opacity="0",o.style.width="0",o.style.height="0",o.classList.add("magicfeedback-input"),a&&a===o.value&&(o.checked=!0),o.addEventListener("change",(()=>{const e=r.querySelectorAll(".rating__star");for(let t=0;t<e.length;t++)t+1<=Number(o.value)?e[t].classList.contains(s)||e[t].classList.add(s):e[t].classList.contains(s)&&e[t].classList.remove(s);r.dataset.originalSelection=o.value,n&&n()})),i.appendChild(o);const l=document.createElement("label");l.htmlFor=`rating-${e}-${t}`,l.classList.add("rating__star"),l.textContent="★",l.style.fontSize="40px",l.style.color="#CCCCCC",l.style.cursor="pointer",l.addEventListener("mouseenter",(()=>{const e=r.querySelectorAll(".rating__star"),i=t-1;e.forEach(((e,t)=>{t<=i?e.classList.contains(s)||e.classList.add(s):e.classList.contains(s)&&e.classList.remove(s)}))})),l.addEventListener("mouseleave",(()=>{const e=Number(r.dataset.originalSelection||"0");r.querySelectorAll(".rating__star").forEach(((t,i)=>{i<e?t.classList.contains(s)||t.classList.add(s):t.classList.contains(s)&&t.classList.remove(s)}))})),i.appendChild(l),r.appendChild(i)}return r.appendChild(o(1,5,t,i,!1,!1)),r}(y,null==A?void 0:A.minPlaceholder,null==A?void 0:A.maxPlaceholder,d,T);h.appendChild(q);break;case n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE:h=document.createElement("div"),m="magicfeedback-multiple-choice-image";const j=document.createElement("div");j.classList.add("magicfeedback-multiple-choice-image-container"),j.style.display="flex",j.style.flexDirection="row",j.style.flexWrap="wrap",j.style.justifyContent="center";const W=E.length;let Q=1,K=1;if(window.innerWidth<600)Q=1,K=W;else switch(W){case 1:case 2:case 3:Q=W,K=1;break;case 4:case 5:case 6:K=2,Q=Math.ceil(W/K);break;case 7:case 8:case 9:K=3,Q=Math.ceil(W/K);break;default:K=4,Q=Math.ceil(W/K)}const G=void 0!==(null==A?void 0:A.addTitle)&&(null==A?void 0:A.addTitle),Y=void 0!==(null==A?void 0:A.multiOption)&&(null==A?void 0:A.multiOption),z=void 0!==(null==A?void 0:A.extraOption)&&(null==A?void 0:A.extraOption);function H(e){try{const{position:t,url:i,value:n}=e,a=document.createElement("label");a.classList.add("magicfeedback-multiple-choice-image-option"),a.style.width=`calc( ${100/Q}% - 10px)`,a.style.height=`calc( ${100/K}% - 10px)`,a.style.margin="5px";const s=document.createElement("label");s.htmlFor=`rating-${y}-${t}`,s.classList.add("magicfeedback-image-option-label-container"),s.style.display="flex",s.style.flexDirection="column",s.addEventListener("mouseover",(()=>{s.style.border="2px solid #000"})),s.addEventListener("mouseout",(()=>{s.style.border="none"})),s.addEventListener("click",(()=>{s.style.border="2px solid #000"}));const r=document.createElement("label");r.textContent=n,r.classList.add("magicfeedback-multiple-choice-image-label");const o=document.createElement("input");o.id=`rating-${y}-${t}`,o.type=Y?"checkbox":"radio",o.name=y,o.value=n,o.style.position="absolute",o.style.opacity="0",o.style.width="0",o.style.height="0",o.classList.add("magicfeedback-input"),T&&T===o.value&&(o.checked=!0),!Y&&d&&o.addEventListener("change",(()=>{console.log("send"),d()}));const l=document.createElement("img");l.classList.add("magicfeedback-multiple-choice-image-image"),l.src=i,l.style.cursor="pointer",l.style.backgroundSize="cover",l.style.backgroundPosition="center",l.style.width="100%",l.style.height="100%",l.style.objectFit="cover",l.style.margin="auto",s.appendChild(o),s.appendChild(l),G&&s.appendChild(r),a.appendChild(s),j.appendChild(a)}catch(e){console.error(e)}}S&&(E=E.sort((()=>Math.random()-.5))),E.forEach((e=>H(JSON.parse(e)))),z&&(null==A?void 0:A.extraOptionValue)&&(null==A?void 0:A.extraOptionValue.length)>0&&H(null==A?void 0:A.extraOptionValue[0]),h.appendChild(j);break;case n.FEEDBACKAPPANSWERTYPE.SELECT:h=document.createElement("select"),m="magicfeedback-select";const V=document.createElement("option");V.value="",V.text="slim"===t?r(g,i):k||"Select an option",V.disabled=!0,V.selected=!0,h.appendChild(V),E.forEach((e=>{const t=document.createElement("option");t.value=e,t.text=e,h.appendChild(t)})),T&&E.includes(T)&&(h.value=T),d&&h.addEventListener("change",(()=>{d()}));break;case n.FEEDBACKAPPANSWERTYPE.DATE:h=document.createElement("input"),h.type="date",h.required=b,h.placeholder=w||a.placeholder.date(i||"en"),m="magicfeedback-date",T&&(h.value=T);break;case n.FEEDBACKAPPANSWERTYPE.CONSENT:h=document.createElement("input"),m="magicfeedback-consent",h.type="checkbox",h.id=`magicfeedback-${f}`,h.name=y,h.value="true",h.required=b,h.classList.add("magicfeedback-consent"),h.classList.add("magicfeedback-input"),T&&E.includes(T)&&(h.checked=!0),d&&h.addEventListener("change",(()=>{d()}));break;case n.FEEDBACKAPPANSWERTYPE.EMAIL:h=document.createElement("input"),h.type="email",h.required=b,h.placeholder=w||"you@example.com",m="magicfeedback-email",T&&(h.value=T);break;case n.FEEDBACKAPPANSWERTYPE.PASSWORD:h=document.createElement("input"),h.type="password",h.required=b,h.placeholder=w||a.placeholder.password(i||"en"),m="magicfeedback-password",T&&(h.value=T);break;case n.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:h=document.createElement("div"),m="magicfeedback-multi-question-matrix";const X=document.createElement("div");X.classList.add("magicfeedback-multi-question-matrix-container");let J=(null==A?void 0:A.options)||[],Z=[...E],ee=[];if(S&&(J=null==J?void 0:J.sort((()=>Math.random()-.5)),Z=[...Z].sort((()=>Math.random()-.5))),(null==A?void 0:A.exclusiveAnswers)&&(ee=null==A?void 0:A.exclusiveAnswers,null==ee||ee.forEach((e=>{Z.includes(e)||Z.push(e)}))),window.innerWidth<600){const ke=document.createElement("div");ke.classList.add("magicfeedback-multi-question-matrix-list"),null==J||J.forEach((e=>{const t=document.createElement("div");t.classList.add("magicfeedback-multi-question-matrix-list-item"),t.style.display="flex",t.style.flexDirection="column",t.style.alignItems="flex-start",t.style.marginBottom="10px";const i=document.createElement("label");i.classList.add("magicfeedback-multi-question-matrix-label"),i.style.paddingBottom="10px",i.textContent=e,t.appendChild(i),Z.forEach((i=>{const n=document.createElement("div");n.classList.add("magicfeedback-radio-container"),n.style.display="flex",n.style.alignItems="center",n.style.justifyContent="flex-start",n.style.width="99%",n.style.margin="5px auto";const a=document.createElement("label"),s=document.createElement("input");s.id=`${y}-${e}-${i}`,s.type="radio",s.name=`${y}-${e}`,s.value=i,s.classList.add("magicfeedback-input"),a.textContent=i,a.htmlFor=`${y}-${e}-${i}`,n.appendChild(s),n.appendChild(a),t.appendChild(n)})),ke.appendChild(t)})),X.appendChild(ke)}else{const Ae=document.createElement("table");Ae.classList.add("magicfeedback-multi-question-matrix-table");const Ce=document.createElement("thead");Ce.classList.add("magicfeedback-multi-question-matrix-header"),Ce.style.paddingBottom="15px";const xe=document.createElement("tr"),we=document.createElement("th");xe.appendChild(we),Z.forEach((e=>{const t=document.createElement("th");t.textContent=e,xe.appendChild(t)})),Ce.appendChild(xe),Ae.appendChild(Ce);const Te=document.createElement("tbody");null==J||J.forEach((e=>{const t=document.createElement("tr");t.classList.add("magicfeedback-multi-question-matrix-row-tr");const i=document.createElement("td");i.style.minWidth="200px",i.style.padding="10px";const n=document.createElement("label");n.classList.add("magicfeedback-multi-question-matrix-label"),n.textContent=e,i.appendChild(n),t.appendChild(i),Z.forEach((i=>{const n=document.createElement("td"),a=document.createElement("input");a.type="radio",a.name=`${y}-${e}`,a.value=i,a.id=`${y}-${e}-${i}`,a.classList.add("magicfeedback-input"),n.appendChild(a),t.appendChild(n)})),Te.appendChild(t)})),Ae.appendChild(Te),X.appendChild(Ae)}h.appendChild(X);break;case n.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:h=document.createElement("div"),m="magicfeedback-priority-list";const te=function(e){const{value:t,ref:i,randomPosition:n=!1,limitPriority:a=!1,maxPriority:s=0,language:r="en",placeholder:o=""}=e,l=e=>{const t={en:{selectUpTo:"Select up to",options:"options",thenOrder:"and then order them",selectOptions:"Select options",cancel:"Cancel",confirm:"Confirm",selectOptionNumber:"Select option #",prioritized:"Prioritized",of:"of",instruction:"Your priority list can be seen below. If you wish, you can rearrange your choices using the arrows. Click 'Next' to confirm your selection and proceed."},es:{selectUpTo:"Selecciona hasta",options:"opciones",thenOrder:"y luego ordénalas",selectOptions:"Seleccionar opciones",cancel:"Cancelar",confirm:"Confirmar",selectOptionNumber:"Selecciona la opción #",prioritized:"Has priorizado",of:"de",instruction:"Tu lista de prioridades se muestra a continuación. Si lo deseas, puedes reorganizar tus elecciones usando las flechas. Haz clic en 'Siguiente' para confirmar tu selección y continuar."},fr:{selectUpTo:"Sélectionnez jusqu’à",options:"options",thenOrder:"puis ordonnez-les",selectOptions:"Sélectionner des options",cancel:"Annuler",confirm:"Confirmer",selectOptionNumber:"Sélectionnez l’option #",prioritized:"Priorisé",of:"sur",instruction:"Votre liste de priorités est affichée ci-dessous. Si vous le souhaitez, vous pouvez réorganiser vos choix à l’aide des flèches. Cliquez sur « Suivant » pour confirmer votre sélection et continuer."},de:{selectUpTo:"Wählen Sie bis zu",options:"Optionen",thenOrder:"und ordnen Sie sie anschließend",selectOptions:"Optionen auswählen",cancel:"Abbrechen",confirm:"Bestätigen",selectOptionNumber:"Option # auswählen",prioritized:"Priorisiert",of:"von",instruction:"Ihre Prioritätenliste wird unten angezeigt. Wenn Sie möchten, können Sie Ihre Auswahl mit den Pfeilen neu anordnen. Klicken Sie auf „Weiter“, um Ihre Auswahl zu bestätigen und fortzufahren."},it:{selectUpTo:"Seleziona fino a",options:"opzioni",thenOrder:"e poi ordinare",selectOptions:"Seleziona opzioni",cancel:"Annulla",confirm:"Conferma",selectOptionNumber:"Seleziona l’opzione #",prioritized:"Hai dato priorità",of:"di",instruction:'La tua lista di priorità è mostrata di seguito. Se lo desideri, puoi riorganizzare le tue scelte usando le frecce. Clicca su "Avanti" per confermare la tua selezione e procedere.'},pt:{selectUpTo:"Selecione até",options:"opções",thenOrder:"e depois ordene",selectOptions:"Selecionar opções",cancel:"Cancelar",confirm:"Confirmar",selectOptionNumber:"Selecione a opção #",prioritized:"Priorizado",of:"de",instruction:'Sua lista de prioridades está exibida abaixo. Se desejar, você pode reorganizar suas escolhas usando as setas. Clique em "Avançar" para confirmar sua seleção e continuar.'},da:{selectUpTo:"Vælg op til",options:"muligheder.",thenOrder:"Du kan omrangere dine prioriteter efterfølgende hvis nødvendigt",selectOptions:"Foretag valg til prioritering",cancel:"Annuller",confirm:"Bekræft",selectOptionNumber:"Prioritér dit valg #",prioritized:"Prioriteret",of:"af",instruction:'Din prioriteringsliste kan ses herunder. Hvis du ønsker det, kan du omrangere dine valg ved hjælp af pilene. Klik "Næste" for at bekræfte dit valg og komme videre.'},fi:{selectUpTo:"Valitse enintään",options:"vaihtoehtoa",thenOrder:"ja järjestä ne sitten",selectOptions:"Valitse vaihtoehdot",cancel:"Peruuta",confirm:"Vahvista",selectOptionNumber:"Valitse vaihtoehto #",prioritized:"Priorisoitu",of:" / ",instruction:'Priorisointilistasi näkyy alla. Halutessasi voit järjestää valintasi uudelleen nuolien avulla. Napsauta "Seuraava" vahvistaaksesi valintasi ja jatkaaksesi.'},sv:{selectUpTo:"Välj upp till",options:"alternativ",thenOrder:"och ordna dem sedan",selectOptions:"Välj alternativ",cancel:"Avbryt",confirm:"Bekräfta",selectOptionNumber:"Välj alternativ #",prioritized:"Prioriterat",of:"av",instruction:'Din prioriteringslista visas nedan. Om du vill kan du ordna om dina val med hjälp av pilarna. Klicka på "Nästa" för att bekräfta ditt val och fortsätta.'},no:{selectUpTo:"Velg opptil",options:"alternativer",thenOrder:"og ordne dem deretter",selectOptions:"Velg alternativer",cancel:"Avbryt",confirm:"Bekreft",selectOptionNumber:"Velg alternativ #",prioritized:"Prioritert",of:"av",instruction:'Prioriteringslisten din vises nedenfor. Hvis du ønsker det, kan du ordne valgene dine ved hjelp av pilene. Klikk på "Neste" for å bekrefte valget ditt og fortsette.'}};return t[t[r]?r:"en"][e]},d=document.createElement("div");if(d.classList.add("magicfeedback-priority-list-container"),a&&s&&s>0){const e=[],a=document.createElement("div");a.classList.add("magicfeedback-priority-list-header");const r=document.createElement("div");r.classList.add("magicfeedback-priority-list-instruction"),r.textContent=""!==o?o:`${l("instruction")}`,r.style.display="none";const c=document.createElement("button");c.type="button",c.textContent=l("selectOptions"),c.classList.add("magicfeedback-button"),c.classList.add("magicfeedback-priority-list-open-btn"),a.appendChild(c),a.appendChild(r);const u=document.createElement("div");u.classList.add("magicfeedback-priority-list-reorder");const p=document.createElement("ul");p.classList.add("magicfeedback-priority-list-list"),u.appendChild(p);const h=()=>{p.innerHTML="",e.forEach(((t,n)=>{const a=document.createElement("li");a.classList.add("magicfeedback-priority-list-item");const s=document.createElement("input");s.classList.add("magicfeedback-input-magicfeedback-priority-list"),s.classList.add("magicfeedback-input"),s.type="hidden",s.id=`priority-list-${i}`,s.name=i,s.value=`${n+1}. ${t}`,a.appendChild(s);const r=document.createElement("label");r.classList.add("magicfeedback-priority-list-item-label"),r.textContent=`${n+1}. ${t}`,a.appendChild(r);const o=document.createElement("div");o.classList.add("magicfeedback-priority-list-arrows");const l=document.createElement("img");l.classList.add("magicfeedback-priority-list-arrow-up"),l.src="https://magicfeedback-c6458-dev.web.app/assets/arrow.svg",l.style.visibility=0===n?"hidden":"visible";const d=document.createElement("img");d.classList.add("magicfeedback-priority-list-arrow-down"),d.src="https://magicfeedback-c6458-dev.web.app/assets/arrow.svg",d.style.transform="rotate(180deg)",d.style.visibility=n===e.length-1?"hidden":"visible",l.addEventListener("click",(()=>{var i,n,o,c;const u=a.previousElementSibling;if(u){const h=Number(null===(i=s.value)||void 0===i?void 0:i.split(".")[0])-1;s.value=`${h}. ${t}`,r.textContent=`${h}. ${t}`,l.style.visibility=1===h?"hidden":"visible",d.style.visibility=h===e.length?"hidden":"visible";const m=u.querySelector(".magicfeedback-input-magicfeedback-priority-list"),f=u.querySelector(".magicfeedback-priority-list-item-label"),g=u.querySelector(".magicfeedback-priority-list-arrow-up"),v=u.querySelector(".magicfeedback-priority-list-arrow-down");if(m&&f&&g&&v){const t=Number(null===(n=m.value)||void 0===n?void 0:n.split(".")[0])+1;m.value=`${t}.${null===(o=f.textContent)||void 0===o?void 0:o.split(".")[1]}`,f.textContent=`${t}.${null===(c=f.textContent)||void 0===c?void 0:c.split(".")[1]}`,g.style.visibility=1===t?"hidden":"visible",v.style.visibility=t===e.length?"hidden":"visible"}p.insertBefore(a,u)}})),d.addEventListener("click",(()=>{var i,n,o;const c=a.nextElementSibling;if(c){const u=Number(null===(i=s.value)||void 0===i?void 0:i.split(".")[0])+1;s.value=`${u}. ${t}`,r.textContent=`${u}. ${t}`,l.style.visibility=1===u?"hidden":"visible",d.style.visibility=u===e.length?"hidden":"visible";const h=c.querySelector(".magicfeedback-input-magicfeedback-priority-list"),m=c.querySelector(".magicfeedback-priority-list-item-label"),f=c.querySelector(".magicfeedback-priority-list-arrow-up"),g=c.querySelector(".magicfeedback-priority-list-arrow-down");if(h&&m&&f&&g){const t=Number(h.value.split(".")[0])-1;h.value=`${t}.${null===(n=m.textContent)||void 0===n?void 0:n.split(".")[1]}`,m.textContent=`${t}.${null===(o=m.textContent)||void 0===o?void 0:o.split(".")[1]}`,f.style.visibility=1===t?"hidden":"visible",g.style.visibility=t===e.length?"hidden":"visible"}p.insertBefore(c,a)}})),o.appendChild(l),o.appendChild(d),a.appendChild(o),p.appendChild(a)}))},m=document.createElement("div");m.classList.add("magicfeedback-modal-backdrop"),m.style.position="fixed",m.style.top="0",m.style.left="0",m.style.width="100vw",m.style.height="100vh",m.style.background="rgba(0,0,0,0.4)",m.style.display="none",m.style.alignItems="center",m.style.justifyContent="center",m.style.zIndex="9999";const f=document.createElement("div");f.classList.add("magicfeedback-modal"),f.style.background="#fff",f.style.borderRadius="8px",f.style.boxShadow="0 8px 24px rgba(0,0,0,0.2)",f.style.maxWidth="520px",f.style.width="90%",f.style.maxHeight="80vh",f.style.overflow="auto",f.style.padding="16px",f.style.position="relative";const g=document.createElement("h5");g.classList.add("magicfeedback-modal-title");const v=()=>Math.min(e.length+1,s),y=()=>{g.textContent=`${l("selectOptionNumber")}${v()}`};y();const b=document.createElement("div");b.classList.add("magicfeedback-modal-list"),(n?[...t].sort((()=>Math.random()-.5)):[...t]).forEach((t=>{const n=document.createElement("label");n.classList.add("magicfeedback-modal-row");const a=document.createElement("input");a.type="checkbox",a.classList.add("magicfeedback-input"),a.name=`${i}-selection`,a.value=t;const r=document.createElement("span");r.textContent=t,a.addEventListener("change",(()=>{if(a.checked){if(e.length>=s)return a.checked=!1,n.classList.add("magicfeedback-warning"),void setTimeout((()=>{n.classList.remove("magicfeedback-warning")}),800);e.push(t)}else{const i=e.indexOf(t);-1!==i&&e.splice(i,1)}y(),A()})),n.appendChild(a),n.appendChild(r),b.appendChild(n)}));const E=document.createElement("div");E.classList.add("magicfeedback-modal-actions");const k=document.createElement("div");k.classList.add("magicfeedback-modal-counter");const A=()=>{const t=l("of");k.textContent=`${l("prioritized")} ${e.length} ${t} ${s}`,r.style.display=e.length>0?"block":"none"};A();const C=document.createElement("button");C.type="button",C.classList.add("magicfeedback-modal-close"),C.setAttribute("aria-label",l("cancel")),C.title=l("cancel"),C.textContent="×",C.style.position="absolute",C.style.top="8px",C.style.right="8px",C.style.border="none",C.style.background="transparent",C.style.fontSize="24px",C.style.cursor="pointer",C.addEventListener("click",(()=>{m.style.display="none"}));const x=document.createElement("button");return x.type="button",x.textContent=l("confirm"),x.classList.add("magicfeedback-button"),x.classList.add("magicfeedback-button-primary"),x.addEventListener("click",(()=>{m.style.display="none",h()})),E.appendChild(k),E.appendChild(x),f.appendChild(C),f.appendChild(g),f.appendChild(b),f.appendChild(E),m.appendChild(f),c.addEventListener("click",(()=>{m.style.display="flex",y(),A()})),m.addEventListener("click",(e=>{e.target===m&&(m.style.display="none")})),d.appendChild(a),d.appendChild(u),d.appendChild(m),h(),d}const c=document.createElement("ul");c.classList.add("magicfeedback-priority-list-list");const u=n?[...t].sort((()=>Math.random()-.5)):[...t];return u.forEach(((e,t)=>{const n=document.createElement("li");n.classList.add("magicfeedback-priority-list-item"),n.style.display="flex",n.style.justifyContent="space-between",n.style.alignItems="center",n.style.margin="5px";const a=document.createElement("input");a.classList.add("magicfeedback-input-magicfeedback-priority-list"),a.classList.add("magicfeedback-input"),a.type="hidden",a.id=`priority-list-${i}`,a.name=i,a.value=`${t+1}. ${e}`,n.appendChild(a);const s=document.createElement("label");s.classList.add("magicfeedback-priority-list-item-label"),s.textContent=`${t+1}. ${e}`,n.appendChild(s);const r=document.createElement("div");r.style.display="flex",r.style.alignItems="center",r.style.justifyContent="space-between";const o=document.createElement("img");o.classList.add("magicfeedback-priority-list-arrow-up"),o.src="https://magicfeedback-c6458-dev.web.app/assets/arrow.svg",o.style.width="20px",o.style.height="20px",o.style.cursor="pointer",o.style.margin="0 5px",o.style.color="#000",o.style.visibility=0===t?"hidden":"visible",o.addEventListener("click",(()=>{var t,i,r,d;const p=n.previousElementSibling;if(p){const h=Number(null===(t=a.value)||void 0===t?void 0:t.split(".")[0])-1;a.value=`${h}. ${e}`,s.textContent=`${h}. ${e}`,o.style.visibility=1===h?"hidden":"visible",l.style.visibility=h===u.length?"hidden":"visible";const m=p.querySelector(".magicfeedback-input-magicfeedback-priority-list"),f=p.querySelector(".magicfeedback-priority-list-item-label"),g=p.querySelector(".magicfeedback-priority-list-arrow-up"),v=p.querySelector(".magicfeedback-priority-list-arrow-down");if(m&&f&&g&&v){const e=Number(null===(i=m.value)||void 0===i?void 0:i.split(".")[0])+1;m.value=`${e}.${null===(r=f.textContent)||void 0===r?void 0:r.split(".")[1]}`,f.textContent=`${e}.${null===(d=f.textContent)||void 0===d?void 0:d.split(".")[1]}`,g.style.visibility=1===e?"hidden":"visible",v.style.visibility=e===u.length?"hidden":"visible"}c.insertBefore(n,p)}}));const l=document.createElement("img");l.classList.add("magicfeedback-priority-list-arrow-down"),l.src="https://magicfeedback-c6458-dev.web.app/assets/arrow.svg",l.style.width="20px",l.style.height="20px",l.style.cursor="pointer",l.style.margin="0 5px",l.style.color="#000",l.style.transform="rotate(180deg)",l.style.visibility=t===u.length-1?"hidden":"visible",l.addEventListener("click",(()=>{var t,i,r;const d=n.nextElementSibling;if(d){const p=Number(null===(t=a.value)||void 0===t?void 0:t.split(".")[0])+1;a.value=`${p}. ${e}`,s.textContent=`${p}. ${e}`,o.style.visibility=1===p?"hidden":"visible",l.style.visibility=p===u.length?"hidden":"visible";const h=d.querySelector(".magicfeedback-input-magicfeedback-priority-list"),m=d.querySelector(".magicfeedback-priority-list-item-label"),f=d.querySelector(".magicfeedback-priority-list-arrow-up"),g=d.querySelector(".magicfeedback-priority-list-arrow-down");if(h&&m&&f&&g){const e=Number(h.value.split(".")[0])-1;h.value=`${e}.${null===(i=m.textContent)||void 0===i?void 0:i.split(".")[1]}`,m.textContent=`${e}.${null===(r=m.textContent)||void 0===r?void 0:r.split(".")[1]}`,f.style.visibility=1===e?"hidden":"visible",g.style.visibility=e===u.length?"hidden":"visible"}c.insertBefore(d,n)}})),r.appendChild(o),r.appendChild(l),n.appendChild(r),c.appendChild(n)})),d.appendChild(c),d}({value:E,ref:y,randomPosition:S,limitPriority:(null==A?void 0:A.limitPriority)||!1,maxPriority:(null==A?void 0:A.maxPriority)||0,placeholder:(null==A?void 0:A.placeholder)||"",language:i||"en"});h.appendChild(te);break;case n.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM:h=document.createElement("div"),m="magicfeedback-point-system";const ie=document.createElement("div");ie.classList.add("magicfeedback-point-system-container");const ne=document.createElement("ul");ne.classList.add("magicfeedback-point-system-list"),ne.style.padding="0";const ae=100,se=ae/E.length,re=document.createElement("div");re.classList.add("magicfeedback-error"),re.textContent=a.placeholder.pointsystemerror(i||"en"),re.style.color="#C70039",re.style.fontSize="14px",re.style.textAlign="right",re.style.width="100%",re.style.display="none";const oe=document.createElement("div");oe.classList.add("magicfeedback-point-system-total"),oe.textContent="0 / 100 %",oe.style.textAlign="right",oe.style.fontSize="15px",oe.style.marginTop="5px",E.forEach(((e,t)=>{const i=document.createElement("li");i.classList.add("magicfeedback-point-system-item"),i.style.display="flex",i.style.justifyContent="space-between",i.style.alignItems="center",i.style.margin="5px";const n=document.createElement("label");n.textContent=e,n.style.fontSize="15px",i.appendChild(n);const a=document.createElement("span");a.classList.add("magicfeedback-point-system-input-container");const s=document.createElement("input");s.name=y,s.id=`${e}`,s.type="number",s.min="0",s.max=`${ae}`,s.value="0",s.classList.add("magicfeedback-input"),s.style.width="40px",s.style.border="0",s.style.textAlign="center",s.style.margin="0 5px",s.autofocus=0===t;const r=document.createElement("span");r.textContent="%",r.style.color="#000",s.addEventListener("input",(()=>{const e=ne.querySelectorAll("input");let t=0;e.forEach((e=>{t+=Number(e.value)})),t>ae&&(s.value=`${se}%`,t-=Number(s.value));const i=document.getElementById("magicfeedback-submit");i&&(t<100?(oe.style.color="orange",i.setAttribute("disabled","true")):(re.style.display="none",oe.style.color="green",i.removeAttribute("disabled"))),oe.textContent=`${t} / 100 %`})),s.addEventListener("focus",(()=>{const e=document.getElementById("magicfeedback-submit");e&&(e.setAttribute("disabled","true"),e.addEventListener("pointerover",(()=>{const e=ne.querySelectorAll("input");let t=0;e.forEach((e=>{t+=Number(e.value)})),t<100&&(re.style.display="block")})))})),a.appendChild(s),a.appendChild(r),i.appendChild(a),ne.appendChild(i)})),ie.appendChild(ne),ie.appendChild(oe),ie.appendChild(re),h.appendChild(ie);break;case n.FEEDBACKAPPANSWERTYPE.INFO_PAGE:h=document.createElement("div"),m="magicfeedback-info-page";const le=document.createElement("div");le.classList.add("magicfeedback-info-message"),le.innerHTML=w,h.appendChild(le);break;case n.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE:h=document.createElement("input"),h.type="file",h.accept="image/*",h.required=b,h.multiple=(null==A?void 0:A.multiple)||!1,h.maxLength=(null==A?void 0:A.maxFiles)||1,m="magicfeedback-upload-image";break;case n.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE:h=document.createElement("input"),h.type="file",h.required=b,h.multiple=(null==A?void 0:A.multiple)||!1,h.maxLength=(null==A?void 0:A.maxFiles)||1,m="magicfeedback-upload-file";break;default:return C}h.id=`magicfeedback-${f}`,h.setAttribute("name",y),h.classList.add(m),(void 0!==k||null!==T)&&(h.value=T||k),["RADIO","MULTIPLECHOICE"].includes(v)||(h.classList.add("magicfeedback-input"),h.required=b);const I=document.createElement("label");I.setAttribute("for",`magicfeedback-${f}`),I.textContent=r(g,i),I.classList.add("magicfeedback-label");const D=document.createElement("label");if(D.textContent=r(null==A?void 0:A.subtitle,i),D.classList.add("magicfeedback-sublabel"),(null===(c=null==A?void 0:A.subtitleStyle)||void 0===c?void 0:c.includes("italic"))&&(D.style.fontStyle="italic"),(null===(u=null==A?void 0:A.subtitleStyle)||void 0===u?void 0:u.includes("bold"))&&(D.style.fontWeight="bold"),(null===(p=null==A?void 0:A.subtitleStyle)||void 0===p?void 0:p.includes("underline"))&&(D.style.textDecoration="underline"),["CONSENT"].includes(v))C.classList.add("magicfeedback-consent-container"),C.appendChild(h),C.appendChild(I),C.appendChild(D);else{if("slim"!==t&&(C.appendChild(I),C.appendChild(D),void 0!==(null==A?void 0:A.general)&&""!==(null==A?void 0:A.general))){const Le=document.createElement("img");Le.src=null==A?void 0:A.general,Le.classList.add("magicfeedback-image"),Le.style.maxWidth="auto",Le.style.height="400px",Le.style.margin="10px 0",C.appendChild(Le)}if("LONGTEXT"===v&&L>0){const Se=document.createElement("div");if(Se.classList.add("magicfeedback-counter"),Se.textContent=`${h.value.length}/${L}`,Se.style.textAlign="right",Se.style.fontSize="15px",Se.style.marginTop="5px",h.addEventListener("input",(()=>{Se.textContent=`${h.value.length}/${L}`})),C.appendChild(h),C.appendChild(Se),(null==A?void 0:A.extraOption)&&(null==A?void 0:A.extraOptionText)){const Oe=document.createElement("div");Oe.classList.add("magicfeedback-skip-container"),Oe.classList.add("magicfeedback-checkbox-container"),Oe.style.display="flex",Oe.style.justifyContent="flex-start";const Pe=document.createElement("input");Pe.classList.add("magicfeedback-skip"),Pe.type="checkbox",Pe.id=`skip-${y}`,Pe.name=y,Pe.value="-",Pe.style.cursor="pointer";const Ne=document.createElement("label");Ne.htmlFor=`skip-${y}`,Ne.textContent=null==A?void 0:A.extraOptionText,Ne.style.fontSize="15px",Ne.style.cursor="pointer",Ne.style.margin="0 5px",Pe.addEventListener("click",(()=>{h.value="-",d&&d()})),Oe.appendChild(Pe),Oe.appendChild(Ne),C.appendChild(Oe)}}else C.appendChild(h)}return C}(m,i,l,`${s}${p?`/${h}`:""}`,1===t.length?c:void 0);u.push(e)}})),u},t.renderActions=function(e="",t,i="Submit",n="Back",a="Next"){const s=document.createElement("div");s.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?a||"Next":i||"Submit";const o=document.createElement("button");return o.id="magicfeedback-back",o.type="button",o.classList.add("magicfeedback-back"),o.textContent=n||"Back",o.addEventListener("click",t),o.addEventListener("click",(()=>{r.removeAttribute("disabled")})),"MAGICSURVEY"===e&&s.appendChild(o),s.appendChild(r),s},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},t.renderStartMessage=function(e,t=!1,i="Go!",n=()=>{}){const a=document.createElement("div");a.classList.add("magicfeedback-start-message-container");const s=document.createElement("div");if(s.classList.add("magicfeedback-start-message"),s.innerHTML=e,a.appendChild(s),t){const e=document.createElement("button");e.id="magicfeedback-start-message-button",e.classList.add("magicfeedback-start-message-button"),e.textContent=i,e.addEventListener("click",(()=>n())),a.appendChild(e)}return a}},313:function(e,t,i){"use strict";var n=this&&this.__awaiter||function(e,t,i,n){return new(i||(i=Promise))((function(a,s){function r(e){try{l(n.next(e))}catch(e){s(e)}}function o(e){try{l(n.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?a(e.value):(t=e.value,t instanceof i?t:new i((function(e){e(t)}))).then(r,o)}l((n=n.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.getSessionForm=t.getForm=t.validateEmail=void 0;const s=a(i(945)),r=a(i(330)),o=i(857),l={Accept:"application/json","Magicfeedback-Sdk-Version":r.default.version,"x-magicfeedback-parameters":window.location.search||""};t.validateEmail=function(e){return/\S+@\S+\.\S+/.test(e)},t.getForm=function(e,t,i,a){return n(this,void 0,void 0,(function*(){try{const n=yield(0,s.default)(e+o.endpoints.sdk.app_info(t,i),{method:"GET",headers:l});return yield n.json()}catch(e){a.err(e)}}))},t.getSessionForm=function(e,t,i){return n(this,void 0,void 0,(function*(){try{const i=yield(0,s.default)(e+o.endpoints.sdk.session(t),{method:"GET",headers:l});return yield i.json()}catch(e){i.err(e)}}))},t.getQuestions=function(e,t,i,a){return n(this,void 0,void 0,(function*(){try{const n=yield(0,s.default)(e+o.endpoints.sdk.app(t,i),{method:"GET",headers:l});if(n.ok){const e=yield n.json();return a.log(`Received questions for app ${t}`,e),e}throw a.err(`Failed to get questions for app ${t}:`,n.status,n.statusText),new Error("[MagicFeedback] Bad response from server")}catch(e){return a.err(e),[]}}))},t.sendFeedback=function(e,t,i){return n(this,void 0,void 0,(function*(){try{const n=yield(0,s.default)(e+o.endpoints.sdk.feedback,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},l),body:JSON.stringify(t)});if(n.ok)return i.log(`Form ${t.integration} submitted successfully!`),(yield n.json()).sessionId;throw i.err(`Failed to submit form ${t.integration}:`,n.status,n.statusText),new Error(n.statusText)}catch(e){return i.err(e),""}}))},t.getFollowUpQuestion=function(e,t,i){return n(this,void 0,void 0,(function*(){try{const n=yield(0,s.default)(e+o.endpoints.sdk.followUpQuestion,{method:"POST",headers:Object.assign({"Content-Type":"application/json"},l),body:JSON.stringify(t)});if(n.ok)return i.log(`Received follow up question for form ${t.integration}`),(yield n.json())||"";throw i.err(`Failed to get follow up question for form ${t.integration}:`,n.status,n.statusText),new Error(n.statusText)}catch(e){return i.err(e),""}}))}},256:(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)}}},330:e=>{"use strict";e.exports=JSON.parse('{"name":"@magicfeedback/native","version":"2.1.7-alpha.9","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","release":"npm publish --access public","release:beta":"npm publish --access public --tag beta","release:alpha":"npm publish --access public --tag alpha","test":"jest","test:watch":"jest --watchAll","coverage":"vitest run --coverage","publish:sdk":"bash publish.sh","publish:sdk:dry-run":"NPM_DRY_RUN=1 bash publish.sh"},"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","copy-webpack-plugin":"^11.0.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"},"style":"./dist/styles/magicfeedback-default.css"}')}},t={},function i(n){var a=t[n];if(void 0!==a)return a.exports;var s=t[n]={exports:{}};return e[n].call(s.exports,s,s.exports,i),s.exports}(156).default;var e,t}));
+/*
+ * 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.deepdots.com/';\nexports.HOST_API_URL_DEV = 'https://api-dev.deepdots.com/';\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 = new log_1.Log(config);\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        config.set(\"env\", options === null || options === void 0 ? void 0 : options.env);\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     *\n     * @param sessionId\n     * @returns\n     */\n    function session(sessionId) {\n        if (!sessionId)\n            log.err(\"No sessionId provided\");\n        return new form_1.Form(config, sessionId);\n    }\n    //===============================================\n    // Return\n    //===============================================\n    return {\n        // lifecycle\n        init,\n        // requests\n        send,\n        form,\n        session,\n    };\n}\nexports[\"default\"] = main;\n\n\n//# sourceURL=webpack://magicfeedback/./src/main.ts?");
+
+/***/ }),
+
+/***/ "./src/models/History.ts":
+/*!*******************************!*\
+  !*** ./src/models/History.ts ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.History = void 0;\nclass History {\n    constructor() {\n        this.items = [];\n    }\n    // Adds an element to the back of the queue\n    enqueue(element) {\n        this.items.push(element);\n    }\n    // Removes the element from the front of the queue\n    dequeue() {\n        return this.items.shift();\n    }\n    // Removes the element from the back of the queue\n    rollback() {\n        return this.items.pop();\n    }\n    // Returns the element at the front of the queue without removing it\n    front() {\n        return this.items[0];\n    }\n    // Returns the element at the back of the queue without removing it\n    back() {\n        return this.items[this.items.length - 1];\n    }\n    // Checks if the queue is empty\n    isEmpty() {\n        return this.items.length === 0;\n    }\n    // Returns the number of elements in the queue\n    size() {\n        return this.items.length;\n    }\n    // Return the element by index\n    get(index) {\n        return this.items[index];\n    }\n}\nexports.History = History;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/History.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 types_1 = __webpack_require__(/*! ./types */ \"./src/models/types.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 questions_service_1 = __webpack_require__(/*! ../services/questions.service */ \"./src/services/questions.service.ts\");\nconst pageGraphs_1 = __webpack_require__(/*! ./pageGraphs */ \"./src/models/pageGraphs.ts\");\nconst page_1 = __webpack_require__(/*! ./page */ \"./src/models/page.ts\");\nconst pageRoute_1 = __webpack_require__(/*! ./pageRoute */ \"./src/models/pageRoute.ts\");\nconst History_1 = __webpack_require__(/*! ./History */ \"./src/models/History.ts\");\nconst pageNode_1 = __webpack_require__(/*! ./pageNode */ \"./src/models/pageNode.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            customMetaData: [],\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        // if (this.publicKey !== '') this.getDataFromStorage();\n        this.feedback = {\n            text: \"\",\n            answers: [],\n            profile: [],\n            metrics: [],\n            metadata: [],\n        };\n        this.history = new History_1.History();\n        this.graph = new pageGraphs_1.PageGraph([]);\n        // Count variables\n        this.progress = 0;\n        this.total = 0;\n        this.completed = false;\n        this.timeToCompleted = 0;\n    }\n    /**\n     * Get data from the local storage, if the data is older than 24 hours, get the data from the server\n     * @private\n\n     private getDataFromStorage() {\n     const localForm = localStorage.getItem(`magicfeedback-${this.appId}`);\n\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     getForm(this.url, this.appId, this.publicKey, this.log).then((form: FormData | null) => {\n     if (form?.updatedAt && this.formData?.savedAt && form?.updatedAt > this.formData?.savedAt) {\n     // console.log(\"Form updated\");\n     this.formData = form;\n     this.formData.savedAt = new Date();\n\n     localStorage.setItem(`magicfeedback-${this.appId}`, JSON.stringify(this.formData));\n\n     if (this.formData.questions === undefined || !this.formData.questions) throw new Error(`No questions for app ${this.appId}`);\n\n     if (!this.formData.pages || this.formData.pages?.length === 0) this.formatPages();\n     this.formData.questions?.sort((a, b) => a.position - b.position);\n     // Clear pages without questions\n     this.formData.pages = this.formData.pages.filter((page) => page.integrationQuestions?.length > 0);\n\n     // Create the form from the JSON\n     this.formData.style?.startMessage ?\n     this.generateWelcomeMessage(this.formData.style.startMessage) :\n     this.startForm();\n     }\n     });\n     }\n     }\n     **/\n    /**\n     * Generate\n     * @param selector\n     * @param options\n     */\n    generate(selector, options) {\n        var _a, _b, _c, _d, _e, _f, _g;\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                let resData = this.formData;\n                if (this.formData === undefined || !this.formData)\n                    resData = this.publicKey !== '' ?\n                        yield (0, request_service_1.getForm)(this.url, this.appId, this.publicKey, this.log) :\n                        yield (0, request_service_1.getSessionForm)(this.url, this.appId, this.log);\n                if (resData === undefined || !resData)\n                    throw new Error(`No data for app ${this.appId}`);\n                if ((_a = resData.error) === null || _a === void 0 ? void 0 : _a.message)\n                    throw new Error(resData.error.message);\n                // Clear questions without status ACTIVE\n                resData.questions = ((_b = resData.questions) === null || _b === void 0 ? void 0 : _b.filter((q) => q.status === 'ACTIVE')) || [];\n                resData.pages = ((_c = resData.pages) === null || _c === void 0 ? void 0 : _c.filter((p) => p.status === 'ACTIVE')) || [];\n                ((_d = resData.pages) === null || _d === void 0 ? void 0 : _d.forEach((p) => { var _a; return p.integrationQuestions = (_a = p.integrationQuestions) === null || _a === void 0 ? void 0 : _a.filter((q) => q.status === 'ACTIVE'); })) || [];\n                this.formData = resData;\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                if (this.formData.questions === undefined || !this.formData.questions)\n                    throw new Error(`No questions for app ${this.appId}`);\n                if (!this.formData.pages || ((_e = this.formData.pages) === null || _e === void 0 ? void 0 : _e.length) === 0)\n                    this.formatPages();\n                (_f = this.formData.questions) === null || _f === void 0 ? void 0 : _f.sort((a, b) => a.position - b.position);\n                // Clear pages without questions\n                this.formData.pages = this.formData.pages.filter((page) => { var _a; return ((_a = page.integrationQuestions) === null || _a === void 0 ? void 0 : _a.length) > 0; });\n                if (this.formOptionsConfig.getMetaData)\n                    this.getMetaData();\n                // If this.formData.product.originAllowed exists, check if the current domain is in the list\n                // EJ originAllowed :[\"*\", \"survey.99thstudio.com\"]\n                // \"*\" means that: all domains from deepdots.com are allowed\n                // if is development, dont check the origin\n                /* if (this.config.get('env') !== 'dev' && this.formData.product.originAllowed && this.formData.product.originAllowed.length > 0) {\n                    const domain = window.location.hostname;\n                    const allowed = this.formData.product.originAllowed.find((d: string) => d === domain || (d === '*' && domain.endsWith('.deepdots.com') || d === '*' && domain.endsWith('.magicfeedback.io')));\n                    if (!allowed) throw new Error(`Domain not allowed`);\n                } */\n                ((_g = this.formData.style) === null || _g === void 0 ? void 0 : _g.startMessage) ?\n                    yield this.generateWelcomeMessage(this.formData.style.startMessage) :\n                    this.startForm();\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     * Format pages in case of the survey don't have pages\n     * @private\n     */\n    formatPages() {\n        var _a;\n        if (!this.formData)\n            return;\n        switch (this.formData.identity) {\n            case 'MAGICSURVEY':\n                // In this case we will create a page for each question\n                this.formData.pages = [];\n                (_a = this.formData.questions) === null || _a === void 0 ? void 0 : _a.forEach((question) => {\n                    var _a, _b;\n                    const route = new pageRoute_1.PageRoute(question.id, question.ref, pageRoute_1.OperatorType.NOEQUAL, [], pageRoute_1.TransitionType.PAGE, (question.position + 1).toString(), question.position.toString());\n                    const page = new page_1.Page(question.position.toString(), question.position, this.appId, [question], [route]);\n                    (_b = (_a = this.formData) === null || _a === void 0 ? void 0 : _a.pages) === null || _b === void 0 ? void 0 : _b.push(page);\n                });\n                break;\n            case 'MAGICFORM':\n                // In this case we will create a page with all the questions\n                const page = new page_1.Page('1', 1, this.appId, this.formData.questions, []);\n                this.formData.pages = [page];\n                break;\n        }\n    }\n    /**\n     * Generate container\n     * @returns\n     */\n    generateContainer() {\n        // Select and prepare the container\n        let container = document.getElementById(this.selector);\n        if (!container) {\n            container = document.getElementById(\"magicfeedback-container-\" + this.appId);\n            if (!container)\n                throw new Error(`Element with ID '${this.selector}' not found.`);\n        }\n        container.classList.add(\"magicfeedback-container\");\n        container.id = \"magicfeedback-container-\" + this.appId;\n        container.innerHTML = \"\";\n        return container;\n    }\n    /**\n     * Generate form\n     * @private\n     * @returns void\n     */\n    generateForm() {\n        var _a, _b, _c, _d;\n        return __awaiter(this, void 0, void 0, function* () {\n            try {\n                console.log('Generating form for appId:', this.appId);\n                if (!this.formData || !this.formData.pages || this.formData.pages.length === 0) {\n                    throw new Error(\"No form data\");\n                }\n                this.graph = new pageGraphs_1.PageGraph(this.formData.pages.sort((a, b) => a.position - b.position));\n                // Select and prepare the container\n                let container = this.generateContainer();\n                // Create the form\n                const form = document.createElement(\"form\");\n                form.classList.add(\"magicfeedback-form\");\n                form.id = \"magicfeedback-\" + this.appId;\n                // Prevent reload on submit\n                form.addEventListener(\"submit\", (event) => event.preventDefault());\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                const page = this.graph.getFirstPage();\n                if (!page)\n                    throw new Error(\"No page found\");\n                this.total = this.graph.findMaxDepth();\n                // Process questions and create in the form\n                page.elements = (0, questions_service_1.renderQuestions)(page.questions, this.formOptionsConfig.questionFormat, (_a = this.formData) === null || _a === void 0 ? void 0 : _a.lang[0], (_b = this.formData) === null || _b === void 0 ? void 0 : _b.product, () => this.send());\n                (_c = page.elements) === null || _c === void 0 ? void 0 : _c.forEach((element) => questionContainer.appendChild(element));\n                form.appendChild(questionContainer);\n                // Add the new page to the history\n                this.history.enqueue(page);\n                // Add the form to the specified container\n                container.appendChild(form);\n                // Update the progress\n                this.progress = this.total - this.graph.findMaxDepth(page);\n                // Submit button\n                if (this.formOptionsConfig.addButton) {\n                    // Create a container for the buttons\n                    const actionContainer = (0, questions_service_1.renderActions)((_d = this.formData) === null || _d === void 0 ? void 0 : _d.identity, () => this.back(), this.formOptionsConfig.sendButtonText, this.formOptionsConfig.backButtonText, this.formOptionsConfig.nextButtonText);\n                    form.appendChild(actionContainer);\n                }\n                if (this.formOptionsConfig.addButton) {\n                    // Submit event\n                    form.addEventListener(\"submit\", (event) => {\n                        event.preventDefault();\n                        this.send();\n                    });\n                }\n                // init time to complete in seconds\n                this.timeToCompleted = new Date().getTime() / 1000;\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                        formOptionsConfig: this.formOptionsConfig\n                    });\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    /**\n     * Start form after the welcome message, mainly used in the start message\n     * @public\n     **/\n    startForm() {\n        this.generateForm();\n    }\n    /**\n     * Generate welcome message page if the form has a start message,with a button to start the form\n     * @private\n     */\n    generateWelcomeMessage(startMessage) {\n        return __awaiter(this, void 0, void 0, function* () {\n            try {\n                // Select and prepare the container\n                const container = this.generateContainer();\n                const initialMessage = (0, questions_service_1.renderStartMessage)(startMessage, this.formOptionsConfig.addButton, this.formOptionsConfig.startButtonText, () => this.startForm());\n                container.appendChild(initialMessage);\n                // Send the data to manage loadings and progress\n                if (this.formOptionsConfig.onLoadedEvent) {\n                    yield this.formOptionsConfig.onLoadedEvent({\n                        loading: false,\n                        formData: this.formData,\n                    });\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    /**\n     * Get the metadata from the URL, navigators and others\n     * @private\n     */\n    getMetaData() {\n        console.log('Generating meta data', this.formOptionsConfig.customMetaData);\n        if (this.formOptionsConfig.customMetaData) {\n            this.feedback.metadata = [...this.feedback.metadata, ...this.formOptionsConfig.customMetaData];\n        }\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        if (this.appId && this.publicKey === '') {\n            // Add the session id to the metadata\n            this.feedback.metadata.push({ key: \"MAGICFEEDBACK_SESSION\", value: [this.appId] });\n        }\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        return __awaiter(this, void 0, void 0, function* () {\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                // Get the survey answers from the answer() function\n                this.answer();\n                // BEFORE\n                if (this.formOptionsConfig.beforeSubmitEvent) {\n                    yield this.formOptionsConfig.beforeSubmitEvent({\n                        loading: true,\n                        // answer: this.feedback.answers,\n                        progress: this.progress,\n                        total: this.total\n                    });\n                }\n                // Check if the required questions are answered\n                const page = this.history.back();\n                if (!page)\n                    throw new Error(\"No page found\");\n                for (const question of page.questions.filter(question => question.require &&\n                    ![types_1.FEEDBACKAPPANSWERTYPE.CONSENT, types_1.FEEDBACKAPPANSWERTYPE.INFO_PAGE].includes(question.type))) {\n                    const assets = question.assets;\n                    const ans = this.feedback.answers.filter((a) => a.key.includes(question.ref) && !a.key.includes('extra-option'));\n                    if (ans.length === 0 ||\n                        ans.find((a) => a.value.length === 0)) {\n                        this.log.err(`The question ${question.ref} is required`);\n                        throw new Error(`No response`);\n                    }\n                    if (assets === null || assets === void 0 ? void 0 : assets.minOptions) {\n                        let exclusiveAnswers = [];\n                        if (assets === null || assets === void 0 ? void 0 : assets.exclusiveAnswers) {\n                            exclusiveAnswers = assets === null || assets === void 0 ? void 0 : assets.exclusiveAnswers;\n                        }\n                        // Check if the question has the minimum number of options selected and the exclusiveAnswers if it exists\n                        if (!ans[0].value.find((a) => exclusiveAnswers.includes(a)) &&\n                            ans[0].value.length < (assets === null || assets === void 0 ? void 0 : assets.minOptions)) {\n                            this.log.err(`The question ${question.ref} requires at least ${assets === null || assets === void 0 ? void 0 : assets.minOptions} options`);\n                            throw new Error(`No response`);\n                        }\n                    }\n                    // Validación específica para MULTI_QUESTION_MATRIX (todas las filas deben tener respuesta si es required)\n                    if (question.type === types_1.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) {\n                        // La respuesta de matriz se guarda agrupada bajo la key exactamente igual a question.ref\n                        const matrixAnswer = this.feedback.answers.find(a => a.key === question.ref);\n                        if (!matrixAnswer) {\n                            this.log.err(`The matrix question ${question.ref} is required`);\n                            throw new Error(`No response`);\n                        }\n                        // Parsear estructura: [{ key: rowKey, value: [...] }, ...]\n                        const rows = this.parseMatrixAnswerPre(matrixAnswer);\n                        // Si hay definición de filas en assets.options, validar contra esa lista; si no, validar que todas las filas presentes tengan valor\n                        const expectedRows = Array.isArray(assets === null || assets === void 0 ? void 0 : assets.options) ? assets.options : [];\n                        if (expectedRows.length > 0) {\n                            // Cada fila esperada debe existir y tener al menos un valor\n                            const missingOrEmpty = expectedRows.find(rowKey => {\n                                const row = rows.find(r => r.key === rowKey);\n                                return !row || !Array.isArray(row.value) || row.value.length === 0;\n                            });\n                            if (missingOrEmpty) {\n                                this.log.err(`The matrix question ${question.ref} requires an answer in every row`);\n                                throw new Error(`No response`);\n                            }\n                        }\n                        else {\n                            // Sin lista esperada, aseguramos que todas las filas presentes tengan valor\n                            if (rows.length === 0 || rows.some(r => !Array.isArray(r.value) || r.value.length === 0)) {\n                                this.log.err(`The matrix question ${question.ref} requires an answer in every row`);\n                                throw new Error(`No response`);\n                            }\n                        }\n                    }\n                }\n                // SEND\n                const response = yield this.pushAnswers(false);\n                if (!response)\n                    throw new Error(\"No response\");\n                this.id = response;\n                yield this.processNextQuestion(questionContainer);\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     * @public\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        // Check if the required questions are answered\n        const page = this.history.back();\n        // Modo genérico: si no hay página en el historial, recolectamos respuestas directamente de los inputs\n        if (!page) {\n            const inputs = form.querySelectorAll(\".magicfeedback-input\");\n            const surveyAnswers = [];\n            const priorityMap = {};\n            inputs.forEach((input) => {\n                var _a;\n                const htmlInput = input;\n                const key = htmlInput.name;\n                if (!key)\n                    return;\n                const type = htmlInput.type;\n                // Para radio/checkbox sólo recogemos si están checkeados\n                if ((type === 'radio' || type === 'checkbox') && !htmlInput.checked)\n                    return;\n                const value = htmlInput.value;\n                const elementTypeClass = htmlInput.classList[0];\n                // Manejo especial para priority-list (inputs hidden)\n                if ((elementTypeClass === null || elementTypeClass === void 0 ? void 0 : elementTypeClass.includes('magicfeedback-priority-list')) || ((_a = htmlInput.id) === null || _a === void 0 ? void 0 : _a.startsWith('priority-list-'))) {\n                    if (!priorityMap[key])\n                        priorityMap[key] = [];\n                    priorityMap[key].push(value);\n                    return;\n                }\n                const val = elementTypeClass === 'magicfeedback-consent' ? htmlInput.checked.toString() : value;\n                if (val === undefined || val === null)\n                    return;\n                const ans = { key, value: [val] };\n                surveyAnswers.push(ans);\n            });\n            // Agregar PRIORITY_LIST agregados, ordenando por índice inicial\n            Object.entries(priorityMap).forEach(([k, arr]) => {\n                const sorted = arr.slice().sort((a, b) => Number(a.split('.')[0]) - Number(b.split('.')[0]));\n                surveyAnswers.push({ key: k, value: sorted });\n            });\n            this.feedback.answers = surveyAnswers;\n            return surveyAnswers;\n        }\n        const surveyAnswers = [];\n        let hasError = false; // Flag to track if an error has occurred\n        const inputs = form.querySelectorAll(\".magicfeedback-input\");\n        const priorityMap = {};\n        inputs.forEach((input) => {\n            const htmlInput = input;\n            const question = page.questions.find(q => { var _a; return (_a = htmlInput.name) === null || _a === void 0 ? void 0 : _a.includes(q.ref); });\n            const inputType = htmlInput.type;\n            const elementTypeClass = htmlInput.classList[0];\n            const ans = {\n                key: htmlInput.name,\n                value: [],\n            };\n            const value = elementTypeClass === 'magicfeedback-consent' ?\n                htmlInput.checked.toString() :\n                htmlInput.value;\n            if (!ans.key || ans.key === \"\")\n                return;\n            switch (question === null || question === void 0 ? void 0 : question.type) {\n                case types_1.FEEDBACKAPPANSWERTYPE.EMAIL:\n                case types_1.FEEDBACKAPPANSWERTYPE.TEXT:\n                case types_1.FEEDBACKAPPANSWERTYPE.LONGTEXT:\n                case types_1.FEEDBACKAPPANSWERTYPE.NUMBER:\n                case types_1.FEEDBACKAPPANSWERTYPE.DATE:\n                case types_1.FEEDBACKAPPANSWERTYPE.CONTACT:\n                    if (value !== \"\") {\n                        if (inputType === \"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                        }\n                        else {\n                            ans.value.push(value);\n                            surveyAnswers.push(ans);\n                        }\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.RADIO:\n                    if (htmlInput.checked) {\n                        ans.value.push(value);\n                        surveyAnswers.push(ans);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:\n                    if (htmlInput.checked) {\n                        ans.value.push(value);\n                        surveyAnswers.push(ans);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.BOOLEAN:\n                    if (htmlInput.checked) {\n                        ans.value.push(value);\n                        surveyAnswers.push(ans);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.CONSENT:\n                    ans.value.push(htmlInput.checked.toString());\n                    surveyAnswers.push(ans);\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:\n                case types_1.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:\n                case types_1.FEEDBACKAPPANSWERTYPE.RATING_STAR:\n                    if (htmlInput.checked) {\n                        ans.value.push(value);\n                        surveyAnswers.push(ans);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.SELECT:\n                    if (value !== \"\") {\n                        ans.value.push(value);\n                        surveyAnswers.push(ans);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:\n                    // Agrupar los inputs hidden del priority list bajo la misma key\n                    if (inputType === 'hidden') {\n                        if (!priorityMap[ans.key])\n                            priorityMap[ans.key] = [];\n                        priorityMap[ans.key].push(value);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:\n                    if (input.checked) {\n                        ans.value.push(value);\n                        surveyAnswers.push(ans);\n                    }\n                    break;\n                case types_1.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE:\n                case types_1.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE:\n                default:\n                    break;\n            }\n        });\n        if (hasError)\n            return [];\n        // Agregar PRIORITY_LIST como un único NativeAnswer ordenado por índice\n        Object.entries(priorityMap).forEach(([k, arr]) => {\n            if (!arr || arr.length === 0)\n                return;\n            const sorted = arr.slice().sort((a, b) => Number(a.split('.')[0]) - Number(b.split('.')[0]));\n            surveyAnswers.push({ key: k, value: sorted });\n        });\n        // --- Agrupación especial para MULTI_QUESTION_MATRIX ---\n        try {\n            console.log(surveyAnswers);\n            const matrixQuestions = page.questions.filter(q => q.type === types_1.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX);\n            matrixQuestions.forEach(mq => {\n                // Respuestas individuales capturadas como ref-rowName\n                const rowPrefix = mq.ref + '-';\n                const rowAnswers = surveyAnswers.filter(a => a.key.startsWith(rowPrefix));\n                if (rowAnswers.length === 0)\n                    return; // nada que agrupar\n                // Crear estructura: [{ key: rowName, value: [selected] }, ...]\n                const groupedRows = rowAnswers.map(r => ({\n                    key: r.key.substring(rowPrefix.length),\n                    value: r.value\n                }));\n                // El formato requerido: valor debe ser un array que contiene (una sola posición) un array de objetos fila\n                const matrixAnswer = {\n                    key: mq.ref,\n                    value: [JSON.stringify(groupedRows)]\n                };\n                // Eliminar las respuestas individuales\n                for (const ra of rowAnswers) {\n                    const idx = surveyAnswers.findIndex(s => s.key === ra.key);\n                    if (idx !== -1)\n                        surveyAnswers.splice(idx, 1);\n                }\n                // Añadir (o reemplazar si ya existiera) la respuesta agrupada\n                const existingIndex = surveyAnswers.findIndex(a => a.key === mq.ref);\n                if (existingIndex !== -1) {\n                    surveyAnswers[existingIndex] = matrixAnswer;\n                }\n                else {\n                    surveyAnswers.push(matrixAnswer);\n                }\n            });\n        }\n        catch (e) {\n            this.log.err('Error agrupando MULTI_QUESTION_MATRIX', e);\n        }\n        this.feedback.answers = surveyAnswers;\n        page.setAnswer(surveyAnswers);\n        return surveyAnswers;\n    }\n    /**\n     * Finish the form\n     * @public\n     */\n    finish() {\n        return __awaiter(this, void 0, void 0, function* () {\n            this.completed = true;\n            this.timeToCompleted = new Date().getTime() - this.timeToCompleted;\n            this.feedback.metadata.push({ key: \"time-to-complete\", value: [this.timeToCompleted.toString()] });\n            if (this.formOptionsConfig.addSuccessScreen) {\n                const container = document.getElementById(\"magicfeedback-container-\" + this.appId);\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.answer();\n            try {\n                const response = yield this.pushAnswers(true);\n                if (!response) {\n                    if (this.formOptionsConfig.afterSubmitEvent) {\n                        yield this.formOptionsConfig.afterSubmitEvent({\n                            loading: false,\n                            progress: this.progress,\n                            total: this.total,\n                            completed: this.completed,\n                            error: `An error occurred while submitting the form ${this.appId}:`\n                        });\n                    }\n                    throw new Error(\"An error occurred while submitting the form ${this.appId}:\");\n                }\n                this.id = response;\n                // AFTER\n                if (this.formOptionsConfig.afterSubmitEvent) {\n                    yield this.formOptionsConfig.afterSubmitEvent({\n                        response: this.id,\n                        loading: false,\n                        progress: this.progress,\n                        total: this.total,\n                        completed: this.completed,\n                        error: null\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                        completed: this.completed,\n                        error\n                    });\n                }\n            }\n        });\n    }\n    /**\n     * Send\n     * @param completed\n     * @returns\n     */\n    pushAnswers(completed = false) {\n        return __awaiter(this, void 0, void 0, function* () {\n            try {\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        var _a;\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 = Object.assign(Object.assign(Object.assign({ answer: (_a = this.feedback.answers.find((a) => a.key === question.ref)) === null || _a === void 0 ? void 0 : _a.value[0] }, (this.publicKey !== '' && { publicKey: this.publicKey })), (this.publicKey === '' && { campaignSessionId: this.appId })), { sessionId: this.id, question });\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 form\n     * @private\n     */\n    processNextQuestion(form) {\n        var _a, _b, _c;\n        return __awaiter(this, void 0, void 0, function* () {\n            const page = this.history.back();\n            if (!page)\n                throw new Error(\"No page found\");\n            const followUpList = page.getFollowupQuestions();\n            if ((followUpList === null || followUpList === void 0 ? void 0 : followUpList.length) === 0) {\n                yield this.renderNextQuestion(form, page);\n                return;\n            }\n            const followUpQuestions = [];\n            for (const followUp of followUpList) {\n                const question = page.questions.find((q) => q.ref === followUp);\n                if (question) {\n                    const followUpQuestion = yield this.callFollowUpQuestion(question);\n                    if (followUpQuestion)\n                        followUpQuestions.push(followUpQuestion);\n                }\n            }\n            if (followUpQuestions.length === 0) {\n                yield this.renderNextQuestion(form, page);\n                return;\n            }\n            // Create a new page with the follow up questions\n            const newPage = new page_1.Page(page.id, page.position, this.appId, followUpQuestions, page.edges);\n            const n = new pageNode_1.PageNode(page.id, page.position, page.edges, newPage, followUpQuestions, true);\n            n.elements = (0, questions_service_1.renderQuestions)(followUpQuestions, this.formOptionsConfig.questionFormat, (_a = this.formData) === null || _a === void 0 ? void 0 : _a.lang[0], (_b = this.formData) === null || _b === void 0 ? void 0 : _b.product, () => this.send());\n            // Update the progress +0.5, because the follow up questions are\n            // not included in the graph and one page with follow up questions is considered as 2\n            this.history.enqueue(n);\n            this.progress += 0.5;\n            form.innerHTML = \"\";\n            (_c = n.elements) === null || _c === void 0 ? void 0 : _c.forEach((element) => form.appendChild(element));\n            // AFTER\n            if (this.formOptionsConfig.afterSubmitEvent) {\n                yield this.formOptionsConfig.afterSubmitEvent({\n                    response: this.id,\n                    loading: false,\n                    progress: this.progress,\n                    total: this.total,\n                    followup: n.isFollowup,\n                    completed: this.completed,\n                    error: null\n                });\n            }\n        });\n    }\n    /**\n     * Render next question\n     * @param form\n     * @param page\n     * @private\n     */\n    renderNextQuestion(form, page) {\n        var _a, _b, _c, _d, _e;\n        return __awaiter(this, void 0, void 0, function* () {\n            // Get next page from the graph\n            //console.log(page, this.feedback.answers);\n            let nextPage = this.graph.getNextPage(page, this.feedback.answers);\n            console.log(nextPage);\n            if (!nextPage) {\n                this.finish();\n                return;\n            }\n            // --- NEW: Check preconditional routes ---\n            const preconditionalRoute = nextPage.edges.filter(edge => edge.typeCondition === 'PRECONDITIONAL').sort((a, b) => {\n                // Sort by position\n                if (a.position < b.position)\n                    return -1;\n                if (a.position > b.position)\n                    return 1;\n                return 0;\n            });\n            if ((preconditionalRoute === null || preconditionalRoute === void 0 ? void 0 : preconditionalRoute.length) > 0) {\n                // Look for the answer in previous PageNodes\n                let foundAnswer = null;\n                const allRefs = preconditionalRoute.map(route => route.questionRef);\n                // Search in the history from the most recent backwards\n                for (let i = this.history.size() - 1; i >= 0; i--) {\n                    const node = this.history.get(i);\n                    if (!node)\n                        continue;\n                    foundAnswer = (_a = node.answers) === null || _a === void 0 ? void 0 : _a.find((ans) => allRefs.includes(ans.key));\n                    if (foundAnswer)\n                        break;\n                }\n                // If there is an answer, evaluate the condition\n                let allowToContinue = !preconditionalRoute.some(route => route.transition === pageRoute_1.TransitionType.ALLOW);\n                if (foundAnswer) {\n                    for (const route of preconditionalRoute) {\n                        let conditionMet = false;\n                        const question = (_b = this.formData) === null || _b === void 0 ? void 0 : _b.questions.find(q => q.ref === route.questionRef);\n                        const answerVals = Array.isArray(foundAnswer.value) ? foundAnswer.value : [foundAnswer.value];\n                        const routeVals = Array.isArray(route.value) ? route.value : [route.value];\n                        // Lógica especial para matrices\n                        if ((question === null || question === void 0 ? void 0 : question.type) === types_1.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) {\n                            conditionMet = this.evaluateMatrixPreconditional(route, foundAnswer);\n                        }\n                        else {\n                            switch (route.typeOperator) {\n                                case 'EQUAL':\n                                    // At least one answer value equals one expected value\n                                    conditionMet = answerVals.some((v) => routeVals.includes(v));\n                                    break;\n                                case 'NOEQUAL':\n                                    // None of the answer values equals any expected value\n                                    conditionMet = answerVals.every((v) => !routeVals.includes(v));\n                                    break;\n                                case 'GREATER':\n                                    conditionMet = answerVals.some((v) => Number(v) > Number(routeVals[0]));\n                                    break;\n                                case 'LESS':\n                                    conditionMet = answerVals.some((v) => Number(v) < Number(routeVals[0]));\n                                    break;\n                                case 'GREATEREQUAL':\n                                    conditionMet = answerVals.some((v) => Number(v) >= Number(routeVals[0]));\n                                    break;\n                                case 'LESSEQUAL':\n                                    conditionMet = answerVals.some((v) => Number(v) <= Number(routeVals[0]));\n                                    break;\n                                case 'INQ':\n                                    // Some answer value is included in route.value (array)\n                                    conditionMet = answerVals.some((v) => routeVals.includes(v));\n                                    break;\n                                case 'NINQ':\n                                    // No answer value is included in route.value (array)\n                                    conditionMet = answerVals.every((v) => !routeVals.includes(v));\n                                    break;\n                                default:\n                                    break;\n                            }\n                        }\n                        // If condition is met, apply the transition\n                        if (conditionMet) {\n                            this.feedback.answers = [];\n                            switch (route.transition) {\n                                case pageRoute_1.TransitionType.NEXT:\n                                    if (nextPage)\n                                        yield this.renderNextQuestion(form, nextPage);\n                                    return;\n                                case pageRoute_1.TransitionType.ALLOW:\n                                    allowToContinue = true;\n                                    break;\n                            }\n                        }\n                    }\n                }\n                if (!allowToContinue) {\n                    this.feedback.answers = [];\n                    if (nextPage)\n                        yield this.renderNextQuestion(form, nextPage);\n                    return;\n                }\n            }\n            // --- END NEW ---\n            nextPage.elements = (0, questions_service_1.renderQuestions)(nextPage.questions, this.formOptionsConfig.questionFormat, (_c = this.formData) === null || _c === void 0 ? void 0 : _c.lang[0], (_d = this.formData) === null || _d === void 0 ? void 0 : _d.product, () => this.send());\n            form.innerHTML = \"\";\n            (_e = nextPage.elements) === null || _e === void 0 ? void 0 : _e.forEach((element) => form.appendChild(element));\n            this.history.enqueue(nextPage);\n            this.progress = this.total - this.graph.findMaxDepth(nextPage);\n            // AFTER\n            if (this.formOptionsConfig.afterSubmitEvent) {\n                yield this.formOptionsConfig.afterSubmitEvent({\n                    response: this.id,\n                    loading: false,\n                    progress: this.progress,\n                    total: this.total,\n                    followup: nextPage.isFollowup,\n                    completed: this.completed,\n                    error: null\n                });\n            }\n        });\n    }\n    /**\n     * Render back question\n     * @private\n     */\n    back() {\n        var _a;\n        return __awaiter(this, void 0, void 0, function* () {\n            if (this.history.size() === 0)\n                return;\n            const form = document.getElementById(\"magicfeedback-questions-\" + this.appId);\n            if (form && form.childNodes.length > 0)\n                form.innerHTML = \"\";\n            this.history.rollback();\n            const page = this.history.back();\n            if (page) {\n                (_a = page.elements) === null || _a === void 0 ? void 0 : _a.forEach((element) => form.appendChild(element));\n                this.progress = this.total - this.graph.findMaxDepth(page);\n            }\n            else {\n                this.progress = this.history.size();\n            }\n            // AFTER\n            if (this.formOptionsConfig.onBackEvent) {\n                yield this.formOptionsConfig.onBackEvent({\n                    loading: false,\n                    progress: this.progress,\n                    followup: (page === null || page === void 0 ? void 0 : page.isFollowup) || false,\n                    error: !page ? \"No page found\" : null\n                });\n            }\n        });\n    }\n    /**\n     * Render a single question as a preview/test.\n     * It does not modify the internal state (history, graph, progress) of the form.\n     * @param selector ID of the container where the question will be injected.\n     * @param question Full question object (NativeQuestion[] expected here).\n     * @param options Optional configuration to customize format/language/product.\n     * @returns HTMLElement container used.\n     */\n    previewQuestion(selector, question, options) {\n        var _a, _b;\n        const questionsArray = Array.isArray(question) ? question : [question];\n        if (!questionsArray || questionsArray.length === 0)\n            throw new Error(\"[MagicFeedback] No question provided for preview\");\n        const container = document.getElementById(selector);\n        if (!container)\n            throw new Error(`[MagicFeedback] Element with ID '${selector}' not found.`);\n        const { format = this.formOptionsConfig.questionFormat || \"standard\", language = (((_a = this.formData) === null || _a === void 0 ? void 0 : _a.lang) && this.formData.lang[0]) || \"en\", product = ((_b = this.formData) === null || _b === void 0 ? void 0 : _b.product) || { customIcons: false }, clearContainer = true, wrap = true, } = options || {};\n        if (clearContainer)\n            container.innerHTML = \"\";\n        // Reuse existing renderQuestions logic passing the question array\n        let elements = [];\n        try {\n            elements = (0, questions_service_1.renderQuestions)(questionsArray, format, language, product);\n        }\n        catch (e) {\n            this.log.err(e);\n            throw e;\n        }\n        // If wrap is true, create a wrapper container to isolate preview styles\n        let target = container;\n        if (wrap) {\n            const wrapper = document.createElement(\"div\");\n            wrapper.classList.add(\"magicfeedback-preview-question\");\n            target.appendChild(wrapper);\n            target = wrapper;\n        }\n        elements.forEach(el => target.appendChild(el));\n        return container;\n    }\n    parseMatrixAnswerPre(ans) {\n        if (!ans || !ans.value)\n            return [];\n        if (ans.value.length === 1 && typeof ans.value[0] === 'string' && ans.value[0].trim().startsWith('[')) {\n            try {\n                const parsed = JSON.parse(ans.value[0]);\n                if (Array.isArray(parsed))\n                    return parsed;\n            }\n            catch (_) {\n                return [];\n            }\n        }\n        if (Array.isArray(ans.value) && ans.value.length > 0 && typeof ans.value[0] === 'object' && ans.value[0] !== null && 'key' in ans.value[0]) {\n            return ans.value;\n        }\n        return [];\n    }\n    evaluateMatrixPreconditional(route, answer) {\n        const edgeVals = Array.isArray(route.value) ? route.value : [route.value];\n        const optionFilter = new Set(route.option || []);\n        const rows = this.parseMatrixAnswerPre(answer);\n        if (!rows.length)\n            return false;\n        const relevantRows = optionFilter.size > 0 ? rows.filter(r => optionFilter.has(r.key)) : rows;\n        if (!relevantRows.length)\n            return false;\n        const intersects = (rowValues) => rowValues.some(v => edgeVals.includes(v));\n        const notIntersects = (rowValues) => rowValues.every(v => !edgeVals.includes(v));\n        switch (route.typeOperator) {\n            case 'EQUAL':\n            case 'INQ':\n                return relevantRows.some(r => intersects(Array.isArray(r.value) ? r.value : [r.value]));\n            case 'NOEQUAL':\n            case 'NINQ':\n                return relevantRows.every(r => notIntersects(Array.isArray(r.value) ? r.value : [r.value]));\n            case 'GREATER':\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) > Number(edgeVal)));\n                });\n            case 'LESS':\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) < Number(edgeVal)));\n                });\n            case 'GREATEREQUAL':\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) >= Number(edgeVal)));\n                });\n            case 'LESSEQUAL':\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) <= Number(edgeVal)));\n                });\n            default:\n                return false;\n        }\n    }\n}\nexports.Form = Form;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/form.ts?");
+
+/***/ }),
+
+/***/ "./src/models/page.ts":
+/*!****************************!*\
+  !*** ./src/models/page.ts ***!
+  \****************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Page = void 0;\nclass Page {\n    constructor(id, position, integrationId, integrationQuestions, integrationPageRoutes) {\n        this.id = id;\n        this.position = position;\n        this.generatedAt = new Date().toISOString();\n        this.updatedAt = new Date().toISOString();\n        this.status = 'ACTIVE';\n        this.integrationId = integrationId;\n        this.integrationQuestions = integrationQuestions;\n        this.integrationPageRoutes = integrationPageRoutes;\n    }\n}\nexports.Page = Page;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/page.ts?");
+
+/***/ }),
+
+/***/ "./src/models/pageGraphs.ts":
+/*!**********************************!*\
+  !*** ./src/models/pageGraphs.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.PageGraph = void 0;\nconst pageNode_1 = __webpack_require__(/*! ./pageNode */ \"./src/models/pageNode.ts\");\nconst types_1 = __webpack_require__(/*! ./types */ \"./src/models/types.ts\");\nconst pageRoute_1 = __webpack_require__(/*! ./pageRoute */ \"./src/models/pageRoute.ts\");\nclass PageGraph {\n    constructor(pages) {\n        this.nodes = new Map();\n        this.buildGraph(pages);\n    }\n    /**\n     * Build the graph from the list of pages\n     * @param pages\n     * @private\n     * */\n    buildGraph(pages) {\n        pages.forEach((page) => {\n            var _a;\n            // Sort by created date and then by type of transition (logical first)\n            if (page.integrationPageRoutes)\n                page.integrationPageRoutes = ((_a = page.integrationPageRoutes) === null || _a === void 0 ? void 0 : _a.sort((a, b) => {\n                    const aTime = new Date((a === null || a === void 0 ? void 0 : a.generatedAt) || 0).getTime();\n                    const bTime = new Date((b === null || b === void 0 ? void 0 : b.generatedAt) || 0).getTime();\n                    if (aTime !== bTime)\n                        return aTime - bTime;\n                    if (a.typeCondition === 'DIRECT' && b.typeCondition !== 'DIRECT')\n                        return 1;\n                    if (a.typeCondition !== 'DIRECT' && b.typeCondition === 'DIRECT')\n                        return -1;\n                    return 0;\n                })) || [];\n            const node = new pageNode_1.PageNode(page.id, page.position, page.integrationPageRoutes || [], page, page.integrationQuestions);\n            this.nodes.set(node.id, node);\n        });\n    }\n    getNodeById(id) {\n        return this.nodes.get(id);\n    }\n    /**\n     * Get the next page position of the graph given the current page and the answer\n     * @param node\n     */\n    getNextEdgeByDefault(node) {\n        if (!node)\n            return undefined;\n        const direct = node.edges.find((e) => e.typeCondition === pageRoute_1.ConditionType.DIRECT);\n        if (direct && [pageRoute_1.TransitionType.FINISH, pageRoute_1.TransitionType.REDIRECT].includes(direct.transition))\n            return undefined;\n        if (direct && direct.transitionDestiny)\n            return direct.transitionDestiny;\n        for (const n of this.nodes.values()) {\n            if (n.position === (node.position + 1))\n                return n.id;\n        }\n        return undefined;\n    }\n    /**\n     * Get the first page of the graph\n     * @returns first page\n     **/\n    getFirstPage() {\n        // Find the page with the smallest position\n        // TODO: Chek if the graph is completed and don't have break loops\n        let firstPage;\n        let smallestPosition = Number.MAX_VALUE;\n        for (const node of this.nodes.values()) {\n            if (node.position < smallestPosition) {\n                smallestPosition = node.position;\n                firstPage = node;\n            }\n        }\n        return firstPage;\n    }\n    /**\n     * Get the next page of the graph given the current page and the answer\n     * @param currentNode\n     * @param answer - answer to the question in the current page\n     * @returns page\n     **/\n    getNextPage(currentNode, answer) {\n        var _a;\n        if (!currentNode) {\n            return undefined;\n        }\n        // Ordenar edges: primero lógicos, luego directos\n        currentNode.edges.sort((a, b) => {\n            if (a.typeCondition === 'DIRECT')\n                return 1;\n            if (b.typeCondition === 'DIRECT')\n                return -1;\n            return 0;\n        });\n        // console.log(currentNode)\n        // Buscar la primera ruta que cumpla la condición\n        const route = currentNode.edges.find(edge => {\n            // Chequear condición\n            const question = currentNode.questions.find(q => q.ref === edge.questionRef);\n            const answerValue = answer === null || answer === void 0 ? void 0 : answer.filter(ans => ans.key === edge.questionRef);\n            if (edge.typeCondition === 'DIRECT')\n                return true;\n            if (!answerValue || answerValue.length === 0)\n                return false;\n            // Lógica especial para matrices\n            if ((question === null || question === void 0 ? void 0 : question.type) === types_1.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) {\n                return this.evaluateMatrixCondition(edge, answerValue);\n            }\n            // Normalizar edge.value a array\n            const edgeVals = Array.isArray(edge.value) ? edge.value : [edge.value];\n            console.log('Evaluating edge:', edgeVals);\n            console.log('Evaluating value:', answerValue);\n            switch (edge.typeOperator) {\n                case pageRoute_1.OperatorType.EQUAL:\n                    return answerValue.some(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.some(val => edgeVals.includes(val));\n                    });\n                case pageRoute_1.OperatorType.NOEQUAL:\n                    return answerValue.every(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.every(val => !edgeVals.includes(val));\n                    });\n                case pageRoute_1.OperatorType.GREATER:\n                    return answerValue.some(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.some(val => edgeVals.some(edgeVal => Number(val) > Number(edgeVal)));\n                    });\n                case pageRoute_1.OperatorType.LESS:\n                    return answerValue.some(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.some(val => edgeVals.some(edgeVal => Number(val) < Number(edgeVal)));\n                    });\n                case pageRoute_1.OperatorType.GREATEREQUAL:\n                    return answerValue.some(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.some(val => edgeVals.some(edgeVal => Number(val) >= Number(edgeVal)));\n                    });\n                case pageRoute_1.OperatorType.LESSEQUAL:\n                    return answerValue.some(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.some(val => edgeVals.some(edgeVal => Number(val) <= Number(edgeVal)));\n                    });\n                case pageRoute_1.OperatorType.INQ:\n                    return answerValue.some(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.some(val => edgeVals.includes(val));\n                    });\n                case pageRoute_1.OperatorType.NINQ:\n                    return answerValue.every(ans => {\n                        const ansVals = Array.isArray(ans.value) ? ans.value : [ans.value];\n                        return ansVals.every(val => !edgeVals.includes(val));\n                    });\n                default:\n                    return false;\n            }\n        });\n        // Si no hay ninguna ruta que cumpla, ir a la siguiente página por posición\n        if (!route) {\n            const nextPage = this.getNextEdgeByDefault(currentNode);\n            if (!nextPage)\n                return undefined;\n            return this.getNodeById(nextPage);\n        }\n        switch (route.transition) {\n            case pageRoute_1.TransitionType.PAGE:\n                if (!route.transitionDestiny)\n                    return undefined;\n                return this.getNodeById(route.transitionDestiny);\n            case pageRoute_1.TransitionType.FINISH:\n                return undefined;\n            case pageRoute_1.TransitionType.REDIRECT:\n                window.location.href = ((_a = route.transitionDestiny) === null || _a === void 0 ? void 0 : _a.includes('?')) ? `${route.transitionDestiny}&${window.location.search.slice(1)}`\n                    : `${route.transitionDestiny}${window.location.search}`;\n                return undefined;\n            default:\n                return undefined;\n        }\n    }\n    /**\n     * Get the number deep (DFS) of this node\n     * @param id - node id\n     * @returns DFS number\n     */\n    findDepth(id) {\n        const node = this.getNodeById(id);\n        if (!node) {\n            return 0;\n        }\n        const visited = new Set();\n        return this.DFSUtil(node, visited, 0);\n    }\n    /**\n     * Get the max depth of the graph\n     * @param n - node\n     * @returns max depth\n     */\n    findMaxDepth(n) {\n        // Find first node\n        if (!n)\n            n = this.getFirstPage();\n        if (!n)\n            return 0;\n        // Start DFS from the first node\n        const visited = new Set();\n        // const haveFollowup = !!n.questions.find(q => q.followup);\n        //console.log(this.nodes);\n        // If the first node have followup questions, the depth is 2\n        let max_depth = 1; // haveFollowup ? 2 : 1;\n        max_depth = Math.max(max_depth, this.DFSUtil(n, visited, max_depth));\n        return max_depth;\n    }\n    /**\n     * A function used by DFS\n     * @param v - node\n     * @param visited - set of visited nodes\n     * @param depth - current depth\n     */\n    DFSUtil(v, visited, depth) {\n        visited.add(v);\n        let max_depth = depth;\n        // Haz una copia local de los vecinos para evitar modificar el grafo original\n        const neighbours = [...(v.edges.filter((e) => e.typeCondition !== pageRoute_1.ConditionType.PRECONDITIONAL) || [])];\n        // Si no hay edges, ir a la siguiente página por posición\n        const defaultEdge = this.getNextEdgeByDefault(v);\n        if (defaultEdge) {\n            const defaultNode = this.getNodeById(defaultEdge);\n            if (defaultNode && !visited.has(defaultNode)) {\n                neighbours.push(new pageRoute_1.PageRoute(defaultNode.id, '', pageRoute_1.OperatorType.DEFAULT, [''], pageRoute_1.TransitionType.PAGE, defaultNode.id, v.id));\n            }\n        }\n        for (const neighbour of neighbours) {\n            if (!neighbour.transitionDestiny)\n                continue;\n            const node = this.getNodeById(neighbour.transitionDestiny);\n            if (node && !visited.has(node)) {\n                // const haveFollowup = !!node.questions.find(q => q.followup);\n                const new_depth = depth + 1; // haveFollowup ? depth + 2 : depth + 1;\n                // Make a copy of the visited set to only for this branch\n                const visitedBranch = new Set(visited);\n                const dfs = this.DFSUtil(node, visitedBranch, new_depth);\n                max_depth = Math.max(max_depth, dfs);\n            }\n        }\n        return max_depth;\n    }\n    parseMatrixAnswer(ans) {\n        // ans.value puede ser:\n        // 1. Un array con un string JSON que representa la matriz\n        // 2. Un array de objetos ya parseados\n        // 3. Un array vacío\n        if (!ans || !ans.value)\n            return [];\n        // Caso 1: primer elemento es string con JSON de la matriz\n        if (ans.value.length === 1 && typeof ans.value[0] === 'string' && ans.value[0].trim().startsWith('[')) {\n            try {\n                const parsed = JSON.parse(ans.value[0]);\n                if (Array.isArray(parsed))\n                    return parsed;\n            }\n            catch (e) {\n                // Ignorar errores de parseo\n                return [];\n            }\n        }\n        // Caso 2: el array ya contiene objetos { key, value }\n        if (Array.isArray(ans.value) && ans.value.length > 0 && typeof ans.value[0] === 'object' && ans.value[0] !== null && 'key' in ans.value[0]) {\n            return ans.value;\n        }\n        return [];\n    }\n    evaluateMatrixCondition(edge, answerValue) {\n        const edgeVals = Array.isArray(edge.value) ? edge.value : [edge.value];\n        const optionFilter = new Set(edge.option || []); // eje X a filtrar\n        const ans = answerValue[0]; // Se asume una respuesta por pregunta\n        const rows = this.parseMatrixAnswer(ans);\n        if (!rows.length)\n            return false;\n        const relevantRows = optionFilter.size > 0 ? rows.filter(r => optionFilter.has(r.key)) : rows;\n        if (!relevantRows.length)\n            return false;\n        const intersects = (rowValues) => rowValues.some(v => edgeVals.includes(v));\n        const notIntersects = (rowValues) => rowValues.every(v => !edgeVals.includes(v));\n        switch (edge.typeOperator) {\n            case pageRoute_1.OperatorType.EQUAL:\n            // Todas las filas relevantes deben contener al menos un valor de edgeVals\n            // return relevantRows.every(r => intersects(Array.isArray(r.value) ? r.value : [r.value]));\n            case pageRoute_1.OperatorType.INQ:\n                // Alguna fila relevante contiene al menos un valor de edgeVals (se mantiene comportamiento original para INQ)\n                return relevantRows.some(r => intersects(Array.isArray(r.value) ? r.value : [r.value]));\n            case pageRoute_1.OperatorType.NOEQUAL:\n            case pageRoute_1.OperatorType.NINQ:\n                // Todas las filas relevantes NO contienen valores de edgeVals\n                return relevantRows.every(r => notIntersects(Array.isArray(r.value) ? r.value : [r.value]));\n            case pageRoute_1.OperatorType.GREATER:\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) > Number(edgeVal)));\n                });\n            case pageRoute_1.OperatorType.LESS:\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) < Number(edgeVal)));\n                });\n            case pageRoute_1.OperatorType.GREATEREQUAL:\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) >= Number(edgeVal)));\n                });\n            case pageRoute_1.OperatorType.LESSEQUAL:\n                return relevantRows.some(r => {\n                    const vals = Array.isArray(r.value) ? r.value : [r.value];\n                    return vals.some(val => edgeVals.some(edgeVal => Number(val) <= Number(edgeVal)));\n                });\n            default:\n                return false;\n        }\n    }\n}\nexports.PageGraph = PageGraph;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/pageGraphs.ts?");
+
+/***/ }),
+
+/***/ "./src/models/pageNode.ts":
+/*!********************************!*\
+  !*** ./src/models/pageNode.ts ***!
+  \********************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.PageNode = void 0;\nclass PageNode {\n    constructor(id, position, edges, data, questions, isFollowup = false) {\n        this.answers = [];\n        this.id = id;\n        this.position = position;\n        this.edges = edges;\n        this.data = data;\n        this.questions = questions.sort((a, b) => a.position - b.position);\n        this.elements = [];\n        this.isFollowup = isFollowup;\n    }\n    /**\n     * Get a list of followup questions ref\n     * @returns list of followup questions ref\n     **/\n    getFollowupQuestions() {\n        return this.questions.filter(question => question.followup).map(question => question.ref);\n    }\n    /**\n     * Get a list of ref of the questions that are required in the page\n     * @returns ref of the required questions ref\n     **/\n    getRequiredQuestions() {\n        return this.questions.filter(question => question.require).map(question => question.ref);\n    }\n    /**\n     * Set the answer for a question\n     * @param questionRef\n     * @param answer\n     */\n    setAnswer(answer) {\n        this.answers = answer;\n    }\n}\nexports.PageNode = PageNode;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/pageNode.ts?");
+
+/***/ }),
+
+/***/ "./src/models/pageRoute.ts":
+/*!*********************************!*\
+  !*** ./src/models/pageRoute.ts ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.PageRoute = exports.StatusType = exports.OperatorType = exports.ConditionType = exports.TransitionType = void 0;\nvar TransitionType;\n(function (TransitionType) {\n    TransitionType[\"PAGE\"] = \"PAGE\";\n    TransitionType[\"FINISH\"] = \"FINISH\";\n    TransitionType[\"REDIRECT\"] = \"REDIRECT\";\n    TransitionType[\"NEXT\"] = \"NEXT\";\n    TransitionType[\"ALLOW\"] = \"ALLOW\";\n})(TransitionType = exports.TransitionType || (exports.TransitionType = {}));\nvar ConditionType;\n(function (ConditionType) {\n    ConditionType[\"LOGICAL\"] = \"LOGICAL\";\n    ConditionType[\"DIRECT\"] = \"DIRECT\";\n    ConditionType[\"PRECONDITIONAL\"] = \"PRECONDITIONAL\";\n})(ConditionType = exports.ConditionType || (exports.ConditionType = {}));\nvar OperatorType;\n(function (OperatorType) {\n    OperatorType[\"EQUAL\"] = \"EQUAL\";\n    OperatorType[\"NOEQUAL\"] = \"NOEQUAL\";\n    OperatorType[\"GREATER\"] = \"GREATER\";\n    OperatorType[\"LESS\"] = \"LESS\";\n    OperatorType[\"GREATEREQUAL\"] = \"GREATEREQUAL\";\n    OperatorType[\"LESSEQUAL\"] = \"LESSEQUAL\";\n    OperatorType[\"INQ\"] = \"INQ\";\n    OperatorType[\"NINQ\"] = \"NINQ\";\n    OperatorType[\"DEFAULT\"] = \"DEFAULT\";\n})(OperatorType = exports.OperatorType || (exports.OperatorType = {}));\nvar StatusType;\n(function (StatusType) {\n    StatusType[\"ACTIVE\"] = \"ACTIVE\";\n    StatusType[\"DEPRECATED\"] = \"DEPRECATED\";\n    StatusType[\"DELETE\"] = \"DELETE\";\n})(StatusType = exports.StatusType || (exports.StatusType = {}));\nclass PageRoute {\n    constructor(id, questionRef, typeOperator, value, transition, transitionDestiny, integrationPageId, typeCondition, position, option) {\n        this.id = id;\n        this.questionRef = questionRef;\n        this.typeCondition = typeCondition || ConditionType.LOGICAL;\n        this.typeOperator = typeOperator;\n        this.value = value || [];\n        this.transition = transition;\n        this.transitionDestiny = transitionDestiny;\n        this.status = StatusType.ACTIVE;\n        this.generatedAt = new Date();\n        this.updatedAt = new Date();\n        this.integrationPageId = integrationPageId;\n        this.position = position || 0;\n        this.option = option || [];\n    }\n}\nexports.PageRoute = PageRoute;\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/pageRoute.ts?");
+
+/***/ }),
+
+/***/ "./src/models/types.ts":
+/*!*****************************!*\
+  !*** ./src/models/types.ts ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.QuestionType = exports.FEEDBACKAPPANSWERTYPE = void 0;\nvar FEEDBACKAPPANSWERTYPE;\n(function (FEEDBACKAPPANSWERTYPE) {\n    FEEDBACKAPPANSWERTYPE[\"CONTACT\"] = \"CONTACT\";\n    FEEDBACKAPPANSWERTYPE[\"MULTIPLECHOISE_IMAGE\"] = \"MULTIPLECHOISE_IMAGE\";\n    FEEDBACKAPPANSWERTYPE[\"EMAIL\"] = \"EMAIL\";\n    FEEDBACKAPPANSWERTYPE[\"RATING_STAR\"] = \"RATING_STAR\";\n    FEEDBACKAPPANSWERTYPE[\"RADIO\"] = \"RADIO\";\n    FEEDBACKAPPANSWERTYPE[\"MULTIPLECHOICE\"] = \"MULTIPLECHOICE\";\n    FEEDBACKAPPANSWERTYPE[\"SELECT\"] = \"SELECT\";\n    FEEDBACKAPPANSWERTYPE[\"TEXT\"] = \"TEXT\";\n    FEEDBACKAPPANSWERTYPE[\"LONGTEXT\"] = \"LONGTEXT\";\n    FEEDBACKAPPANSWERTYPE[\"NUMBER\"] = \"NUMBER\";\n    FEEDBACKAPPANSWERTYPE[\"RATING_EMOJI\"] = \"RATING_EMOJI\";\n    FEEDBACKAPPANSWERTYPE[\"RATING_NUMBER\"] = \"RATING_NUMBER\";\n    FEEDBACKAPPANSWERTYPE[\"DATE\"] = \"DATE\";\n    FEEDBACKAPPANSWERTYPE[\"BOOLEAN\"] = \"BOOLEAN\";\n    FEEDBACKAPPANSWERTYPE[\"PASSWORD\"] = \"PASSWORD\";\n    FEEDBACKAPPANSWERTYPE[\"CONSENT\"] = \"CONSENT\";\n    FEEDBACKAPPANSWERTYPE[\"MULTI_QUESTION_MATRIX\"] = \"MULTI_QUESTION_MATRIX\";\n    FEEDBACKAPPANSWERTYPE[\"POINT_SYSTEM\"] = \"POINT_SYSTEM\";\n    FEEDBACKAPPANSWERTYPE[\"PRIORITY_LIST\"] = \"PRIORITY_LIST\";\n    FEEDBACKAPPANSWERTYPE[\"INFO_PAGE\"] = \"INFO_PAGE\";\n    FEEDBACKAPPANSWERTYPE[\"UPLOAD_FILE\"] = \"UPLOAD_FILE\";\n    FEEDBACKAPPANSWERTYPE[\"UPLOAD_IMAGE\"] = \"UPLOAD_IMAGE\";\n})(FEEDBACKAPPANSWERTYPE = exports.FEEDBACKAPPANSWERTYPE || (exports.FEEDBACKAPPANSWERTYPE = {}));\nclass QuestionType {\n}\nexports.QuestionType = QuestionType;\nvar generateFormOptionsTag;\n(function (generateFormOptionsTag) {\n    generateFormOptionsTag[\"FORM\"] = \"form\";\n    generateFormOptionsTag[\"DIV\"] = \"div\";\n})(generateFormOptionsTag || (generateFormOptionsTag = {}));\n\n\n//# sourceURL=webpack://magicfeedback/./src/models/types.ts?");
+
+/***/ }),
+
+/***/ "./src/render/helpers.ts":
+/*!*******************************!*\
+  !*** ./src/render/helpers.ts ***!
+  \*******************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.getUrlParam = exports.getBooleanOptions = exports.parseTitle = void 0;\nfunction parseTitle(title, lang) {\n    if (!title)\n        return '';\n    return typeof title === \"object\" ? (title[lang] || title['en']) : title;\n}\nexports.parseTitle = parseTitle;\nfunction getBooleanOptions(lang) {\n    switch (lang) {\n        case \"es\":\n            return ['Sí', 'No'];\n        case \"fr\":\n            return ['Oui', 'Non'];\n        case \"de\":\n            return ['Ja', 'Nein'];\n        case \"it\":\n            return ['Sì', 'No'];\n        case \"pt\":\n            return ['Sim', 'Não'];\n        case \"nl\":\n            return ['Ja', 'Nee'];\n        case \"pl\":\n            return ['Tak', 'Nie'];\n        case \"ru\":\n            return ['Да', 'Нет'];\n        case \"ja\":\n            return ['はい', 'いいえ'];\n        case \"zh\":\n            return ['是', '不'];\n        case \"ko\":\n            return ['예', '아니'];\n        case 'da':\n            return ['Ja', 'Nej'];\n        case 'fi':\n            return ['Kyllä', 'Ei'];\n        case 'sv':\n            return ['Ja', 'Nej'];\n        case 'no':\n            return ['Ja', 'Nei'];\n        case 'ar':\n            return ['نعم', 'لا'];\n        case 'bn':\n            return ['হ্যাঁ', 'না'];\n        default:\n            return ['Yes', 'No'];\n    }\n}\nexports.getBooleanOptions = getBooleanOptions;\nfunction getUrlParam(key) {\n    const searchParams = new URLSearchParams(window.location.search);\n    return searchParams.get(key);\n}\nexports.getUrlParam = getUrlParam;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/helpers.ts?");
+
+/***/ }),
+
+/***/ "./src/render/ratingHelpers.ts":
+/*!*************************************!*\
+  !*** ./src/render/ratingHelpers.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.createRatingNumberElement = exports.createStarRating = exports.createRatingPlaceholder = void 0;\nfunction createRatingPlaceholder(min, max, minPlaceholder, maxPlaceholder, extraOption, mobile = true, order = 'ltr', direction = 'row') {\n    const ratingPlaceholder = document.createElement('div');\n    ratingPlaceholder.classList.add('magicfeedback-rating-placeholder');\n    ratingPlaceholder.style.display = \"flex\";\n    ratingPlaceholder.style.flexDirection = direction;\n    ratingPlaceholder.style.alignItems = \"center\";\n    ratingPlaceholder.style.justifyContent = \"space-between\";\n    ratingPlaceholder.style.width = extraOption ? `calc(100% - (100% / ${max + 1}))` : \"100%\";\n    ratingPlaceholder.style.marginRight = \"auto\";\n    if (mobile && window.innerWidth < 600)\n        ratingPlaceholder.style.flexDirection = \"column\";\n    const ratingPlaceholderMin = document.createElement('span');\n    ratingPlaceholderMin.textContent = minPlaceholder;\n    ratingPlaceholderMin.classList.add('magicfeedback-rating-placeholder-value');\n    ratingPlaceholderMin.style.fontSize = \"15px\";\n    ratingPlaceholderMin.style.textAlign = order === 'ltr' ? \"left\" : \"right\";\n    ratingPlaceholderMin.style.width = `50%`;\n    if (mobile && window.innerWidth < 600 || direction === 'column') {\n        ratingPlaceholderMin.textContent = `${min} = ${minPlaceholder}`;\n        ratingPlaceholderMin.style.width = '100%';\n        ratingPlaceholderMin.style.textAlign = \"left\";\n        ratingPlaceholderMin.style.marginBottom = \"5px\";\n    }\n    const ratingPlaceholderMax = document.createElement('span');\n    ratingPlaceholderMax.textContent = maxPlaceholder;\n    ratingPlaceholderMax.classList.add('magicfeedback-rating-placeholder-value');\n    ratingPlaceholderMax.style.fontSize = \"15px\";\n    ratingPlaceholderMax.style.textAlign = order === 'ltr' ? \"right\" : \"left\";\n    ratingPlaceholderMax.style.width = `50%`;\n    if (mobile && window.innerWidth < 600 || direction === 'column') {\n        ratingPlaceholderMax.textContent = `${max} = ${maxPlaceholder}`;\n        ratingPlaceholderMax.style.width = '100%';\n        ratingPlaceholderMax.style.textAlign = \"left\";\n        ratingPlaceholderMax.style.marginBottom = \"5px\";\n    }\n    if (order === 'ltr') {\n        if (minPlaceholder)\n            ratingPlaceholder.appendChild(ratingPlaceholderMin);\n        if (maxPlaceholder)\n            ratingPlaceholder.appendChild(ratingPlaceholderMax);\n    }\n    else {\n        if (maxPlaceholder)\n            ratingPlaceholder.appendChild(ratingPlaceholderMax);\n        if (minPlaceholder)\n            ratingPlaceholder.appendChild(ratingPlaceholderMin);\n    }\n    return ratingPlaceholder;\n}\nexports.createRatingPlaceholder = createRatingPlaceholder;\nfunction createStarRating(ref, minPlaceholder, maxPlaceholder, send = () => {\n}, urlParamValue) {\n    const size = 40;\n    const selectedClass = \"magicfeedback-rating-star-selected\";\n    const starFilled = \"★\";\n    const ratingContainer = document.createElement(\"div\");\n    ratingContainer.classList.add(\"magicfeedback-rating-star-container\");\n    ratingContainer.style.maxWidth = \"300px\";\n    ratingContainer.style.margin = \"auto\";\n    ratingContainer.dataset.originalSelection = '0';\n    for (let i = 1; i <= 5; i++) {\n        const ratingOption = document.createElement(\"label\");\n        ratingOption.classList.add(\"magicfeedback-rating-star-option\");\n        const ratingInput = document.createElement(\"input\");\n        ratingInput.id = `rating-${ref}-${i}`;\n        ratingInput.type = \"radio\";\n        ratingInput.name = ref;\n        ratingInput.value = i.toString();\n        ratingInput.style.position = \"absolute\";\n        ratingInput.style.opacity = \"0\";\n        ratingInput.style.width = \"0\";\n        ratingInput.style.height = \"0\";\n        ratingInput.classList.add(\"magicfeedback-input\");\n        if (urlParamValue && urlParamValue === ratingInput.value) {\n            ratingInput.checked = true;\n        }\n        ratingInput.addEventListener(\"change\", () => {\n            const allStars = ratingContainer.querySelectorAll(\".rating__star\");\n            for (let j = 0; j < allStars.length; j++) {\n                if (j + 1 <= Number(ratingInput.value)) {\n                    if (!allStars[j].classList.contains(selectedClass))\n                        allStars[j].classList.add(selectedClass);\n                }\n                else {\n                    if (allStars[j].classList.contains(selectedClass))\n                        allStars[j].classList.remove(selectedClass);\n                }\n            }\n            ratingContainer.dataset.originalSelection = ratingInput.value;\n            if (send)\n                send();\n        });\n        ratingOption.appendChild(ratingInput);\n        const starElement = document.createElement(\"label\");\n        starElement.htmlFor = `rating-${ref}-${i}`;\n        starElement.classList.add(\"rating__star\");\n        starElement.textContent = starFilled;\n        starElement.style.fontSize = `${size}px`;\n        starElement.style.color = \"#CCCCCC\";\n        starElement.style.cursor = \"pointer\";\n        starElement.addEventListener(\"mouseenter\", () => {\n            const allStars = ratingContainer.querySelectorAll(\".rating__star\");\n            const idx = i - 1;\n            allStars.forEach((star, starIdx) => {\n                if (starIdx <= idx) {\n                    if (!star.classList.contains(selectedClass))\n                        star.classList.add(selectedClass);\n                }\n                else {\n                    if (star.classList.contains(selectedClass))\n                        star.classList.remove(selectedClass);\n                }\n            });\n        });\n        starElement.addEventListener(\"mouseleave\", () => {\n            const original = Number(ratingContainer.dataset.originalSelection || '0');\n            const allStars = ratingContainer.querySelectorAll(\".rating__star\");\n            allStars.forEach((star, starIdx) => {\n                if (starIdx < original) {\n                    if (!star.classList.contains(selectedClass))\n                        star.classList.add(selectedClass);\n                }\n                else {\n                    if (star.classList.contains(selectedClass))\n                        star.classList.remove(selectedClass);\n                }\n            });\n        });\n        ratingOption.appendChild(starElement);\n        ratingContainer.appendChild(ratingOption);\n    }\n    ratingContainer.appendChild(createRatingPlaceholder(1, 5, minPlaceholder, maxPlaceholder, false, false));\n    return ratingContainer;\n}\nexports.createStarRating = createStarRating;\nfunction createRatingNumberElement(ref, assets, order, direction, isPhone, elementTypeClass, send, urlParamValue) {\n    const element = document.createElement(\"div\");\n    element.classList.add('magicfeedback-rating-number');\n    const numberContainerDirection = order === 'ltr' ? direction : `${direction}-reverse`;\n    const ratingNumberContainer = document.createElement('div');\n    ratingNumberContainer.classList.add('magicfeedback-rating-number-container');\n    ratingNumberContainer.classList.add(`magicfeedback-rating-number-container-${order}`);\n    ratingNumberContainer.classList.add(`magicfeedback-rating-number-container-${direction}`);\n    ratingNumberContainer.style.display = \"flex\";\n    ratingNumberContainer.style.flexDirection = numberContainerDirection;\n    ratingNumberContainer.setAttribute('role', 'radiogroup');\n    ratingNumberContainer.setAttribute('aria-label', (assets === null || assets === void 0 ? void 0 : assets.ariaLabel) || 'Rating');\n    const maxRatingNumber = (assets === null || assets === void 0 ? void 0 : assets.max) ? Number(assets === null || assets === void 0 ? void 0 : assets.max) : 10;\n    const minRatingNumber = (assets === null || assets === void 0 ? void 0 : assets.min) ? Number(assets === null || assets === void 0 ? void 0 : assets.min) : 0;\n    const numberPlaceholders = (assets === null || assets === void 0 ? void 0 : assets.numberPlaceholders) || null;\n    const integratePlaceholders = !(isPhone || direction === 'column');\n    for (let i = minRatingNumber; i <= maxRatingNumber; i++) {\n        const ratingOption = document.createElement('div');\n        ratingOption.classList.add('magicfeedback-rating-number-option');\n        ratingOption.classList.add(`magicfeedback-rating-number-option-${direction}`);\n        const containerLabel = document.createElement('label');\n        containerLabel.htmlFor = `rating-${ref}-${i}`;\n        containerLabel.classList.add('magicfeedback-rating-number-option-label-container');\n        if (integratePlaceholders) {\n            const cap = document.createElement('span');\n            cap.classList.add('magicfeedback-rating-number-cap');\n            cap.classList.add('magicfeedback-rating-placeholder-value');\n            cap.style.fontSize = \"14px\";\n            cap.style.whiteSpace = 'nowrap';\n            cap.style.wordBreak = 'normal';\n            if (i === minRatingNumber && (assets === null || assets === void 0 ? void 0 : assets.minPlaceholder)) {\n                cap.textContent = assets.minPlaceholder;\n                cap.dataset.capType = 'min';\n            }\n            else if (i === maxRatingNumber && (assets === null || assets === void 0 ? void 0 : assets.maxPlaceholder)) {\n                cap.textContent = assets.maxPlaceholder;\n                cap.dataset.capType = 'max';\n            }\n            else\n                cap.dataset.capType = 'mid';\n            containerLabel.appendChild(cap);\n        }\n        let inputText = i.toString();\n        if (!integratePlaceholders) {\n            if (numberPlaceholders && numberPlaceholders[i])\n                inputText += ` = ${numberPlaceholders[i]}`;\n            else if (i === minRatingNumber && (assets === null || assets === void 0 ? void 0 : assets.minPlaceholder))\n                inputText += ` = ${assets === null || assets === void 0 ? void 0 : assets.minPlaceholder}`;\n            else if (i === maxRatingNumber && (assets === null || assets === void 0 ? void 0 : assets.maxPlaceholder))\n                inputText += ` = ${assets === null || assets === void 0 ? void 0 : assets.maxPlaceholder}`;\n        }\n        else {\n            if (numberPlaceholders && numberPlaceholders[i] && !isPhone)\n                containerLabel.title = numberPlaceholders[i];\n        }\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        input.setAttribute('aria-label', `${i}`);\n        if (send)\n            input.addEventListener(\"change\", () => send());\n        if (urlParamValue && urlParamValue === input.value) {\n            input.checked = true;\n        }\n        const ratingLabel = document.createElement('label');\n        ratingLabel.htmlFor = `rating-${ref}-${i}`;\n        ratingLabel.textContent = inputText;\n        ratingLabel.classList.add('magicfeedback-rating-number-value');\n        containerLabel.appendChild(input);\n        containerLabel.appendChild(ratingLabel);\n        ratingOption.appendChild(containerLabel);\n        ratingNumberContainer.appendChild(ratingOption);\n    }\n    if ((assets === null || assets === void 0 ? void 0 : assets.extraOption) && (assets === null || assets === void 0 ? void 0 : assets.extraOptionText)) {\n        const extraOption = document.createElement('div');\n        extraOption.classList.add('magicfeedback-rating-number-option');\n        const containerLabel = document.createElement('label');\n        containerLabel.htmlFor = `rating-${ref}-extra`;\n        containerLabel.classList.add('magicfeedback-rating-number-option-label-container');\n        if (integratePlaceholders) {\n            const cap = document.createElement('span');\n            cap.classList.add('magicfeedback-rating-number-cap');\n            cap.dataset.capType = 'extra';\n            cap.style.fontSize = '12px';\n            cap.style.whiteSpace = 'nowrap';\n            cap.style.wordBreak = 'normal';\n            containerLabel.appendChild(cap);\n        }\n        const input = document.createElement(\"input\");\n        input.id = `rating-${ref}-extra`;\n        input.type = \"radio\";\n        input.name = ref;\n        input.value = '-';\n        input.classList.add(elementTypeClass);\n        input.classList.add(\"magicfeedback-input\");\n        input.setAttribute('aria-label', assets === null || assets === void 0 ? void 0 : assets.extraOptionText);\n        if (send)\n            input.addEventListener(\"change\", () => send());\n        const ratingLabel = document.createElement('label');\n        ratingLabel.htmlFor = `rating-${ref}-extra`;\n        ratingLabel.textContent = assets === null || assets === void 0 ? void 0 : assets.extraOptionText;\n        ratingLabel.classList.add('magicfeedback-rating-number-value');\n        containerLabel.appendChild(input);\n        containerLabel.appendChild(ratingLabel);\n        extraOption.appendChild(containerLabel);\n        if (order === 'ltr')\n            ratingNumberContainer.appendChild(extraOption);\n        else\n            ratingNumberContainer.insertBefore(extraOption, ratingNumberContainer.firstChild);\n    }\n    element.appendChild(ratingNumberContainer);\n    return element;\n}\nexports.createRatingNumberElement = createRatingNumberElement;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/ratingHelpers.ts?");
+
+/***/ }),
+
+/***/ "./src/render/registry.ts":
+/*!********************************!*\
+  !*** ./src/render/registry.ts ***!
+  \********************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.getQuestionRenderer = void 0;\nconst types_1 = __webpack_require__(/*! ../models/types */ \"./src/models/types.ts\");\nconst renderChoice_1 = __webpack_require__(/*! ./renderChoice */ \"./src/render/renderChoice.ts\");\nconst renderLongText_1 = __webpack_require__(/*! ./renderLongText */ \"./src/render/renderLongText.ts\");\nconst renderNumber_1 = __webpack_require__(/*! ./renderNumber */ \"./src/render/renderNumber.ts\");\nconst renderText_1 = __webpack_require__(/*! ./renderText */ \"./src/render/renderText.ts\");\nconst renderBoolean_1 = __webpack_require__(/*! ./renderBoolean */ \"./src/render/renderBoolean.ts\");\nconst renderSelect_1 = __webpack_require__(/*! ./renderSelect */ \"./src/render/renderSelect.ts\");\nconst renderDate_1 = __webpack_require__(/*! ./renderDate */ \"./src/render/renderDate.ts\");\nconst renderEmail_1 = __webpack_require__(/*! ./renderEmail */ \"./src/render/renderEmail.ts\");\nconst renderPassword_1 = __webpack_require__(/*! ./renderPassword */ \"./src/render/renderPassword.ts\");\nconst renderConsent_1 = __webpack_require__(/*! ./renderConsent */ \"./src/render/renderConsent.ts\");\nconst renderRatingEmoji_1 = __webpack_require__(/*! ./renderRatingEmoji */ \"./src/render/renderRatingEmoji.ts\");\nconst renderRatingNumber_1 = __webpack_require__(/*! ./renderRatingNumber */ \"./src/render/renderRatingNumber.ts\");\nconst renderRatingStar_1 = __webpack_require__(/*! ./renderRatingStar */ \"./src/render/renderRatingStar.ts\");\nconst renderMatrix_1 = __webpack_require__(/*! ./renderMatrix */ \"./src/render/renderMatrix.ts\");\nconst renderPriorityList_1 = __webpack_require__(/*! ./renderPriorityList */ \"./src/render/renderPriorityList.ts\");\nconst renderPointSystem_1 = __webpack_require__(/*! ./renderPointSystem */ \"./src/render/renderPointSystem.ts\");\nconst renderUploadImage_1 = __webpack_require__(/*! ./renderUploadImage */ \"./src/render/renderUploadImage.ts\");\nconst renderUploadFile_1 = __webpack_require__(/*! ./renderUploadFile */ \"./src/render/renderUploadFile.ts\");\nconst renderMultipleChoiceImage_1 = __webpack_require__(/*! ./renderMultipleChoiceImage */ \"./src/render/renderMultipleChoiceImage.ts\");\nconst renderInfoPage_1 = __webpack_require__(/*! ./renderInfoPage */ \"./src/render/renderInfoPage.ts\");\nconst registry = new Map([\n    [types_1.FEEDBACKAPPANSWERTYPE.TEXT, renderText_1.renderText],\n    [types_1.FEEDBACKAPPANSWERTYPE.LONGTEXT, renderLongText_1.renderLongText],\n    [types_1.FEEDBACKAPPANSWERTYPE.NUMBER, renderNumber_1.renderNumber],\n    [types_1.FEEDBACKAPPANSWERTYPE.RADIO, renderChoice_1.renderChoice],\n    [types_1.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE, renderChoice_1.renderChoice],\n    [types_1.FEEDBACKAPPANSWERTYPE.BOOLEAN, renderBoolean_1.renderBoolean],\n    [types_1.FEEDBACKAPPANSWERTYPE.SELECT, renderSelect_1.renderSelect],\n    [types_1.FEEDBACKAPPANSWERTYPE.DATE, renderDate_1.renderDate],\n    [types_1.FEEDBACKAPPANSWERTYPE.EMAIL, renderEmail_1.renderEmail],\n    [types_1.FEEDBACKAPPANSWERTYPE.PASSWORD, renderPassword_1.renderPassword],\n    [types_1.FEEDBACKAPPANSWERTYPE.CONSENT, renderConsent_1.renderConsent],\n    [types_1.FEEDBACKAPPANSWERTYPE.RATING_EMOJI, renderRatingEmoji_1.renderRatingEmoji],\n    [types_1.FEEDBACKAPPANSWERTYPE.RATING_NUMBER, renderRatingNumber_1.renderRatingNumber],\n    [types_1.FEEDBACKAPPANSWERTYPE.RATING_STAR, renderRatingStar_1.renderRatingStar],\n    [types_1.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX, renderMatrix_1.renderMatrix],\n    [types_1.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST, renderPriorityList_1.renderPriorityList],\n    [types_1.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM, renderPointSystem_1.renderPointSystem],\n    [types_1.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE, renderUploadImage_1.renderUploadImage],\n    [types_1.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE, renderUploadFile_1.renderUploadFile],\n    [types_1.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE, renderMultipleChoiceImage_1.renderMultipleChoiceImage],\n    [types_1.FEEDBACKAPPANSWERTYPE.INFO_PAGE, renderInfoPage_1.renderInfoPage],\n]);\nfunction getQuestionRenderer(type) {\n    return registry.get(type);\n}\nexports.getQuestionRenderer = getQuestionRenderer;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/registry.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderBoolean.ts":
+/*!*************************************!*\
+  !*** ./src/render/renderBoolean.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderBoolean = void 0;\nconst helpers_1 = __webpack_require__(/*! ./helpers */ \"./src/render/helpers.ts\");\nconst renderBoolean = ({ question, language, urlParamValue, send }) => {\n    const { ref, assets } = question;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = 'magicfeedback-radio';\n    const booleanContainer = document.createElement('div');\n    booleanContainer.classList.add('magicfeedback-boolean-container');\n    booleanContainer.style.display = \"flex\";\n    booleanContainer.style.flexDirection = \"row\";\n    booleanContainer.style.justifyContent = \"space-between\";\n    booleanContainer.style.width = \"70%\";\n    booleanContainer.style.margin = \"auto\";\n    const booleanOptions = (assets === null || assets === void 0 ? void 0 : assets.addIcon) ? ['👍', '👎'] : (0, helpers_1.getBooleanOptions)(language);\n    booleanOptions.forEach((option, index) => {\n        const container = document.createElement(\"label\");\n        container.classList.add(\"magicfeedback-boolean-option\");\n        container.htmlFor = `rating-${ref}-${index}`;\n        container.style.cursor = \"pointer\";\n        container.style.display = \"flex\";\n        container.style.justifyContent = \"center\";\n        container.style.alignItems = \"center\";\n        container.style.margin = \"auto\";\n        container.style.padding = \"0\";\n        container.style.width = \"45%\";\n        container.style.height = \"38px\";\n        const label = document.createElement(\"label\");\n        label.htmlFor = `rating-${ref}-${index}`;\n        label.textContent = option;\n        label.style.margin = \"0\";\n        label.style.padding = \"0\";\n        const input = document.createElement(\"input\");\n        input.id = `rating-${ref}-${index}`;\n        input.type = \"radio\";\n        input.name = ref;\n        input.value = ['Yes', 'No'][index];\n        input.classList.add(elementTypeClass);\n        input.classList.add(\"magicfeedback-input\");\n        input.style.position = \"absolute\";\n        input.style.opacity = \"0\";\n        input.style.width = \"0\";\n        input.style.height = \"0\";\n        input.style.margin = \"0\";\n        input.addEventListener(\"change\", () => {\n            if (send)\n                send();\n        });\n        if (urlParamValue && urlParamValue.toLowerCase() === input.value.toLowerCase()) {\n            input.checked = true;\n        }\n        container.appendChild(input);\n        container.appendChild(label);\n        booleanContainer.appendChild(container);\n    });\n    element.appendChild(booleanContainer);\n    return { element, elementTypeClass };\n};\nexports.renderBoolean = renderBoolean;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderBoolean.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderChoice.ts":
+/*!************************************!*\
+  !*** ./src/render/renderChoice.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderChoice = void 0;\nconst types_1 = __webpack_require__(/*! ../models/types */ \"./src/models/types.ts\");\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst renderChoice = ({ question, language, urlParamValue, randomPosition, send }) => {\n    const { type, ref, value, defaultValue, assets } = question;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = `magicfeedback-${(type === \"MULTIPLECHOICE\" ? \"checkbox\" : \"radio\")}`;\n    let opt = value || [];\n    if (randomPosition) {\n        opt = opt.sort(() => Math.random() - 0.5);\n    }\n    let exclusiveAnswers = (assets === null || assets === void 0 ? void 0 : assets.exclusiveAnswers) || [];\n    if (assets === null || assets === void 0 ? void 0 : assets.extraOption) {\n        exclusiveAnswers = exclusiveAnswers.filter(a => a !== assets.extraOptionText);\n    }\n    if (exclusiveAnswers.length > 0) {\n        exclusiveAnswers === null || exclusiveAnswers === void 0 ? void 0 : exclusiveAnswers.forEach((answer) => {\n            if (!opt.includes(answer))\n                opt.push(answer);\n        });\n    }\n    if ((assets === null || assets === void 0 ? void 0 : assets.extraOption) && !opt.includes(assets === null || assets === void 0 ? void 0 : assets.extraOptionText)) {\n        opt.push(assets === null || assets === void 0 ? void 0 : assets.extraOptionText);\n    }\n    opt.forEach((option, index) => {\n        const container = document.createElement(\"div\");\n        container.classList.add(`magicfeedback-${type === \"MULTIPLECHOICE\" ? \"checkbox\" : \"radio\"}-container`);\n        const label = document.createElement(\"label\");\n        const input = document.createElement(\"input\");\n        input.id = `rating-${ref}-${index}`;\n        input.type = type === \"MULTIPLECHOICE\" ? \"checkbox\" : \"radio\";\n        input.name = ref;\n        input.value = option;\n        input.classList.add(elementTypeClass);\n        input.classList.add(\"magicfeedback-input\");\n        if (type === types_1.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE && (assets === null || assets === void 0 ? void 0 : assets.maxOptions) && (assets === null || assets === void 0 ? void 0 : assets.maxOptions) > 0) {\n            input.addEventListener(\"change\", () => {\n                const checkboxes = document.querySelectorAll(`input[name=\"${ref}\"]:checked`);\n                if (checkboxes.length > (assets === null || assets === void 0 ? void 0 : assets.maxOptions)) {\n                    input.checked = false;\n                }\n            });\n        }\n        if (type === types_1.FEEDBACKAPPANSWERTYPE.RADIO && send) {\n            if (!(assets === null || assets === void 0 ? void 0 : assets.extraOptionText) || (assets === null || assets === void 0 ? void 0 : assets.extraOptionText) && option !== (assets === null || assets === void 0 ? void 0 : assets.extraOptionText))\n                input.addEventListener(\"change\", () => {\n                    send();\n                });\n        }\n        if (option === defaultValue || option === urlParamValue) {\n            input.checked = true;\n        }\n        label.textContent = option;\n        label.htmlFor = `rating-${ref}-${index}`;\n        input.addEventListener(\"change\", (event) => {\n            const extraOption = document.getElementById(`extra-option-${ref}`);\n            if (event.target.checked && exclusiveAnswers.includes(option)) {\n                opt.forEach((answer) => {\n                    if (answer !== option) {\n                        const input = document.querySelector(`input[value=\"${answer}\"]`);\n                        input.checked = false;\n                    }\n                });\n                if (extraOption)\n                    extraOption.style.display = \"none\";\n            }\n            else {\n                exclusiveAnswers.forEach((answer) => {\n                    if (answer !== option) {\n                        const input = document.querySelector(`input[value=\"${answer}\"]`);\n                        input.checked = false;\n                    }\n                });\n            }\n            if ((assets === null || assets === void 0 ? void 0 : assets.extraOption) && option === (assets === null || assets === void 0 ? void 0 : assets.extraOptionText) && extraOption)\n                extraOption.style.display = event.target.checked ? \"block\" : \"none\";\n        });\n        container.appendChild(input);\n        container.appendChild(label);\n        element.appendChild(container);\n        if ((assets === null || assets === void 0 ? void 0 : assets.extraOption) && option === (assets === null || assets === void 0 ? void 0 : assets.extraOptionText)) {\n            const inputText = document.createElement(\"input\");\n            inputText.type = \"text\";\n            inputText.placeholder = (assets === null || assets === void 0 ? void 0 : assets.extraOptionPlaceholder) || placeholder_1.placeholder.answer(language || 'en');\n            inputText.classList.add(\"magicfeedback-extra-option\");\n            inputText.classList.add(\"magicfeedback-input\");\n            inputText.id = `extra-option-${ref}`;\n            inputText.name = `extra-option-${ref}`;\n            inputText.style.display = \"none\";\n            element.appendChild(inputText);\n        }\n    });\n    return { element, elementTypeClass };\n};\nexports.renderChoice = renderChoice;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderChoice.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderConsent.ts":
+/*!*************************************!*\
+  !*** ./src/render/renderConsent.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderConsent = void 0;\nconst renderConsent = ({ question, urlParamValue, send }) => {\n    const { id, ref, value, require } = question;\n    const element = document.createElement(\"input\");\n    const elementTypeClass = \"magicfeedback-consent\";\n    element.type = \"checkbox\";\n    element.id = `magicfeedback-${id}`;\n    element.name = ref;\n    element.value = \"true\";\n    element.required = require;\n    element.classList.add(\"magicfeedback-consent\");\n    element.classList.add(\"magicfeedback-input\");\n    if (urlParamValue && value.includes(urlParamValue)) {\n        element.checked = true;\n    }\n    if (send) {\n        element.addEventListener(\"change\", () => {\n            send();\n        });\n    }\n    return { element, elementTypeClass };\n};\nexports.renderConsent = renderConsent;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderConsent.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderDate.ts":
+/*!**********************************!*\
+  !*** ./src/render/renderDate.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderDate = void 0;\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst renderDate = ({ language, placeholderText, urlParamValue }) => {\n    const element = document.createElement(\"input\");\n    element.type = \"date\";\n    element.placeholder = placeholderText || placeholder_1.placeholder.date(language || 'en');\n    const elementTypeClass = \"magicfeedback-date\";\n    if (urlParamValue) {\n        element.value = urlParamValue;\n    }\n    return { element, elementTypeClass };\n};\nexports.renderDate = renderDate;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderDate.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderEmail.ts":
+/*!***********************************!*\
+  !*** ./src/render/renderEmail.ts ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderEmail = void 0;\nconst renderEmail = ({ placeholderText, urlParamValue }) => {\n    const element = document.createElement(\"input\");\n    element.type = \"email\";\n    element.placeholder = placeholderText || \"you@example.com\";\n    const elementTypeClass = \"magicfeedback-email\";\n    if (urlParamValue) {\n        element.value = urlParamValue;\n    }\n    return { element, elementTypeClass };\n};\nexports.renderEmail = renderEmail;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderEmail.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderInfoPage.ts":
+/*!**************************************!*\
+  !*** ./src/render/renderInfoPage.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderInfoPage = void 0;\nconst renderInfoPage = ({ placeholderText }) => {\n    const element = document.createElement(\"div\");\n    const elementTypeClass = \"magicfeedback-info-page\";\n    const infoMessageElement = document.createElement(\"div\");\n    infoMessageElement.classList.add(\"magicfeedback-info-message\");\n    infoMessageElement.innerHTML = placeholderText || '';\n    element.appendChild(infoMessageElement);\n    return { element, elementTypeClass };\n};\nexports.renderInfoPage = renderInfoPage;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderInfoPage.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderLongText.ts":
+/*!**************************************!*\
+  !*** ./src/render/renderLongText.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderLongText = void 0;\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst renderLongText = ({ language, placeholderText, urlParamValue, maxCharacters }) => {\n    const element = document.createElement(\"textarea\");\n    element.rows = 3;\n    if (maxCharacters > 0)\n        element.maxLength = maxCharacters;\n    element.placeholder = placeholderText || placeholder_1.placeholder.answer(language || 'en');\n    if (urlParamValue) {\n        element.value = urlParamValue;\n    }\n    const elementTypeClass = \"magicfeedback-longtext\";\n    return { element, elementTypeClass };\n};\nexports.renderLongText = renderLongText;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderLongText.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderMatrix.ts":
+/*!************************************!*\
+  !*** ./src/render/renderMatrix.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderMatrix = void 0;\nconst renderMatrix = ({ question, isPhone, randomPosition }) => {\n    const { ref, value, assets } = question;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = \"magicfeedback-multi-question-matrix\";\n    const matrixContainer = document.createElement(\"div\");\n    matrixContainer.classList.add(\"magicfeedback-multi-question-matrix-container\");\n    let options = (assets === null || assets === void 0 ? void 0 : assets.options) || [];\n    let values = [...value];\n    let exclusiveValues = [];\n    if (randomPosition) {\n        options = options === null || options === void 0 ? void 0 : options.sort(() => Math.random() - 0.5);\n        values = [...values].sort(() => Math.random() - 0.5);\n    }\n    if (assets === null || assets === void 0 ? void 0 : assets.exclusiveAnswers) {\n        exclusiveValues = assets === null || assets === void 0 ? void 0 : assets.exclusiveAnswers;\n        exclusiveValues === null || exclusiveValues === void 0 ? void 0 : exclusiveValues.forEach((answer) => {\n            if (!values.includes(answer))\n                values.push(answer);\n        });\n    }\n    if (isPhone) {\n        const list = document.createElement(\"div\");\n        list.classList.add(\"magicfeedback-multi-question-matrix-list\");\n        options === null || options === void 0 ? void 0 : options.forEach((questionText) => {\n            const row = document.createElement(\"div\");\n            row.classList.add(\"magicfeedback-multi-question-matrix-list-item\");\n            row.style.display = \"flex\";\n            row.style.flexDirection = \"column\";\n            row.style.alignItems = \"flex-start\";\n            row.style.marginBottom = \"10px\";\n            const label = document.createElement(\"label\");\n            label.classList.add(\"magicfeedback-multi-question-matrix-label\");\n            label.style.paddingBottom = \"10px\";\n            label.textContent = questionText;\n            row.appendChild(label);\n            values.forEach((option) => {\n                const container = document.createElement(\"div\");\n                container.classList.add(`magicfeedback-radio-container`);\n                container.style.display = \"flex\";\n                container.style.alignItems = \"center\";\n                container.style.justifyContent = \"flex-start\";\n                container.style.width = \"99%\";\n                container.style.margin = \"5px auto\";\n                const optionLabel = document.createElement(\"label\");\n                const input = document.createElement(\"input\");\n                input.id = `${ref}-${questionText}-${option}`;\n                input.type = \"radio\";\n                input.name = `${ref}-${questionText}`;\n                input.value = option;\n                input.classList.add(\"magicfeedback-input\");\n                optionLabel.textContent = option;\n                optionLabel.htmlFor = `${ref}-${questionText}-${option}`;\n                container.appendChild(input);\n                container.appendChild(optionLabel);\n                row.appendChild(container);\n            });\n            list.appendChild(row);\n        });\n        matrixContainer.appendChild(list);\n    }\n    else {\n        const table = document.createElement(\"table\");\n        table.classList.add(\"magicfeedback-multi-question-matrix-table\");\n        const header = document.createElement(\"thead\");\n        header.classList.add(\"magicfeedback-multi-question-matrix-header\");\n        header.style.paddingBottom = \"15px\";\n        const headerRow = document.createElement(\"tr\");\n        const emptyHeaderCell = document.createElement(\"th\");\n        headerRow.appendChild(emptyHeaderCell);\n        values.forEach((option) => {\n            const headerCell = document.createElement(\"th\");\n            headerCell.textContent = option;\n            headerRow.appendChild(headerCell);\n        });\n        header.appendChild(headerRow);\n        table.appendChild(header);\n        const body = document.createElement(\"tbody\");\n        options === null || options === void 0 ? void 0 : options.forEach((questionText) => {\n            const row = document.createElement(\"tr\");\n            row.classList.add(\"magicfeedback-multi-question-matrix-row-tr\");\n            const questionCell = document.createElement(\"td\");\n            questionCell.style.minWidth = \"200px\";\n            questionCell.style.padding = \"10px\";\n            const label = document.createElement(\"label\");\n            label.classList.add(\"magicfeedback-multi-question-matrix-label\");\n            label.textContent = questionText;\n            questionCell.appendChild(label);\n            row.appendChild(questionCell);\n            values.forEach((option) => {\n                const optionCell = document.createElement(\"td\");\n                const input = document.createElement(\"input\");\n                input.type = \"radio\";\n                input.name = `${ref}-${questionText}`;\n                input.value = option;\n                input.id = `${ref}-${questionText}-${option}`;\n                input.classList.add(\"magicfeedback-input\");\n                optionCell.appendChild(input);\n                row.appendChild(optionCell);\n            });\n            body.appendChild(row);\n        });\n        table.appendChild(body);\n        matrixContainer.appendChild(table);\n    }\n    element.appendChild(matrixContainer);\n    return { element, elementTypeClass };\n};\nexports.renderMatrix = renderMatrix;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderMatrix.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderMultipleChoiceImage.ts":
+/*!*************************************************!*\
+  !*** ./src/render/renderMultipleChoiceImage.ts ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderMultipleChoiceImage = void 0;\nconst renderMultipleChoiceImage = ({ question, randomPosition, urlParamValue, send }) => {\n    const element = document.createElement(\"div\");\n    const elementTypeClass = 'magicfeedback-multiple-choice-image';\n    const { ref, assets } = question;\n    let values = [...question.value];\n    const multipleChoiceImageContainer = document.createElement(\"div\");\n    multipleChoiceImageContainer.classList.add(\"magicfeedback-multiple-choice-image-container\");\n    multipleChoiceImageContainer.style.display = \"flex\";\n    multipleChoiceImageContainer.style.flexDirection = \"row\";\n    multipleChoiceImageContainer.style.flexWrap = \"wrap\";\n    multipleChoiceImageContainer.style.justifyContent = \"center\";\n    const maxItems = values.length;\n    let itemsPerRow = 1;\n    let itemsPerColumn = 1;\n    if (window.innerWidth < 600) {\n        itemsPerRow = 1;\n        itemsPerColumn = maxItems;\n    }\n    else {\n        switch (maxItems) {\n            case 1:\n            case 2:\n            case 3:\n                itemsPerRow = maxItems;\n                itemsPerColumn = 1;\n                break;\n            case 4:\n            case 5:\n            case 6:\n                itemsPerColumn = 2;\n                itemsPerRow = Math.ceil(maxItems / itemsPerColumn);\n                break;\n            case 7:\n            case 8:\n            case 9:\n                itemsPerColumn = 3;\n                itemsPerRow = Math.ceil(maxItems / itemsPerColumn);\n                break;\n            default:\n                itemsPerColumn = 4;\n                itemsPerRow = Math.ceil(maxItems / itemsPerColumn);\n                break;\n        }\n    }\n    const useLabel = (assets === null || assets === void 0 ? void 0 : assets.addTitle) === undefined ? false : assets === null || assets === void 0 ? void 0 : assets.addTitle;\n    const multiOptions = (assets === null || assets === void 0 ? void 0 : assets.multiOption) === undefined ? false : assets === null || assets === void 0 ? void 0 : assets.multiOption;\n    const extraOption = (assets === null || assets === void 0 ? void 0 : assets.extraOption) === undefined ? false : assets === null || assets === void 0 ? void 0 : assets.extraOption;\n    if (randomPosition) {\n        values = values.sort(() => Math.random() - 0.5);\n    }\n    function generateOption(option) {\n        try {\n            const { position, url, value } = option;\n            const container = document.createElement(\"div\");\n            container.classList.add(\"magicfeedback-multiple-choice-image-option\");\n            container.style.width = `calc(100% / ${itemsPerRow} - 2px)`;\n            container.style.height = `calc(100% / ${itemsPerColumn} - 2px)`;\n            container.style.padding = \"8px\";\n            container.style.margin = \"0\";\n            const containerLabel = document.createElement(\"label\");\n            containerLabel.classList.add(\"magicfeedback-image-option-label-container\");\n            containerLabel.htmlFor = `rating-${ref}-${position}`;\n            containerLabel.style.cursor = \"pointer\";\n            containerLabel.addEventListener(\"click\", () => {\n                containerLabel.style.border = \"2px solid #000\";\n            });\n            const label = document.createElement(\"label\");\n            label.textContent = value;\n            label.classList.add(\"magicfeedback-multiple-choice-image-label\");\n            const input = document.createElement(\"input\");\n            input.id = `rating-${ref}-${position}`;\n            input.type = multiOptions ? \"checkbox\" : \"radio\";\n            input.name = ref;\n            input.value = value;\n            input.style.position = \"absolute\";\n            input.style.opacity = \"0\";\n            input.style.width = \"0\";\n            input.style.height = \"0\";\n            input.classList.add(\"magicfeedback-input\");\n            if (urlParamValue && urlParamValue === input.value) {\n                input.checked = true;\n            }\n            if (!multiOptions && send) {\n                input.addEventListener(\"change\", () => {\n                    send();\n                });\n            }\n            const image = document.createElement(\"img\");\n            image.classList.add(\"magicfeedback-multiple-choice-image-image\");\n            image.src = url;\n            image.style.cursor = \"pointer\";\n            image.style.backgroundSize = \"cover\";\n            image.style.backgroundPosition = \"center\";\n            image.style.width = \"100%\";\n            image.style.height = \"100%\";\n            image.style.objectFit = \"cover\";\n            image.style.margin = \"auto\";\n            containerLabel.appendChild(input);\n            containerLabel.appendChild(image);\n            if (useLabel)\n                containerLabel.appendChild(label);\n            container.appendChild(containerLabel);\n            multipleChoiceImageContainer.appendChild(container);\n        }\n        catch (e) {\n            console.error(e);\n        }\n    }\n    values.forEach((option) => generateOption(JSON.parse(option)));\n    if (extraOption && (assets === null || assets === void 0 ? void 0 : assets.extraOptionValue) && (assets === null || assets === void 0 ? void 0 : assets.extraOptionValue.length) > 0) {\n        generateOption(assets === null || assets === void 0 ? void 0 : assets.extraOptionValue[0]);\n    }\n    element.appendChild(multipleChoiceImageContainer);\n    return { element, elementTypeClass };\n};\nexports.renderMultipleChoiceImage = renderMultipleChoiceImage;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderMultipleChoiceImage.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderNumber.ts":
+/*!************************************!*\
+  !*** ./src/render/renderNumber.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderNumber = void 0;\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst helpers_1 = __webpack_require__(/*! ./helpers */ \"./src/render/helpers.ts\");\nconst renderNumber = ({ question, format, language, urlParamValue }) => {\n    const element = document.createElement(\"input\");\n    element.type = \"number\";\n    element.placeholder = format === 'slim'\n        ? (0, helpers_1.parseTitle)(question.title, language)\n        : placeholder_1.placeholder.number(language || 'en');\n    const { value } = question;\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    if (urlParamValue && !isNaN(Number(urlParamValue))) {\n        element.value = urlParamValue;\n    }\n    const elementTypeClass = \"magicfeedback-number\";\n    return { element, elementTypeClass };\n};\nexports.renderNumber = renderNumber;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderNumber.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderPassword.ts":
+/*!**************************************!*\
+  !*** ./src/render/renderPassword.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderPassword = void 0;\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst renderPassword = ({ language, placeholderText, urlParamValue }) => {\n    const element = document.createElement(\"input\");\n    element.type = \"password\";\n    element.placeholder = placeholderText || placeholder_1.placeholder.password(language || 'en');\n    const elementTypeClass = \"magicfeedback-password\";\n    if (urlParamValue) {\n        element.value = urlParamValue;\n    }\n    return { element, elementTypeClass };\n};\nexports.renderPassword = renderPassword;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderPassword.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderPointSystem.ts":
+/*!*****************************************!*\
+  !*** ./src/render/renderPointSystem.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderPointSystem = void 0;\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst renderPointSystem = ({ question, language }) => {\n    const { ref, value } = question;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = \"magicfeedback-point-system\";\n    const pointSystemContainer = document.createElement(\"div\");\n    pointSystemContainer.classList.add(\"magicfeedback-point-system-container\");\n    const pointSystemList = document.createElement(\"ul\");\n    pointSystemList.classList.add(\"magicfeedback-point-system-list\");\n    pointSystemList.style.padding = \"0\";\n    const totalPoints = 100;\n    const pointsPerItem = totalPoints / value.length;\n    const errorMessage = document.createElement(\"div\");\n    errorMessage.classList.add(\"magicfeedback-error\");\n    errorMessage.textContent = placeholder_1.placeholder.pointsystemerror(language || 'en');\n    errorMessage.style.color = \"#C70039\";\n    errorMessage.style.fontSize = \"14px\";\n    errorMessage.style.textAlign = \"right\";\n    errorMessage.style.width = \"100%\";\n    errorMessage.style.display = \"none\";\n    const totalPointsContainer = document.createElement(\"div\");\n    totalPointsContainer.classList.add(\"magicfeedback-point-system-total\");\n    totalPointsContainer.textContent = `0 / 100 %`;\n    totalPointsContainer.style.textAlign = \"right\";\n    totalPointsContainer.style.fontSize = \"15px\";\n    totalPointsContainer.style.marginTop = \"5px\";\n    value.forEach((option, index) => {\n        const item = document.createElement(\"li\");\n        item.classList.add(\"magicfeedback-point-system-item\");\n        item.style.display = \"flex\";\n        item.style.justifyContent = \"space-between\";\n        item.style.alignItems = \"center\";\n        item.style.margin = \"5px\";\n        const itemLabel = document.createElement(\"label\");\n        itemLabel.textContent = option;\n        itemLabel.style.fontSize = \"15px\";\n        item.appendChild(itemLabel);\n        const inputContainer = document.createElement(\"span\");\n        inputContainer.classList.add(\"magicfeedback-point-system-input-container\");\n        const itemInput = document.createElement(\"input\");\n        itemInput.name = ref;\n        itemInput.id = `${option}`;\n        itemInput.type = \"number\";\n        itemInput.min = \"0\";\n        itemInput.max = `${totalPoints}`;\n        itemInput.value = `0`;\n        itemInput.classList.add(\"magicfeedback-input\");\n        itemInput.style.width = \"40px\";\n        itemInput.style.border = \"0\";\n        itemInput.style.textAlign = \"center\";\n        itemInput.style.margin = \"0 5px\";\n        itemInput.autofocus = index === 0;\n        const percentSymbol = document.createElement(\"span\");\n        percentSymbol.textContent = \"%\";\n        percentSymbol.style.color = \"#000\";\n        itemInput.addEventListener(\"input\", () => {\n            const allInputs = pointSystemList.querySelectorAll(\"input\");\n            let total = 0;\n            allInputs.forEach((input) => {\n                total += Number(input.value);\n            });\n            if (total > totalPoints) {\n                itemInput.value = `${pointsPerItem}%`;\n                total = total - Number(itemInput.value);\n            }\n            const submitButton = document.getElementById(\"magicfeedback-submit\");\n            if (submitButton) {\n                if (total < 100) {\n                    totalPointsContainer.style.color = \"orange\";\n                    submitButton.setAttribute(\"disabled\", \"true\");\n                }\n                else {\n                    errorMessage.style.display = \"none\";\n                    totalPointsContainer.style.color = \"green\";\n                    submitButton.removeAttribute(\"disabled\");\n                }\n            }\n            totalPointsContainer.textContent = `${total} / 100 %`;\n        });\n        itemInput.addEventListener(\"focus\", () => {\n            const submitButton = document.getElementById(\"magicfeedback-submit\");\n            if (submitButton) {\n                submitButton.setAttribute(\"disabled\", \"true\");\n                submitButton.addEventListener(\"pointerover\", () => {\n                    const allInputs = pointSystemList.querySelectorAll(\"input\");\n                    let total = 0;\n                    allInputs.forEach((input) => {\n                        total += Number(input.value);\n                    });\n                    if (total < 100)\n                        errorMessage.style.display = \"block\";\n                });\n            }\n        });\n        inputContainer.appendChild(itemInput);\n        inputContainer.appendChild(percentSymbol);\n        item.appendChild(inputContainer);\n        pointSystemList.appendChild(item);\n    });\n    pointSystemContainer.appendChild(pointSystemList);\n    pointSystemContainer.appendChild(totalPointsContainer);\n    pointSystemContainer.appendChild(errorMessage);\n    element.appendChild(pointSystemContainer);\n    return { element, elementTypeClass };\n};\nexports.renderPointSystem = renderPointSystem;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderPointSystem.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderPriorityList.ts":
+/*!******************************************!*\
+  !*** ./src/render/renderPriorityList.ts ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderPriorityList = void 0;\nfunction createPriorityListElement(params) {\n    const { value, ref, randomPosition = false, limitPriority = false, maxPriority = 0, language = 'en', placeholder = '' } = params;\n    const t = (key) => {\n        const dict = {\n            en: {\n                selectUpTo: 'Select up to',\n                options: 'options',\n                thenOrder: 'and then order them',\n                selectOptions: 'Select options',\n                cancel: 'Cancel',\n                confirm: 'Confirm',\n                selectOptionNumber: 'Select option #',\n                prioritized: 'Prioritized',\n                of: 'of',\n                instruction: 'Your priority list can be seen below. If you wish, you can rearrange your choices using the arrows. Click \\'Next\\' to confirm your selection and proceed.'\n            },\n            es: {\n                selectUpTo: 'Selecciona hasta',\n                options: 'opciones',\n                thenOrder: 'y luego ordénalas',\n                selectOptions: 'Seleccionar opciones',\n                cancel: 'Cancelar',\n                confirm: 'Confirmar',\n                selectOptionNumber: 'Selecciona la opción #',\n                prioritized: 'Priorizadas',\n                of: 'de',\n                instruction: 'Tu lista priorizada se muestra abajo. Si deseas, puedes reordenar las opciones con las flechas. Haz clic en \"Siguiente\" para confirmar y continuar.'\n            },\n            pt: {\n                selectUpTo: 'Selecione até',\n                options: 'opções',\n                thenOrder: 'e depois ordene-as',\n                selectOptions: 'Selecionar opções',\n                cancel: 'Cancelar',\n                confirm: 'Confirmar',\n                selectOptionNumber: 'Selecione a opção #',\n                prioritized: 'Priorizadas',\n                of: 'de',\n                instruction: 'Sua lista de prioridades pode ser vista abaixo. Se quiser, você pode reorganizar suas escolhas usando as setas. Clique em \"Próximo\" para confirmar sua seleção e continuar.'\n            },\n            fr: {\n                selectUpTo: 'Sélectionnez jusqu\\'à',\n                options: 'options',\n                thenOrder: 'puis classez-les',\n                selectOptions: 'Sélectionner des options',\n                cancel: 'Annuler',\n                confirm: 'Confirmer',\n                selectOptionNumber: 'Sélectionnez l\\'option #',\n                prioritized: 'Priorisées',\n                of: 'sur',\n                instruction: 'Votre liste de priorités est affichée ci-dessous. Si vous le souhaitez, vous pouvez réorganiser vos choix à l\\'aide des flèches. Cliquez sur \"Suivant\" pour confirmer votre sélection et continuer.'\n            },\n            de: {\n                selectUpTo: 'Wählen Sie bis zu',\n                options: 'Optionen',\n                thenOrder: 'und ordnen Sie sie dann',\n                selectOptions: 'Optionen auswählen',\n                cancel: 'Abbrechen',\n                confirm: 'Bestätigen',\n                selectOptionNumber: 'Wählen Sie Option #',\n                prioritized: 'Priorisiert',\n                of: 'von',\n                instruction: 'Ihre Prioritätenliste wird unten angezeigt. Wenn Sie möchten, können Sie Ihre Auswahl mit den Pfeilen neu anordnen. Klicken Sie auf \"Weiter\", um Ihre Auswahl zu bestätigen und fortzufahren.'\n            },\n            it: {\n                selectUpTo: 'Seleziona fino a',\n                options: 'opzioni',\n                thenOrder: 'e poi ordinali',\n                selectOptions: 'Seleziona opzioni',\n                cancel: 'Annulla',\n                confirm: 'Conferma',\n                selectOptionNumber: 'Seleziona opzione #',\n                prioritized: 'Prioritizzate',\n                of: 'di',\n                instruction: 'La tua lista di priorità è mostrata qui sotto. Se vuoi, puoi riordinare le tue scelte usando le frecce. Clicca su \"Avanti\" per confermare la selezione e continuare.'\n            },\n            nl: {\n                selectUpTo: 'Selecteer tot',\n                options: 'opties',\n                thenOrder: 'en rangschik ze vervolgens',\n                selectOptions: 'Selecteer opties',\n                cancel: 'Annuleren',\n                confirm: 'Bevestigen',\n                selectOptionNumber: 'Selecteer optie #',\n                prioritized: 'Geprioriteerd',\n                of: 'van',\n                instruction: 'Je prioriteitenlijst wordt hieronder weergegeven. Als je wilt, kun je je keuzes herschikken met behulp van de pijlen. Klik op \"Volgende\" om je selectie te bevestigen en door te gaan.'\n            },\n            pl: {\n                selectUpTo: 'Wybierz do',\n                options: 'opcje',\n                thenOrder: 'a następnie je uporządkuj',\n                selectOptions: 'Wybierz opcje',\n                cancel: 'Anuluj',\n                confirm: 'Potwierdź',\n                selectOptionNumber: 'Wybierz opcję #',\n                prioritized: 'Priorytetowe',\n                of: 'z',\n                instruction: 'Twoja lista priorytetów jest pokazana poniżej. Jeśli chcesz, możesz zmienić kolejność swoich wyborów za pomocą strzałek. Kliknij \"Dalej\", aby potwierdzić wybór i kontynuować.'\n            },\n            ru: {\n                selectUpTo: 'Выберите до',\n                options: 'вариантов',\n                thenOrder: 'а затем упорядочьте их',\n                selectOptions: 'Выбрать варианты',\n                cancel: 'Отмена',\n                confirm: 'Подтвердить',\n                selectOptionNumber: 'Выберите вариант #',\n                prioritized: 'Приоритеты',\n                of: 'из',\n                instruction: 'Ваш список приоритетов отображается ниже. Если хотите, вы можете изменить порядок вариантов с помощью стрелок. Нажмите \"Далее\", чтобы подтвердить выбор и продолжить.'\n            },\n            ja: {\n                selectUpTo: '最大',\n                options: '個のオプションを選択',\n                thenOrder: 'その後並べ替えてください',\n                selectOptions: 'オプションを選択',\n                cancel: 'キャンセル',\n                confirm: '確認',\n                selectOptionNumber: 'オプション # を選択',\n                prioritized: '優先順位',\n                of: 'のうち',\n                instruction: '優先順位リストは以下に表示されます。必要に応じて、矢印を使って選択肢を並べ替えることができます。「次へ」をクリックして選択を確定し、続行してください。'\n            },\n            zh: {\n                selectUpTo: '最多选择',\n                options: '个选项',\n                thenOrder: '然后排序它们',\n                selectOptions: '选择选项',\n                cancel: '取消',\n                confirm: '确认',\n                selectOptionNumber: '选择选项 #',\n                prioritized: '已优先',\n                of: '共',\n                instruction: '你的优先列表如下所示。如有需要，可以使用箭头重新排序选项。点击“下一步”确认选择并继续。'\n            },\n            ko: {\n                selectUpTo: '최대',\n                options: '개의 옵션 선택',\n                thenOrder: '그런 다음 정렬하세요',\n                selectOptions: '옵션 선택',\n                cancel: '취소',\n                confirm: '확인',\n                selectOptionNumber: '옵션 # 선택',\n                prioritized: '우선순위',\n                of: '중',\n                instruction: '우선순위 목록은 아래에 표시됩니다. 원한다면 화살표를 사용해 선택 항목을 재정렬할 수 있습니다. \"다음\"을 클릭하여 선택을 확인하고 계속하세요.'\n            },\n            ar: {\n                selectUpTo: 'اختر حتى',\n                options: 'خيارات',\n                thenOrder: 'ثم رتبها',\n                selectOptions: 'اختر الخيارات',\n                cancel: 'إلغاء',\n                confirm: 'تأكيد',\n                selectOptionNumber: 'اختر الخيار #',\n                prioritized: 'تم الترتيب',\n                of: 'من',\n                instruction: 'تظهر قائمة الأولويات الخاصة بك أدناه. إذا رغبت، يمكنك إعادة ترتيب اختياراتك باستخدام الأسهم. انقر على \"التالي\" لتأكيد اختيارك والمتابعة.'\n            },\n            bn: {\n                selectUpTo: 'সর্বোচ্চ নির্বাচন করুন',\n                options: 'টি বিকল্প',\n                thenOrder: 'তারপর সেগুলো সাজান',\n                selectOptions: 'বিকল্প নির্বাচন করুন',\n                cancel: 'বাতিল',\n                confirm: 'নিশ্চিত করুন',\n                selectOptionNumber: 'বিকল্প # নির্বাচন করুন',\n                prioritized: 'অগ্রাধিকারপ্রাপ্ত',\n                of: 'এর মধ্যে',\n                instruction: 'আপনার অগ্রাধিকার তালিকা নিচে দেখানো হয়েছে। চাইলে তীর চিহ্ন ব্যবহার করে আপনার পছন্দগুলো পুনরায় সাজাতে পারেন। “পরবর্তী” ক্লিক করে আপনার নির্বাচন নিশ্চিত করুন এবং এগিয়ে যান।'\n            },\n            da: {\n                selectUpTo: 'Vælg op til',\n                options: 'muligheder',\n                thenOrder: 'og sorter dem derefter',\n                selectOptions: 'Vælg muligheder',\n                cancel: 'Annuller',\n                confirm: 'Bekræft',\n                selectOptionNumber: 'Vælg mulighed #',\n                prioritized: 'Prioriteret',\n                of: 'af',\n                instruction: 'Din prioritetsliste vises nedenfor. Hvis du ønsker det, kan du omarrangere dine valg ved hjælp af pilene. Klik på \"Næste\" for at bekræfte dit valg og fortsætte.'\n            },\n            fi: {\n                selectUpTo: 'Valitse enintään',\n                options: 'vaihtoehtoa',\n                thenOrder: 'ja järjestä ne sitten',\n                selectOptions: 'Valitse vaihtoehdot',\n                cancel: 'Peruuta',\n                confirm: 'Vahvista',\n                selectOptionNumber: 'Valitse vaihtoehto #',\n                prioritized: 'Priorisoitu',\n                of: ' / ',\n                instruction: 'Prioriteettilistasi näkyy alla. Voit halutessasi järjestää valinnat uudelleen nuolien avulla. Napsauta \"Seuraava\" vahvistaaksesi valinnan ja jatkaaksesi.'\n            },\n            sv: {\n                selectUpTo: 'Välj upp till',\n                options: 'alternativ',\n                thenOrder: 'och ordna dem sedan',\n                selectOptions: 'Välj alternativ',\n                cancel: 'Avbryt',\n                confirm: 'Bekräfta',\n                selectOptionNumber: 'Välj alternativ #',\n                prioritized: 'Prioriterat',\n                of: 'av',\n                instruction: 'Din prioriteringslista visas nedan. Om du vill kan du ordna om dina val med hjälp av pilarna. Klicka på \"Nästa\" för att bekräfta ditt val och fortsätta.'\n            },\n            no: {\n                selectUpTo: 'Velg opptil',\n                options: 'alternativer',\n                thenOrder: 'og ordne dem deretter',\n                selectOptions: 'Velg alternativer',\n                cancel: 'Avbryt',\n                confirm: 'Bekreft',\n                selectOptionNumber: 'Velg alternativ #',\n                prioritized: 'Prioritert',\n                of: 'av',\n                instruction: 'Prioriteringslisten din vises nedenfor. Hvis du ønsker det, kan du ordne valgene dine ved hjelp av pilene. Klikk på \"Neste\" for å bekrefte valget ditt og fortsette.'\n            },\n        };\n        const lang = dict[language] ? language : 'en';\n        return dict[lang][key];\n    };\n    const container = document.createElement(\"div\");\n    container.classList.add(\"magicfeedback-priority-list-container\");\n    if (limitPriority && maxPriority && maxPriority > 0) {\n        const selected = [];\n        const header = document.createElement(\"div\");\n        header.classList.add(\"magicfeedback-priority-list-header\");\n        const instruction = document.createElement(\"div\");\n        instruction.classList.add(\"magicfeedback-priority-list-instruction\");\n        instruction.textContent = placeholder !== '' ? placeholder : `${t('instruction')}`;\n        instruction.style.display = \"none\";\n        const openSelectorBtn = document.createElement(\"button\");\n        openSelectorBtn.type = \"button\";\n        openSelectorBtn.textContent = t('selectOptions');\n        openSelectorBtn.classList.add(\"magicfeedback-button\");\n        openSelectorBtn.classList.add(\"magicfeedback-priority-list-open-btn\");\n        header.appendChild(openSelectorBtn);\n        header.appendChild(instruction);\n        const reorderSection = document.createElement(\"div\");\n        reorderSection.classList.add(\"magicfeedback-priority-list-reorder\");\n        const reorderList = document.createElement(\"ul\");\n        reorderList.classList.add(\"magicfeedback-priority-list-list\");\n        reorderSection.appendChild(reorderList);\n        const renderReorder = () => {\n            reorderList.innerHTML = \"\";\n            selected.forEach((option, index) => {\n                const item = document.createElement(\"li\");\n                item.classList.add(\"magicfeedback-priority-list-item\");\n                const input = document.createElement(\"input\");\n                input.classList.add(\"magicfeedback-input-magicfeedback-priority-list\");\n                input.classList.add(\"magicfeedback-input\");\n                input.type = \"hidden\";\n                input.id = `priority-list-${ref}`;\n                input.name = ref;\n                input.value = `${index + 1}. ${option}`;\n                item.appendChild(input);\n                const itemLabel = document.createElement(\"label\");\n                itemLabel.classList.add(\"magicfeedback-priority-list-item-label\");\n                itemLabel.textContent = `${index + 1}. ${option}`;\n                item.appendChild(itemLabel);\n                const arrowContainer = document.createElement(\"div\");\n                arrowContainer.classList.add(\"magicfeedback-priority-list-arrows\");\n                const upArrow = document.createElement(\"img\");\n                upArrow.classList.add(\"magicfeedback-priority-list-arrow-up\");\n                upArrow.src = \"https://magicfeedback-c6458-dev.web.app/assets/arrow.svg\";\n                upArrow.style.visibility = index === 0 ? \"hidden\" : \"visible\";\n                const downArrow = document.createElement(\"img\");\n                downArrow.classList.add(\"magicfeedback-priority-list-arrow-down\");\n                downArrow.src = \"https://magicfeedback-c6458-dev.web.app/assets/arrow.svg\";\n                downArrow.style.transform = \"rotate(180deg)\";\n                downArrow.style.visibility = index === selected.length - 1 ? \"hidden\" : \"visible\";\n                upArrow.addEventListener(\"click\", () => {\n                    var _a, _b, _c, _d;\n                    const previous = item.previousElementSibling;\n                    if (previous) {\n                        const position = Number((_a = input.value) === null || _a === void 0 ? void 0 : _a.split(\".\")[0]) - 1;\n                        input.value = `${position}. ${option}`;\n                        itemLabel.textContent = `${position}. ${option}`;\n                        upArrow.style.visibility = position === 1 ? \"hidden\" : \"visible\";\n                        downArrow.style.visibility = position === selected.length ? \"hidden\" : \"visible\";\n                        const previousInput = previous.querySelector(\".magicfeedback-input-magicfeedback-priority-list\");\n                        const previousLabel = previous.querySelector(\".magicfeedback-priority-list-item-label\");\n                        const previousArrowUp = previous.querySelector(\".magicfeedback-priority-list-arrow-up\");\n                        const previousArrowDown = previous.querySelector(\".magicfeedback-priority-list-arrow-down\");\n                        if (previousInput && previousLabel && previousArrowUp && previousArrowDown) {\n                            const newPosition = Number((_b = previousInput.value) === null || _b === void 0 ? void 0 : _b.split(\".\")[0]) + 1;\n                            previousInput.value = `${newPosition}.${(_c = previousLabel.textContent) === null || _c === void 0 ? void 0 : _c.split(\".\")[1]}`;\n                            previousLabel.textContent = `${newPosition}.${(_d = previousLabel.textContent) === null || _d === void 0 ? void 0 : _d.split(\".\")[1]}`;\n                            previousArrowUp.style.visibility = newPosition === 1 ? \"hidden\" : \"visible\";\n                            previousArrowDown.style.visibility = newPosition === selected.length ? \"hidden\" : \"visible\";\n                        }\n                        reorderList.insertBefore(item, previous);\n                    }\n                });\n                downArrow.addEventListener(\"click\", () => {\n                    var _a, _b, _c;\n                    const next = item.nextElementSibling;\n                    if (next) {\n                        const position = Number((_a = input.value) === null || _a === void 0 ? void 0 : _a.split(\".\")[0]) + 1;\n                        input.value = `${position}. ${option}`;\n                        itemLabel.textContent = `${position}. ${option}`;\n                        upArrow.style.visibility = position === 1 ? \"hidden\" : \"visible\";\n                        downArrow.style.visibility = position === selected.length ? \"hidden\" : \"visible\";\n                        const nextInput = next.querySelector(\".magicfeedback-input-magicfeedback-priority-list\");\n                        const nextLabel = next.querySelector(\".magicfeedback-priority-list-item-label\");\n                        const nextArrowUp = next.querySelector(\".magicfeedback-priority-list-arrow-up\");\n                        const nextArrowDown = next.querySelector(\".magicfeedback-priority-list-arrow-down\");\n                        if (nextInput && nextLabel && nextArrowUp && nextArrowDown) {\n                            const newPosition = Number(nextInput.value.split(\".\")[0]) - 1;\n                            nextInput.value = `${newPosition}.${(_b = nextLabel.textContent) === null || _b === void 0 ? void 0 : _b.split(\".\")[1]}`;\n                            nextLabel.textContent = `${newPosition}.${(_c = nextLabel.textContent) === null || _c === void 0 ? void 0 : _c.split(\".\")[1]}`;\n                            nextArrowUp.style.visibility = newPosition === 1 ? \"hidden\" : \"visible\";\n                            nextArrowDown.style.visibility = newPosition === selected.length ? \"hidden\" : \"visible\";\n                        }\n                        reorderList.insertBefore(next, item);\n                    }\n                });\n                arrowContainer.appendChild(upArrow);\n                arrowContainer.appendChild(downArrow);\n                item.appendChild(arrowContainer);\n                reorderList.appendChild(item);\n            });\n        };\n        const backdrop = document.createElement(\"div\");\n        backdrop.classList.add(\"magicfeedback-modal-backdrop\");\n        backdrop.style.position = \"fixed\";\n        backdrop.style.top = \"0\";\n        backdrop.style.left = \"0\";\n        backdrop.style.width = \"100vw\";\n        backdrop.style.height = \"100vh\";\n        backdrop.style.background = \"rgba(0,0,0,0.4)\";\n        backdrop.style.display = \"none\";\n        backdrop.style.alignItems = \"center\";\n        backdrop.style.justifyContent = \"center\";\n        backdrop.style.zIndex = \"9999\";\n        const modal = document.createElement(\"div\");\n        modal.classList.add(\"magicfeedback-modal\");\n        modal.style.background = \"#fff\";\n        modal.style.borderRadius = \"8px\";\n        modal.style.boxShadow = \"0 8px 24px rgba(0,0,0,0.2)\";\n        modal.style.maxWidth = \"520px\";\n        modal.style.width = \"90%\";\n        modal.style.maxHeight = \"80vh\";\n        modal.style.overflow = \"auto\";\n        modal.style.padding = \"16px\";\n        modal.style.position = \"relative\";\n        const modalTitle = document.createElement(\"h5\");\n        modalTitle.classList.add(\"magicfeedback-modal-title\");\n        const getNextIndex = () => Math.min(selected.length + 1, maxPriority);\n        const setTitleForSelection = () => {\n            modalTitle.textContent = `${t('selectOptionNumber')}${getNextIndex()}`;\n        };\n        setTitleForSelection();\n        const listWrapper = document.createElement(\"div\");\n        listWrapper.classList.add(\"magicfeedback-modal-list\");\n        const optionsSource = randomPosition ? [...value].sort(() => Math.random() - 0.5) : [...value];\n        optionsSource.forEach((option) => {\n            const row = document.createElement(\"label\");\n            row.classList.add(\"magicfeedback-modal-row\");\n            const cb = document.createElement(\"input\");\n            cb.type = \"checkbox\";\n            cb.classList.add(\"magicfeedback-input\");\n            cb.name = `${ref}-selection`;\n            cb.value = option;\n            const text = document.createElement(\"span\");\n            text.textContent = option;\n            cb.addEventListener(\"change\", () => {\n                if (cb.checked) {\n                    if (selected.length >= maxPriority) {\n                        cb.checked = false;\n                        row.classList.add(\"magicfeedback-warning\");\n                        setTimeout(() => {\n                            row.classList.remove(\"magicfeedback-warning\");\n                        }, 800);\n                        return;\n                    }\n                    selected.push(option);\n                }\n                else {\n                    const idx = selected.indexOf(option);\n                    if (idx !== -1)\n                        selected.splice(idx, 1);\n                }\n                setTitleForSelection();\n                updateCounter();\n            });\n            row.appendChild(cb);\n            row.appendChild(text);\n            listWrapper.appendChild(row);\n        });\n        const actions = document.createElement(\"div\");\n        actions.classList.add(\"magicfeedback-modal-actions\");\n        const modalCounter = document.createElement(\"div\");\n        modalCounter.classList.add(\"magicfeedback-modal-counter\");\n        const updateCounter = () => {\n            const ofToken = t('of');\n            modalCounter.textContent = `${t('prioritized')} ${selected.length} ${ofToken} ${maxPriority}`;\n            instruction.style.display = selected.length > 0 ? \"block\" : \"none\";\n        };\n        updateCounter();\n        const closeBtn = document.createElement(\"button\");\n        closeBtn.type = \"button\";\n        closeBtn.classList.add(\"magicfeedback-modal-close\");\n        closeBtn.setAttribute(\"aria-label\", t('cancel'));\n        closeBtn.title = t('cancel');\n        closeBtn.textContent = \"×\";\n        closeBtn.style.position = \"absolute\";\n        closeBtn.style.top = \"8px\";\n        closeBtn.style.right = \"8px\";\n        closeBtn.style.border = \"none\";\n        closeBtn.style.background = \"transparent\";\n        closeBtn.style.fontSize = \"24px\";\n        closeBtn.style.cursor = \"pointer\";\n        closeBtn.addEventListener(\"click\", () => {\n            backdrop.style.display = \"none\";\n        });\n        const confirmBtn = document.createElement(\"button\");\n        confirmBtn.type = \"button\";\n        confirmBtn.textContent = t('confirm');\n        confirmBtn.classList.add(\"magicfeedback-button\");\n        confirmBtn.classList.add(\"magicfeedback-button-primary\");\n        confirmBtn.addEventListener(\"click\", () => {\n            backdrop.style.display = \"none\";\n            renderReorder();\n        });\n        actions.appendChild(modalCounter);\n        actions.appendChild(confirmBtn);\n        modal.appendChild(closeBtn);\n        modal.appendChild(modalTitle);\n        modal.appendChild(listWrapper);\n        modal.appendChild(actions);\n        backdrop.appendChild(modal);\n        openSelectorBtn.addEventListener(\"click\", () => {\n            backdrop.style.display = \"flex\";\n            setTitleForSelection();\n            updateCounter();\n        });\n        backdrop.addEventListener(\"click\", (ev) => {\n            if (ev.target === backdrop)\n                backdrop.style.display = \"none\";\n        });\n        container.appendChild(header);\n        container.appendChild(reorderSection);\n        container.appendChild(backdrop);\n        renderReorder();\n        return container;\n    }\n    const list = document.createElement(\"ul\");\n    list.classList.add(\"magicfeedback-priority-list-list\");\n    const options = randomPosition ? [...value].sort(() => Math.random() - 0.5) : [...value];\n    options.forEach((option, index) => {\n        const item = document.createElement(\"li\");\n        item.classList.add(\"magicfeedback-priority-list-item\");\n        item.style.display = \"flex\";\n        item.style.justifyContent = \"space-between\";\n        item.style.alignItems = \"center\";\n        item.style.margin = \"5px\";\n        const input = document.createElement(\"input\");\n        input.classList.add(\"magicfeedback-input-magicfeedback-priority-list\");\n        input.classList.add(\"magicfeedback-input\");\n        input.type = \"hidden\";\n        input.id = `priority-list-${ref}`;\n        input.name = ref;\n        input.value = `${index + 1}. ${option}`;\n        item.appendChild(input);\n        const itemLabel = document.createElement(\"label\");\n        itemLabel.classList.add(\"magicfeedback-priority-list-item-label\");\n        itemLabel.textContent = `${index + 1}. ${option}`;\n        item.appendChild(itemLabel);\n        const arrowContainer = document.createElement(\"div\");\n        arrowContainer.style.display = \"flex\";\n        arrowContainer.style.alignItems = \"center\";\n        arrowContainer.style.justifyContent = \"space-between\";\n        const upArrow = document.createElement(\"img\");\n        upArrow.classList.add(\"magicfeedback-priority-list-arrow-up\");\n        upArrow.src = \"https://magicfeedback-c6458-dev.web.app/assets/arrow.svg\";\n        upArrow.style.width = \"20px\";\n        upArrow.style.height = \"20px\";\n        upArrow.style.cursor = \"pointer\";\n        upArrow.style.margin = \"0 5px\";\n        upArrow.style.color = \"#000\";\n        upArrow.style.visibility = index === 0 ? \"hidden\" : \"visible\";\n        upArrow.addEventListener(\"click\", () => {\n            var _a, _b, _c, _d;\n            const previous = item.previousElementSibling;\n            if (previous) {\n                const position = Number((_a = input.value) === null || _a === void 0 ? void 0 : _a.split(\".\")[0]) - 1;\n                input.value = `${position}. ${option}`;\n                itemLabel.textContent = `${position}. ${option}`;\n                upArrow.style.visibility = position === 1 ? \"hidden\" : \"visible\";\n                downArrow.style.visibility = position === options.length ? \"hidden\" : \"visible\";\n                const previousInput = previous.querySelector(\".magicfeedback-input-magicfeedback-priority-list\");\n                const previousLabel = previous.querySelector(\".magicfeedback-priority-list-item-label\");\n                const previousArrowUp = previous.querySelector(\".magicfeedback-priority-list-arrow-up\");\n                const previousArrowDown = previous.querySelector(\".magicfeedback-priority-list-arrow-down\");\n                if (previousInput && previousLabel && previousArrowUp && previousArrowDown) {\n                    const newPosition = Number((_b = previousInput.value) === null || _b === void 0 ? void 0 : _b.split(\".\")[0]) + 1;\n                    previousInput.value = `${newPosition}.${(_c = previousLabel.textContent) === null || _c === void 0 ? void 0 : _c.split(\".\")[1]}`;\n                    previousLabel.textContent = `${newPosition}.${(_d = previousLabel.textContent) === null || _d === void 0 ? void 0 : _d.split(\".\")[1]}`;\n                    previousArrowUp.style.visibility = newPosition === 1 ? \"hidden\" : \"visible\";\n                    previousArrowDown.style.visibility = newPosition === options.length ? \"hidden\" : \"visible\";\n                }\n                list.insertBefore(item, previous);\n            }\n        });\n        const downArrow = document.createElement(\"img\");\n        downArrow.classList.add(\"magicfeedback-priority-list-arrow-down\");\n        downArrow.src = \"https://magicfeedback-c6458-dev.web.app/assets/arrow.svg\";\n        downArrow.style.width = \"20px\";\n        downArrow.style.height = \"20px\";\n        downArrow.style.cursor = \"pointer\";\n        downArrow.style.margin = \"0 5px\";\n        downArrow.style.color = \"#000\";\n        downArrow.style.transform = \"rotate(180deg)\";\n        downArrow.style.visibility = index === options.length - 1 ? \"hidden\" : \"visible\";\n        downArrow.addEventListener(\"click\", () => {\n            var _a, _b, _c;\n            const next = item.nextElementSibling;\n            if (next) {\n                const position = Number((_a = input.value) === null || _a === void 0 ? void 0 : _a.split(\".\")[0]) + 1;\n                input.value = `${position}. ${option}`;\n                itemLabel.textContent = `${position}. ${option}`;\n                upArrow.style.visibility = position === 1 ? \"hidden\" : \"visible\";\n                downArrow.style.visibility = position === options.length ? \"hidden\" : \"visible\";\n                const nextInput = next.querySelector(\".magicfeedback-input-magicfeedback-priority-list\");\n                const nextLabel = next.querySelector(\".magicfeedback-priority-list-item-label\");\n                const nextArrowUp = next.querySelector(\".magicfeedback-priority-list-arrow-up\");\n                const nextArrowDown = next.querySelector(\".magicfeedback-priority-list-arrow-down\");\n                if (nextInput && nextLabel && nextArrowUp && nextArrowDown) {\n                    const newPosition = Number(nextInput.value.split(\".\")[0]) - 1;\n                    nextInput.value = `${newPosition}.${(_b = nextLabel.textContent) === null || _b === void 0 ? void 0 : _b.split(\".\")[1]}`;\n                    nextLabel.textContent = `${newPosition}.${(_c = nextLabel.textContent) === null || _c === void 0 ? void 0 : _c.split(\".\")[1]}`;\n                    nextArrowUp.style.visibility = newPosition === 1 ? \"hidden\" : \"visible\";\n                    nextArrowDown.style.visibility = newPosition === options.length ? \"hidden\" : \"visible\";\n                }\n                list.insertBefore(next, item);\n            }\n        });\n        arrowContainer.appendChild(upArrow);\n        arrowContainer.appendChild(downArrow);\n        item.appendChild(arrowContainer);\n        list.appendChild(item);\n    });\n    container.appendChild(list);\n    return container;\n}\nconst renderPriorityList = ({ question, randomPosition, language }) => {\n    var _a, _b, _c;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = \"magicfeedback-priority-list\";\n    const priorityListElement = createPriorityListElement({\n        value: question.value,\n        ref: question.ref,\n        randomPosition: randomPosition,\n        limitPriority: ((_a = question.assets) === null || _a === void 0 ? void 0 : _a.limitPriority) || false,\n        maxPriority: ((_b = question.assets) === null || _b === void 0 ? void 0 : _b.maxPriority) || 0,\n        placeholder: ((_c = question.assets) === null || _c === void 0 ? void 0 : _c.placeholder) || '',\n        language: language || 'en',\n    });\n    element.appendChild(priorityListElement);\n    return { element, elementTypeClass };\n};\nexports.renderPriorityList = renderPriorityList;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderPriorityList.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderRatingEmoji.ts":
+/*!*****************************************!*\
+  !*** ./src/render/renderRatingEmoji.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderRatingEmoji = void 0;\nconst ratingHelpers_1 = __webpack_require__(/*! ./ratingHelpers */ \"./src/render/ratingHelpers.ts\");\nconst defaultEmojiUrl = `https://survey-dev.magicfeedback.io/assets/emojis`;\nconst renderRatingEmoji = ({ question, url, send, urlParamValue }) => {\n    const { ref, assets } = question;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = 'magicfeedback-rating';\n    const ratingContainer = document.createElement('div');\n    ratingContainer.classList.add('magicfeedback-rating-container');\n    const maxRating = (assets === null || assets === void 0 ? void 0 : assets.max) ? Number(assets === null || assets === void 0 ? void 0 : assets.max) : 5;\n    const minRating = (assets === null || assets === void 0 ? void 0 : assets.min) ? Number(assets === null || assets === void 0 ? void 0 : assets.min) : 1;\n    const ratingPlaceholder = (0, ratingHelpers_1.createRatingPlaceholder)(minRating, maxRating, assets === null || assets === void 0 ? void 0 : assets.minPlaceholder, assets === null || assets === void 0 ? void 0 : assets.maxPlaceholder, assets === null || assets === void 0 ? void 0 : assets.extraOption);\n    for (let i = minRating; 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        ratingImage.alt = `face-${ref}-${i}`;\n        ratingImage.className = `rating-image${i}`;\n        if (minRating === 0 && maxRating === 10) {\n            ratingImage.src = `${url}/${i}.svg`;\n            ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/${i}.svg`;\n        }\n        else if (minRating === 1 && maxRating === 5) {\n            switch (i) {\n                case 1:\n                    ratingImage.src = `${url}/1.svg`;\n                    ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/1.svg`;\n                    break;\n                case 2:\n                    ratingImage.src = `${url}/2.svg`;\n                    ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/2.svg`;\n                    break;\n                case 3:\n                    ratingImage.src = `${url}/6.svg`;\n                    ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/6.svg`;\n                    break;\n                case 4:\n                    ratingImage.src = `${url}/9.svg`;\n                    ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/9.svg`;\n                    break;\n                case 5:\n                    ratingImage.src = `${url}/10.svg`;\n                    ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/10.svg`;\n                    break;\n            }\n        }\n        else {\n            const ratingNum = Math.round((i - minRating) * (10 / (maxRating - minRating)));\n            ratingImage.src = `${url}/${ratingNum}.svg`;\n            ratingImage.onerror = () => ratingImage.src = `${defaultEmojiUrl}/${ratingNum}.svg`;\n        }\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        if (send) {\n            input.addEventListener(\"change\", () => {\n                send();\n            });\n        }\n        if (urlParamValue && urlParamValue === input.value) {\n            input.checked = true;\n        }\n        containerLabel.appendChild(input);\n        containerLabel.appendChild(ratingImage);\n        containerLabel.appendChild(ratingLabel);\n        ratingOption.appendChild(containerLabel);\n        ratingContainer.appendChild(ratingOption);\n    }\n    if ((assets === null || assets === void 0 ? void 0 : assets.extraOption) && (assets === null || assets === void 0 ? void 0 : assets.extraOptionText)) {\n        const extraOption = document.createElement('div');\n        extraOption.classList.add('magicfeedback-rating-option');\n        const containerLabel = document.createElement('label');\n        containerLabel.htmlFor = `rating-${ref}-extra`;\n        containerLabel.classList.add('magicfeedback-rating-option-label-container');\n        const ratingLabel = document.createElement('label');\n        ratingLabel.htmlFor = `rating-${ref}-extra`;\n        ratingLabel.textContent = assets === null || assets === void 0 ? void 0 : assets.extraOptionText;\n        const ratingImage = document.createElement('img');\n        ratingImage.src = \"https://magicfeedback-c6458-dev.web.app/assets/question.svg\";\n        ratingImage.alt = `face-${ref}-extra`;\n        ratingImage.className = `magicfeedback-rating-image-extra`;\n        const input = document.createElement(\"input\");\n        input.id = `rating-${ref}-extra`;\n        input.type = \"radio\";\n        input.name = ref;\n        input.value = '-';\n        input.classList.add(elementTypeClass);\n        input.classList.add(\"magicfeedback-input\");\n        if (send) {\n            input.addEventListener(\"change\", () => {\n                send();\n            });\n        }\n        containerLabel.appendChild(input);\n        containerLabel.appendChild(ratingImage);\n        containerLabel.appendChild(ratingLabel);\n        extraOption.appendChild(containerLabel);\n        ratingContainer.appendChild(extraOption);\n    }\n    element.appendChild(ratingPlaceholder);\n    element.appendChild(ratingContainer);\n    return { element, elementTypeClass };\n};\nexports.renderRatingEmoji = renderRatingEmoji;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderRatingEmoji.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderRatingNumber.ts":
+/*!******************************************!*\
+  !*** ./src/render/renderRatingNumber.ts ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderRatingNumber = void 0;\nconst ratingHelpers_1 = __webpack_require__(/*! ./ratingHelpers */ \"./src/render/ratingHelpers.ts\");\nconst renderRatingNumber = ({ question, order, direction, isPhone, send, urlParamValue }) => {\n    const elementTypeClass = 'magicfeedback-rating-number';\n    const element = (0, ratingHelpers_1.createRatingNumberElement)(question.ref, question.assets, order, direction, isPhone, elementTypeClass, send, urlParamValue);\n    return { element, elementTypeClass };\n};\nexports.renderRatingNumber = renderRatingNumber;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderRatingNumber.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderRatingStar.ts":
+/*!****************************************!*\
+  !*** ./src/render/renderRatingStar.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderRatingStar = void 0;\nconst ratingHelpers_1 = __webpack_require__(/*! ./ratingHelpers */ \"./src/render/ratingHelpers.ts\");\nconst renderRatingStar = ({ question, send, urlParamValue }) => {\n    var _a, _b;\n    const element = document.createElement(\"div\");\n    const elementTypeClass = 'magicfeedback-rating-star';\n    const ratingStarContainer = (0, ratingHelpers_1.createStarRating)(question.ref, (_a = question.assets) === null || _a === void 0 ? void 0 : _a.minPlaceholder, (_b = question.assets) === null || _b === void 0 ? void 0 : _b.maxPlaceholder, send, urlParamValue);\n    element.appendChild(ratingStarContainer);\n    return { element, elementTypeClass };\n};\nexports.renderRatingStar = renderRatingStar;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderRatingStar.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderSelect.ts":
+/*!************************************!*\
+  !*** ./src/render/renderSelect.ts ***!
+  \************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderSelect = void 0;\nconst helpers_1 = __webpack_require__(/*! ./helpers */ \"./src/render/helpers.ts\");\nconst renderSelect = ({ question, format, language, urlParamValue, send }) => {\n    const { title, value, defaultValue } = question;\n    const element = document.createElement(\"select\");\n    const elementTypeClass = \"magicfeedback-select\";\n    const option = document.createElement(\"option\");\n    option.value = \"\";\n    option.text = format === 'slim' ? (0, helpers_1.parseTitle)(title, language) : (defaultValue || \"Select an option\");\n    option.disabled = true;\n    option.selected = true;\n    element.appendChild(option);\n    value.forEach((optionValue) => {\n        const opt = document.createElement(\"option\");\n        opt.value = optionValue;\n        opt.text = optionValue;\n        element.appendChild(opt);\n    });\n    if (urlParamValue && value.includes(urlParamValue)) {\n        element.value = urlParamValue;\n    }\n    if (send) {\n        element.addEventListener(\"change\", () => {\n            send();\n        });\n    }\n    return { element, elementTypeClass };\n};\nexports.renderSelect = renderSelect;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderSelect.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderText.ts":
+/*!**********************************!*\
+  !*** ./src/render/renderText.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderText = void 0;\nconst placeholder_1 = __webpack_require__(/*! ../services/placeholder */ \"./src/services/placeholder.ts\");\nconst renderText = ({ question, language, placeholderText, urlParamValue, send }) => {\n    const element = document.createElement(\"input\");\n    element.type = \"text\";\n    element.placeholder = placeholderText || placeholder_1.placeholder.answer(language || 'en');\n    if (urlParamValue) {\n        element.value = urlParamValue;\n    }\n    element.addEventListener(\"keyup\", (event) => {\n        event.preventDefault();\n        if (event.key === \"Enter\") {\n            if (send)\n                send();\n        }\n    });\n    const elementTypeClass = \"magicfeedback-text\";\n    return { element, elementTypeClass };\n};\nexports.renderText = renderText;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderText.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderUploadFile.ts":
+/*!****************************************!*\
+  !*** ./src/render/renderUploadFile.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderUploadFile = void 0;\nconst renderUploadFile = ({ question }) => {\n    var _a, _b;\n    const element = document.createElement(\"input\");\n    const elementTypeClass = \"magicfeedback-upload-file\";\n    element.type = \"file\";\n    element.required = question.require;\n    element.multiple = ((_a = question.assets) === null || _a === void 0 ? void 0 : _a.multiple) || false;\n    element.maxLength = ((_b = question.assets) === null || _b === void 0 ? void 0 : _b.maxFiles) || 1;\n    return { element, elementTypeClass };\n};\nexports.renderUploadFile = renderUploadFile;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderUploadFile.ts?");
+
+/***/ }),
+
+/***/ "./src/render/renderUploadImage.ts":
+/*!*****************************************!*\
+  !*** ./src/render/renderUploadImage.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderUploadImage = void 0;\nconst renderUploadImage = ({ question }) => {\n    var _a, _b;\n    const element = document.createElement(\"input\");\n    const elementTypeClass = \"magicfeedback-upload-image\";\n    element.type = \"file\";\n    element.accept = \"image/*\";\n    element.required = question.require;\n    element.multiple = ((_a = question.assets) === null || _a === void 0 ? void 0 : _a.multiple) || false;\n    element.maxLength = ((_b = question.assets) === null || _b === void 0 ? void 0 : _b.maxFiles) || 1;\n    return { element, elementTypeClass };\n};\nexports.renderUploadImage = renderUploadImage;\n\n\n//# sourceURL=webpack://magicfeedback/./src/render/renderUploadImage.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        session: (sessionId) => `sdk/app/session/${sessionId}/info`,\n        feedback: 'sdk/feedback',\n        followUpQuestion: 'sdk/followUpQuestion',\n    }\n};\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/paths.ts?");
+
+/***/ }),
+
+/***/ "./src/services/placeholder.ts":
+/*!*************************************!*\
+  !*** ./src/services/placeholder.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.placeholder = void 0;\nexports.placeholder = {\n    answer: (language) => {\n        switch (language) {\n            case \"en\":\n                return \"Write your answer here...\";\n            case \"es\":\n                return \"Escribe tu respuesta aquí...\";\n            case 'da':\n                return 'Skriv dit svar her...';\n            case 'fi':\n                return 'Kirjoita vastauksesi tähän...';\n            case 'sv':\n                return 'Skriv ditt svar här...';\n            case 'no':\n                return 'Skriv svaret ditt her...';\n            case 'ar':\n                return 'اكتب إجابتك هنا...';\n            case 'bn':\n                return 'এখানে আপনার';\n            default:\n                return \"Write your answer here...\";\n        }\n    },\n    number: (language) => {\n        switch (language) {\n            case \"en\":\n                return \"Write your number here...\";\n            case \"es\":\n                return \"Escribe tu número aquí...\";\n            case 'da':\n                return 'Skriv dit nummer her...';\n            case 'fi':\n                return 'Kirjoita numerosi tähän...';\n            case 'sv':\n                return 'Skriv ditt nummer här...';\n            case 'no':\n                return 'Skriv nummeret ditt her...';\n            case 'ar':\n                return 'اكتب رقمك هنا...';\n            case 'bn':\n                return 'এখানে আপনার';\n            default:\n                return \"Write your number here...\";\n        }\n    },\n    email: (language) => {\n        switch (language) {\n            case \"en\":\n                return \"Write your email here...\";\n            case \"es\":\n                return \"Escribe tu correo electrónico aquí...\";\n            case 'da':\n                return 'Skriv din e-mail her...';\n            case 'fi':\n                return 'Kirjoita sähköpostiosoitteesi tähän...';\n            case 'sv':\n                return 'Skriv din e-post här...';\n            case 'no':\n                return 'Skriv e-posten din her...';\n            case 'ar':\n                return 'اكتب بريدك الإلكتروني هنا...';\n            case 'bn':\n                return 'এখানে আপনার';\n            default:\n                return \"Write your email here...\";\n        }\n    },\n    date: (language) => {\n        switch (language) {\n            case \"en\":\n                return \"Write your date here...\";\n            case \"es\":\n                return \"Escribe tu fecha aquí...\";\n            case 'da':\n                return 'Skriv din dato her...';\n            case 'fi':\n                return 'Kirjoita päivämääräsi tähän...';\n            case 'sv':\n                return 'Skriv ditt datum här...';\n            case 'no':\n                return 'Skriv datoen din her...';\n            case 'ar':\n                return 'اكتب تاريخك هنا...';\n            case 'bn':\n                return 'এখানে আপনার';\n            default:\n                return \"Write your date here...\";\n        }\n    },\n    password: (language) => {\n        switch (language) {\n            case \"en\":\n                return \"Write your password here...\";\n            case \"es\":\n                return \"Escribe tu contraseña aquí...\";\n            case 'da':\n                return 'Skriv dit kodeord her...';\n            case 'fi':\n                return 'Kirjoita salasanasi tähän...';\n            case 'sv':\n                return 'Skriv ditt lösenord här...';\n            case 'no':\n                return 'Skriv passordet ditt her...';\n            case 'ar':\n                return 'اكتب كلمة المرور الخاصة بك هنا...';\n            case 'bn':\n                return 'এখানে আপনার';\n            default:\n                return \"Write your password here...\";\n        }\n    },\n    pointsystemerror: (language) => {\n        switch (language) {\n            case \"en\":\n                return \"The total points must be 100 %\";\n            case \"es\":\n                return \"El total de puntos debe ser 100 %\";\n            case 'da':\n                return 'Samlet antal point skal være 100 %';\n            case 'fi':\n                return 'Kokonaispisteiden on oltava 100 %';\n            case 'sv':\n                return 'Totala poäng måste vara 100 %';\n            case 'no':\n                return 'Totalt antall poeng må være 100 %';\n            case 'ar':\n                return 'يجب أن تكون النقاط الإجمالية 100 %';\n            case 'bn':\n                return 'মোট পয়েন্ট 100 % হতে হবে';\n            default:\n                return \"The total points must be 100 %\";\n        }\n    }\n};\n\n\n//# sourceURL=webpack://magicfeedback/./src/services/placeholder.ts?");
+
+/***/ }),
+
+/***/ "./src/services/questions.service.ts":
+/*!*******************************************!*\
+  !*** ./src/services/questions.service.ts ***!
+  \*******************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.renderStartMessage = exports.renderSuccess = exports.renderError = exports.renderActions = exports.renderQuestions = void 0;\nconst registry_1 = __webpack_require__(/*! ../render/registry */ \"./src/render/registry.ts\");\nconst helpers_1 = __webpack_require__(/*! ../render/helpers */ \"./src/render/helpers.ts\");\nconst defaultUrl = `https://survey-dev.magicfeedback.io/assets/emojis`;\nfunction renderQuestions(appQuestions, format = \"standard\", language = \"en\", product = { customIcons: false }, send) {\n    if (!appQuestions)\n        throw new Error(\"[MagicFeedback] No questions provided\");\n    const questions = [];\n    const { customIcons, id } = product;\n    appQuestions.forEach((question) => {\n        var _a, _b;\n        if (((_b = (_a = question === null || question === void 0 ? void 0 : question.questionType) === null || _a === void 0 ? void 0 : _a.conf) === null || _b === void 0 ? void 0 : _b.length) > 0) {\n            let elementContainer = document.createElement(\"div\");\n            elementContainer.classList.add(\"magicfeedback-div\");\n            const label = document.createElement(\"label\");\n            label.setAttribute(\"for\", `magicfeedback-${question.id}`);\n            label.textContent = (0, helpers_1.parseTitle)(question.title, language);\n            label.classList.add(\"magicfeedback-label\");\n            elementContainer.appendChild(label);\n            question.questionType.conf.forEach((conf) => {\n                conf.ref = question.ref;\n                if (question.assets[conf.id]) {\n                    conf.assets = {\n                        placeholder: question.assets[conf.id],\n                    };\n                }\n            });\n            const elements = renderQuestions(question.questionType.conf, format, language, product, send);\n            elements.forEach((element) => {\n                elementContainer.appendChild(element);\n            });\n            questions.push(elementContainer);\n        }\n        else {\n            // Create a container for each question\n            const url = `${defaultUrl}${customIcons ? `/${id}` : ''}`;\n            const elementContainer = renderContainer(question, format, language, url, appQuestions.length === 1 ? send : undefined);\n            questions.push(elementContainer);\n        }\n    });\n    return questions;\n}\nexports.renderQuestions = renderQuestions;\nfunction renderContainer(question, format, language, url, send) {\n    var _a, _b, _c;\n    let { id, title, type, ref, require, \n    //external_id,\n    value, defaultValue, \n    // questionType,\n    assets } = question;\n    let element;\n    let elementTypeClass;\n    let elementContainer = document.createElement(\"div\");\n    elementContainer.classList.add(\"magicfeedback-div\");\n    const isPhone = window.innerWidth < 600;\n    const placeholderText = format === 'slim' ? (0, helpers_1.parseTitle)(title, language) : assets === null || assets === void 0 ? void 0 : assets.placeholder;\n    // Look if exist the value in a query param with the ref like a key\n    const urlParamValue = (0, helpers_1.getUrlParam)(ref);\n    const maxCharacters = (assets === null || assets === void 0 ? void 0 : assets.maxCharacters) || 0;\n    const randomPosition = (assets === null || assets === void 0 ? void 0 : assets.randomPosition) === undefined ? false : assets === null || assets === void 0 ? void 0 : assets.randomPosition;\n    const direction = (assets === null || assets === void 0 ? void 0 : assets.direction) || \"row\";\n    const order = (assets === null || assets === void 0 ? void 0 : assets.order) || \"ltr\";\n    const renderer = (0, registry_1.getQuestionRenderer)(type);\n    if (renderer) {\n        const result = renderer({\n            question,\n            format,\n            language,\n            url,\n            send,\n            isPhone,\n            urlParamValue,\n            placeholderText,\n            maxCharacters,\n            randomPosition,\n            direction,\n            order\n        });\n        element = result.element;\n        elementTypeClass = result.elementTypeClass;\n    }\n    else {\n        return elementContainer;\n    }\n    element.id = `magicfeedback-${id}`;\n    element.setAttribute(\"name\", ref);\n    element.classList.add(elementTypeClass);\n    if (defaultValue !== undefined || urlParamValue !== null) {\n        element.value = urlParamValue || 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 = (0, helpers_1.parseTitle)(title, language);\n    label.classList.add(\"magicfeedback-label\");\n    const subLabel = document.createElement(\"label\");\n    subLabel.textContent = (0, helpers_1.parseTitle)(assets === null || assets === void 0 ? void 0 : assets.subtitle, language);\n    subLabel.classList.add(\"magicfeedback-sublabel\");\n    if ((_a = assets === null || assets === void 0 ? void 0 : assets.subtitleStyle) === null || _a === void 0 ? void 0 : _a.includes('italic')) {\n        subLabel.style.fontStyle = \"italic\";\n    }\n    if ((_b = assets === null || assets === void 0 ? void 0 : assets.subtitleStyle) === null || _b === void 0 ? void 0 : _b.includes('bold')) {\n        subLabel.style.fontWeight = \"bold\";\n    }\n    if ((_c = assets === null || assets === void 0 ? void 0 : assets.subtitleStyle) === null || _c === void 0 ? void 0 : _c.includes('underline')) {\n        subLabel.style.textDecoration = \"underline\";\n    }\n    if ([\"CONSENT\"].includes(type)) {\n        elementContainer.classList.add(\"magicfeedback-consent-container\");\n        elementContainer.appendChild(element);\n        elementContainer.appendChild(label);\n        if (assets === null || assets === void 0 ? void 0 : assets.subtitle)\n            elementContainer.appendChild(subLabel);\n    }\n    else {\n        if (format !== 'slim') {\n            elementContainer.appendChild(label);\n            if (assets === null || assets === void 0 ? void 0 : assets.subtitle)\n                elementContainer.appendChild(subLabel);\n            if ((assets === null || assets === void 0 ? void 0 : assets.general) !== undefined && (assets === null || assets === void 0 ? void 0 : assets.general) !== \"\") {\n                // Add a image to the form\n                const image = document.createElement(\"img\");\n                image.src = assets === null || assets === void 0 ? void 0 : assets.general;\n                image.classList.add(\"magicfeedback-image\");\n                // Add a max default width to the image\n                image.style.maxWidth = \"auto\";\n                image.style.height = \"400px\";\n                image.style.margin = \"10px 0\";\n                elementContainer.appendChild(image);\n            }\n        }\n        if (type === \"LONGTEXT\" && maxCharacters > 0) {\n            const counter = document.createElement(\"div\");\n            counter.classList.add(\"magicfeedback-counter\");\n            counter.textContent = `${element.value.length}/${maxCharacters}`;\n            counter.style.textAlign = \"right\";\n            counter.style.fontSize = \"15px\";\n            counter.style.marginTop = \"5px\";\n            element.addEventListener(\"input\", () => {\n                counter.textContent = `${element.value.length}/${maxCharacters}`;\n            });\n            elementContainer.appendChild(element);\n            elementContainer.appendChild(counter);\n            if ((assets === null || assets === void 0 ? void 0 : assets.extraOption) && (assets === null || assets === void 0 ? void 0 : assets.extraOptionText)) {\n                const skipContainer = document.createElement(\"div\");\n                skipContainer.classList.add(\"magicfeedback-skip-container\");\n                skipContainer.classList.add(`magicfeedback-checkbox-container`);\n                skipContainer.style.display = \"flex\";\n                skipContainer.style.justifyContent = \"flex-start\";\n                // Option to skip the question checkbox\n                const skipButton = document.createElement(\"input\");\n                skipButton.classList.add(\"magicfeedback-skip\");\n                skipButton.type = \"checkbox\";\n                skipButton.id = `skip-${ref}`;\n                skipButton.name = ref;\n                skipButton.value = '-';\n                skipButton.style.cursor = \"pointer\";\n                const skipLabel = document.createElement(\"label\");\n                skipLabel.htmlFor = `skip-${ref}`;\n                skipLabel.textContent = assets === null || assets === void 0 ? void 0 : assets.extraOptionText;\n                skipLabel.style.fontSize = \"15px\";\n                skipLabel.style.cursor = \"pointer\";\n                skipLabel.style.margin = \"0 5px\";\n                skipButton.addEventListener(\"click\", () => {\n                    element.value = '-';\n                    if (send)\n                        send();\n                });\n                skipContainer.appendChild(skipButton);\n                skipContainer.appendChild(skipLabel);\n                elementContainer.appendChild(skipContainer);\n            }\n        }\n        else {\n            elementContainer.appendChild(element);\n        }\n    }\n    return elementContainer;\n}\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    backButton.addEventListener(\"click\", () => {\n        submitButton.removeAttribute(\"disabled\");\n    });\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;\nfunction renderStartMessage(startMessage, addButton = false, startButtonText = \"Go!\", startEvent = () => {\n}) {\n    const startMessageContainer = document.createElement(\"div\");\n    startMessageContainer.classList.add(\"magicfeedback-start-message-container\");\n    const startMessageElement = document.createElement(\"div\");\n    startMessageElement.classList.add(\"magicfeedback-start-message\");\n    startMessageElement.innerHTML = startMessage;\n    startMessageContainer.appendChild(startMessageElement);\n    if (addButton) {\n        const startMessageButton = document.createElement(\"button\");\n        startMessageButton.id = \"magicfeedback-start-message-button\";\n        startMessageButton.classList.add(\"magicfeedback-start-message-button\");\n        startMessageButton.textContent = startButtonText;\n        startMessageButton.addEventListener(\"click\", () => startEvent());\n        startMessageContainer.appendChild(startMessageButton);\n    }\n    return startMessageContainer;\n}\nexports.renderStartMessage = renderStartMessage;\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.getSessionForm = 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    \"x-magicfeedback-parameters\": window.location.search || \"\",\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            // Handle success response\n            return yield response.json();\n        }\n        catch (e) {\n            log.err(e);\n        }\n    });\n}\nexports.getForm = getForm;\nfunction getSessionForm(url, sessionId, 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.session(sessionId), {\n                method: \"GET\",\n                headers: header\n            });\n            // Handle success response\n            return yield response.json();\n        }\n        catch (e) {\n            log.err(e);\n        }\n    });\n}\nexports.getSessionForm = getSessionForm;\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 = /*#__PURE__*/JSON.parse('{\"name\":\"@magicfeedback/native\",\"version\":\"2.2.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\",\"release\":\"npm publish --access public\",\"release:beta\":\"npm publish --access public --tag beta\",\"release:alpha\":\"npm publish --access public --tag alpha\",\"test\":\"jest\",\"test:watch\":\"jest --watchAll\",\"coverage\":\"vitest run --coverage\",\"publish:sdk\":\"bash publish.sh\",\"publish:sdk:dry-run\":\"NPM_DRY_RUN=1 bash publish.sh\"},\"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\",\"copy-webpack-plugin\":\"^11.0.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\"},\"style\":\"./dist/styles/magicfeedback-default.css\"}');\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__;
+/******/ })()
+;
+});