@magicfeedback/native 1.1.6 → 1.1.7-beta.0

package/dist/magicfeedback-sdk.browser.js

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

package/dist/magicfeedback-sdk.node.js

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

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

@@ -32,7 +32,6 @@ export type NativeQuestion = {
     defaultValue: string;
     appId: string;
     followup: boolean;
-    followupQuestion: NativeQuestion[];
 };
 export type NativeAnswer = {
     key: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicfeedback/native",
-  "version": "1.1.6",
+  "version": "1.1.7-beta.0",
   "main": "./dist/magicfeedback-sdk.node.js",
   "browser": "./dist/magicfeedback-sdk.browser.js",
   "types": "./dist/types/src/index.d.ts",
@@ -15,6 +15,8 @@
     "dev": "vite",
     "build": "webpack",
     "build:watch": "webpack --watch --mode development",
+    "publish": "npm publish --access public",
+    "publish:beta": "npm publish --access public --tag beta",
     "test": "jest",
     "test:watch": "jest --watchAll",
     "coverage": "vitest run --coverage"