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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/magicfeedback-sdk.browser.js +509 -1
  2. package/dist/magicfeedback-sdk.node.js +470 -1
  3. package/dist/styles/magicfeedback-default.css +160 -81
  4. package/dist/types/src/models/pageGraphs.d.ts +52 -0
  5. package/dist/types/src/models/types.d.ts +88 -3
  6. package/dist/types/src/render/helpers.d.ts +3 -0
  7. package/dist/types/src/render/ratingHelpers.d.ts +3 -0
  8. package/dist/types/src/render/registry.d.ts +3 -0
  9. package/dist/types/src/render/renderBoolean.d.ts +2 -0
  10. package/dist/types/src/render/renderChoice.d.ts +2 -0
  11. package/dist/types/src/render/renderConsent.d.ts +2 -0
  12. package/dist/types/src/render/renderDate.d.ts +2 -0
  13. package/dist/types/src/render/renderEmail.d.ts +2 -0
  14. package/dist/types/src/render/renderInfoPage.d.ts +2 -0
  15. package/dist/types/src/render/renderLongText.d.ts +2 -0
  16. package/dist/types/src/render/renderMatrix.d.ts +2 -0
  17. package/dist/types/src/render/renderMultipleChoiceImage.d.ts +2 -0
  18. package/dist/types/src/render/renderNumber.d.ts +2 -0
  19. package/dist/types/src/render/renderPassword.d.ts +2 -0
  20. package/dist/types/src/render/renderPointSystem.d.ts +2 -0
  21. package/dist/types/src/render/renderPriorityList.d.ts +2 -0
  22. package/dist/types/src/render/renderRatingEmoji.d.ts +2 -0
  23. package/dist/types/src/render/renderRatingNumber.d.ts +2 -0
  24. package/dist/types/src/render/renderRatingStar.d.ts +2 -0
  25. package/dist/types/src/render/renderSelect.d.ts +2 -0
  26. package/dist/types/src/render/renderText.d.ts +2 -0
  27. package/dist/types/src/render/renderUploadFile.d.ts +2 -0
  28. package/dist/types/src/render/renderUploadImage.d.ts +2 -0
  29. package/dist/types/src/render/types.d.ts +20 -0
  30. package/package.json +1 -1
package/dist/magicfeedback-sdk.node.js CHANGED
@@ -1 +1,470 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.magicfeedback=t():e.magicfeedback=t()}(global,(()=>(()=>{"use strict";var e={317:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.HOST_API_URL_DEV=t.HOST_API_URL=void 0,t.HOST_API_URL="https://api.deepdots.com/",t.HOST_API_URL_DEV="https://api-dev.deepdots.com/"},156:function(e,t,i){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){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)=>{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)=>{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){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 m=[];try{m=(0,o.renderQuestions)(s,l,d,c)}catch(e){throw this.log.err(e),e}let h=r;if(p){const e=document.createElement("div");e.classList.add("magicfeedback-preview-question"),h.appendChild(e),h=e}return m.forEach((e=>h.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)=>{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)=>{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)=>{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)=>{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)=>{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)=>{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)=>{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)=>{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:m}=d;return t.forEach((h=>{var f,g;if((null===(g=null===(f=null==h?void 0:h.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-${h.id}`),n.textContent=r(h.title,l),n.classList.add("magicfeedback-label"),t.appendChild(n),h.questionType.conf.forEach((e=>{e.ref=h.ref,h.assets[e.id]&&(e.assets={placeholder:h.assets[e.id]})})),e(h.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 m,h,{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,T="slim"===t?r(g,i):null==A?void 0:A.placeholder,L=(O=y,new URLSearchParams(window.location.search).get(O)),w=(null==A?void 0:A.maxCharacters)||0,S=void 0!==(null==A?void 0:A.randomPosition)&&(null==A?void 0:A.randomPosition),N=(null==A?void 0:A.direction)||"row",P=(null==A?void 0:A.order)||"ltr";var O;switch(v){case n.FEEDBACKAPPANSWERTYPE.TEXT:m=document.createElement("input"),m.type="text",m.placeholder=T||a.placeholder.answer(i||"en"),L&&(m.value=L),m.addEventListener("keyup",(e=>{e.preventDefault(),console.log(e.key,e),"Enter"===e.key&&d&&d()})),h="magicfeedback-text";break;case n.FEEDBACKAPPANSWERTYPE.LONGTEXT:m=document.createElement("textarea"),m.rows=3,w>0&&(m.maxLength=w),m.placeholder=T||a.placeholder.answer(i||"en"),L&&(m.value=L),h="magicfeedback-longtext";break;case n.FEEDBACKAPPANSWERTYPE.NUMBER:m=document.createElement("input"),m.type="number",m.placeholder="slim"===t?r(g,i):a.placeholder.number(i||"en"),h="magicfeedback-number",E.length&&(E.sort(((e,t)=>Number(e)-Number(t))),m.max=E[E.length-1],m.min=E[0],m.value=E[0]),L&&!isNaN(Number(L))&&(m.value=L);break;case n.FEEDBACKAPPANSWERTYPE.RADIO:case n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:m=document.createElement("div"),h="magicfeedback-"+("MULTIPLECHOICE"===v?"checkbox":"radio");let $=E||[];S&&($=$.sort((()=>Math.random()-.5)));let R=(null==A?void 0:A.exclusiveAnswers)||[];(null==A?void 0:A.extraOption)&&(R=R.filter((e=>e!==A.extraOptionText))),R.length>0&&(null==R||R.forEach((e=>{$.includes(e)||$.push(e)}))),(null==A?void 0:A.extraOption)&&!$.includes(null==A?void 0:A.extraOptionText)&&$.push(null==A?void 0:A.extraOptionText),$.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(h),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!==L||(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&&R.includes(e)?(console.log("exclusiveAnswers",R,e),$.forEach((t=>{t!==e&&(document.querySelector(`input[value="${t}"]`).checked=!1)})),i&&(i.style.display="none")):R.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),m.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",m.appendChild(e)}}));break;case n.FEEDBACKAPPANSWERTYPE.BOOLEAN:m=document.createElement("div"),h="magicfeedback-radio";const M=document.createElement("div");M.classList.add("magicfeedback-boolean-container"),M.style.display="flex",M.style.flexDirection="row",M.style.justifyContent="space-between",M.style.width="70%",M.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(h),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()})),L&&L.toLowerCase()===a.value.toLowerCase()&&(a.checked=!0),i.appendChild(a),i.appendChild(n),M.appendChild(i)})),m.appendChild(M);break;case n.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:m=document.createElement("div"),h="magicfeedback-rating";const F=document.createElement("div");F.classList.add("magicfeedback-rating-container");const _=(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,q=o(B,_,null==A?void 0:A.minPlaceholder,null==A?void 0:A.maxPlaceholder,null==A?void 0:A.extraOption);for(let de=B;de<=_;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 me=document.createElement("img");if(me.alt=`face-${y}-${de}`,me.className=`rating-image${de}`,0===B&&10===_)me.src=`${l}/${de}.svg`,me.onerror=()=>me.src=`${s}/${de}.svg`;else if(1===B&&5===_)switch(de){case 1:me.src=`${l}/1.svg`,me.onerror=()=>me.src=`${s}/1.svg`;break;case 2:me.src=`${l}/2.svg`,me.onerror=()=>me.src=`${s}/2.svg`;break;case 3:me.src=`${l}/6.svg`,me.onerror=()=>me.src=`${s}/6.svg`;break;case 4:me.src=`${l}/9.svg`,me.onerror=()=>me.src=`${s}/9.svg`;break;case 5:me.src=`${l}/10.svg`,me.onerror=()=>me.src=`${s}/10.svg`}else{const fe=Math.round(10/(_-B)*(de-B));me.src=`${l}/${fe}.svg`,me.onerror=()=>me.src=`${s}/${fe}.svg`}const he=document.createElement("input");he.id=`rating-${y}-${de}`,he.type="radio",he.name=y,he.value=de.toString(),he.classList.add(h),he.classList.add("magicfeedback-input"),d&&he.addEventListener("change",(()=>{d()})),L&&L===he.value&&(he.checked=!0),ue.appendChild(he),ue.appendChild(me),ue.appendChild(pe),ce.appendChild(ue),F.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(h),Ee.classList.add("magicfeedback-input"),d&&Ee.addEventListener("change",(()=>{d()})),ve.appendChild(Ee),ve.appendChild(be),ve.appendChild(ye),ge.appendChild(ve),F.appendChild(ge)}m.appendChild(q),m.appendChild(F);break;case n.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:h="magicfeedback-rating-number",m=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,m=(null==t?void 0:t.numberPlaceholders)||null,h=!(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"),h&&(d.style.position="relative",d.style.overflow="visible"),h){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();h?m&&m[i]&&!a&&(d.title=m[i]):m&&m[i]?f+=` = ${m[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"),h&&(a.style.position="relative",a.style.overflow="visible"),h){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),h&&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,N,x,h,d,L);break;case n.FEEDBACKAPPANSWERTYPE.RATING_STAR:m=document.createElement("div"),h="magicfeedback-rating-star";const U=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,L);m.appendChild(U);break;case n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE:m=document.createElement("div"),h="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"),L&&L===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]),m.appendChild(j);break;case n.FEEDBACKAPPANSWERTYPE.SELECT:m=document.createElement("select"),h="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,m.appendChild(V),E.forEach((e=>{const t=document.createElement("option");t.value=e,t.text=e,m.appendChild(t)})),L&&E.includes(L)&&(m.value=L),d&&m.addEventListener("change",(()=>{d()}));break;case n.FEEDBACKAPPANSWERTYPE.DATE:m=document.createElement("input"),m.type="date",m.required=b,m.placeholder=T||a.placeholder.date(i||"en"),h="magicfeedback-date",L&&(m.value=L);break;case n.FEEDBACKAPPANSWERTYPE.CONSENT:m=document.createElement("input"),h="magicfeedback-consent",m.type="checkbox",m.id=`magicfeedback-${f}`,m.name=y,m.value="true",m.required=b,m.classList.add("magicfeedback-consent"),m.classList.add("magicfeedback-input"),L&&E.includes(L)&&(m.checked=!0),d&&m.addEventListener("change",(()=>{d()}));break;case n.FEEDBACKAPPANSWERTYPE.EMAIL:m=document.createElement("input"),m.type="email",m.required=b,m.placeholder=T||"you@example.com",h="magicfeedback-email",L&&(m.value=L);break;case n.FEEDBACKAPPANSWERTYPE.PASSWORD:m=document.createElement("input"),m.type="password",m.required=b,m.placeholder=T||a.placeholder.password(i||"en"),h="magicfeedback-password",L&&(m.value=L);break;case n.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:m=document.createElement("div"),h="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"),Te=document.createElement("th");xe.appendChild(Te),Z.forEach((e=>{const t=document.createElement("th");t.textContent=e,xe.appendChild(t)})),Ce.appendChild(xe),Ae.appendChild(Ce);const Le=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)})),Le.appendChild(t)})),Ae.appendChild(Le),X.appendChild(Ae)}m.appendChild(X);break;case n.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:m=document.createElement("div"),h="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 m=()=>{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 m=Number(null===(i=s.value)||void 0===i?void 0:i.split(".")[0])-1;s.value=`${m}. ${t}`,r.textContent=`${m}. ${t}`,l.style.visibility=1===m?"hidden":"visible",d.style.visibility=m===e.length?"hidden":"visible";const h=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(h&&f&&g&&v){const t=Number(null===(n=h.value)||void 0===n?void 0:n.split(".")[0])+1;h.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 m=c.querySelector(".magicfeedback-input-magicfeedback-priority-list"),h=c.querySelector(".magicfeedback-priority-list-item-label"),f=c.querySelector(".magicfeedback-priority-list-arrow-up"),g=c.querySelector(".magicfeedback-priority-list-arrow-down");if(m&&h&&f&&g){const t=Number(m.value.split(".")[0])-1;m.value=`${t}.${null===(n=h.textContent)||void 0===n?void 0:n.split(".")[1]}`,h.textContent=`${t}.${null===(o=h.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)}))},h=document.createElement("div");h.classList.add("magicfeedback-modal-backdrop"),h.style.position="fixed",h.style.top="0",h.style.left="0",h.style.width="100vw",h.style.height="100vh",h.style.background="rgba(0,0,0,0.4)",h.style.display="none",h.style.alignItems="center",h.style.justifyContent="center",h.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",(()=>{h.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",(()=>{h.style.display="none",m()})),E.appendChild(k),E.appendChild(x),f.appendChild(C),f.appendChild(g),f.appendChild(b),f.appendChild(E),h.appendChild(f),c.addEventListener("click",(()=>{h.style.display="flex",y(),A()})),h.addEventListener("click",(e=>{e.target===h&&(h.style.display="none")})),d.appendChild(a),d.appendChild(u),d.appendChild(h),m(),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 m=Number(null===(t=a.value)||void 0===t?void 0:t.split(".")[0])-1;a.value=`${m}. ${e}`,s.textContent=`${m}. ${e}`,o.style.visibility=1===m?"hidden":"visible",l.style.visibility=m===u.length?"hidden":"visible";const h=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(h&&f&&g&&v){const e=Number(null===(i=h.value)||void 0===i?void 0:i.split(".")[0])+1;h.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 m=d.querySelector(".magicfeedback-input-magicfeedback-priority-list"),h=d.querySelector(".magicfeedback-priority-list-item-label"),f=d.querySelector(".magicfeedback-priority-list-arrow-up"),g=d.querySelector(".magicfeedback-priority-list-arrow-down");if(m&&h&&f&&g){const e=Number(m.value.split(".")[0])-1;m.value=`${e}.${null===(i=h.textContent)||void 0===i?void 0:i.split(".")[1]}`,h.textContent=`${e}.${null===(r=h.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"});m.appendChild(te);break;case n.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM:m=document.createElement("div"),h="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),m.appendChild(ie);break;case n.FEEDBACKAPPANSWERTYPE.INFO_PAGE:m=document.createElement("div"),h="magicfeedback-info-page";const le=document.createElement("div");le.classList.add("magicfeedback-info-message"),le.innerHTML=T,m.appendChild(le);break;case n.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE:m=document.createElement("input"),m.type="file",m.accept="image/*",m.required=b,m.multiple=(null==A?void 0:A.multiple)||!1,m.maxLength=(null==A?void 0:A.maxFiles)||1,h="magicfeedback-upload-image";break;case n.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE:m=document.createElement("input"),m.type="file",m.required=b,m.multiple=(null==A?void 0:A.multiple)||!1,m.maxLength=(null==A?void 0:A.maxFiles)||1,h="magicfeedback-upload-file";break;default:return C}m.id=`magicfeedback-${f}`,m.setAttribute("name",y),m.classList.add(h),(void 0!==k||null!==L)&&(m.value=L||k),["RADIO","MULTIPLECHOICE"].includes(v)||(m.classList.add("magicfeedback-input"),m.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(m),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 we=document.createElement("img");we.src=null==A?void 0:A.general,we.classList.add("magicfeedback-image"),we.style.maxWidth="auto",we.style.height="400px",we.style.margin="10px 0",C.appendChild(we)}if("LONGTEXT"===v&&w>0){const Se=document.createElement("div");if(Se.classList.add("magicfeedback-counter"),Se.textContent=`${m.value.length}/${w}`,Se.style.textAlign="right",Se.style.fontSize="15px",Se.style.marginTop="5px",m.addEventListener("input",(()=>{Se.textContent=`${m.value.length}/${w}`})),C.appendChild(m),C.appendChild(Se),(null==A?void 0:A.extraOption)&&(null==A?void 0:A.extraOptionText)){const Ne=document.createElement("div");Ne.classList.add("magicfeedback-skip-container"),Ne.classList.add("magicfeedback-checkbox-container"),Ne.style.display="flex",Ne.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 Oe=document.createElement("label");Oe.htmlFor=`skip-${y}`,Oe.textContent=null==A?void 0:A.extraOptionText,Oe.style.fontSize="15px",Oe.style.cursor="pointer",Oe.style.margin="0 5px",Pe.addEventListener("click",(()=>{m.value="-",d&&d()})),Ne.appendChild(Pe),Ne.appendChild(Oe),C.appendChild(Ne)}}else C.appendChild(m)}return C}(h,i,l,`${s}${p?`/${m}`:""}`,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){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(713)),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)=>{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)}}},713:e=>{e.exports=require("cross-fetch")},330:e=>{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={},i=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);return i.default})()));
1
+ /*
2
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
3
+ * This devtool is neither made for production nor for readable output files.
4
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
5
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
6
+ * or disable the default devtool with "devtool: false".
7
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
8
+ */
9
+ (function webpackUniversalModuleDefinition(root, factory) {
10
+ if(typeof exports === 'object' && typeof module === 'object')
11
+ module.exports = factory();
12
+ else if(typeof define === 'function' && define.amd)
13
+ define([], factory);
14
+ else if(typeof exports === 'object')
15
+ exports["magicfeedback"] = factory();
16
+ else
17
+ root["magicfeedback"] = factory();
18
+ })(global, () => {
19
+ return /******/ (() => { // webpackBootstrap
20
+ /******/ "use strict";
21
+ /******/ var __webpack_modules__ = ({
22
+
23
+ /***/ "./src/config-globals.ts":
24
+ /*!*******************************!*\
25
+ !*** ./src/config-globals.ts ***!
26
+ \*******************************/
27
+ /***/ ((__unused_webpack_module, exports) => {
28
+
29
+ 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?");
30
+
31
+ /***/ }),
32
+
33
+ /***/ "./src/index.ts":
34
+ /*!**********************!*\
35
+ !*** ./src/index.ts ***!
36
+ \**********************/
37
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
38
+
39
+ 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?");
40
+
41
+ /***/ }),
42
+
43
+ /***/ "./src/main.ts":
44
+ /*!*********************!*\
45
+ !*** ./src/main.ts ***!
46
+ \*********************/
47
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
48
+
49
+ 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?");
50
+
51
+ /***/ }),
52
+
53
+ /***/ "./src/models/History.ts":
54
+ /*!*******************************!*\
55
+ !*** ./src/models/History.ts ***!
56
+ \*******************************/
57
+ /***/ ((__unused_webpack_module, exports) => {
58
+
59
+ 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?");
60
+
61
+ /***/ }),
62
+
63
+ /***/ "./src/models/config.ts":
64
+ /*!******************************!*\
65
+ !*** ./src/models/config.ts ***!
66
+ \******************************/
67
+ /***/ ((__unused_webpack_module, exports) => {
68
+
69
+ 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?");
70
+
71
+ /***/ }),
72
+
73
+ /***/ "./src/models/form.ts":
74
+ /*!****************************!*\
75
+ !*** ./src/models/form.ts ***!
76
+ \****************************/
77
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
78
+
79
+ 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?");
80
+
81
+ /***/ }),
82
+
83
+ /***/ "./src/models/page.ts":
84
+ /*!****************************!*\
85
+ !*** ./src/models/page.ts ***!
86
+ \****************************/
87
+ /***/ ((__unused_webpack_module, exports) => {
88
+
89
+ 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?");
90
+
91
+ /***/ }),
92
+
93
+ /***/ "./src/models/pageGraphs.ts":
94
+ /*!**********************************!*\
95
+ !*** ./src/models/pageGraphs.ts ***!
96
+ \**********************************/
97
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
98
+
99
+ 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?");
100
+
101
+ /***/ }),
102
+
103
+ /***/ "./src/models/pageNode.ts":
104
+ /*!********************************!*\
105
+ !*** ./src/models/pageNode.ts ***!
106
+ \********************************/
107
+ /***/ ((__unused_webpack_module, exports) => {
108
+
109
+ 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?");
110
+
111
+ /***/ }),
112
+
113
+ /***/ "./src/models/pageRoute.ts":
114
+ /*!*********************************!*\
115
+ !*** ./src/models/pageRoute.ts ***!
116
+ \*********************************/
117
+ /***/ ((__unused_webpack_module, exports) => {
118
+
119
+ 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?");
120
+
121
+ /***/ }),
122
+
123
+ /***/ "./src/models/types.ts":
124
+ /*!*****************************!*\
125
+ !*** ./src/models/types.ts ***!
126
+ \*****************************/
127
+ /***/ ((__unused_webpack_module, exports) => {
128
+
129
+ 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?");
130
+
131
+ /***/ }),
132
+
133
+ /***/ "./src/render/helpers.ts":
134
+ /*!*******************************!*\
135
+ !*** ./src/render/helpers.ts ***!
136
+ \*******************************/
137
+ /***/ ((__unused_webpack_module, exports) => {
138
+
139
+ 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?");
140
+
141
+ /***/ }),
142
+
143
+ /***/ "./src/render/ratingHelpers.ts":
144
+ /*!*************************************!*\
145
+ !*** ./src/render/ratingHelpers.ts ***!
146
+ \*************************************/
147
+ /***/ ((__unused_webpack_module, exports) => {
148
+
149
+ 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?");
150
+
151
+ /***/ }),
152
+
153
+ /***/ "./src/render/registry.ts":
154
+ /*!********************************!*\
155
+ !*** ./src/render/registry.ts ***!
156
+ \********************************/
157
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
158
+
159
+ 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?");
160
+
161
+ /***/ }),
162
+
163
+ /***/ "./src/render/renderBoolean.ts":
164
+ /*!*************************************!*\
165
+ !*** ./src/render/renderBoolean.ts ***!
166
+ \*************************************/
167
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
168
+
169
+ 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?");
170
+
171
+ /***/ }),
172
+
173
+ /***/ "./src/render/renderChoice.ts":
174
+ /*!************************************!*\
175
+ !*** ./src/render/renderChoice.ts ***!
176
+ \************************************/
177
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
178
+
179
+ 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?");
180
+
181
+ /***/ }),
182
+
183
+ /***/ "./src/render/renderConsent.ts":
184
+ /*!*************************************!*\
185
+ !*** ./src/render/renderConsent.ts ***!
186
+ \*************************************/
187
+ /***/ ((__unused_webpack_module, exports) => {
188
+
189
+ 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?");
190
+
191
+ /***/ }),
192
+
193
+ /***/ "./src/render/renderDate.ts":
194
+ /*!**********************************!*\
195
+ !*** ./src/render/renderDate.ts ***!
196
+ \**********************************/
197
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
198
+
199
+ 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?");
200
+
201
+ /***/ }),
202
+
203
+ /***/ "./src/render/renderEmail.ts":
204
+ /*!***********************************!*\
205
+ !*** ./src/render/renderEmail.ts ***!
206
+ \***********************************/
207
+ /***/ ((__unused_webpack_module, exports) => {
208
+
209
+ 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?");
210
+
211
+ /***/ }),
212
+
213
+ /***/ "./src/render/renderInfoPage.ts":
214
+ /*!**************************************!*\
215
+ !*** ./src/render/renderInfoPage.ts ***!
216
+ \**************************************/
217
+ /***/ ((__unused_webpack_module, exports) => {
218
+
219
+ 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?");
220
+
221
+ /***/ }),
222
+
223
+ /***/ "./src/render/renderLongText.ts":
224
+ /*!**************************************!*\
225
+ !*** ./src/render/renderLongText.ts ***!
226
+ \**************************************/
227
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
228
+
229
+ 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?");
230
+
231
+ /***/ }),
232
+
233
+ /***/ "./src/render/renderMatrix.ts":
234
+ /*!************************************!*\
235
+ !*** ./src/render/renderMatrix.ts ***!
236
+ \************************************/
237
+ /***/ ((__unused_webpack_module, exports) => {
238
+
239
+ 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?");
240
+
241
+ /***/ }),
242
+
243
+ /***/ "./src/render/renderMultipleChoiceImage.ts":
244
+ /*!*************************************************!*\
245
+ !*** ./src/render/renderMultipleChoiceImage.ts ***!
246
+ \*************************************************/
247
+ /***/ ((__unused_webpack_module, exports) => {
248
+
249
+ 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?");
250
+
251
+ /***/ }),
252
+
253
+ /***/ "./src/render/renderNumber.ts":
254
+ /*!************************************!*\
255
+ !*** ./src/render/renderNumber.ts ***!
256
+ \************************************/
257
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
258
+
259
+ 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?");
260
+
261
+ /***/ }),
262
+
263
+ /***/ "./src/render/renderPassword.ts":
264
+ /*!**************************************!*\
265
+ !*** ./src/render/renderPassword.ts ***!
266
+ \**************************************/
267
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
268
+
269
+ 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?");
270
+
271
+ /***/ }),
272
+
273
+ /***/ "./src/render/renderPointSystem.ts":
274
+ /*!*****************************************!*\
275
+ !*** ./src/render/renderPointSystem.ts ***!
276
+ \*****************************************/
277
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
278
+
279
+ 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?");
280
+
281
+ /***/ }),
282
+
283
+ /***/ "./src/render/renderPriorityList.ts":
284
+ /*!******************************************!*\
285
+ !*** ./src/render/renderPriorityList.ts ***!
286
+ \******************************************/
287
+ /***/ ((__unused_webpack_module, exports) => {
288
+
289
+ 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?");
290
+
291
+ /***/ }),
292
+
293
+ /***/ "./src/render/renderRatingEmoji.ts":
294
+ /*!*****************************************!*\
295
+ !*** ./src/render/renderRatingEmoji.ts ***!
296
+ \*****************************************/
297
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
298
+
299
+ 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?");
300
+
301
+ /***/ }),
302
+
303
+ /***/ "./src/render/renderRatingNumber.ts":
304
+ /*!******************************************!*\
305
+ !*** ./src/render/renderRatingNumber.ts ***!
306
+ \******************************************/
307
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
308
+
309
+ 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?");
310
+
311
+ /***/ }),
312
+
313
+ /***/ "./src/render/renderRatingStar.ts":
314
+ /*!****************************************!*\
315
+ !*** ./src/render/renderRatingStar.ts ***!
316
+ \****************************************/
317
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
318
+
319
+ 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?");
320
+
321
+ /***/ }),
322
+
323
+ /***/ "./src/render/renderSelect.ts":
324
+ /*!************************************!*\
325
+ !*** ./src/render/renderSelect.ts ***!
326
+ \************************************/
327
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
328
+
329
+ 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?");
330
+
331
+ /***/ }),
332
+
333
+ /***/ "./src/render/renderText.ts":
334
+ /*!**********************************!*\
335
+ !*** ./src/render/renderText.ts ***!
336
+ \**********************************/
337
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
338
+
339
+ 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?");
340
+
341
+ /***/ }),
342
+
343
+ /***/ "./src/render/renderUploadFile.ts":
344
+ /*!****************************************!*\
345
+ !*** ./src/render/renderUploadFile.ts ***!
346
+ \****************************************/
347
+ /***/ ((__unused_webpack_module, exports) => {
348
+
349
+ 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?");
350
+
351
+ /***/ }),
352
+
353
+ /***/ "./src/render/renderUploadImage.ts":
354
+ /*!*****************************************!*\
355
+ !*** ./src/render/renderUploadImage.ts ***!
356
+ \*****************************************/
357
+ /***/ ((__unused_webpack_module, exports) => {
358
+
359
+ 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?");
360
+
361
+ /***/ }),
362
+
363
+ /***/ "./src/services/paths.ts":
364
+ /*!*******************************!*\
365
+ !*** ./src/services/paths.ts ***!
366
+ \*******************************/
367
+ /***/ ((__unused_webpack_module, exports) => {
368
+
369
+ 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?");
370
+
371
+ /***/ }),
372
+
373
+ /***/ "./src/services/placeholder.ts":
374
+ /*!*************************************!*\
375
+ !*** ./src/services/placeholder.ts ***!
376
+ \*************************************/
377
+ /***/ ((__unused_webpack_module, exports) => {
378
+
379
+ 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?");
380
+
381
+ /***/ }),
382
+
383
+ /***/ "./src/services/questions.service.ts":
384
+ /*!*******************************************!*\
385
+ !*** ./src/services/questions.service.ts ***!
386
+ \*******************************************/
387
+ /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
388
+
389
+ 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?");
390
+
391
+ /***/ }),
392
+
393
+ /***/ "./src/services/request.service.ts":
394
+ /*!*****************************************!*\
395
+ !*** ./src/services/request.service.ts ***!
396
+ \*****************************************/
397
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
398
+
399
+ 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 */ \"cross-fetch\"));\nconst package_json_1 = __importDefault(__webpack_require__(/*! ../../package.json */ \"./package.json\"));\nconst paths_1 = __webpack_require__(/*! ./paths */ \"./src/services/paths.ts\");\nconst header = {\n Accept: \"application/json\",\n \"Magicfeedback-Sdk-Version\": package_json_1.default.version,\n \"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?");
400
+
401
+ /***/ }),
402
+
403
+ /***/ "./src/utils/log.ts":
404
+ /*!**************************!*\
405
+ !*** ./src/utils/log.ts ***!
406
+ \**************************/
407
+ /***/ ((__unused_webpack_module, exports) => {
408
+
409
+ 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?");
410
+
411
+ /***/ }),
412
+
413
+ /***/ "cross-fetch":
414
+ /*!******************************!*\
415
+ !*** external "cross-fetch" ***!
416
+ \******************************/
417
+ /***/ ((module) => {
418
+
419
+ module.exports = require("cross-fetch");
420
+
421
+ /***/ }),
422
+
423
+ /***/ "./package.json":
424
+ /*!**********************!*\
425
+ !*** ./package.json ***!
426
+ \**********************/
427
+ /***/ ((module) => {
428
+
429
+ 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?");
430
+
431
+ /***/ })
432
+
433
+ /******/ });
434
+ /************************************************************************/
435
+ /******/ // The module cache
436
+ /******/ var __webpack_module_cache__ = {};
437
+ /******/
438
+ /******/ // The require function
439
+ /******/ function __webpack_require__(moduleId) {
440
+ /******/ // Check if module is in cache
441
+ /******/ var cachedModule = __webpack_module_cache__[moduleId];
442
+ /******/ if (cachedModule !== undefined) {
443
+ /******/ return cachedModule.exports;
444
+ /******/ }
445
+ /******/ // Create a new module (and put it into the cache)
446
+ /******/ var module = __webpack_module_cache__[moduleId] = {
447
+ /******/ // no module.id needed
448
+ /******/ // no module.loaded needed
449
+ /******/ exports: {}
450
+ /******/ };
451
+ /******/
452
+ /******/ // Execute the module function
453
+ /******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
454
+ /******/
455
+ /******/ // Return the exports of the module
456
+ /******/ return module.exports;
457
+ /******/ }
458
+ /******/
459
+ /************************************************************************/
460
+ /******/
461
+ /******/ // startup
462
+ /******/ // Load entry module and return exports
463
+ /******/ // This entry module is referenced by other modules so it can't be inlined
464
+ /******/ var __webpack_exports__ = __webpack_require__("./src/index.ts");
465
+ /******/ __webpack_exports__ = __webpack_exports__["default"];
466
+ /******/
467
+ /******/ return __webpack_exports__;
468
+ /******/ })()
469
+ ;
470
+ });