@magicfeedback/popup-sdk 1.0.12 → 1.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +3 -3
  2. package/dist/assets/assets/style.css +29 -20
  3. package/dist/index.d.mts +5 -3
  4. package/dist/index.d.ts +5 -3
  5. package/dist/index.js +1964 -816
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +1964 -816
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +5 -3
package/dist/index.js CHANGED
@@ -46,14 +46,14 @@ var require_magicfeedback_sdk_browser = __commonJS({
46
46
  })();
47
47
  !(function(e3) {
48
48
  !(function(t3) {
49
- var i2 = "URLSearchParams" in e3, n2 = "Symbol" in e3 && "iterator" in Symbol, a2 = "FileReader" in e3 && "Blob" in e3 && (function() {
49
+ var i2 = "URLSearchParams" in e3, n2 = "Symbol" in e3 && "iterator" in Symbol, r2 = "FileReader" in e3 && "Blob" in e3 && (function() {
50
50
  try {
51
51
  return new Blob(), true;
52
52
  } catch (e4) {
53
53
  return false;
54
54
  }
55
- })(), s = "FormData" in e3, r = "ArrayBuffer" in e3;
56
- if (r) var o = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"], l = ArrayBuffer.isView || function(e4) {
55
+ })(), s = "FormData" in e3, a = "ArrayBuffer" in e3;
56
+ if (a) var o = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"], l = ArrayBuffer.isView || function(e4) {
57
57
  return e4 && o.indexOf(Object.prototype.toString.call(e4)) > -1;
58
58
  };
59
59
  function d(e4) {
@@ -81,11 +81,11 @@ var require_magicfeedback_sdk_browser = __commonJS({
81
81
  this.append(t4, e4[t4]);
82
82
  }), this);
83
83
  }
84
- function h(e4) {
84
+ function m(e4) {
85
85
  if (e4.bodyUsed) return Promise.reject(new TypeError("Already read"));
86
86
  e4.bodyUsed = true;
87
87
  }
88
- function m(e4) {
88
+ function h(e4) {
89
89
  return new Promise((function(t4, i3) {
90
90
  e4.onload = function() {
91
91
  t4(e4.result);
@@ -95,31 +95,31 @@ var require_magicfeedback_sdk_browser = __commonJS({
95
95
  }));
96
96
  }
97
97
  function f(e4) {
98
- var t4 = new FileReader(), i3 = m(t4);
98
+ var t4 = new FileReader(), i3 = h(t4);
99
99
  return t4.readAsArrayBuffer(e4), i3;
100
100
  }
101
- function g(e4) {
101
+ function v(e4) {
102
102
  if (e4.slice) return e4.slice(0);
103
103
  var t4 = new Uint8Array(e4.byteLength);
104
104
  return t4.set(new Uint8Array(e4)), t4.buffer;
105
105
  }
106
- function v() {
106
+ function g() {
107
107
  return this.bodyUsed = false, this._initBody = function(e4) {
108
108
  var t4;
109
- this._bodyInit = e4, e4 ? "string" == typeof e4 ? this._bodyText = e4 : a2 && Blob.prototype.isPrototypeOf(e4) ? this._bodyBlob = e4 : s && FormData.prototype.isPrototypeOf(e4) ? this._bodyFormData = e4 : i2 && URLSearchParams.prototype.isPrototypeOf(e4) ? this._bodyText = e4.toString() : r && a2 && (t4 = e4) && DataView.prototype.isPrototypeOf(t4) ? (this._bodyArrayBuffer = g(e4.buffer), this._bodyInit = new Blob([this._bodyArrayBuffer])) : r && (ArrayBuffer.prototype.isPrototypeOf(e4) || l(e4)) ? this._bodyArrayBuffer = g(e4) : this._bodyText = e4 = Object.prototype.toString.call(e4) : this._bodyText = "", this.headers.get("content-type") || ("string" == typeof e4 ? this.headers.set("content-type", "text/plain;charset=UTF-8") : this._bodyBlob && this._bodyBlob.type ? this.headers.set("content-type", this._bodyBlob.type) : i2 && URLSearchParams.prototype.isPrototypeOf(e4) && this.headers.set("content-type", "application/x-www-form-urlencoded;charset=UTF-8"));
110
- }, a2 && (this.blob = function() {
111
- var e4 = h(this);
109
+ this._bodyInit = e4, e4 ? "string" == typeof e4 ? this._bodyText = e4 : r2 && Blob.prototype.isPrototypeOf(e4) ? this._bodyBlob = e4 : s && FormData.prototype.isPrototypeOf(e4) ? this._bodyFormData = e4 : i2 && URLSearchParams.prototype.isPrototypeOf(e4) ? this._bodyText = e4.toString() : a && r2 && (t4 = e4) && DataView.prototype.isPrototypeOf(t4) ? (this._bodyArrayBuffer = v(e4.buffer), this._bodyInit = new Blob([this._bodyArrayBuffer])) : a && (ArrayBuffer.prototype.isPrototypeOf(e4) || l(e4)) ? this._bodyArrayBuffer = v(e4) : this._bodyText = e4 = Object.prototype.toString.call(e4) : this._bodyText = "", this.headers.get("content-type") || ("string" == typeof e4 ? this.headers.set("content-type", "text/plain;charset=UTF-8") : this._bodyBlob && this._bodyBlob.type ? this.headers.set("content-type", this._bodyBlob.type) : i2 && URLSearchParams.prototype.isPrototypeOf(e4) && this.headers.set("content-type", "application/x-www-form-urlencoded;charset=UTF-8"));
110
+ }, r2 && (this.blob = function() {
111
+ var e4 = m(this);
112
112
  if (e4) return e4;
113
113
  if (this._bodyBlob) return Promise.resolve(this._bodyBlob);
114
114
  if (this._bodyArrayBuffer) return Promise.resolve(new Blob([this._bodyArrayBuffer]));
115
115
  if (this._bodyFormData) throw new Error("could not read FormData body as blob");
116
116
  return Promise.resolve(new Blob([this._bodyText]));
117
117
  }, this.arrayBuffer = function() {
118
- return this._bodyArrayBuffer ? h(this) || Promise.resolve(this._bodyArrayBuffer) : this.blob().then(f);
118
+ return this._bodyArrayBuffer ? m(this) || Promise.resolve(this._bodyArrayBuffer) : this.blob().then(f);
119
119
  }), this.text = function() {
120
- var e4, t4, i3, n3 = h(this);
120
+ var e4, t4, i3, n3 = m(this);
121
121
  if (n3) return n3;
122
- if (this._bodyBlob) return e4 = this._bodyBlob, i3 = m(t4 = new FileReader()), t4.readAsText(e4), i3;
122
+ if (this._bodyBlob) return e4 = this._bodyBlob, i3 = h(t4 = new FileReader()), t4.readAsText(e4), i3;
123
123
  if (this._bodyArrayBuffer) return Promise.resolve((function(e5) {
124
124
  for (var t5 = new Uint8Array(e5), i4 = new Array(t5.length), n4 = 0; n4 < t5.length; n4++) i4[n4] = String.fromCharCode(t5[n4]);
125
125
  return i4.join("");
@@ -127,7 +127,7 @@ var require_magicfeedback_sdk_browser = __commonJS({
127
127
  if (this._bodyFormData) throw new Error("could not read FormData body as text");
128
128
  return Promise.resolve(this._bodyText);
129
129
  }, s && (this.formData = function() {
130
- return this.text().then(b);
130
+ return this.text().then(E);
131
131
  }), this.json = function() {
132
132
  return this.text().then(JSON.parse);
133
133
  }, this;
@@ -163,39 +163,39 @@ var require_magicfeedback_sdk_browser = __commonJS({
163
163
  })), u(e4);
164
164
  }, n2 && (p.prototype[Symbol.iterator] = p.prototype.entries);
165
165
  var y = ["DELETE", "GET", "HEAD", "OPTIONS", "POST", "PUT"];
166
- function E(e4, t4) {
167
- var i3, n3, a3 = (t4 = t4 || {}).body;
168
- if (e4 instanceof E) {
166
+ function b(e4, t4) {
167
+ var i3, n3, r3 = (t4 = t4 || {}).body;
168
+ if (e4 instanceof b) {
169
169
  if (e4.bodyUsed) throw new TypeError("Already read");
170
- this.url = e4.url, this.credentials = e4.credentials, t4.headers || (this.headers = new p(e4.headers)), this.method = e4.method, this.mode = e4.mode, this.signal = e4.signal, a3 || null == e4._bodyInit || (a3 = e4._bodyInit, e4.bodyUsed = true);
170
+ this.url = e4.url, this.credentials = e4.credentials, t4.headers || (this.headers = new p(e4.headers)), this.method = e4.method, this.mode = e4.mode, this.signal = e4.signal, r3 || null == e4._bodyInit || (r3 = e4._bodyInit, e4.bodyUsed = true);
171
171
  } else this.url = String(e4);
172
- if (this.credentials = t4.credentials || this.credentials || "same-origin", !t4.headers && this.headers || (this.headers = new p(t4.headers)), this.method = (n3 = (i3 = t4.method || this.method || "GET").toUpperCase(), y.indexOf(n3) > -1 ? n3 : i3), this.mode = t4.mode || this.mode || null, this.signal = t4.signal || this.signal, this.referrer = null, ("GET" === this.method || "HEAD" === this.method) && a3) throw new TypeError("Body not allowed for GET or HEAD requests");
173
- this._initBody(a3);
172
+ if (this.credentials = t4.credentials || this.credentials || "same-origin", !t4.headers && this.headers || (this.headers = new p(t4.headers)), this.method = (n3 = (i3 = t4.method || this.method || "GET").toUpperCase(), y.indexOf(n3) > -1 ? n3 : i3), this.mode = t4.mode || this.mode || null, this.signal = t4.signal || this.signal, this.referrer = null, ("GET" === this.method || "HEAD" === this.method) && r3) throw new TypeError("Body not allowed for GET or HEAD requests");
173
+ this._initBody(r3);
174
174
  }
175
- function b(e4) {
175
+ function E(e4) {
176
176
  var t4 = new FormData();
177
177
  return e4.trim().split("&").forEach((function(e5) {
178
178
  if (e5) {
179
- var i3 = e5.split("="), n3 = i3.shift().replace(/\+/g, " "), a3 = i3.join("=").replace(/\+/g, " ");
180
- t4.append(decodeURIComponent(n3), decodeURIComponent(a3));
179
+ var i3 = e5.split("="), n3 = i3.shift().replace(/\+/g, " "), r3 = i3.join("=").replace(/\+/g, " ");
180
+ t4.append(decodeURIComponent(n3), decodeURIComponent(r3));
181
181
  }
182
182
  })), t4;
183
183
  }
184
- function A(e4, t4) {
184
+ function k(e4, t4) {
185
185
  t4 || (t4 = {}), this.type = "default", this.status = void 0 === t4.status ? 200 : t4.status, this.ok = this.status >= 200 && this.status < 300, this.statusText = "statusText" in t4 ? t4.statusText : "OK", this.headers = new p(t4.headers), this.url = t4.url || "", this._initBody(e4);
186
186
  }
187
- E.prototype.clone = function() {
188
- return new E(this, { body: this._bodyInit });
189
- }, v.call(E.prototype), v.call(A.prototype), A.prototype.clone = function() {
190
- return new A(this._bodyInit, { status: this.status, statusText: this.statusText, headers: new p(this.headers), url: this.url });
191
- }, A.error = function() {
192
- var e4 = new A(null, { status: 0, statusText: "" });
187
+ b.prototype.clone = function() {
188
+ return new b(this, { body: this._bodyInit });
189
+ }, g.call(b.prototype), g.call(k.prototype), k.prototype.clone = function() {
190
+ return new k(this._bodyInit, { status: this.status, statusText: this.statusText, headers: new p(this.headers), url: this.url });
191
+ }, k.error = function() {
192
+ var e4 = new k(null, { status: 0, statusText: "" });
193
193
  return e4.type = "error", e4;
194
194
  };
195
- var k = [301, 302, 303, 307, 308];
196
- A.redirect = function(e4, t4) {
197
- if (-1 === k.indexOf(t4)) throw new RangeError("Invalid status code");
198
- return new A(null, { status: t4, headers: { location: e4 } });
195
+ var A = [301, 302, 303, 307, 308];
196
+ k.redirect = function(e4, t4) {
197
+ if (-1 === A.indexOf(t4)) throw new RangeError("Invalid status code");
198
+ return new k(null, { status: t4, headers: { location: e4 } });
199
199
  }, t3.DOMException = e3.DOMException;
200
200
  try {
201
201
  new t3.DOMException();
@@ -208,8 +208,8 @@ var require_magicfeedback_sdk_browser = __commonJS({
208
208
  }
209
209
  function C(e4, i3) {
210
210
  return new Promise((function(n3, s2) {
211
- var r2 = new E(e4, i3);
212
- if (r2.signal && r2.signal.aborted) return s2(new t3.DOMException("Aborted", "AbortError"));
211
+ var a2 = new b(e4, i3);
212
+ if (a2.signal && a2.signal.aborted) return s2(new t3.DOMException("Aborted", "AbortError"));
213
213
  var o2 = new XMLHttpRequest();
214
214
  function l2() {
215
215
  o2.abort();
@@ -218,31 +218,31 @@ var require_magicfeedback_sdk_browser = __commonJS({
218
218
  var e5, t4, i4 = { status: o2.status, statusText: o2.statusText, headers: (e5 = o2.getAllResponseHeaders() || "", t4 = new p(), e5.replace(/\r?\n[\t ]+/g, " ").split(/\r?\n/).forEach((function(e6) {
219
219
  var i5 = e6.split(":"), n4 = i5.shift().trim();
220
220
  if (n4) {
221
- var a4 = i5.join(":").trim();
222
- t4.append(n4, a4);
221
+ var r4 = i5.join(":").trim();
222
+ t4.append(n4, r4);
223
223
  }
224
224
  })), t4) };
225
225
  i4.url = "responseURL" in o2 ? o2.responseURL : i4.headers.get("X-Request-URL");
226
- var a3 = "response" in o2 ? o2.response : o2.responseText;
227
- n3(new A(a3, i4));
226
+ var r3 = "response" in o2 ? o2.response : o2.responseText;
227
+ n3(new k(r3, i4));
228
228
  }, o2.onerror = function() {
229
229
  s2(new TypeError("Network request failed"));
230
230
  }, o2.ontimeout = function() {
231
231
  s2(new TypeError("Network request failed"));
232
232
  }, o2.onabort = function() {
233
233
  s2(new t3.DOMException("Aborted", "AbortError"));
234
- }, o2.open(r2.method, r2.url, true), "include" === r2.credentials ? o2.withCredentials = true : "omit" === r2.credentials && (o2.withCredentials = false), "responseType" in o2 && a2 && (o2.responseType = "blob"), r2.headers.forEach((function(e5, t4) {
234
+ }, o2.open(a2.method, a2.url, true), "include" === a2.credentials ? o2.withCredentials = true : "omit" === a2.credentials && (o2.withCredentials = false), "responseType" in o2 && r2 && (o2.responseType = "blob"), a2.headers.forEach((function(e5, t4) {
235
235
  o2.setRequestHeader(t4, e5);
236
- })), r2.signal && (r2.signal.addEventListener("abort", l2), o2.onreadystatechange = function() {
237
- 4 === o2.readyState && r2.signal.removeEventListener("abort", l2);
238
- }), o2.send(void 0 === r2._bodyInit ? null : r2._bodyInit);
236
+ })), a2.signal && (a2.signal.addEventListener("abort", l2), o2.onreadystatechange = function() {
237
+ 4 === o2.readyState && a2.signal.removeEventListener("abort", l2);
238
+ }), o2.send(void 0 === a2._bodyInit ? null : a2._bodyInit);
239
239
  }));
240
240
  }
241
- C.polyfill = true, e3.fetch || (e3.fetch = C, e3.Headers = p, e3.Request = E, e3.Response = A), t3.Headers = p, t3.Request = E, t3.Response = A, t3.fetch = C, Object.defineProperty(t3, "__esModule", { value: true });
241
+ C.polyfill = true, e3.fetch || (e3.fetch = C, e3.Headers = p, e3.Request = b, e3.Response = k), t3.Headers = p, t3.Request = b, t3.Response = k, t3.fetch = C, Object.defineProperty(t3, "__esModule", { value: true });
242
242
  })({});
243
243
  })(n), n.fetch.ponyfill = true, delete n.fetch.polyfill;
244
- var a = n;
245
- (t2 = a.fetch).default = a.fetch, t2.fetch = a.fetch, t2.Headers = a.Headers, t2.Request = a.Request, t2.Response = a.Response, e2.exports = t2;
244
+ var r = n;
245
+ (t2 = r.fetch).default = r.fetch, t2.fetch = r.fetch, t2.Headers = r.Headers, t2.Request = r.Request, t2.Response = r.Response, e2.exports = t2;
246
246
  }, 317: (e2, t2) => {
247
247
  "use strict";
248
248
  Object.defineProperty(t2, "__esModule", { value: true }), t2.HOST_API_URL_DEV = t2.HOST_API_URL = void 0, t2.HOST_API_URL = "https://api.deepdots.com/", t2.HOST_API_URL_DEV = "https://api-dev.deepdots.com/";
@@ -252,14 +252,14 @@ var require_magicfeedback_sdk_browser = __commonJS({
252
252
  return e3 && e3.__esModule ? e3 : { default: e3 };
253
253
  };
254
254
  Object.defineProperty(t2, "__esModule", { value: true });
255
- const a = n(i(927));
255
+ const r = n(i(927));
256
256
  let s = null;
257
- s || (s = (0, a.default)()), t2.default = s;
257
+ s || (s = (0, r.default)()), t2.default = s;
258
258
  }, 927: function(e2, t2, i) {
259
259
  "use strict";
260
260
  var n = this && this.__awaiter || function(e3, t3, i2, n2) {
261
- return new (i2 || (i2 = Promise))((function(a2, s2) {
262
- function r2(e4) {
261
+ return new (i2 || (i2 = Promise))((function(r2, s2) {
262
+ function a2(e4) {
263
263
  try {
264
264
  l2(n2.next(e4));
265
265
  } catch (e5) {
@@ -275,35 +275,36 @@ var require_magicfeedback_sdk_browser = __commonJS({
275
275
  }
276
276
  function l2(e4) {
277
277
  var t4;
278
- e4.done ? a2(e4.value) : (t4 = e4.value, t4 instanceof i2 ? t4 : new i2((function(e5) {
278
+ e4.done ? r2(e4.value) : (t4 = e4.value, t4 instanceof i2 ? t4 : new i2((function(e5) {
279
279
  e5(t4);
280
- }))).then(r2, o2);
280
+ }))).then(a2, o2);
281
281
  }
282
282
  l2((n2 = n2.apply(e3, t3 || [])).next());
283
283
  }));
284
284
  };
285
285
  Object.defineProperty(t2, "__esModule", { value: true });
286
- const a = i(57), s = i(665), r = i(256), o = i(313), l = i(317);
286
+ const r = i(57), s = i(665), a = i(256), o = i(313), l = i(317);
287
287
  t2.default = function() {
288
288
  const e3 = new s.Config();
289
- let t3;
289
+ let t3 = new a.Log(e3);
290
290
  return { init: function(i2) {
291
- (null == i2 ? void 0 : i2.debug) && e3.set("debug", null == i2 ? void 0 : i2.debug), e3.set("url", (null == i2 ? void 0 : i2.env) && "dev" === (null == i2 ? void 0 : i2.env) ? l.HOST_API_URL_DEV : l.HOST_API_URL), e3.set("env", null == i2 ? void 0 : i2.env), t3 = new r.Log(e3), t3.log("Initialized Magicfeedback", e3);
292
- }, send: function(i2, a2, s2, r2 = true, l2, d) {
291
+ "boolean" == typeof (null == i2 ? void 0 : i2.debug) && e3.set("debug", i2.debug), "boolean" == typeof (null == i2 ? void 0 : i2.dryRun) && e3.set("dryRun", i2.dryRun), e3.set("url", (null == i2 ? void 0 : i2.env) && "dev" === (null == i2 ? void 0 : i2.env) ? l.HOST_API_URL_DEV : l.HOST_API_URL), e3.set("env", null == i2 ? void 0 : i2.env), t3.log("Initialized Magicfeedback", e3);
292
+ }, send: function(i2, r2, s2, a2 = true, l2, d) {
293
293
  return n(this, void 0, void 0, (function* () {
294
- i2 || t3.err("No appID provided"), a2 || t3.err("No publicKey provided"), s2 || t3.err("No feedback provided"), s2.answers || s2.profile || s2.metrics || s2.metadata || t3.err("No feedback data provided");
295
- const n2 = e3.get("url"), c = { integration: i2, publicKey: a2, privateKey: d, completed: r2, id: l2, feedback: s2 };
294
+ i2 || t3.err("No appID provided"), r2 || t3.err("No publicKey provided"), s2 || t3.err("No feedback provided"), s2.answers || s2.profile || s2.metrics || s2.metadata || t3.err("No feedback data provided");
295
+ const n2 = e3.get("url"), c = { integration: i2, publicKey: r2, privateKey: d, completed: a2, id: l2, feedback: s2 };
296
296
  try {
297
- const e4 = yield (0, o.sendFeedback)(n2, c, t3);
298
- return t3.log("sent native feedback"), e4;
297
+ if (e3.get("dryRun")) return t3.log("Dry run enabled: skipping native feedback submit"), `dry-run-${Date.now()}`;
298
+ const i3 = yield (0, o.sendFeedback)(n2, c, t3);
299
+ return t3.log("sent native feedback"), i3;
299
300
  } catch (e4) {
300
301
  return t3.err("error native feedback", e4), false;
301
302
  }
302
303
  }));
303
- }, form: function(i2, n2) {
304
- return i2 || t3.err("No appID provided"), n2 || t3.err("No publicKey provided"), new a.Form(e3, i2, n2);
304
+ }, form: function(i2, n2, s2, a2) {
305
+ return i2 || t3.err("No appID provided"), n2 || t3.err("No publicKey provided"), new r.Form(e3, i2, n2, s2, a2);
305
306
  }, session: function(i2) {
306
- return i2 || t3.err("No sessionId provided"), new a.Form(e3, i2);
307
+ return i2 || t3.err("No sessionId provided"), new r.Form(e3, i2);
307
308
  } };
308
309
  };
309
310
  }, 79: (e2, t2) => {
@@ -341,7 +342,7 @@ var require_magicfeedback_sdk_browser = __commonJS({
341
342
  "use strict";
342
343
  Object.defineProperty(t2, "__esModule", { value: true }), t2.Config = void 0, t2.Config = class {
343
344
  constructor() {
344
- this.variables = {}, this.variables.env = "prod", this.variables.debug = false;
345
+ this.variables = {}, this.variables.env = "prod", this.variables.debug = false, this.variables.dryRun = false;
345
346
  }
346
347
  get(e3) {
347
348
  return this.variables[e3];
@@ -353,8 +354,8 @@ var require_magicfeedback_sdk_browser = __commonJS({
353
354
  }, 57: function(e2, t2, i) {
354
355
  "use strict";
355
356
  var n = this && this.__awaiter || function(e3, t3, i2, n2) {
356
- return new (i2 || (i2 = Promise))((function(a2, s2) {
357
- function r2(e4) {
357
+ return new (i2 || (i2 = Promise))((function(r2, s2) {
358
+ function a2(e4) {
358
359
  try {
359
360
  l2(n2.next(e4));
360
361
  } catch (e5) {
@@ -370,28 +371,28 @@ var require_magicfeedback_sdk_browser = __commonJS({
370
371
  }
371
372
  function l2(e4) {
372
373
  var t4;
373
- e4.done ? a2(e4.value) : (t4 = e4.value, t4 instanceof i2 ? t4 : new i2((function(e5) {
374
+ e4.done ? r2(e4.value) : (t4 = e4.value, t4 instanceof i2 ? t4 : new i2((function(e5) {
374
375
  e5(t4);
375
- }))).then(r2, o2);
376
+ }))).then(a2, o2);
376
377
  }
377
378
  l2((n2 = n2.apply(e3, t3 || [])).next());
378
379
  }));
379
380
  };
380
381
  Object.defineProperty(t2, "__esModule", { value: true }), t2.Form = void 0;
381
- const a = i(558), s = i(256), r = i(313), o = i(213), l = i(217), d = i(700), c = i(591), u = i(79), p = i(636);
382
+ const r = i(558), s = i(256), a = i(313), o = i(213), l = i(989), d = i(700), c = i(591), u = i(79), p = i(636);
382
383
  t2.Form = class {
383
- constructor(e3, t3, i2) {
384
- this.config = e3, this.log = new s.Log(e3), this.formOptionsConfig = { addButton: true, sendButtonText: "Send", backButtonText: "Back", nextButtonText: "Next", addSuccessScreen: true, getMetaData: true, questionFormat: "standard" }, this.selector = "", this.appId = t3, this.publicKey = i2 || "", this.url = e3.get("url"), this.id = "", this.formData = null, this.feedback = { text: "", answers: [], profile: [], metrics: [], metadata: [] }, this.history = new u.History(), this.graph = new l.PageGraph([]), this.progress = 0, this.total = 0, this.completed = false, this.timeToCompleted = 0;
384
+ constructor(e3, t3, i2, n2, r2) {
385
+ this.config = e3, this.log = new s.Log(e3), this.formOptionsConfig = { addButton: true, sendButtonText: "Send", backButtonText: "Back", nextButtonText: "Next", addSuccessScreen: true, getMetaData: true, customMetaData: [], questionFormat: "standard" }, this.selector = "", this.appId = t3, this.publicKey = i2 || "", this.url = e3.get("url"), this.id = "", this.formData = null, this.feedback = { text: "", answers: [], profile: null != n2 ? n2 : [], metrics: [], metadata: null != r2 ? r2 : [] }, this.history = new u.History(), this.graph = new l.PageGraph([]), this.progress = 0, this.total = 0, this.completed = false, this.timeToCompleted = 0;
385
386
  }
386
387
  generate(e3, t3) {
387
- var i2, a2, s2, o2, l2, d2, c2;
388
+ var i2, r2, s2, o2, l2, d2, c2;
388
389
  return n(this, void 0, void 0, (function* () {
389
390
  try {
390
391
  this.formOptionsConfig = Object.assign(Object.assign({}, this.formOptionsConfig), t3), this.selector = e3;
391
392
  let n2 = this.formData;
392
- if (void 0 !== this.formData && this.formData || (n2 = "" !== this.publicKey ? yield (0, r.getForm)(this.url, this.appId, this.publicKey, this.log) : yield (0, r.getSessionForm)(this.url, this.appId, this.log)), void 0 === n2 || !n2) throw new Error(`No data for app ${this.appId}`);
393
+ if (void 0 !== this.formData && this.formData || (n2 = "" !== this.publicKey ? yield (0, a.getForm)(this.url, this.appId, this.publicKey, this.log) : yield (0, a.getSessionForm)(this.url, this.appId, this.log)), void 0 === n2 || !n2) throw new Error(`No data for app ${this.appId}`);
393
394
  if (null === (i2 = n2.error) || void 0 === i2 ? void 0 : i2.message) throw new Error(n2.error.message);
394
- if (n2.questions = (null === (a2 = n2.questions) || void 0 === a2 ? void 0 : a2.filter(((e4) => "ACTIVE" === e4.status))) || [], n2.pages = (null === (s2 = n2.pages) || void 0 === s2 ? void 0 : s2.filter(((e4) => "ACTIVE" === e4.status))) || [], null === (o2 = n2.pages) || void 0 === o2 || o2.forEach(((e4) => {
395
+ if (n2.questions = (null === (r2 = n2.questions) || void 0 === r2 ? void 0 : r2.filter(((e4) => "ACTIVE" === e4.status))) || [], n2.pages = (null === (s2 = n2.pages) || void 0 === s2 ? void 0 : s2.filter(((e4) => "ACTIVE" === e4.status))) || [], null === (o2 = n2.pages) || void 0 === o2 || o2.forEach(((e4) => {
395
396
  var t4;
396
397
  return e4.integrationQuestions = null === (t4 = e4.integrationQuestions) || void 0 === t4 ? void 0 : t4.filter(((e5) => "ACTIVE" === e5.status));
397
398
  })), this.formData = n2, this.formData.savedAt || (this.formData.savedAt = /* @__PURE__ */ new Date(), localStorage.setItem(`magicfeedback-${this.appId}`, JSON.stringify(this.formData))), void 0 === this.formData.questions || !this.formData.questions) throw new Error(`No questions for app ${this.appId}`);
@@ -410,8 +411,8 @@ var require_magicfeedback_sdk_browser = __commonJS({
410
411
  case "MAGICSURVEY":
411
412
  this.formData.pages = [], null === (e3 = this.formData.questions) || void 0 === e3 || e3.forEach(((e4) => {
412
413
  var t4, i2;
413
- const n2 = new c.PageRoute(e4.id, e4.ref, c.OperatorType.NOEQUAL, [], c.TransitionType.PAGE, (e4.position + 1).toString(), e4.position.toString()), a2 = new d.Page(e4.position.toString(), e4.position, this.appId, [e4], [n2]);
414
- null === (i2 = null === (t4 = this.formData) || void 0 === t4 ? void 0 : t4.pages) || void 0 === i2 || i2.push(a2);
414
+ const n2 = new c.PageRoute(e4.id, e4.ref, c.OperatorType.NOEQUAL, [], c.TransitionType.PAGE, (e4.position + 1).toString(), e4.position.toString()), r2 = new d.Page(e4.position.toString(), e4.position, this.appId, [e4], [n2]);
415
+ null === (i2 = null === (t4 = this.formData) || void 0 === t4 ? void 0 : t4.pages) || void 0 === i2 || i2.push(r2);
415
416
  }));
416
417
  break;
417
418
  case "MAGICFORM":
@@ -425,25 +426,25 @@ var require_magicfeedback_sdk_browser = __commonJS({
425
426
  return e3.classList.add("magicfeedback-container"), e3.id = "magicfeedback-container-" + this.appId, e3.innerHTML = "", e3;
426
427
  }
427
428
  generateForm() {
428
- var e3, t3, i2, a2;
429
+ var e3, t3, i2, r2;
429
430
  return n(this, void 0, void 0, (function* () {
430
431
  try {
431
- if (console.log("Generating form for appId:", this.appId), !this.formData || !this.formData.pages || 0 === this.formData.pages.length) throw new Error("No form data");
432
+ if (!this.formData || !this.formData.pages || 0 === this.formData.pages.length) throw new Error("No form data");
432
433
  this.graph = new l.PageGraph(this.formData.pages.sort(((e4, t4) => e4.position - t4.position)));
433
434
  let n2 = this.generateContainer();
434
435
  const s2 = document.createElement("form");
435
436
  s2.classList.add("magicfeedback-form"), s2.id = "magicfeedback-" + this.appId, s2.addEventListener("submit", ((e4) => e4.preventDefault()));
436
- const r2 = document.createElement("div");
437
- r2.classList.add("magicfeedback-questions"), r2.id = "magicfeedback-questions-" + this.appId;
437
+ const a2 = document.createElement("div");
438
+ a2.classList.add("magicfeedback-questions"), a2.id = "magicfeedback-questions-" + this.appId;
438
439
  const d2 = this.graph.getFirstPage();
439
440
  if (!d2) throw new Error("No page found");
440
- if (this.total = this.graph.findMaxDepth(), d2.elements = (0, o.renderQuestions)(d2.questions, this.formOptionsConfig.questionFormat, null === (e3 = this.formData) || void 0 === e3 ? void 0 : e3.lang[0], null === (t3 = this.formData) || void 0 === t3 ? void 0 : t3.product, (() => this.send())), null === (i2 = d2.elements) || void 0 === i2 || i2.forEach(((e4) => r2.appendChild(e4))), s2.appendChild(r2), this.history.enqueue(d2), n2.appendChild(s2), this.progress = this.total - this.graph.findMaxDepth(d2), this.formOptionsConfig.addButton) {
441
- const e4 = (0, o.renderActions)(null === (a2 = this.formData) || void 0 === a2 ? void 0 : a2.identity, (() => this.back()), this.formOptionsConfig.sendButtonText, this.formOptionsConfig.backButtonText, this.formOptionsConfig.nextButtonText);
441
+ if (this.total = this.graph.findMaxDepth(), d2.elements = (0, o.renderQuestions)(d2.questions, this.formOptionsConfig.questionFormat, null === (e3 = this.formData) || void 0 === e3 ? void 0 : e3.lang[0], null === (t3 = this.formData) || void 0 === t3 ? void 0 : t3.product, (() => this.send())), null === (i2 = d2.elements) || void 0 === i2 || i2.forEach(((e4) => a2.appendChild(e4))), s2.appendChild(a2), this.history.enqueue(d2), n2.appendChild(s2), this.progress = this.total - this.graph.findMaxDepth(d2), this.formOptionsConfig.addButton) {
442
+ const e4 = (0, o.renderActions)(null === (r2 = this.formData) || void 0 === r2 ? void 0 : r2.identity, (() => this.back()), this.formOptionsConfig.sendButtonText, this.formOptionsConfig.backButtonText, this.formOptionsConfig.nextButtonText);
442
443
  s2.appendChild(e4);
443
444
  }
444
445
  this.formOptionsConfig.addButton && s2.addEventListener("submit", ((e4) => {
445
446
  e4.preventDefault(), this.send();
446
- })), this.timeToCompleted = (/* @__PURE__ */ new Date()).getTime() / 1e3, this.formOptionsConfig.onLoadedEvent && (yield this.formOptionsConfig.onLoadedEvent({ loading: false, progress: this.progress, total: this.total, formData: this.formData }));
447
+ })), this.timeToCompleted = Date.now(), this.formOptionsConfig.onLoadedEvent && (yield this.formOptionsConfig.onLoadedEvent({ loading: false, progress: this.progress, total: this.total, formData: this.formData, formOptionsConfig: this.formOptionsConfig }));
447
448
  } catch (e4) {
448
449
  return this.log.err(e4), void (this.formOptionsConfig.onLoadedEvent && this.formOptionsConfig.onLoadedEvent({ loading: false, error: e4 }));
449
450
  }
@@ -463,7 +464,12 @@ var require_magicfeedback_sdk_browser = __commonJS({
463
464
  }));
464
465
  }
465
466
  getMetaData() {
466
- this.feedback.metadata.push({ key: "navigator-url", value: [window.location.href] }), this.feedback.metadata.push({ key: "navigator-origin", value: [window.location.origin] }), this.feedback.metadata.push({ key: "navigator-pathname", value: [window.location.pathname] }), this.feedback.metadata.push({ key: "navigator-search", value: [window.location.search] }), this.feedback.metadata.push({ key: "navigator-user", value: [navigator.userAgent] }), this.feedback.metadata.push({ key: "navigator-language", value: [navigator.language] }), this.feedback.metadata.push({ key: "navigator-platform", value: [navigator.platform] }), this.feedback.metadata.push({ key: "navigator-appVersion", value: [navigator.appVersion] }), this.feedback.metadata.push({ key: "navigator-appName", value: [navigator.appName] }), this.feedback.metadata.push({ key: "navigator-product", value: [navigator.product] }), this.feedback.metadata.push({ key: "screen-width", value: [window.screen.width.toString()] }), this.feedback.metadata.push({ key: "screen-height", value: [window.screen.height.toString()] }), this.appId && "" === this.publicKey && this.feedback.metadata.push({ key: "MAGICFEEDBACK_SESSION", value: [this.appId] });
467
+ this.formOptionsConfig.customMetaData && (this.feedback.metadata = [...this.feedback.metadata, ...this.formOptionsConfig.customMetaData]), this.feedback.metadata.push({ key: "navigator-url", value: [window.location.href] }), this.feedback.metadata.push({ key: "navigator-origin", value: [window.location.origin] }), this.feedback.metadata.push({ key: "navigator-pathname", value: [window.location.pathname] }), this.feedback.metadata.push({ key: "navigator-search", value: [window.location.search] });
468
+ const e3 = new URLSearchParams(window.location.search);
469
+ Array.from(new Set(e3.keys())).forEach(((t3) => {
470
+ const i2 = e3.getAll(t3);
471
+ i2.length > 0 && this.feedback.metadata.push({ key: `query-${t3}`, value: i2 });
472
+ })), this.feedback.metadata.push({ key: "navigator-user", value: [navigator.userAgent] }), this.feedback.metadata.push({ key: "navigator-language", value: [navigator.language] }), this.feedback.metadata.push({ key: "navigator-platform", value: [navigator.platform] }), this.feedback.metadata.push({ key: "navigator-appVersion", value: [navigator.appVersion] }), this.feedback.metadata.push({ key: "navigator-appName", value: [navigator.appName] }), this.feedback.metadata.push({ key: "navigator-product", value: [navigator.product] }), this.feedback.metadata.push({ key: "screen-width", value: [window.screen.width.toString()] }), this.feedback.metadata.push({ key: "screen-height", value: [window.screen.height.toString()] }), this.appId && "" === this.publicKey && this.feedback.metadata.push({ key: "MAGICFEEDBACK_SESSION", value: [this.appId] });
467
473
  }
468
474
  send(e3, t3, i2) {
469
475
  return n(this, void 0, void 0, (function* () {
@@ -472,17 +478,28 @@ var require_magicfeedback_sdk_browser = __commonJS({
472
478
  i2 && (this.feedback.profile = [...this.feedback.profile, ...i2]), t3 && (this.feedback.metrics = [...this.feedback.metrics, ...t3]), e3 && (this.feedback.metadata = [...this.feedback.metadata, ...e3]), this.answer(), this.formOptionsConfig.beforeSubmitEvent && (yield this.formOptionsConfig.beforeSubmitEvent({ loading: true, progress: this.progress, total: this.total }));
473
479
  const s2 = this.history.back();
474
480
  if (!s2) throw new Error("No page found");
475
- for (const e4 of s2.questions.filter(((e5) => e5.require && ![a.FEEDBACKAPPANSWERTYPE.CONSENT, a.FEEDBACKAPPANSWERTYPE.INFO_PAGE].includes(e5.type)))) {
481
+ for (const e4 of s2.questions.filter(((e5) => e5.require && ![r.FEEDBACKAPPANSWERTYPE.CONSENT, r.FEEDBACKAPPANSWERTYPE.INFO_PAGE].includes(e5.type)))) {
476
482
  const t4 = e4.assets, i3 = this.feedback.answers.filter(((t5) => t5.key.includes(e4.ref) && !t5.key.includes("extra-option")));
477
483
  if (0 === i3.length || i3.find(((e5) => 0 === e5.value.length))) throw this.log.err(`The question ${e4.ref} is required`), new Error("No response");
478
484
  if (null == t4 ? void 0 : t4.minOptions) {
479
485
  let n3 = [];
480
486
  if ((null == t4 ? void 0 : t4.exclusiveAnswers) && (n3 = null == t4 ? void 0 : t4.exclusiveAnswers), !i3[0].value.find(((e5) => n3.includes(e5))) && i3[0].value.length < (null == t4 ? void 0 : t4.minOptions)) throw this.log.err(`The question ${e4.ref} requires at least ${null == t4 ? void 0 : t4.minOptions} options`), new Error("No response");
481
487
  }
488
+ if (e4.type === r.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) {
489
+ const i4 = this.feedback.answers.find(((t5) => t5.key === e4.ref));
490
+ if (!i4) throw this.log.err(`The matrix question ${e4.ref} is required`), new Error("No response");
491
+ const n3 = this.parseMatrixAnswerPre(i4), r2 = Array.isArray(null == t4 ? void 0 : t4.options) ? t4.options : [];
492
+ if (r2.length > 0) {
493
+ if (r2.find(((e5) => {
494
+ const t5 = n3.find(((t6) => t6.key === e5));
495
+ return !t5 || !Array.isArray(t5.value) || 0 === t5.value.length;
496
+ }))) throw this.log.err(`The matrix question ${e4.ref} requires an answer in every row`), new Error("No response");
497
+ } else if (0 === n3.length || n3.some(((e5) => !Array.isArray(e5.value) || 0 === e5.value.length))) throw this.log.err(`The matrix question ${e4.ref} requires an answer in every row`), new Error("No response");
498
+ }
482
499
  }
483
- const r2 = yield this.pushAnswers(false);
484
- if (!r2) throw new Error("No response");
485
- this.id = r2, yield this.processNextQuestion(n2);
500
+ const a2 = yield this.pushAnswers(false);
501
+ if (!a2) throw new Error("No response");
502
+ this.id = a2, yield this.processNextQuestion(n2);
486
503
  } catch (e4) {
487
504
  this.log.err(`An error occurred while submitting the form ${this.appId}:`, e4), this.formOptionsConfig.afterSubmitEvent && (yield this.formOptionsConfig.afterSubmitEvent({ loading: false, progress: this.progress, total: this.total, error: e4 }));
488
505
  }
@@ -490,86 +507,108 @@ var require_magicfeedback_sdk_browser = __commonJS({
490
507
  }
491
508
  answer() {
492
509
  const e3 = document.getElementById("magicfeedback-" + this.appId);
493
- if (!e3) return this.log.err(`Form "${e3}" not found.`), void (this.feedback.answers = []);
510
+ if (!e3) return this.log.err(`Form "${e3}" not found.`), this.feedback.answers = [], [];
494
511
  const t3 = this.history.back();
495
- if (!t3) throw new Error("No page found");
512
+ if (!t3) {
513
+ const t4 = e3.querySelectorAll(".magicfeedback-input"), i3 = [], n3 = {};
514
+ return t4.forEach(((e4) => {
515
+ var t5;
516
+ const r2 = e4, s3 = r2.name;
517
+ if (!s3) return;
518
+ const a2 = r2.type;
519
+ if (("radio" === a2 || "checkbox" === a2) && !r2.checked) return;
520
+ const o3 = r2.value, l3 = r2.classList[0];
521
+ if ((null == l3 ? void 0 : l3.includes("magicfeedback-priority-list")) || (null === (t5 = r2.id) || void 0 === t5 ? void 0 : t5.startsWith("priority-list-"))) return n3[s3] || (n3[s3] = []), void n3[s3].push(o3);
522
+ const d3 = "magicfeedback-consent" === l3 ? r2.checked.toString() : o3;
523
+ if (null == d3) return;
524
+ const c2 = { key: s3, value: [d3] };
525
+ i3.push(c2);
526
+ })), Object.entries(n3).forEach((([e4, t5]) => {
527
+ const n4 = t5.slice().sort(((e5, t6) => Number(e5.split(".")[0]) - Number(t6.split(".")[0])));
528
+ i3.push({ key: e4, value: n4 });
529
+ })), this.feedback.answers = i3, i3;
530
+ }
496
531
  const i2 = [];
497
532
  let n2 = false;
498
- if (e3.querySelectorAll(".magicfeedback-input").forEach(((e4) => {
499
- const s2 = t3.questions.find(((t4) => {
500
- var i3;
501
- return null === (i3 = e4.name) || void 0 === i3 ? void 0 : i3.includes(t4.ref);
502
- })), o2 = e4.type, l2 = e4.classList[0], d2 = { key: e4.name, value: [] }, c2 = "magicfeedback-consent" === l2 ? e4.checked.toString() : e4.value;
503
- if (d2.key && "" !== d2.key) {
504
- switch (null == s2 ? void 0 : s2.type) {
505
- case a.FEEDBACKAPPANSWERTYPE.EMAIL:
506
- case a.FEEDBACKAPPANSWERTYPE.TEXT:
507
- case a.FEEDBACKAPPANSWERTYPE.LONGTEXT:
508
- case a.FEEDBACKAPPANSWERTYPE.NUMBER:
509
- case a.FEEDBACKAPPANSWERTYPE.DATE:
510
- case a.FEEDBACKAPPANSWERTYPE.CONTACT:
511
- if ("" !== c2) {
512
- if ("email" === o2) {
513
- if (!(0, r.validateEmail)(c2)) {
514
- this.log.err("Invalid email"), n2 = true;
515
- break;
516
- }
517
- this.feedback.profile.push({ key: "email", value: [c2] });
518
- }
519
- d2.value.push(c2);
520
- }
521
- break;
522
- case a.FEEDBACKAPPANSWERTYPE.CONSENT:
523
- d2.value.push(String(e4.checked));
524
- break;
525
- case a.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM:
526
- const t4 = e4.id;
527
- d2.value.push(`${t4}:${c2}%`);
528
- break;
529
- case a.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:
530
- case a.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE:
531
- case a.FEEDBACKAPPANSWERTYPE.RATING_STAR:
532
- case a.FEEDBACKAPPANSWERTYPE.RADIO:
533
- case a.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:
534
- case a.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:
535
- (e4.checked || e4.id.includes("extra-option-")) && d2.value.push(c2);
536
- break;
537
- case a.FEEDBACKAPPANSWERTYPE.SELECT:
538
- d2.value.push(c2);
539
- break;
540
- case a.FEEDBACKAPPANSWERTYPE.BOOLEAN:
541
- case a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:
542
- e4.checked && d2.value.push(c2);
543
- break;
544
- case a.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:
545
- d2.value.push(c2);
546
- }
547
- if ((null == i2 ? void 0 : i2.length) > 0 && (null == i2 ? void 0 : i2.find(((e5) => e5.key === d2.key)))) {
548
- const e5 = i2.findIndex(((e6) => e6.key === d2.key));
549
- i2[e5].value = [...i2[e5].value, ...d2.value];
550
- } else i2.push(d2);
533
+ const s2 = e3.querySelectorAll(".magicfeedback-input"), o2 = {}, l2 = {}, d2 = {};
534
+ if (s2.forEach(((e4) => {
535
+ const s3 = e4, c2 = t3.questions.find(((e5) => {
536
+ var t4;
537
+ return null === (t4 = s3.name) || void 0 === t4 ? void 0 : t4.includes(e5.ref);
538
+ })), u2 = s3.type, p2 = s3.classList[0], m = { key: s3.name, value: [] }, h = "magicfeedback-consent" === p2 ? s3.checked.toString() : s3.value;
539
+ if (m.key && "" !== m.key) if (m.key.startsWith("extra-option-")) "" !== h && (m.value.push(h), i2.push(m));
540
+ else switch (null == c2 ? void 0 : c2.type) {
541
+ case r.FEEDBACKAPPANSWERTYPE.EMAIL:
542
+ case r.FEEDBACKAPPANSWERTYPE.TEXT:
543
+ case r.FEEDBACKAPPANSWERTYPE.LONGTEXT:
544
+ case r.FEEDBACKAPPANSWERTYPE.NUMBER:
545
+ case r.FEEDBACKAPPANSWERTYPE.DATE:
546
+ case r.FEEDBACKAPPANSWERTYPE.CONTACT:
547
+ case r.FEEDBACKAPPANSWERTYPE.PASSWORD:
548
+ "" !== h && ("email" === u2 ? (0, a.validateEmail)(h) ? (this.feedback.profile.push({ key: "email", value: [h] }), m.value.push(h), i2.push(m)) : (this.log.err("Invalid email"), n2 = true) : (m.value.push(h), i2.push(m)));
549
+ break;
550
+ case r.FEEDBACKAPPANSWERTYPE.RADIO:
551
+ s3.checked && (m.value.push(h), i2.push(m));
552
+ break;
553
+ case r.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:
554
+ case r.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE:
555
+ s3.checked && (l2[m.key] || (l2[m.key] = []), l2[m.key].push(h));
556
+ break;
557
+ case r.FEEDBACKAPPANSWERTYPE.BOOLEAN:
558
+ s3.checked && (m.value.push(h), i2.push(m));
559
+ break;
560
+ case r.FEEDBACKAPPANSWERTYPE.CONSENT:
561
+ m.value.push(s3.checked.toString()), i2.push(m);
562
+ break;
563
+ case r.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:
564
+ case r.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:
565
+ case r.FEEDBACKAPPANSWERTYPE.RATING_STAR:
566
+ s3.checked && (m.value.push(h), i2.push(m));
567
+ break;
568
+ case r.FEEDBACKAPPANSWERTYPE.SELECT:
569
+ "" !== h && (m.value.push(h), i2.push(m));
570
+ break;
571
+ case r.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM:
572
+ "number" === u2 && s3.id && (d2[m.key] || (d2[m.key] = []), "" !== h && d2[m.key].push(`${s3.id}:${h}%`));
573
+ break;
574
+ case r.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:
575
+ "hidden" === u2 && (o2[m.key] || (o2[m.key] = []), o2[m.key].push(h));
576
+ break;
577
+ case r.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:
578
+ e4.checked && (m.value.push(h), i2.push(m));
579
+ case r.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE:
580
+ case r.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE:
551
581
  }
552
- })), n2) return this.feedback.answers = [], void t3.setAnswer([]);
582
+ })), n2) return [];
583
+ Object.entries(l2).forEach((([e4, t4]) => {
584
+ t4 && 0 !== t4.length && i2.push({ key: e4, value: t4 });
585
+ })), Object.entries(d2).forEach((([e4, t4]) => {
586
+ t4 && 0 !== t4.length && i2.push({ key: e4, value: t4 });
587
+ })), Object.entries(o2).forEach((([e4, t4]) => {
588
+ if (!t4 || 0 === t4.length) return;
589
+ const n3 = t4.slice().sort(((e5, t5) => Number(e5.split(".")[0]) - Number(t5.split(".")[0])));
590
+ i2.push({ key: e4, value: n3 });
591
+ }));
553
592
  try {
554
- t3.questions.filter(((e4) => e4.type === a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX)).forEach(((e4) => {
593
+ t3.questions.filter(((e4) => e4.type === r.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX)).forEach(((e4) => {
555
594
  const t4 = e4.ref + "-", n3 = i2.filter(((e5) => e5.key.startsWith(t4)));
556
595
  if (0 === n3.length) return;
557
- const a2 = n3.map(((e5) => ({ key: e5.key.substring(t4.length), value: e5.value }))), s2 = { key: e4.ref, value: [JSON.stringify(a2)] };
596
+ const r2 = n3.map(((e5) => ({ key: e5.key.substring(t4.length), value: e5.value }))), s3 = { key: e4.ref, value: [JSON.stringify(r2)] };
558
597
  for (const e5 of n3) {
559
598
  const t5 = i2.findIndex(((t6) => t6.key === e5.key));
560
599
  -1 !== t5 && i2.splice(t5, 1);
561
600
  }
562
- const r2 = i2.findIndex(((t5) => t5.key === e4.ref));
563
- -1 !== r2 ? i2[r2] = s2 : i2.push(s2);
601
+ const a2 = i2.findIndex(((t5) => t5.key === e4.ref));
602
+ -1 !== a2 ? i2[a2] = s3 : i2.push(s3);
564
603
  }));
565
604
  } catch (e4) {
566
605
  this.log.err("Error agrupando MULTI_QUESTION_MATRIX", e4);
567
606
  }
568
- this.feedback.answers = i2, t3.setAnswer(i2);
607
+ return this.feedback.answers = i2, t3.setAnswer(i2), i2;
569
608
  }
570
609
  finish() {
571
610
  return n(this, void 0, void 0, (function* () {
572
- if (this.completed = true, this.timeToCompleted = (/* @__PURE__ */ new Date()).getTime() - this.timeToCompleted, this.feedback.metadata.push({ key: "time-to-complete", value: [this.timeToCompleted.toString()] }), this.formOptionsConfig.addSuccessScreen) {
611
+ if (this.completed = true, this.timeToCompleted = Date.now() - this.timeToCompleted, this.feedback.metadata.push({ key: "time-to-complete", value: [this.timeToCompleted.toString()] }), this.formOptionsConfig.addSuccessScreen) {
573
612
  const e3 = document.getElementById("magicfeedback-container-" + this.appId);
574
613
  e3.childNodes.length > 0 && e3.removeChild(e3.childNodes[0]);
575
614
  const t3 = (0, o.renderSuccess)(this.formOptionsConfig.successMessage || "Thank you for your feedback!");
@@ -588,8 +627,12 @@ var require_magicfeedback_sdk_browser = __commonJS({
588
627
  pushAnswers(e3 = false) {
589
628
  return n(this, void 0, void 0, (function* () {
590
629
  try {
630
+ if (this.config.get("dryRun")) {
631
+ const e4 = this.id || `dry-run-${this.appId}-${Date.now()}`;
632
+ return this.log.log(`Dry run enabled: skipping feedback submit for form ${this.appId}`), e4;
633
+ }
591
634
  const t3 = this.config.get("url"), i2 = { integration: this.appId, publicKey: this.publicKey, feedback: this.feedback, completed: e3 };
592
- return yield (0, r.sendFeedback)(t3, this.id ? Object.assign(Object.assign({}, i2), { sessionId: this.id }) : i2, this.log);
635
+ return yield (0, a.sendFeedback)(t3, this.id ? Object.assign(Object.assign({}, i2), { sessionId: this.id }) : i2, this.log);
593
636
  } catch (e4) {
594
637
  return this.log.err(`An error occurred while submitting the form ${this.appId}:`, e4), "";
595
638
  }
@@ -600,83 +643,82 @@ var require_magicfeedback_sdk_browser = __commonJS({
600
643
  return n(this, void 0, void 0, (function* () {
601
644
  if (!(null == e3 ? void 0 : e3.followup)) return null;
602
645
  try {
646
+ if (this.config.get("dryRun")) return this.log.log(`Dry run enabled: skipping follow up API for question ${e3.ref}`), null;
603
647
  if (0 === this.feedback.answers.length) throw new Error("No answers provided");
604
648
  const i2 = this.config.get("url"), n2 = Object.assign(Object.assign(Object.assign({ answer: null === (t3 = this.feedback.answers.find(((t4) => t4.key === e3.ref))) || void 0 === t3 ? void 0 : t3.value[0] }, "" !== this.publicKey && { publicKey: this.publicKey }), "" === this.publicKey && { campaignSessionId: this.appId }), { sessionId: this.id, question: e3 });
605
- return yield (0, r.getFollowUpQuestion)(i2, n2, this.log);
649
+ return yield (0, a.getFollowUpQuestion)(i2, n2, this.log);
606
650
  } catch (e4) {
607
651
  throw this.log.err(`An error occurred while submitting the form ${this.appId}:`, e4), e4;
608
652
  }
609
653
  }));
610
654
  }
611
655
  processNextQuestion(e3) {
612
- var t3, i2, a2;
656
+ var t3, i2, r2;
613
657
  return n(this, void 0, void 0, (function* () {
614
658
  const n2 = this.history.back();
615
659
  if (!n2) throw new Error("No page found");
616
660
  const s2 = n2.getFollowupQuestions();
617
661
  if (0 === (null == s2 ? void 0 : s2.length)) return void (yield this.renderNextQuestion(e3, n2));
618
- const r2 = [];
662
+ const a2 = [];
619
663
  for (const e4 of s2) {
620
664
  const t4 = n2.questions.find(((t5) => t5.ref === e4));
621
665
  if (t4) {
622
666
  const e5 = yield this.callFollowUpQuestion(t4);
623
- e5 && r2.push(e5);
667
+ e5 && a2.push(e5);
624
668
  }
625
669
  }
626
- if (0 === r2.length) return void (yield this.renderNextQuestion(e3, n2));
627
- const l2 = new d.Page(n2.id, n2.position, this.appId, r2, n2.edges), c2 = new p.PageNode(n2.id, n2.position, n2.edges, l2, r2, true);
628
- c2.elements = (0, o.renderQuestions)(r2, this.formOptionsConfig.questionFormat, null === (t3 = this.formData) || void 0 === t3 ? void 0 : t3.lang[0], null === (i2 = this.formData) || void 0 === i2 ? void 0 : i2.product, (() => this.send())), this.history.enqueue(c2), this.progress += 0.5, e3.innerHTML = "", null === (a2 = c2.elements) || void 0 === a2 || a2.forEach(((t4) => e3.appendChild(t4))), this.formOptionsConfig.afterSubmitEvent && (yield this.formOptionsConfig.afterSubmitEvent({ response: this.id, loading: false, progress: this.progress, total: this.total, followup: c2.isFollowup, completed: this.completed, error: null }));
670
+ if (0 === a2.length) return void (yield this.renderNextQuestion(e3, n2));
671
+ const l2 = new d.Page(n2.id, n2.position, this.appId, a2, n2.edges), c2 = new p.PageNode(n2.id, n2.position, n2.edges, l2, a2, true);
672
+ c2.elements = (0, o.renderQuestions)(a2, this.formOptionsConfig.questionFormat, null === (t3 = this.formData) || void 0 === t3 ? void 0 : t3.lang[0], null === (i2 = this.formData) || void 0 === i2 ? void 0 : i2.product, (() => this.send())), this.history.enqueue(c2), this.progress += 0.5, e3.innerHTML = "", null === (r2 = c2.elements) || void 0 === r2 || r2.forEach(((t4) => e3.appendChild(t4))), this.formOptionsConfig.afterSubmitEvent && (yield this.formOptionsConfig.afterSubmitEvent({ response: this.id, loading: false, progress: this.progress, total: this.total, followup: c2.isFollowup, completed: this.completed, error: null }));
629
673
  }));
630
674
  }
631
675
  renderNextQuestion(e3, t3) {
632
- var i2, s2, r2, l2, d2;
676
+ var i2, s2, a2, l2, d2;
633
677
  return n(this, void 0, void 0, (function* () {
634
678
  let n2 = this.graph.getNextPage(t3, this.feedback.answers);
635
679
  if (!n2) return void this.finish();
636
680
  const u2 = n2.edges.filter(((e4) => "PRECONDITIONAL" === e4.typeCondition)).sort(((e4, t4) => e4.position < t4.position ? -1 : e4.position > t4.position ? 1 : 0));
637
681
  if ((null == u2 ? void 0 : u2.length) > 0) {
638
- let t4 = null;
639
- const r3 = u2.map(((e4) => e4.questionRef));
640
- for (let e4 = this.history.size() - 1; e4 >= 0; e4--) {
641
- const n3 = this.history.get(e4);
642
- if (n3 && (t4 = null === (i2 = n3.answers) || void 0 === i2 ? void 0 : i2.find(((e5) => r3.includes(e5.key))), t4)) break;
643
- }
644
- let o2 = !u2.some(((e4) => e4.transition === c.TransitionType.ALLOW));
645
- if (t4) for (const i3 of u2) {
646
- let r4 = false;
647
- const l3 = null === (s2 = this.formData) || void 0 === s2 ? void 0 : s2.questions.find(((e4) => e4.ref === i3.questionRef)), d3 = Array.isArray(t4.value) ? t4.value : [t4.value], u3 = Array.isArray(i3.value) ? i3.value : [i3.value];
648
- if ((null == l3 ? void 0 : l3.type) === a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) r4 = this.evaluateMatrixPreconditional(i3, t4);
649
- else switch (i3.typeOperator) {
650
- case "EQUAL":
651
- case "INQ":
652
- r4 = d3.some(((e4) => u3.includes(e4)));
653
- break;
654
- case "NOEQUAL":
655
- case "NINQ":
656
- r4 = d3.every(((e4) => !u3.includes(e4)));
657
- break;
658
- case "GREATER":
659
- r4 = d3.some(((e4) => Number(e4) > Number(u3[0])));
660
- break;
661
- case "LESS":
662
- r4 = d3.some(((e4) => Number(e4) < Number(u3[0])));
663
- break;
664
- case "GREATEREQUAL":
665
- r4 = d3.some(((e4) => Number(e4) >= Number(u3[0])));
666
- break;
667
- case "LESSEQUAL":
668
- r4 = d3.some(((e4) => Number(e4) <= Number(u3[0])));
682
+ const t4 = u2.some(((e4) => e4.transition === c.TransitionType.ALLOW));
683
+ let a3 = t4;
684
+ for (const t5 of u2) {
685
+ let o2;
686
+ for (let e4 = this.history.size() - 1; e4 >= 0; e4--) {
687
+ const n3 = this.history.get(e4);
688
+ if (n3 && (o2 = null === (i2 = n3.answers) || void 0 === i2 ? void 0 : i2.find(((e5) => e5.key === t5.questionRef)), o2)) break;
669
689
  }
670
- if (r4) switch (this.feedback.answers = [], i3.transition) {
671
- case c.TransitionType.NEXT:
672
- return void (n2 && (yield this.renderNextQuestion(e3, n2)));
673
- case c.TransitionType.ALLOW:
674
- o2 = true;
690
+ let l3 = false;
691
+ if (o2) {
692
+ const e4 = null === (s2 = this.formData) || void 0 === s2 ? void 0 : s2.questions.find(((e5) => e5.ref === t5.questionRef)), i3 = Array.isArray(o2.value) ? o2.value : [o2.value], n3 = Array.isArray(t5.value) ? t5.value : [t5.value];
693
+ if ((null == e4 ? void 0 : e4.type) === r.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) l3 = this.evaluateMatrixPreconditional(t5, o2);
694
+ else switch (t5.typeOperator) {
695
+ case "EQUAL":
696
+ case "INQ":
697
+ l3 = i3.some(((e5) => n3.includes(e5)));
698
+ break;
699
+ case "NOEQUAL":
700
+ case "NINQ":
701
+ l3 = i3.every(((e5) => !n3.includes(e5)));
702
+ break;
703
+ case "GREATER":
704
+ l3 = i3.some(((e5) => Number(e5) > Number(n3[0])));
705
+ break;
706
+ case "LESS":
707
+ l3 = i3.some(((e5) => Number(e5) < Number(n3[0])));
708
+ break;
709
+ case "GREATEREQUAL":
710
+ l3 = i3.some(((e5) => Number(e5) >= Number(n3[0])));
711
+ break;
712
+ case "LESSEQUAL":
713
+ l3 = i3.some(((e5) => Number(e5) <= Number(n3[0])));
714
+ }
675
715
  }
716
+ if (t5.transition === c.TransitionType.ALLOW) l3 || (a3 = false);
717
+ else if (t5.transition === c.TransitionType.NEXT && l3) return this.feedback.answers = [], void (n2 && (yield this.renderNextQuestion(e3, n2)));
676
718
  }
677
- if (!o2) return this.feedback.answers = [], void (n2 && (yield this.renderNextQuestion(e3, n2)));
719
+ if (t4 && !a3) return this.feedback.answers = [], void (n2 && (yield this.renderNextQuestion(e3, n2)));
678
720
  }
679
- n2.elements = (0, o.renderQuestions)(n2.questions, this.formOptionsConfig.questionFormat, null === (r2 = this.formData) || void 0 === r2 ? void 0 : r2.lang[0], null === (l2 = this.formData) || void 0 === l2 ? void 0 : l2.product, (() => this.send())), e3.innerHTML = "", null === (d2 = n2.elements) || void 0 === d2 || d2.forEach(((t4) => e3.appendChild(t4))), this.history.enqueue(n2), this.progress = this.total - this.graph.findMaxDepth(n2), this.formOptionsConfig.afterSubmitEvent && (yield this.formOptionsConfig.afterSubmitEvent({ response: this.id, loading: false, progress: this.progress, total: this.total, followup: n2.isFollowup, completed: this.completed, error: null }));
721
+ n2.elements = (0, o.renderQuestions)(n2.questions, this.formOptionsConfig.questionFormat, null === (a2 = this.formData) || void 0 === a2 ? void 0 : a2.lang[0], null === (l2 = this.formData) || void 0 === l2 ? void 0 : l2.product, (() => this.send())), e3.innerHTML = "", null === (d2 = n2.elements) || void 0 === d2 || d2.forEach(((t4) => e3.appendChild(t4))), this.history.enqueue(n2), this.progress = this.total - this.graph.findMaxDepth(n2), this.formOptionsConfig.afterSubmitEvent && (yield this.formOptionsConfig.afterSubmitEvent({ response: this.id, loading: false, progress: this.progress, total: this.total, followup: n2.isFollowup, completed: this.completed, error: null }));
680
722
  }));
681
723
  }
682
724
  back() {
@@ -690,25 +732,25 @@ var require_magicfeedback_sdk_browser = __commonJS({
690
732
  }));
691
733
  }
692
734
  previewQuestion(e3, t3, i2) {
693
- var n2, a2;
735
+ var n2, r2;
694
736
  const s2 = Array.isArray(t3) ? t3 : [t3];
695
737
  if (!s2 || 0 === s2.length) throw new Error("[MagicFeedback] No question provided for preview");
696
- const r2 = document.getElementById(e3);
697
- if (!r2) throw new Error(`[MagicFeedback] Element with ID '${e3}' not found.`);
698
- const { format: l2 = this.formOptionsConfig.questionFormat || "standard", language: d2 = (null === (n2 = this.formData) || void 0 === n2 ? void 0 : n2.lang) && this.formData.lang[0] || "en", product: c2 = (null === (a2 = this.formData) || void 0 === a2 ? void 0 : a2.product) || { customIcons: false }, clearContainer: u2 = true, wrap: p2 = true } = i2 || {};
699
- u2 && (r2.innerHTML = "");
700
- let h = [];
738
+ const a2 = document.getElementById(e3);
739
+ if (!a2) throw new Error(`[MagicFeedback] Element with ID '${e3}' not found.`);
740
+ const { format: l2 = this.formOptionsConfig.questionFormat || "standard", language: d2 = (null === (n2 = this.formData) || void 0 === n2 ? void 0 : n2.lang) && this.formData.lang[0] || "en", product: c2 = (null === (r2 = this.formData) || void 0 === r2 ? void 0 : r2.product) || { customIcons: false }, clearContainer: u2 = true, wrap: p2 = true } = i2 || {};
741
+ u2 && (a2.innerHTML = "");
742
+ let m = [];
701
743
  try {
702
- h = (0, o.renderQuestions)(s2, l2, d2, c2);
744
+ m = (0, o.renderQuestions)(s2, l2, d2, c2);
703
745
  } catch (e4) {
704
746
  throw this.log.err(e4), e4;
705
747
  }
706
- let m = r2;
748
+ let h = a2;
707
749
  if (p2) {
708
750
  const e4 = document.createElement("div");
709
- e4.classList.add("magicfeedback-preview-question"), m.appendChild(e4), m = e4;
751
+ e4.classList.add("magicfeedback-preview-question"), h.appendChild(e4), h = e4;
710
752
  }
711
- return h.forEach(((e4) => m.appendChild(e4))), r2;
753
+ return m.forEach(((e4) => h.appendChild(e4))), a2;
712
754
  }
713
755
  parseMatrixAnswerPre(e3) {
714
756
  if (!e3 || !e3.value) return [];
@@ -721,9 +763,9 @@ var require_magicfeedback_sdk_browser = __commonJS({
721
763
  return Array.isArray(e3.value) && e3.value.length > 0 && "object" == typeof e3.value[0] && null !== e3.value[0] && "key" in e3.value[0] ? e3.value : [];
722
764
  }
723
765
  evaluateMatrixPreconditional(e3, t3) {
724
- const i2 = Array.isArray(e3.value) ? e3.value : [e3.value], n2 = new Set(e3.option || []), a2 = this.parseMatrixAnswerPre(t3);
725
- if (!a2.length) return false;
726
- const s2 = n2.size > 0 ? a2.filter(((e4) => n2.has(e4.key))) : a2;
766
+ const i2 = Array.isArray(e3.value) ? e3.value : [e3.value], n2 = new Set(e3.option || []), r2 = this.parseMatrixAnswerPre(t3);
767
+ if (!r2.length) return false;
768
+ const s2 = n2.size > 0 ? r2.filter(((e4) => n2.has(e4.key))) : r2;
727
769
  if (!s2.length) return false;
728
770
  switch (e3.typeOperator) {
729
771
  case "EQUAL":
@@ -748,14 +790,14 @@ var require_magicfeedback_sdk_browser = __commonJS({
748
790
  }, 700: (e2, t2) => {
749
791
  "use strict";
750
792
  Object.defineProperty(t2, "__esModule", { value: true }), t2.Page = void 0, t2.Page = class {
751
- constructor(e3, t3, i, n, a) {
752
- this.id = e3, this.position = t3, this.generatedAt = (/* @__PURE__ */ new Date()).toISOString(), this.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), this.status = "ACTIVE", this.integrationId = i, this.integrationQuestions = n, this.integrationPageRoutes = a;
793
+ constructor(e3, t3, i, n, r) {
794
+ this.id = e3, this.position = t3, this.generatedAt = (/* @__PURE__ */ new Date()).toISOString(), this.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), this.status = "ACTIVE", this.integrationId = i, this.integrationQuestions = n, this.integrationPageRoutes = r;
753
795
  }
754
796
  };
755
- }, 217: (e2, t2, i) => {
797
+ }, 989: (e2, t2, i) => {
756
798
  "use strict";
757
799
  Object.defineProperty(t2, "__esModule", { value: true }), t2.PageGraph = void 0;
758
- const n = i(636), a = i(558), s = i(591);
800
+ const n = i(636), r = i(558), s = i(591);
759
801
  t2.PageGraph = class {
760
802
  constructor(e3) {
761
803
  this.nodes = /* @__PURE__ */ new Map(), this.buildGraph(e3);
@@ -763,7 +805,10 @@ var require_magicfeedback_sdk_browser = __commonJS({
763
805
  buildGraph(e3) {
764
806
  e3.forEach(((e4) => {
765
807
  var t3;
766
- e4.integrationPageRoutes && (e4.integrationPageRoutes = (null === (t3 = e4.integrationPageRoutes) || void 0 === t3 ? void 0 : t3.sort(((e5, t4) => new Date((null == e5 ? void 0 : e5.generatedAt) || "").getTime() - new Date((null == t4 ? void 0 : t4.generatedAt) || "").getTime() ? "DIRECT" === e5.typeCondition ? 1 : -1 : 0))) || []);
808
+ e4.integrationPageRoutes && (e4.integrationPageRoutes = (null === (t3 = e4.integrationPageRoutes) || void 0 === t3 ? void 0 : t3.sort(((e5, t4) => {
809
+ const i3 = new Date((null == e5 ? void 0 : e5.generatedAt) || 0).getTime(), n2 = new Date((null == t4 ? void 0 : t4.generatedAt) || 0).getTime();
810
+ return i3 !== n2 ? i3 - n2 : "DIRECT" === e5.typeCondition && "DIRECT" !== t4.typeCondition ? 1 : "DIRECT" !== e5.typeCondition && "DIRECT" === t4.typeCondition ? -1 : 0;
811
+ }))) || []);
767
812
  const i2 = new n.PageNode(e4.id, e4.position, e4.integrationPageRoutes || [], e4, e4.integrationQuestions);
768
813
  this.nodes.set(i2.id, i2);
769
814
  }));
@@ -789,28 +834,28 @@ var require_magicfeedback_sdk_browser = __commonJS({
789
834
  if (!e3) return;
790
835
  e3.edges.sort(((e4, t4) => "DIRECT" === e4.typeCondition ? 1 : "DIRECT" === t4.typeCondition ? -1 : 0));
791
836
  const n2 = e3.edges.find(((i3) => {
792
- const n3 = e3.questions.find(((e4) => e4.ref === i3.questionRef)), r = null == t3 ? void 0 : t3.filter(((e4) => e4.key === i3.questionRef));
837
+ const n3 = e3.questions.find(((e4) => e4.ref === i3.questionRef)), a = null == t3 ? void 0 : t3.filter(((e4) => e4.key === i3.questionRef));
793
838
  if ("DIRECT" === i3.typeCondition) return true;
794
- if (!r || 0 === r.length) return false;
795
- if ((null == n3 ? void 0 : n3.type) === a.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) return this.evaluateMatrixCondition(i3, r);
839
+ if (!a || 0 === a.length) return false;
840
+ if ((null == n3 ? void 0 : n3.type) === r.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX) return this.evaluateMatrixCondition(i3, a);
796
841
  const o = Array.isArray(i3.value) ? i3.value : [i3.value];
797
842
  switch (i3.typeOperator) {
798
843
  case s.OperatorType.EQUAL:
799
- return r.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.includes(e5)))));
844
+ return a.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.includes(e5)))));
800
845
  case s.OperatorType.NOEQUAL:
801
- return r.every(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).every(((e5) => !o.includes(e5)))));
846
+ return a.every(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).every(((e5) => !o.includes(e5)))));
802
847
  case s.OperatorType.GREATER:
803
- return r.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) > Number(t4)))))));
848
+ return a.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) > Number(t4)))))));
804
849
  case s.OperatorType.LESS:
805
- return r.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) < Number(t4)))))));
850
+ return a.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) < Number(t4)))))));
806
851
  case s.OperatorType.GREATEREQUAL:
807
- return r.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) >= Number(t4)))))));
852
+ return a.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) >= Number(t4)))))));
808
853
  case s.OperatorType.LESSEQUAL:
809
- return r.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) <= Number(t4)))))));
854
+ return a.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.some(((t4) => Number(e5) <= Number(t4)))))));
810
855
  case s.OperatorType.INQ:
811
- return r.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.includes(e5)))));
856
+ return a.some(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).some(((e5) => o.includes(e5)))));
812
857
  case s.OperatorType.NINQ:
813
- return r.every(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).every(((e5) => !o.includes(e5)))));
858
+ return a.every(((e4) => (Array.isArray(e4.value) ? e4.value : [e4.value]).every(((e5) => !o.includes(e5)))));
814
859
  default:
815
860
  return false;
816
861
  }
@@ -847,17 +892,17 @@ var require_magicfeedback_sdk_browser = __commonJS({
847
892
  DFSUtil(e3, t3, i2) {
848
893
  t3.add(e3);
849
894
  let n2 = i2;
850
- const a2 = [...e3.edges.filter(((e4) => e4.typeCondition !== s.ConditionType.PRECONDITIONAL)) || []], r = this.getNextEdgeByDefault(e3);
851
- if (r) {
852
- const i3 = this.getNodeById(r);
853
- i3 && !t3.has(i3) && a2.push(new s.PageRoute(i3.id, "", s.OperatorType.DEFAULT, [""], s.TransitionType.PAGE, i3.id, e3.id));
895
+ const r2 = [...e3.edges.filter(((e4) => e4.typeCondition !== s.ConditionType.PRECONDITIONAL)) || []], a = this.getNextEdgeByDefault(e3);
896
+ if (a) {
897
+ const i3 = this.getNodeById(a);
898
+ i3 && !t3.has(i3) && r2.push(new s.PageRoute(i3.id, "", s.OperatorType.DEFAULT, [""], s.TransitionType.PAGE, i3.id, e3.id));
854
899
  }
855
- for (const e4 of a2) {
900
+ for (const e4 of r2) {
856
901
  if (!e4.transitionDestiny) continue;
857
- const a3 = this.getNodeById(e4.transitionDestiny);
858
- if (a3 && !t3.has(a3)) {
859
- const e5 = i2 + 1, s2 = new Set(t3), r2 = this.DFSUtil(a3, s2, e5);
860
- n2 = Math.max(n2, r2);
902
+ const r3 = this.getNodeById(e4.transitionDestiny);
903
+ if (r3 && !t3.has(r3)) {
904
+ const e5 = i2 + 1, s2 = new Set(t3), a2 = this.DFSUtil(r3, s2, e5);
905
+ n2 = Math.max(n2, a2);
861
906
  }
862
907
  }
863
908
  return n2;
@@ -873,9 +918,9 @@ var require_magicfeedback_sdk_browser = __commonJS({
873
918
  return Array.isArray(e3.value) && e3.value.length > 0 && "object" == typeof e3.value[0] && null !== e3.value[0] && "key" in e3.value[0] ? e3.value : [];
874
919
  }
875
920
  evaluateMatrixCondition(e3, t3) {
876
- const i2 = Array.isArray(e3.value) ? e3.value : [e3.value], n2 = new Set(e3.option || []), a2 = t3[0], r = this.parseMatrixAnswer(a2);
877
- if (!r.length) return false;
878
- const o = n2.size > 0 ? r.filter(((e4) => n2.has(e4.key))) : r;
921
+ const i2 = Array.isArray(e3.value) ? e3.value : [e3.value], n2 = new Set(e3.option || []), r2 = t3[0], a = this.parseMatrixAnswer(r2);
922
+ if (!a.length) return false;
923
+ const o = n2.size > 0 ? a.filter(((e4) => n2.has(e4.key))) : a;
879
924
  if (!o.length) return false;
880
925
  switch (e3.typeOperator) {
881
926
  case s.OperatorType.EQUAL:
@@ -900,8 +945,8 @@ var require_magicfeedback_sdk_browser = __commonJS({
900
945
  }, 636: (e2, t2) => {
901
946
  "use strict";
902
947
  Object.defineProperty(t2, "__esModule", { value: true }), t2.PageNode = void 0, t2.PageNode = class {
903
- constructor(e3, t3, i, n, a, s = false) {
904
- this.answers = [], this.id = e3, this.position = t3, this.edges = i, this.data = n, this.questions = a.sort(((e4, t4) => e4.position - t4.position)), this.elements = [], this.isFollowup = s;
948
+ constructor(e3, t3, i, n, r, s = false) {
949
+ this.answers = [], this.id = e3, this.position = t3, this.edges = i, this.data = n, this.questions = r.sort(((e4, t4) => e4.position - t4.position)), this.elements = [], this.isFollowup = s;
905
950
  }
906
951
  getFollowupQuestions() {
907
952
  return this.questions.filter(((e3) => e3.followup)).map(((e3) => e3.ref));
@@ -915,14 +960,14 @@ var require_magicfeedback_sdk_browser = __commonJS({
915
960
  };
916
961
  }, 591: (e2, t2) => {
917
962
  "use strict";
918
- var i, n, a, s;
963
+ var i, n, r, s;
919
964
  Object.defineProperty(t2, "__esModule", { value: true }), t2.PageRoute = t2.StatusType = t2.OperatorType = t2.ConditionType = t2.TransitionType = void 0, (s = t2.TransitionType || (t2.TransitionType = {})).PAGE = "PAGE", s.FINISH = "FINISH", s.REDIRECT = "REDIRECT", s.NEXT = "NEXT", s.ALLOW = "ALLOW", (function(e3) {
920
965
  e3.LOGICAL = "LOGICAL", e3.DIRECT = "DIRECT", e3.PRECONDITIONAL = "PRECONDITIONAL";
921
- })(i = t2.ConditionType || (t2.ConditionType = {})), (a = t2.OperatorType || (t2.OperatorType = {})).EQUAL = "EQUAL", a.NOEQUAL = "NOEQUAL", a.GREATER = "GREATER", a.LESS = "LESS", a.GREATEREQUAL = "GREATEREQUAL", a.LESSEQUAL = "LESSEQUAL", a.INQ = "INQ", a.NINQ = "NINQ", a.DEFAULT = "DEFAULT", (function(e3) {
966
+ })(i = t2.ConditionType || (t2.ConditionType = {})), (r = t2.OperatorType || (t2.OperatorType = {})).EQUAL = "EQUAL", r.NOEQUAL = "NOEQUAL", r.GREATER = "GREATER", r.LESS = "LESS", r.GREATEREQUAL = "GREATEREQUAL", r.LESSEQUAL = "LESSEQUAL", r.INQ = "INQ", r.NINQ = "NINQ", r.DEFAULT = "DEFAULT", (function(e3) {
922
967
  e3.ACTIVE = "ACTIVE", e3.DEPRECATED = "DEPRECATED", e3.DELETE = "DELETE";
923
968
  })(n = t2.StatusType || (t2.StatusType = {})), t2.PageRoute = class {
924
- constructor(e3, t3, a2, s2, r, o, l, d, c, u) {
925
- this.id = e3, this.questionRef = t3, this.typeCondition = d || i.LOGICAL, this.typeOperator = a2, this.value = s2 || [], this.transition = r, this.transitionDestiny = o, this.status = n.ACTIVE, this.generatedAt = /* @__PURE__ */ new Date(), this.updatedAt = /* @__PURE__ */ new Date(), this.integrationPageId = l, this.position = c || 0, this.option = u || [];
969
+ constructor(e3, t3, r2, s2, a, o, l, d, c, u) {
970
+ this.id = e3, this.questionRef = t3, this.typeCondition = d || i.LOGICAL, this.typeOperator = r2, this.value = s2 || [], this.transition = a, this.transitionDestiny = o, this.status = n.ACTIVE, this.generatedAt = /* @__PURE__ */ new Date(), this.updatedAt = /* @__PURE__ */ new Date(), this.integrationPageId = l, this.position = c || 0, this.option = u || [];
926
971
  }
927
972
  };
928
973
  }, 558: (e2, t2) => {
@@ -932,6 +977,653 @@ var require_magicfeedback_sdk_browser = __commonJS({
932
977
  }, (function(e3) {
933
978
  e3.FORM = "form", e3.DIV = "div";
934
979
  })(i || (i = {}));
980
+ }, 516: (e2, t2) => {
981
+ "use strict";
982
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.getUrlParam = t2.getBooleanOptions = t2.parseTitle = void 0, t2.parseTitle = function(e3, t3) {
983
+ return e3 ? "object" == typeof e3 ? e3[t3] || e3.en : e3 : "";
984
+ }, t2.getBooleanOptions = function(e3) {
985
+ switch (e3) {
986
+ case "es":
987
+ return ["S\xED", "No"];
988
+ case "fr":
989
+ return ["Oui", "Non"];
990
+ case "de":
991
+ return ["Ja", "Nein"];
992
+ case "it":
993
+ return ["S\xEC", "No"];
994
+ case "pt":
995
+ return ["Sim", "N\xE3o"];
996
+ case "nl":
997
+ return ["Ja", "Nee"];
998
+ case "pl":
999
+ return ["Tak", "Nie"];
1000
+ case "ru":
1001
+ return ["\u0414\u0430", "\u041D\u0435\u0442"];
1002
+ case "ja":
1003
+ return ["\u306F\u3044", "\u3044\u3044\u3048"];
1004
+ case "zh":
1005
+ return ["\u662F", "\u4E0D"];
1006
+ case "ko":
1007
+ return ["\uC608", "\uC544\uB2C8"];
1008
+ case "da":
1009
+ case "sv":
1010
+ return ["Ja", "Nej"];
1011
+ case "fi":
1012
+ return ["Kyll\xE4", "Ei"];
1013
+ case "no":
1014
+ return ["Ja", "Nei"];
1015
+ case "ar":
1016
+ return ["\u0646\u0639\u0645", "\u0644\u0627"];
1017
+ case "bn":
1018
+ return ["\u09B9\u09CD\u09AF\u09BE\u0981", "\u09A8\u09BE"];
1019
+ default:
1020
+ return ["Yes", "No"];
1021
+ }
1022
+ }, t2.getUrlParam = function(e3) {
1023
+ return new URLSearchParams(window.location.search).get(e3);
1024
+ };
1025
+ }, 559: (e2, t2) => {
1026
+ "use strict";
1027
+ function i(e3, t3, i2, n, r = false, s = true, a = "ltr", o = "row") {
1028
+ const l = document.createElement("div");
1029
+ l.classList.add("magicfeedback-rating-placeholder"), l.style.display = "flex", l.style.flexDirection = o, l.style.alignItems = "center", l.style.justifyContent = "space-between", l.style.width = r ? `calc(100% - (100% / ${t3 + 1}))` : "100%", l.style.marginRight = "auto", s && window.innerWidth < 600 && (l.style.flexDirection = "column");
1030
+ const d = document.createElement("span");
1031
+ d.textContent = null != i2 ? i2 : null, d.classList.add("magicfeedback-rating-placeholder-value"), d.style.fontSize = "15px", d.style.display = "block", d.style.minWidth = "0", d.style.overflowWrap = "anywhere", d.style.wordBreak = "break-word", d.style.textAlign = "ltr" === a ? "left" : "right", d.style.width = "50%", (s && window.innerWidth < 600 || "column" === o) && (d.textContent = `${e3} = ${i2}`, d.style.width = "100%", d.style.textAlign = "left", d.style.marginBottom = "5px");
1032
+ const c = document.createElement("span");
1033
+ return c.textContent = null != n ? n : null, c.classList.add("magicfeedback-rating-placeholder-value"), c.style.fontSize = "15px", c.style.display = "block", c.style.minWidth = "0", c.style.overflowWrap = "anywhere", c.style.wordBreak = "break-word", c.style.textAlign = "ltr" === a ? "right" : "left", c.style.width = "50%", (s && window.innerWidth < 600 || "column" === o) && (c.textContent = `${t3} = ${n}`, c.style.width = "100%", c.style.textAlign = "left", c.style.marginBottom = "5px"), "ltr" === a ? (i2 && l.appendChild(d), n && l.appendChild(c)) : (n && l.appendChild(c), i2 && l.appendChild(d)), l;
1034
+ }
1035
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.createRatingNumberElement = t2.createStarRating = t2.createRatingPlaceholder = void 0, t2.createRatingPlaceholder = i, t2.createStarRating = function(e3, t3, n, r = () => {
1036
+ }, s) {
1037
+ const a = "magicfeedback-rating-star-selected", o = document.createElement("div");
1038
+ o.classList.add("magicfeedback-rating-star-container"), o.style.maxWidth = "300px", o.style.margin = "auto", o.dataset.originalSelection = "0";
1039
+ for (let t4 = 1; t4 <= 5; t4++) {
1040
+ const i2 = document.createElement("label");
1041
+ i2.classList.add("magicfeedback-rating-star-option");
1042
+ const n2 = document.createElement("input");
1043
+ n2.id = `rating-${e3}-${t4}`, n2.type = "radio", n2.name = e3, n2.value = t4.toString(), n2.style.position = "absolute", n2.style.opacity = "0", n2.style.width = "0", n2.style.height = "0", n2.classList.add("magicfeedback-input"), s && s === n2.value && (n2.checked = true), n2.addEventListener("change", (() => {
1044
+ const e4 = o.querySelectorAll(".rating__star");
1045
+ for (let t5 = 0; t5 < e4.length; t5++) t5 + 1 <= Number(n2.value) ? e4[t5].classList.contains(a) || e4[t5].classList.add(a) : e4[t5].classList.contains(a) && e4[t5].classList.remove(a);
1046
+ o.dataset.originalSelection = n2.value, r && r();
1047
+ })), i2.appendChild(n2);
1048
+ const l2 = document.createElement("label");
1049
+ l2.htmlFor = `rating-${e3}-${t4}`, l2.classList.add("rating__star"), l2.textContent = "\u2605", l2.style.fontSize = "40px", l2.style.color = "#CCCCCC", l2.style.cursor = "pointer", l2.addEventListener("mouseenter", (() => {
1050
+ const e4 = o.querySelectorAll(".rating__star"), i3 = t4 - 1;
1051
+ e4.forEach(((e5, t5) => {
1052
+ t5 <= i3 ? e5.classList.contains(a) || e5.classList.add(a) : e5.classList.contains(a) && e5.classList.remove(a);
1053
+ }));
1054
+ })), l2.addEventListener("mouseleave", (() => {
1055
+ const e4 = Number(o.dataset.originalSelection || "0");
1056
+ o.querySelectorAll(".rating__star").forEach(((t5, i3) => {
1057
+ i3 < e4 ? t5.classList.contains(a) || t5.classList.add(a) : t5.classList.contains(a) && t5.classList.remove(a);
1058
+ }));
1059
+ })), i2.appendChild(l2), o.appendChild(i2);
1060
+ }
1061
+ const l = i(1, 5, t3, n, false, false);
1062
+ return l.childElementCount > 0 && (o.classList.add("magicfeedback-rating-container--with-placeholder"), o.insertBefore(l, o.firstChild)), o;
1063
+ }, t2.createRatingNumberElement = function(e3, t3, n, r, s, a, o, l) {
1064
+ var d;
1065
+ const c = document.createElement("div");
1066
+ c.classList.add("magicfeedback-rating-number");
1067
+ const u = "ltr" === n ? r : `${r}-reverse`, p = document.createElement("div");
1068
+ p.classList.add("magicfeedback-rating-number-container"), p.classList.add(`magicfeedback-rating-number-container-${n}`), p.classList.add(`magicfeedback-rating-number-container-${r}`), p.style.display = "flex", p.style.flexDirection = u, p.setAttribute("role", "radiogroup"), p.setAttribute("aria-label", (null == t3 ? void 0 : t3.ariaLabel) || "Rating");
1069
+ const m = (null == t3 ? void 0 : t3.max) ? Number(null == t3 ? void 0 : t3.max) : 10, h = (null == t3 ? void 0 : t3.min) ? Number(null == t3 ? void 0 : t3.min) : 0, f = (null == t3 ? void 0 : t3.numberPlaceholders) || null, v = !(s || "column" === r) && ((null == t3 ? void 0 : t3.minPlaceholder) || (null == t3 ? void 0 : t3.maxPlaceholder));
1070
+ if (v) {
1071
+ const e4 = i(h, m, null == t3 ? void 0 : t3.minPlaceholder, null == t3 ? void 0 : t3.maxPlaceholder, null !== (d = null == t3 ? void 0 : t3.extraOption) && void 0 !== d && d, false, n, "row");
1072
+ e4.childElementCount > 0 && (p.classList.add("magicfeedback-rating-number-container--with-placeholder"), p.insertBefore(e4, p.firstChild));
1073
+ }
1074
+ for (let i2 = h; i2 <= m; i2++) {
1075
+ const n2 = document.createElement("div");
1076
+ n2.classList.add("magicfeedback-rating-number-option"), n2.classList.add(`magicfeedback-rating-number-option-${r}`);
1077
+ const d2 = document.createElement("label");
1078
+ d2.htmlFor = `rating-${e3}-${i2}`, d2.classList.add("magicfeedback-rating-number-option-label-container");
1079
+ let c2 = i2.toString();
1080
+ v ? f && f[i2] && !s && (d2.title = f[i2]) : f && f[i2] ? c2 += ` = ${f[i2]}` : i2 === h && (null == t3 ? void 0 : t3.minPlaceholder) ? c2 += ` = ${null == t3 ? void 0 : t3.minPlaceholder}` : i2 === m && (null == t3 ? void 0 : t3.maxPlaceholder) && (c2 += ` = ${null == t3 ? void 0 : t3.maxPlaceholder}`);
1081
+ const u2 = document.createElement("input");
1082
+ u2.id = `rating-${e3}-${i2}`, u2.type = "radio", u2.name = e3, u2.value = i2.toString(), u2.classList.add(a), u2.classList.add("magicfeedback-input"), u2.setAttribute("aria-label", `${i2}`), o && u2.addEventListener("change", (() => o())), l && l === u2.value && (u2.checked = true);
1083
+ const g = document.createElement("label");
1084
+ g.htmlFor = `rating-${e3}-${i2}`, g.textContent = c2, g.classList.add("magicfeedback-rating-number-value"), d2.appendChild(u2), d2.appendChild(g), n2.appendChild(d2), p.appendChild(n2);
1085
+ }
1086
+ if ((null == t3 ? void 0 : t3.extraOption) && (null == t3 ? void 0 : t3.extraOptionText)) {
1087
+ const i2 = document.createElement("div");
1088
+ i2.classList.add("magicfeedback-rating-number-option");
1089
+ const r2 = document.createElement("label");
1090
+ r2.htmlFor = `rating-${e3}-extra`, r2.classList.add("magicfeedback-rating-number-option-label-container");
1091
+ const s2 = document.createElement("input");
1092
+ s2.id = `rating-${e3}-extra`, s2.type = "radio", s2.name = e3, s2.value = "-", s2.classList.add(a), s2.classList.add("magicfeedback-input"), s2.setAttribute("aria-label", null == t3 ? void 0 : t3.extraOptionText), o && s2.addEventListener("change", (() => o()));
1093
+ const l2 = document.createElement("label");
1094
+ l2.htmlFor = `rating-${e3}-extra`, l2.textContent = null == t3 ? void 0 : t3.extraOptionText, l2.classList.add("magicfeedback-rating-number-value"), r2.appendChild(s2), r2.appendChild(l2), i2.appendChild(r2), "ltr" === n ? p.appendChild(i2) : p.insertBefore(i2, p.firstChild);
1095
+ }
1096
+ return c.appendChild(p), c;
1097
+ };
1098
+ }, 42: (e2, t2, i) => {
1099
+ "use strict";
1100
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.getQuestionRenderer = void 0;
1101
+ const n = i(558), r = i(998), s = i(72), a = i(732), o = i(90), l = i(65), d = i(85), c = i(817), u = i(965), p = i(180), m = i(991), h = i(152), f = i(917), v = i(452), g = i(644), y = i(773), b = i(66), E = i(843), k = i(250), A = i(409), C = i(282), T = /* @__PURE__ */ new Map([[n.FEEDBACKAPPANSWERTYPE.TEXT, o.renderText], [n.FEEDBACKAPPANSWERTYPE.LONGTEXT, s.renderLongText], [n.FEEDBACKAPPANSWERTYPE.NUMBER, a.renderNumber], [n.FEEDBACKAPPANSWERTYPE.RADIO, r.renderChoice], [n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE, r.renderChoice], [n.FEEDBACKAPPANSWERTYPE.BOOLEAN, l.renderBoolean], [n.FEEDBACKAPPANSWERTYPE.SELECT, d.renderSelect], [n.FEEDBACKAPPANSWERTYPE.DATE, c.renderDate], [n.FEEDBACKAPPANSWERTYPE.EMAIL, u.renderEmail], [n.FEEDBACKAPPANSWERTYPE.PASSWORD, p.renderPassword], [n.FEEDBACKAPPANSWERTYPE.CONSENT, m.renderConsent], [n.FEEDBACKAPPANSWERTYPE.RATING_EMOJI, h.renderRatingEmoji], [n.FEEDBACKAPPANSWERTYPE.RATING_NUMBER, f.renderRatingNumber], [n.FEEDBACKAPPANSWERTYPE.RATING_STAR, v.renderRatingStar], [n.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX, g.renderMatrix], [n.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST, y.renderPriorityList], [n.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM, b.renderPointSystem], [n.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE, E.renderUploadImage], [n.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE, k.renderUploadFile], [n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE, A.renderMultipleChoiceImage], [n.FEEDBACKAPPANSWERTYPE.INFO_PAGE, C.renderInfoPage]]);
1102
+ t2.getQuestionRenderer = function(e3) {
1103
+ return T.get(e3);
1104
+ };
1105
+ }, 65: (e2, t2, i) => {
1106
+ "use strict";
1107
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderBoolean = void 0;
1108
+ const n = i(516);
1109
+ t2.renderBoolean = ({ question: e3, language: t3, urlParamValue: i2, send: r }) => {
1110
+ const { ref: s, assets: a } = e3, o = document.createElement("div"), l = "magicfeedback-radio", d = document.createElement("div");
1111
+ return d.classList.add("magicfeedback-boolean-container"), d.style.display = "flex", d.style.flexDirection = "row", d.style.justifyContent = "space-between", d.style.width = "70%", d.style.margin = "auto", ((null == a ? void 0 : a.addIcon) ? ["\u{1F44D}", "\u{1F44E}"] : (0, n.getBooleanOptions)(t3)).forEach(((e4, t4) => {
1112
+ const n2 = document.createElement("label");
1113
+ n2.classList.add("magicfeedback-boolean-option"), n2.htmlFor = `rating-${s}-${t4}`, n2.style.cursor = "pointer", n2.style.display = "flex", n2.style.justifyContent = "center", n2.style.alignItems = "center", n2.style.margin = "auto", n2.style.padding = "0", n2.style.width = "45%", n2.style.height = "38px";
1114
+ const a2 = document.createElement("label");
1115
+ a2.htmlFor = `rating-${s}-${t4}`, a2.textContent = e4, a2.style.margin = "0", a2.style.padding = "0";
1116
+ const o2 = document.createElement("input");
1117
+ o2.id = `rating-${s}-${t4}`, o2.type = "radio", o2.name = s, o2.value = ["Yes", "No"][t4], o2.classList.add(l), o2.classList.add("magicfeedback-input"), o2.style.position = "absolute", o2.style.opacity = "0", o2.style.width = "0", o2.style.height = "0", o2.style.margin = "0", o2.addEventListener("change", (() => {
1118
+ r && r();
1119
+ })), i2 && i2.toLowerCase() === o2.value.toLowerCase() && (o2.checked = true), n2.appendChild(o2), n2.appendChild(a2), d.appendChild(n2);
1120
+ })), o.appendChild(d), { element: o, elementTypeClass: l };
1121
+ };
1122
+ }, 998: (e2, t2, i) => {
1123
+ "use strict";
1124
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderChoice = void 0;
1125
+ const n = i(558), r = i(784);
1126
+ t2.renderChoice = ({ question: e3, language: t3, urlParamValue: i2, randomPosition: s, send: a }) => {
1127
+ const { type: o, ref: l, value: d, defaultValue: c, assets: u } = e3, p = document.createElement("div"), m = "magicfeedback-" + ("MULTIPLECHOICE" === o ? "checkbox" : "radio");
1128
+ let h = d || [];
1129
+ s && (h = h.sort((() => Math.random() - 0.5)));
1130
+ let f = (null == u ? void 0 : u.exclusiveAnswers) || [];
1131
+ (null == u ? void 0 : u.extraOption) && (f = f.filter(((e4) => e4 !== u.extraOptionText))), f.length > 0 && (null == f || f.forEach(((e4) => {
1132
+ h.includes(e4) || h.push(e4);
1133
+ })));
1134
+ const v = null == u ? void 0 : u.extraOptionText;
1135
+ return (null == u ? void 0 : u.extraOption) && v && !h.includes(v) && h.push(v), h.forEach(((e4, s2) => {
1136
+ const d2 = document.createElement("div");
1137
+ d2.classList.add(`magicfeedback-${"MULTIPLECHOICE" === o ? "checkbox" : "radio"}-container`);
1138
+ const v2 = document.createElement("label"), g = document.createElement("input");
1139
+ if (g.id = `rating-${l}-${s2}`, g.type = "MULTIPLECHOICE" === o ? "checkbox" : "radio", g.name = l, g.value = e4, g.classList.add(m), g.classList.add("magicfeedback-input"), o === n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE && (null == u ? void 0 : u.maxOptions) && (null == u ? void 0 : u.maxOptions) > 0 && g.addEventListener("change", (() => {
1140
+ document.querySelectorAll(`input[name="${l}"]:checked`).length > (null == u ? void 0 : u.maxOptions) && (g.checked = false);
1141
+ })), o === n.FEEDBACKAPPANSWERTYPE.RADIO && a && (!(null == u ? void 0 : u.extraOptionText) || (null == u ? void 0 : u.extraOptionText) && e4 !== (null == u ? void 0 : u.extraOptionText)) && g.addEventListener("change", (() => {
1142
+ a();
1143
+ })), e4 !== c && e4 !== i2 || (g.checked = true), v2.textContent = e4, v2.htmlFor = `rating-${l}-${s2}`, g.addEventListener("change", ((t4) => {
1144
+ const i3 = document.getElementById(`extra-option-${l}`);
1145
+ t4.target.checked && f.includes(e4) ? (h.forEach(((t5) => {
1146
+ t5 !== e4 && (document.querySelector(`input[value="${t5}"]`).checked = false);
1147
+ })), i3 && (i3.style.display = "none")) : f.forEach(((t5) => {
1148
+ t5 !== e4 && (document.querySelector(`input[value="${t5}"]`).checked = false);
1149
+ })), (null == u ? void 0 : u.extraOption) && e4 === (null == u ? void 0 : u.extraOptionText) && i3 && (i3.style.display = t4.target.checked ? "block" : "none");
1150
+ })), d2.appendChild(g), d2.appendChild(v2), p.appendChild(d2), (null == u ? void 0 : u.extraOption) && e4 === (null == u ? void 0 : u.extraOptionText)) {
1151
+ const e5 = document.createElement("input");
1152
+ e5.type = "text", e5.placeholder = (null == u ? void 0 : u.extraOptionPlaceholder) || r.placeholder.answer(t3 || "en"), e5.classList.add("magicfeedback-extra-option"), e5.classList.add("magicfeedback-input"), e5.id = `extra-option-${l}`, e5.name = `extra-option-${l}`, e5.style.display = "none", p.appendChild(e5);
1153
+ }
1154
+ })), { element: p, elementTypeClass: m };
1155
+ };
1156
+ }, 991: (e2, t2) => {
1157
+ "use strict";
1158
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderConsent = void 0, t2.renderConsent = ({ question: e3, urlParamValue: t3, send: i }) => {
1159
+ const { id: n, ref: r, value: s, require: a } = e3, o = document.createElement("input");
1160
+ return o.type = "checkbox", o.id = `magicfeedback-${n}`, o.name = r, o.value = "true", o.required = a, o.classList.add("magicfeedback-consent"), o.classList.add("magicfeedback-input"), t3 && s.includes(t3) && (o.checked = true), i && o.addEventListener("change", (() => {
1161
+ i();
1162
+ })), { element: o, elementTypeClass: "magicfeedback-consent" };
1163
+ };
1164
+ }, 817: (e2, t2, i) => {
1165
+ "use strict";
1166
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderDate = void 0;
1167
+ const n = i(784);
1168
+ t2.renderDate = ({ language: e3, placeholderText: t3, urlParamValue: i2 }) => {
1169
+ const r = document.createElement("input");
1170
+ return r.type = "date", r.placeholder = t3 || n.placeholder.date(e3 || "en"), i2 && (r.value = i2), { element: r, elementTypeClass: "magicfeedback-date" };
1171
+ };
1172
+ }, 965: (e2, t2) => {
1173
+ "use strict";
1174
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderEmail = void 0, t2.renderEmail = ({ placeholderText: e3, urlParamValue: t3 }) => {
1175
+ const i = document.createElement("input");
1176
+ return i.type = "email", i.placeholder = e3 || "you@example.com", t3 && (i.value = t3), { element: i, elementTypeClass: "magicfeedback-email" };
1177
+ };
1178
+ }, 282: (e2, t2) => {
1179
+ "use strict";
1180
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderInfoPage = void 0, t2.renderInfoPage = ({ question: e3, placeholderText: t3 }) => {
1181
+ var i, n;
1182
+ const r = document.createElement("div");
1183
+ if ("string" == typeof (null === (i = e3.assets) || void 0 === i ? void 0 : i.placeholder) ? "" !== e3.assets.placeholder.trim() : Boolean(null === (n = e3.assets) || void 0 === n ? void 0 : n.placeholder)) {
1184
+ const e4 = document.createElement("div");
1185
+ e4.classList.add("magicfeedback-info-message"), e4.innerHTML = t3 || "", r.appendChild(e4);
1186
+ }
1187
+ return { element: r, elementTypeClass: "magicfeedback-info-page" };
1188
+ };
1189
+ }, 72: (e2, t2, i) => {
1190
+ "use strict";
1191
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderLongText = void 0;
1192
+ const n = i(784);
1193
+ t2.renderLongText = ({ language: e3, placeholderText: t3, urlParamValue: i2, maxCharacters: r }) => {
1194
+ const s = document.createElement("textarea");
1195
+ return s.rows = 3, r > 0 && (s.maxLength = r), s.placeholder = t3 || n.placeholder.answer(e3 || "en"), i2 && (s.value = i2), { element: s, elementTypeClass: "magicfeedback-longtext" };
1196
+ };
1197
+ }, 644: (e2, t2) => {
1198
+ "use strict";
1199
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderMatrix = void 0, t2.renderMatrix = ({ question: e3, isPhone: t3, randomPosition: i }) => {
1200
+ const { ref: n, value: r, assets: s } = e3, a = document.createElement("div"), o = document.createElement("div");
1201
+ o.classList.add("magicfeedback-multi-question-matrix-container");
1202
+ let l = (null == s ? void 0 : s.options) || [], d = [...r], c = [];
1203
+ if (i && (l = null == l ? void 0 : l.sort((() => Math.random() - 0.5)), d = [...d].sort((() => Math.random() - 0.5))), (null == s ? void 0 : s.exclusiveAnswers) && (c = null == s ? void 0 : s.exclusiveAnswers, null == c || c.forEach(((e4) => {
1204
+ d.includes(e4) || d.push(e4);
1205
+ }))), t3) {
1206
+ const e4 = document.createElement("div");
1207
+ e4.classList.add("magicfeedback-multi-question-matrix-list"), null == l || l.forEach(((t4) => {
1208
+ const i2 = document.createElement("div");
1209
+ i2.classList.add("magicfeedback-multi-question-matrix-list-item"), i2.style.display = "flex", i2.style.flexDirection = "column", i2.style.alignItems = "flex-start", i2.style.marginBottom = "10px";
1210
+ const r2 = document.createElement("label");
1211
+ r2.classList.add("magicfeedback-multi-question-matrix-label"), r2.style.paddingBottom = "10px", r2.textContent = t4, i2.appendChild(r2), d.forEach(((e5) => {
1212
+ const r3 = document.createElement("div");
1213
+ r3.classList.add("magicfeedback-radio-container"), r3.style.display = "flex", r3.style.alignItems = "center", r3.style.justifyContent = "flex-start", r3.style.width = "99%", r3.style.margin = "5px auto";
1214
+ const s2 = document.createElement("label"), a2 = document.createElement("input");
1215
+ a2.id = `${n}-${t4}-${e5}`, a2.type = "radio", a2.name = `${n}-${t4}`, a2.value = e5, a2.classList.add("magicfeedback-input"), s2.textContent = e5, s2.htmlFor = `${n}-${t4}-${e5}`, r3.appendChild(a2), r3.appendChild(s2), i2.appendChild(r3);
1216
+ })), e4.appendChild(i2);
1217
+ })), o.appendChild(e4);
1218
+ } else {
1219
+ const e4 = document.createElement("table");
1220
+ e4.classList.add("magicfeedback-multi-question-matrix-table");
1221
+ const t4 = document.createElement("thead");
1222
+ t4.classList.add("magicfeedback-multi-question-matrix-header"), t4.style.paddingBottom = "15px";
1223
+ const i2 = document.createElement("tr"), r2 = document.createElement("th");
1224
+ i2.appendChild(r2), d.forEach(((e5) => {
1225
+ const t5 = document.createElement("th");
1226
+ t5.textContent = e5, i2.appendChild(t5);
1227
+ })), t4.appendChild(i2), e4.appendChild(t4);
1228
+ const s2 = document.createElement("tbody");
1229
+ null == l || l.forEach(((e5) => {
1230
+ const t5 = document.createElement("tr");
1231
+ t5.classList.add("magicfeedback-multi-question-matrix-row-tr");
1232
+ const i3 = document.createElement("td");
1233
+ i3.style.minWidth = "200px", i3.style.padding = "10px";
1234
+ const r3 = document.createElement("label");
1235
+ r3.classList.add("magicfeedback-multi-question-matrix-label"), r3.textContent = e5, i3.appendChild(r3), t5.appendChild(i3), d.forEach(((i4) => {
1236
+ const r4 = document.createElement("td"), s3 = document.createElement("input");
1237
+ s3.type = "radio", s3.name = `${n}-${e5}`, s3.value = i4, s3.id = `${n}-${e5}-${i4}`, s3.classList.add("magicfeedback-input"), r4.appendChild(s3), t5.appendChild(r4);
1238
+ })), s2.appendChild(t5);
1239
+ })), e4.appendChild(s2), o.appendChild(e4);
1240
+ }
1241
+ return a.appendChild(o), { element: a, elementTypeClass: "magicfeedback-multi-question-matrix" };
1242
+ };
1243
+ }, 409: (e2, t2) => {
1244
+ "use strict";
1245
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderMultipleChoiceImage = void 0, t2.renderMultipleChoiceImage = ({ question: e3, randomPosition: t3, urlParamValue: i, send: n }) => {
1246
+ const r = document.createElement("div"), { ref: s, assets: a } = e3;
1247
+ let o = [...e3.value];
1248
+ const l = document.createElement("div");
1249
+ l.classList.add("magicfeedback-multiple-choice-image-container"), l.style.display = "flex", l.style.flexDirection = "row", l.style.flexWrap = "wrap", l.style.justifyContent = "center";
1250
+ const d = o.length;
1251
+ let c = 1, u = 1;
1252
+ if (window.innerWidth < 600) c = 1, u = d;
1253
+ else switch (d) {
1254
+ case 1:
1255
+ case 2:
1256
+ case 3:
1257
+ c = d, u = 1;
1258
+ break;
1259
+ case 4:
1260
+ case 5:
1261
+ case 6:
1262
+ u = 2, c = Math.ceil(d / u);
1263
+ break;
1264
+ case 7:
1265
+ case 8:
1266
+ case 9:
1267
+ u = 3, c = Math.ceil(d / u);
1268
+ break;
1269
+ default:
1270
+ u = 4, c = Math.ceil(d / u);
1271
+ }
1272
+ const p = void 0 !== (null == a ? void 0 : a.addTitle) && (null == a ? void 0 : a.addTitle), m = void 0 !== (null == a ? void 0 : a.multiOption) && (null == a ? void 0 : a.multiOption), h = void 0 !== (null == a ? void 0 : a.extraOption) && (null == a ? void 0 : a.extraOption);
1273
+ function f(e4) {
1274
+ try {
1275
+ const { position: t4, url: r2, value: a2 } = e4, o2 = document.createElement("div");
1276
+ o2.classList.add("magicfeedback-multiple-choice-image-option"), o2.style.width = `calc(100% / ${c} - 2px)`, o2.style.height = `calc(100% / ${u} - 2px)`, o2.style.padding = "8px", o2.style.margin = "0";
1277
+ const d2 = document.createElement("label");
1278
+ d2.classList.add("magicfeedback-image-option-label-container"), d2.htmlFor = `rating-${s}-${t4}`, d2.style.cursor = "pointer", d2.addEventListener("click", (() => {
1279
+ d2.style.border = "2px solid #000";
1280
+ }));
1281
+ const h2 = document.createElement("label");
1282
+ h2.textContent = a2, h2.classList.add("magicfeedback-multiple-choice-image-label");
1283
+ const f2 = document.createElement("input");
1284
+ f2.id = `rating-${s}-${t4}`, f2.type = m ? "checkbox" : "radio", f2.name = s, f2.value = a2, f2.style.position = "absolute", f2.style.opacity = "0", f2.style.width = "0", f2.style.height = "0", f2.classList.add("magicfeedback-input"), i && i === f2.value && (f2.checked = true), !m && n && f2.addEventListener("change", (() => {
1285
+ n();
1286
+ }));
1287
+ const v = document.createElement("img");
1288
+ v.classList.add("magicfeedback-multiple-choice-image-image"), v.src = r2, v.style.cursor = "pointer", v.style.backgroundSize = "cover", v.style.backgroundPosition = "center", v.style.width = "100%", v.style.height = "100%", v.style.objectFit = "cover", v.style.margin = "auto", d2.appendChild(f2), d2.appendChild(v), p && d2.appendChild(h2), o2.appendChild(d2), l.appendChild(o2);
1289
+ } catch (e5) {
1290
+ console.error(e5);
1291
+ }
1292
+ }
1293
+ return t3 && (o = o.sort((() => Math.random() - 0.5))), o.forEach(((e4) => f(JSON.parse(e4)))), h && (null == a ? void 0 : a.extraOptionValue) && (null == a ? void 0 : a.extraOptionValue.length) > 0 && f(null == a ? void 0 : a.extraOptionValue[0]), r.appendChild(l), { element: r, elementTypeClass: "magicfeedback-multiple-choice-image" };
1294
+ };
1295
+ }, 732: (e2, t2, i) => {
1296
+ "use strict";
1297
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderNumber = void 0;
1298
+ const n = i(784), r = i(516);
1299
+ t2.renderNumber = ({ question: e3, format: t3, language: i2, urlParamValue: s }) => {
1300
+ const a = document.createElement("input");
1301
+ a.type = "number", a.placeholder = "slim" === t3 ? (0, r.parseTitle)(e3.title, i2) : n.placeholder.number(i2 || "en");
1302
+ const { value: o } = e3;
1303
+ return o.length && (o.sort(((e4, t4) => Number(e4) - Number(t4))), a.max = o[o.length - 1], a.min = o[0], a.value = o[0]), s && !isNaN(Number(s)) && (a.value = s), { element: a, elementTypeClass: "magicfeedback-number" };
1304
+ };
1305
+ }, 180: (e2, t2, i) => {
1306
+ "use strict";
1307
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderPassword = void 0;
1308
+ const n = i(784);
1309
+ t2.renderPassword = ({ language: e3, placeholderText: t3, urlParamValue: i2 }) => {
1310
+ const r = document.createElement("input");
1311
+ return r.type = "password", r.placeholder = t3 || n.placeholder.password(e3 || "en"), i2 && (r.value = i2), { element: r, elementTypeClass: "magicfeedback-password" };
1312
+ };
1313
+ }, 66: (e2, t2, i) => {
1314
+ "use strict";
1315
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderPointSystem = void 0;
1316
+ const n = i(784);
1317
+ t2.renderPointSystem = ({ question: e3, language: t3 }) => {
1318
+ const { ref: i2, value: r } = e3, s = document.createElement("div"), a = document.createElement("div");
1319
+ a.classList.add("magicfeedback-point-system-container");
1320
+ const o = document.createElement("ul");
1321
+ o.classList.add("magicfeedback-point-system-list"), o.style.padding = "0";
1322
+ const l = 100 / r.length, d = document.createElement("div");
1323
+ d.classList.add("magicfeedback-error"), d.textContent = n.placeholder.pointsystemerror(t3 || "en"), d.style.color = "#C70039", d.style.fontSize = "14px", d.style.textAlign = "right", d.style.width = "100%", d.style.display = "none";
1324
+ const c = document.createElement("div");
1325
+ return c.classList.add("magicfeedback-point-system-total"), c.textContent = "0 / 100 %", c.style.textAlign = "right", c.style.fontSize = "15px", c.style.marginTop = "5px", r.forEach(((e4, t4) => {
1326
+ const n2 = document.createElement("li");
1327
+ n2.classList.add("magicfeedback-point-system-item"), n2.style.display = "flex", n2.style.justifyContent = "space-between", n2.style.alignItems = "center", n2.style.margin = "5px";
1328
+ const r2 = document.createElement("label");
1329
+ r2.textContent = e4, r2.style.fontSize = "15px", n2.appendChild(r2);
1330
+ const s2 = document.createElement("span");
1331
+ s2.classList.add("magicfeedback-point-system-input-container");
1332
+ const a2 = document.createElement("input");
1333
+ a2.name = i2, a2.id = `${e4}`, a2.type = "number", a2.min = "0", a2.max = "100", a2.value = "0", a2.classList.add("magicfeedback-input"), a2.style.width = "40px", a2.style.border = "0", a2.style.textAlign = "center", a2.style.margin = "0 5px", a2.autofocus = 0 === t4;
1334
+ const u = document.createElement("span");
1335
+ u.textContent = "%", u.style.color = "#000", a2.addEventListener("input", (() => {
1336
+ const e5 = o.querySelectorAll("input");
1337
+ let t5 = 0;
1338
+ e5.forEach(((e6) => {
1339
+ t5 += Number(e6.value);
1340
+ })), t5 > 100 && (a2.value = `${l}%`, t5 -= Number(a2.value));
1341
+ const i3 = document.getElementById("magicfeedback-submit");
1342
+ i3 && (t5 < 100 ? (c.style.color = "orange", i3.setAttribute("disabled", "true")) : (d.style.display = "none", c.style.color = "green", i3.removeAttribute("disabled"))), c.textContent = `${t5} / 100 %`;
1343
+ })), a2.addEventListener("focus", (() => {
1344
+ const e5 = document.getElementById("magicfeedback-submit");
1345
+ e5 && (e5.setAttribute("disabled", "true"), e5.addEventListener("pointerover", (() => {
1346
+ const e6 = o.querySelectorAll("input");
1347
+ let t5 = 0;
1348
+ e6.forEach(((e7) => {
1349
+ t5 += Number(e7.value);
1350
+ })), t5 < 100 && (d.style.display = "block");
1351
+ })));
1352
+ })), s2.appendChild(a2), s2.appendChild(u), n2.appendChild(s2), o.appendChild(n2);
1353
+ })), a.appendChild(o), a.appendChild(c), a.appendChild(d), s.appendChild(a), { element: s, elementTypeClass: "magicfeedback-point-system" };
1354
+ };
1355
+ }, 773: (e2, t2) => {
1356
+ "use strict";
1357
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderPriorityList = void 0, t2.renderPriorityList = ({ question: e3, randomPosition: t3, language: i }) => {
1358
+ var n, r, s;
1359
+ const a = document.createElement("div"), o = (function(e4) {
1360
+ const { value: t4, ref: i2, randomPosition: n2 = false, limitPriority: r2 = false, maxPriority: s2 = 0, language: a2 = "en", placeholder: o2 = "" } = e4, l = (e5) => {
1361
+ const t5 = { en: { selectUpTo: "Select up to", options: "options", thenOrder: "and then order them", selectOptions: "Select options", cancel: "Cancel", confirm: "Confirm", selectOptionNumber: "Select option #", prioritized: "Prioritized", of: "of", instruction: "Your priority list can be seen below. If you wish, you can rearrange your choices using the arrows. Click 'Next' to confirm your selection and proceed." }, es: { selectUpTo: "Selecciona hasta", options: "opciones", thenOrder: "y luego ord\xE9nalas", selectOptions: "Seleccionar opciones", cancel: "Cancelar", confirm: "Confirmar", selectOptionNumber: "Selecciona la opci\xF3n #", prioritized: "Priorizadas", of: "de", instruction: 'Tu lista priorizada se muestra abajo. Si deseas, puedes reordenar las opciones con las flechas. Haz clic en "Siguiente" para confirmar y continuar.' }, pt: { selectUpTo: "Selecione at\xE9", options: "op\xE7\xF5es", thenOrder: "e depois ordene-as", selectOptions: "Selecionar op\xE7\xF5es", cancel: "Cancelar", confirm: "Confirmar", selectOptionNumber: "Selecione a op\xE7\xE3o #", prioritized: "Priorizadas", of: "de", instruction: 'Sua lista de prioridades pode ser vista abaixo. Se quiser, voc\xEA pode reorganizar suas escolhas usando as setas. Clique em "Pr\xF3ximo" para confirmar sua sele\xE7\xE3o e continuar.' }, fr: { selectUpTo: "S\xE9lectionnez jusqu'\xE0", options: "options", thenOrder: "puis classez-les", selectOptions: "S\xE9lectionner des options", cancel: "Annuler", confirm: "Confirmer", selectOptionNumber: "S\xE9lectionnez l'option #", prioritized: "Prioris\xE9es", of: "sur", instruction: `Votre liste de priorit\xE9s est affich\xE9e ci-dessous. Si vous le souhaitez, vous pouvez r\xE9organiser vos choix \xE0 l'aide des fl\xE8ches. Cliquez sur "Suivant" pour confirmer votre s\xE9lection et continuer.` }, de: { selectUpTo: "W\xE4hlen Sie bis zu", options: "Optionen", thenOrder: "und ordnen Sie sie dann", selectOptions: "Optionen ausw\xE4hlen", cancel: "Abbrechen", confirm: "Best\xE4tigen", selectOptionNumber: "W\xE4hlen Sie Option #", prioritized: "Priorisiert", of: "von", instruction: 'Ihre Priorit\xE4tenliste wird unten angezeigt. Wenn Sie m\xF6chten, k\xF6nnen Sie Ihre Auswahl mit den Pfeilen neu anordnen. Klicken Sie auf "Weiter", um Ihre Auswahl zu best\xE4tigen und fortzufahren.' }, it: { selectUpTo: "Seleziona fino a", options: "opzioni", thenOrder: "e poi ordinali", selectOptions: "Seleziona opzioni", cancel: "Annulla", confirm: "Conferma", selectOptionNumber: "Seleziona opzione #", prioritized: "Prioritizzate", of: "di", instruction: 'La tua lista di priorit\xE0 \xE8 mostrata qui sotto. Se vuoi, puoi riordinare le tue scelte usando le frecce. Clicca su "Avanti" per confermare la selezione e continuare.' }, nl: { selectUpTo: "Selecteer tot", options: "opties", thenOrder: "en rangschik ze vervolgens", selectOptions: "Selecteer opties", cancel: "Annuleren", confirm: "Bevestigen", selectOptionNumber: "Selecteer optie #", prioritized: "Geprioriteerd", of: "van", instruction: 'Je prioriteitenlijst wordt hieronder weergegeven. Als je wilt, kun je je keuzes herschikken met behulp van de pijlen. Klik op "Volgende" om je selectie te bevestigen en door te gaan.' }, pl: { selectUpTo: "Wybierz do", options: "opcje", thenOrder: "a nast\u0119pnie je uporz\u0105dkuj", selectOptions: "Wybierz opcje", cancel: "Anuluj", confirm: "Potwierd\u017A", selectOptionNumber: "Wybierz opcj\u0119 #", prioritized: "Priorytetowe", of: "z", instruction: 'Twoja lista priorytet\xF3w jest pokazana poni\u017Cej. Je\u015Bli chcesz, mo\u017Cesz zmieni\u0107 kolejno\u015B\u0107 swoich wybor\xF3w za pomoc\u0105 strza\u0142ek. Kliknij "Dalej", aby potwierdzi\u0107 wyb\xF3r i kontynuowa\u0107.' }, ru: { selectUpTo: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0434\u043E", options: "\u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432", thenOrder: "\u0430 \u0437\u0430\u0442\u0435\u043C \u0443\u043F\u043E\u0440\u044F\u0434\u043E\u0447\u044C\u0442\u0435 \u0438\u0445", selectOptions: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B", cancel: "\u041E\u0442\u043C\u0435\u043D\u0430", confirm: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C", selectOptionNumber: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 #", prioritized: "\u041F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442\u044B", of: "\u0438\u0437", instruction: '\u0412\u0430\u0448 \u0441\u043F\u0438\u0441\u043E\u043A \u043F\u0440\u0438\u043E\u0440\u0438\u0442\u0435\u0442\u043E\u0432 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F \u043D\u0438\u0436\u0435. \u0415\u0441\u043B\u0438 \u0445\u043E\u0442\u0438\u0442\u0435, \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0437\u043C\u0435\u043D\u0438\u0442\u044C \u043F\u043E\u0440\u044F\u0434\u043E\u043A \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432 \u0441 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u0441\u0442\u0440\u0435\u043B\u043E\u043A. \u041D\u0430\u0436\u043C\u0438\u0442\u0435 "\u0414\u0430\u043B\u0435\u0435", \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C \u0432\u044B\u0431\u043E\u0440 \u0438 \u043F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C.' }, ja: { selectUpTo: "\u6700\u5927", options: "\u500B\u306E\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u9078\u629E", thenOrder: "\u305D\u306E\u5F8C\u4E26\u3079\u66FF\u3048\u3066\u304F\u3060\u3055\u3044", selectOptions: "\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u9078\u629E", cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB", confirm: "\u78BA\u8A8D", selectOptionNumber: "\u30AA\u30D7\u30B7\u30E7\u30F3 # \u3092\u9078\u629E", prioritized: "\u512A\u5148\u9806\u4F4D", of: "\u306E\u3046\u3061", instruction: "\u512A\u5148\u9806\u4F4D\u30EA\u30B9\u30C8\u306F\u4EE5\u4E0B\u306B\u8868\u793A\u3055\u308C\u307E\u3059\u3002\u5FC5\u8981\u306B\u5FDC\u3058\u3066\u3001\u77E2\u5370\u3092\u4F7F\u3063\u3066\u9078\u629E\u80A2\u3092\u4E26\u3079\u66FF\u3048\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002\u300C\u6B21\u3078\u300D\u3092\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u9078\u629E\u3092\u78BA\u5B9A\u3057\u3001\u7D9A\u884C\u3057\u3066\u304F\u3060\u3055\u3044\u3002" }, zh: { selectUpTo: "\u6700\u591A\u9009\u62E9", options: "\u4E2A\u9009\u9879", thenOrder: "\u7136\u540E\u6392\u5E8F\u5B83\u4EEC", selectOptions: "\u9009\u62E9\u9009\u9879", cancel: "\u53D6\u6D88", confirm: "\u786E\u8BA4", selectOptionNumber: "\u9009\u62E9\u9009\u9879 #", prioritized: "\u5DF2\u4F18\u5148", of: "\u5171", instruction: "\u4F60\u7684\u4F18\u5148\u5217\u8868\u5982\u4E0B\u6240\u793A\u3002\u5982\u6709\u9700\u8981\uFF0C\u53EF\u4EE5\u4F7F\u7528\u7BAD\u5934\u91CD\u65B0\u6392\u5E8F\u9009\u9879\u3002\u70B9\u51FB\u201C\u4E0B\u4E00\u6B65\u201D\u786E\u8BA4\u9009\u62E9\u5E76\u7EE7\u7EED\u3002" }, ko: { selectUpTo: "\uCD5C\uB300", options: "\uAC1C\uC758 \uC635\uC158 \uC120\uD0DD", thenOrder: "\uADF8\uB7F0 \uB2E4\uC74C \uC815\uB82C\uD558\uC138\uC694", selectOptions: "\uC635\uC158 \uC120\uD0DD", cancel: "\uCDE8\uC18C", confirm: "\uD655\uC778", selectOptionNumber: "\uC635\uC158 # \uC120\uD0DD", prioritized: "\uC6B0\uC120\uC21C\uC704", of: "\uC911", instruction: '\uC6B0\uC120\uC21C\uC704 \uBAA9\uB85D\uC740 \uC544\uB798\uC5D0 \uD45C\uC2DC\uB429\uB2C8\uB2E4. \uC6D0\uD55C\uB2E4\uBA74 \uD654\uC0B4\uD45C\uB97C \uC0AC\uC6A9\uD574 \uC120\uD0DD \uD56D\uBAA9\uC744 \uC7AC\uC815\uB82C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4. "\uB2E4\uC74C"\uC744 \uD074\uB9AD\uD558\uC5EC \uC120\uD0DD\uC744 \uD655\uC778\uD558\uACE0 \uACC4\uC18D\uD558\uC138\uC694.' }, ar: { selectUpTo: "\u0627\u062E\u062A\u0631 \u062D\u062A\u0649", options: "\u062E\u064A\u0627\u0631\u0627\u062A", thenOrder: "\u062B\u0645 \u0631\u062A\u0628\u0647\u0627", selectOptions: "\u0627\u062E\u062A\u0631 \u0627\u0644\u062E\u064A\u0627\u0631\u0627\u062A", cancel: "\u0625\u0644\u063A\u0627\u0621", confirm: "\u062A\u0623\u0643\u064A\u062F", selectOptionNumber: "\u0627\u062E\u062A\u0631 \u0627\u0644\u062E\u064A\u0627\u0631 #", prioritized: "\u062A\u0645 \u0627\u0644\u062A\u0631\u062A\u064A\u0628", of: "\u0645\u0646", instruction: '\u062A\u0638\u0647\u0631 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0623\u0648\u0644\u0648\u064A\u0627\u062A \u0627\u0644\u062E\u0627\u0635\u0629 \u0628\u0643 \u0623\u062F\u0646\u0627\u0647. \u0625\u0630\u0627 \u0631\u063A\u0628\u062A\u060C \u064A\u0645\u0643\u0646\u0643 \u0625\u0639\u0627\u062F\u0629 \u062A\u0631\u062A\u064A\u0628 \u0627\u062E\u062A\u064A\u0627\u0631\u0627\u062A\u0643 \u0628\u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0627\u0644\u0623\u0633\u0647\u0645. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 "\u0627\u0644\u062A\u0627\u0644\u064A" \u0644\u062A\u0623\u0643\u064A\u062F \u0627\u062E\u062A\u064A\u0627\u0631\u0643 \u0648\u0627\u0644\u0645\u062A\u0627\u0628\u0639\u0629.' }, bn: { selectUpTo: "\u09B8\u09B0\u09CD\u09AC\u09CB\u099A\u09CD\u099A \u09A8\u09BF\u09B0\u09CD\u09AC\u09BE\u099A\u09A8 \u0995\u09B0\u09C1\u09A8", options: "\u099F\u09BF \u09AC\u09BF\u0995\u09B2\u09CD\u09AA", thenOrder: "\u09A4\u09BE\u09B0\u09AA\u09B0 \u09B8\u09C7\u0997\u09C1\u09B2\u09CB \u09B8\u09BE\u099C\u09BE\u09A8", selectOptions: "\u09AC\u09BF\u0995\u09B2\u09CD\u09AA \u09A8\u09BF\u09B0\u09CD\u09AC\u09BE\u099A\u09A8 \u0995\u09B0\u09C1\u09A8", cancel: "\u09AC\u09BE\u09A4\u09BF\u09B2", confirm: "\u09A8\u09BF\u09B6\u09CD\u099A\u09BF\u09A4 \u0995\u09B0\u09C1\u09A8", selectOptionNumber: "\u09AC\u09BF\u0995\u09B2\u09CD\u09AA # \u09A8\u09BF\u09B0\u09CD\u09AC\u09BE\u099A\u09A8 \u0995\u09B0\u09C1\u09A8", prioritized: "\u0985\u0997\u09CD\u09B0\u09BE\u09A7\u09BF\u0995\u09BE\u09B0\u09AA\u09CD\u09B0\u09BE\u09AA\u09CD\u09A4", of: "\u098F\u09B0 \u09AE\u09A7\u09CD\u09AF\u09C7", instruction: "\u0986\u09AA\u09A8\u09BE\u09B0 \u0985\u0997\u09CD\u09B0\u09BE\u09A7\u09BF\u0995\u09BE\u09B0 \u09A4\u09BE\u09B2\u09BF\u0995\u09BE \u09A8\u09BF\u099A\u09C7 \u09A6\u09C7\u0996\u09BE\u09A8\u09CB \u09B9\u09AF\u09BC\u09C7\u099B\u09C7\u0964 \u099A\u09BE\u0987\u09B2\u09C7 \u09A4\u09C0\u09B0 \u099A\u09BF\u09B9\u09CD\u09A8 \u09AC\u09CD\u09AF\u09AC\u09B9\u09BE\u09B0 \u0995\u09B0\u09C7 \u0986\u09AA\u09A8\u09BE\u09B0 \u09AA\u099B\u09A8\u09CD\u09A6\u0997\u09C1\u09B2\u09CB \u09AA\u09C1\u09A8\u09B0\u09BE\u09AF\u09BC \u09B8\u09BE\u099C\u09BE\u09A4\u09C7 \u09AA\u09BE\u09B0\u09C7\u09A8\u0964 \u201C\u09AA\u09B0\u09AC\u09B0\u09CD\u09A4\u09C0\u201D \u0995\u09CD\u09B2\u09BF\u0995 \u0995\u09B0\u09C7 \u0986\u09AA\u09A8\u09BE\u09B0 \u09A8\u09BF\u09B0\u09CD\u09AC\u09BE\u099A\u09A8 \u09A8\u09BF\u09B6\u09CD\u099A\u09BF\u09A4 \u0995\u09B0\u09C1\u09A8 \u098F\u09AC\u0982 \u098F\u0997\u09BF\u09AF\u09BC\u09C7 \u09AF\u09BE\u09A8\u0964" }, da: { selectUpTo: "V\xE6lg op til", options: "muligheder", thenOrder: "og sorter dem derefter", selectOptions: "V\xE6lg muligheder", cancel: "Annuller", confirm: "Bekr\xE6ft", selectOptionNumber: "V\xE6lg mulighed #", prioritized: "Prioriteret", of: "af", instruction: 'Din prioritetsliste vises nedenfor. Hvis du \xF8nsker det, kan du omarrangere dine valg ved hj\xE6lp af pilene. Klik p\xE5 "N\xE6ste" for at bekr\xE6fte dit valg og forts\xE6tte.' }, fi: { selectUpTo: "Valitse enint\xE4\xE4n", options: "vaihtoehtoa", thenOrder: "ja j\xE4rjest\xE4 ne sitten", selectOptions: "Valitse vaihtoehdot", cancel: "Peruuta", confirm: "Vahvista", selectOptionNumber: "Valitse vaihtoehto #", prioritized: "Priorisoitu", of: " / ", instruction: 'Prioriteettilistasi n\xE4kyy alla. Voit halutessasi j\xE4rjest\xE4\xE4 valinnat uudelleen nuolien avulla. Napsauta "Seuraava" vahvistaaksesi valinnan ja jatkaaksesi.' }, sv: { selectUpTo: "V\xE4lj upp till", options: "alternativ", thenOrder: "och ordna dem sedan", selectOptions: "V\xE4lj alternativ", cancel: "Avbryt", confirm: "Bekr\xE4fta", selectOptionNumber: "V\xE4lj alternativ #", prioritized: "Prioriterat", of: "av", instruction: 'Din prioriteringslista visas nedan. Om du vill kan du ordna om dina val med hj\xE4lp av pilarna. Klicka p\xE5 "N\xE4sta" f\xF6r att bekr\xE4fta ditt val och forts\xE4tta.' }, no: { selectUpTo: "Velg opptil", options: "alternativer", thenOrder: "og ordne dem deretter", selectOptions: "Velg alternativer", cancel: "Avbryt", confirm: "Bekreft", selectOptionNumber: "Velg alternativ #", prioritized: "Prioritert", of: "av", instruction: 'Prioriteringslisten din vises nedenfor. Hvis du \xF8nsker det, kan du ordne valgene dine ved hjelp av pilene. Klikk p\xE5 "Neste" for \xE5 bekrefte valget ditt og fortsette.' } };
1362
+ return t5[t5[a2] ? a2 : "en"][e5];
1363
+ }, d = document.createElement("div");
1364
+ if (d.classList.add("magicfeedback-priority-list-container"), r2 && s2 && s2 > 0) {
1365
+ const e5 = [], r3 = document.createElement("div");
1366
+ r3.classList.add("magicfeedback-priority-list-header");
1367
+ const a3 = document.createElement("div");
1368
+ a3.classList.add("magicfeedback-priority-list-instruction"), a3.textContent = "" !== o2 ? o2 : `${l("instruction")}`, a3.style.display = "none";
1369
+ const c2 = document.createElement("button");
1370
+ c2.type = "button", c2.textContent = l("selectOptions"), c2.classList.add("magicfeedback-button"), c2.classList.add("magicfeedback-priority-list-open-btn"), r3.appendChild(c2), r3.appendChild(a3);
1371
+ const u2 = document.createElement("div");
1372
+ u2.classList.add("magicfeedback-priority-list-reorder");
1373
+ const p = document.createElement("ul");
1374
+ p.classList.add("magicfeedback-priority-list-list"), u2.appendChild(p);
1375
+ const m = () => {
1376
+ p.innerHTML = "", e5.forEach(((t5, n3) => {
1377
+ const r4 = document.createElement("li");
1378
+ r4.classList.add("magicfeedback-priority-list-item");
1379
+ const s3 = document.createElement("input");
1380
+ s3.classList.add("magicfeedback-input-magicfeedback-priority-list"), s3.classList.add("magicfeedback-input"), s3.type = "hidden", s3.id = `priority-list-${i2}`, s3.name = i2, s3.value = `${n3 + 1}. ${t5}`, r4.appendChild(s3);
1381
+ const a4 = document.createElement("label");
1382
+ a4.classList.add("magicfeedback-priority-list-item-label"), a4.textContent = `${n3 + 1}. ${t5}`, r4.appendChild(a4);
1383
+ const o3 = document.createElement("div");
1384
+ o3.classList.add("magicfeedback-priority-list-arrows");
1385
+ const l2 = document.createElement("img");
1386
+ l2.classList.add("magicfeedback-priority-list-arrow-up"), l2.src = "https://magicfeedback-c6458-dev.web.app/assets/arrow.svg", l2.style.visibility = 0 === n3 ? "hidden" : "visible";
1387
+ const d2 = document.createElement("img");
1388
+ d2.classList.add("magicfeedback-priority-list-arrow-down"), d2.src = "https://magicfeedback-c6458-dev.web.app/assets/arrow.svg", d2.style.transform = "rotate(180deg)", d2.style.visibility = n3 === e5.length - 1 ? "hidden" : "visible", l2.addEventListener("click", (() => {
1389
+ var i3, n4, o4, c3;
1390
+ const u3 = r4.previousElementSibling;
1391
+ if (u3) {
1392
+ const m2 = Number(null === (i3 = s3.value) || void 0 === i3 ? void 0 : i3.split(".")[0]) - 1;
1393
+ s3.value = `${m2}. ${t5}`, a4.textContent = `${m2}. ${t5}`, l2.style.visibility = 1 === m2 ? "hidden" : "visible", d2.style.visibility = m2 === e5.length ? "hidden" : "visible";
1394
+ const h2 = u3.querySelector(".magicfeedback-input-magicfeedback-priority-list"), f2 = u3.querySelector(".magicfeedback-priority-list-item-label"), v2 = u3.querySelector(".magicfeedback-priority-list-arrow-up"), g2 = u3.querySelector(".magicfeedback-priority-list-arrow-down");
1395
+ if (h2 && f2 && v2 && g2) {
1396
+ const t6 = Number(null === (n4 = h2.value) || void 0 === n4 ? void 0 : n4.split(".")[0]) + 1;
1397
+ h2.value = `${t6}.${null === (o4 = f2.textContent) || void 0 === o4 ? void 0 : o4.split(".")[1]}`, f2.textContent = `${t6}.${null === (c3 = f2.textContent) || void 0 === c3 ? void 0 : c3.split(".")[1]}`, v2.style.visibility = 1 === t6 ? "hidden" : "visible", g2.style.visibility = t6 === e5.length ? "hidden" : "visible";
1398
+ }
1399
+ p.insertBefore(r4, u3);
1400
+ }
1401
+ })), d2.addEventListener("click", (() => {
1402
+ var i3, n4, o4;
1403
+ const c3 = r4.nextElementSibling;
1404
+ if (c3) {
1405
+ const u3 = Number(null === (i3 = s3.value) || void 0 === i3 ? void 0 : i3.split(".")[0]) + 1;
1406
+ s3.value = `${u3}. ${t5}`, a4.textContent = `${u3}. ${t5}`, l2.style.visibility = 1 === u3 ? "hidden" : "visible", d2.style.visibility = u3 === e5.length ? "hidden" : "visible";
1407
+ const m2 = c3.querySelector(".magicfeedback-input-magicfeedback-priority-list"), h2 = c3.querySelector(".magicfeedback-priority-list-item-label"), f2 = c3.querySelector(".magicfeedback-priority-list-arrow-up"), v2 = c3.querySelector(".magicfeedback-priority-list-arrow-down");
1408
+ if (m2 && h2 && f2 && v2) {
1409
+ const t6 = Number(m2.value.split(".")[0]) - 1;
1410
+ m2.value = `${t6}.${null === (n4 = h2.textContent) || void 0 === n4 ? void 0 : n4.split(".")[1]}`, h2.textContent = `${t6}.${null === (o4 = h2.textContent) || void 0 === o4 ? void 0 : o4.split(".")[1]}`, f2.style.visibility = 1 === t6 ? "hidden" : "visible", v2.style.visibility = t6 === e5.length ? "hidden" : "visible";
1411
+ }
1412
+ p.insertBefore(c3, r4);
1413
+ }
1414
+ })), o3.appendChild(l2), o3.appendChild(d2), r4.appendChild(o3), p.appendChild(r4);
1415
+ }));
1416
+ }, h = document.createElement("div");
1417
+ h.classList.add("magicfeedback-modal-backdrop"), h.style.position = "fixed", h.style.top = "0", h.style.left = "0", h.style.width = "100vw", h.style.height = "100vh", h.style.background = "rgba(0,0,0,0.4)", h.style.display = "none", h.style.alignItems = "center", h.style.justifyContent = "center", h.style.zIndex = "9999";
1418
+ const f = document.createElement("div");
1419
+ f.classList.add("magicfeedback-modal"), f.style.background = "#fff", f.style.borderRadius = "8px", f.style.boxShadow = "0 8px 24px rgba(0,0,0,0.2)", f.style.maxWidth = "520px", f.style.width = "90%", f.style.maxHeight = "80vh", f.style.overflow = "auto", f.style.padding = "16px", f.style.position = "relative";
1420
+ const v = document.createElement("h5");
1421
+ v.classList.add("magicfeedback-modal-title");
1422
+ const g = () => Math.min(e5.length + 1, s2), y = () => {
1423
+ v.textContent = `${l("selectOptionNumber")}${g()}`;
1424
+ };
1425
+ y();
1426
+ const b = document.createElement("div");
1427
+ b.classList.add("magicfeedback-modal-list"), (n2 ? [...t4].sort((() => Math.random() - 0.5)) : [...t4]).forEach(((t5) => {
1428
+ const n3 = document.createElement("label");
1429
+ n3.classList.add("magicfeedback-modal-row");
1430
+ const r4 = document.createElement("input");
1431
+ r4.type = "checkbox", r4.classList.add("magicfeedback-input"), r4.name = `${i2}-selection`, r4.value = t5;
1432
+ const a4 = document.createElement("span");
1433
+ a4.textContent = t5, r4.addEventListener("change", (() => {
1434
+ if (r4.checked) {
1435
+ if (e5.length >= s2) return r4.checked = false, n3.classList.add("magicfeedback-warning"), void setTimeout((() => {
1436
+ n3.classList.remove("magicfeedback-warning");
1437
+ }), 800);
1438
+ e5.push(t5);
1439
+ } else {
1440
+ const i3 = e5.indexOf(t5);
1441
+ -1 !== i3 && e5.splice(i3, 1);
1442
+ }
1443
+ y(), A();
1444
+ })), n3.appendChild(r4), n3.appendChild(a4), b.appendChild(n3);
1445
+ }));
1446
+ const E = document.createElement("div");
1447
+ E.classList.add("magicfeedback-modal-actions");
1448
+ const k = document.createElement("div");
1449
+ k.classList.add("magicfeedback-modal-counter");
1450
+ const A = () => {
1451
+ const t5 = l("of");
1452
+ k.textContent = `${l("prioritized")} ${e5.length} ${t5} ${s2}`, a3.style.display = e5.length > 0 ? "block" : "none";
1453
+ };
1454
+ A();
1455
+ const C = document.createElement("button");
1456
+ C.type = "button", C.classList.add("magicfeedback-modal-close"), C.setAttribute("aria-label", l("cancel")), C.title = l("cancel"), C.textContent = "\xD7", C.style.position = "absolute", C.style.top = "8px", C.style.right = "8px", C.style.border = "none", C.style.background = "transparent", C.style.fontSize = "24px", C.style.cursor = "pointer", C.addEventListener("click", (() => {
1457
+ h.style.display = "none";
1458
+ }));
1459
+ const T = document.createElement("button");
1460
+ return T.type = "button", T.textContent = l("confirm"), T.classList.add("magicfeedback-button"), T.classList.add("magicfeedback-button-primary"), T.addEventListener("click", (() => {
1461
+ h.style.display = "none", m();
1462
+ })), E.appendChild(k), E.appendChild(T), f.appendChild(C), f.appendChild(v), f.appendChild(b), f.appendChild(E), h.appendChild(f), c2.addEventListener("click", (() => {
1463
+ h.style.display = "flex", y(), A();
1464
+ })), h.addEventListener("click", ((e6) => {
1465
+ e6.target === h && (h.style.display = "none");
1466
+ })), d.appendChild(r3), d.appendChild(u2), d.appendChild(h), m(), d;
1467
+ }
1468
+ const c = document.createElement("ul");
1469
+ c.classList.add("magicfeedback-priority-list-list");
1470
+ const u = n2 ? [...t4].sort((() => Math.random() - 0.5)) : [...t4];
1471
+ return u.forEach(((e5, t5) => {
1472
+ const n3 = document.createElement("li");
1473
+ n3.classList.add("magicfeedback-priority-list-item"), n3.style.display = "flex", n3.style.justifyContent = "space-between", n3.style.alignItems = "center", n3.style.margin = "5px";
1474
+ const r3 = document.createElement("input");
1475
+ r3.classList.add("magicfeedback-input-magicfeedback-priority-list"), r3.classList.add("magicfeedback-input"), r3.type = "hidden", r3.id = `priority-list-${i2}`, r3.name = i2, r3.value = `${t5 + 1}. ${e5}`, n3.appendChild(r3);
1476
+ const s3 = document.createElement("label");
1477
+ s3.classList.add("magicfeedback-priority-list-item-label"), s3.textContent = `${t5 + 1}. ${e5}`, n3.appendChild(s3);
1478
+ const a3 = document.createElement("div");
1479
+ a3.style.display = "flex", a3.style.alignItems = "center", a3.style.justifyContent = "space-between";
1480
+ const o3 = document.createElement("img");
1481
+ o3.classList.add("magicfeedback-priority-list-arrow-up"), o3.src = "https://magicfeedback-c6458-dev.web.app/assets/arrow.svg", o3.style.width = "20px", o3.style.height = "20px", o3.style.cursor = "pointer", o3.style.margin = "0 5px", o3.style.color = "#000", o3.style.visibility = 0 === t5 ? "hidden" : "visible", o3.addEventListener("click", (() => {
1482
+ var t6, i3, a4, d2;
1483
+ const p = n3.previousElementSibling;
1484
+ if (p) {
1485
+ const m = Number(null === (t6 = r3.value) || void 0 === t6 ? void 0 : t6.split(".")[0]) - 1;
1486
+ r3.value = `${m}. ${e5}`, s3.textContent = `${m}. ${e5}`, o3.style.visibility = 1 === m ? "hidden" : "visible", l2.style.visibility = m === u.length ? "hidden" : "visible";
1487
+ const h = p.querySelector(".magicfeedback-input-magicfeedback-priority-list"), f = p.querySelector(".magicfeedback-priority-list-item-label"), v = p.querySelector(".magicfeedback-priority-list-arrow-up"), g = p.querySelector(".magicfeedback-priority-list-arrow-down");
1488
+ if (h && f && v && g) {
1489
+ const e6 = Number(null === (i3 = h.value) || void 0 === i3 ? void 0 : i3.split(".")[0]) + 1;
1490
+ h.value = `${e6}.${null === (a4 = f.textContent) || void 0 === a4 ? void 0 : a4.split(".")[1]}`, f.textContent = `${e6}.${null === (d2 = f.textContent) || void 0 === d2 ? void 0 : d2.split(".")[1]}`, v.style.visibility = 1 === e6 ? "hidden" : "visible", g.style.visibility = e6 === u.length ? "hidden" : "visible";
1491
+ }
1492
+ c.insertBefore(n3, p);
1493
+ }
1494
+ }));
1495
+ const l2 = document.createElement("img");
1496
+ l2.classList.add("magicfeedback-priority-list-arrow-down"), l2.src = "https://magicfeedback-c6458-dev.web.app/assets/arrow.svg", l2.style.width = "20px", l2.style.height = "20px", l2.style.cursor = "pointer", l2.style.margin = "0 5px", l2.style.color = "#000", l2.style.transform = "rotate(180deg)", l2.style.visibility = t5 === u.length - 1 ? "hidden" : "visible", l2.addEventListener("click", (() => {
1497
+ var t6, i3, a4;
1498
+ const d2 = n3.nextElementSibling;
1499
+ if (d2) {
1500
+ const p = Number(null === (t6 = r3.value) || void 0 === t6 ? void 0 : t6.split(".")[0]) + 1;
1501
+ r3.value = `${p}. ${e5}`, s3.textContent = `${p}. ${e5}`, o3.style.visibility = 1 === p ? "hidden" : "visible", l2.style.visibility = p === u.length ? "hidden" : "visible";
1502
+ const m = d2.querySelector(".magicfeedback-input-magicfeedback-priority-list"), h = d2.querySelector(".magicfeedback-priority-list-item-label"), f = d2.querySelector(".magicfeedback-priority-list-arrow-up"), v = d2.querySelector(".magicfeedback-priority-list-arrow-down");
1503
+ if (m && h && f && v) {
1504
+ const e6 = Number(m.value.split(".")[0]) - 1;
1505
+ m.value = `${e6}.${null === (i3 = h.textContent) || void 0 === i3 ? void 0 : i3.split(".")[1]}`, h.textContent = `${e6}.${null === (a4 = h.textContent) || void 0 === a4 ? void 0 : a4.split(".")[1]}`, f.style.visibility = 1 === e6 ? "hidden" : "visible", v.style.visibility = e6 === u.length ? "hidden" : "visible";
1506
+ }
1507
+ c.insertBefore(d2, n3);
1508
+ }
1509
+ })), a3.appendChild(o3), a3.appendChild(l2), n3.appendChild(a3), c.appendChild(n3);
1510
+ })), d.appendChild(c), d;
1511
+ })({ value: e3.value, ref: e3.ref, randomPosition: t3, limitPriority: (null === (n = e3.assets) || void 0 === n ? void 0 : n.limitPriority) || false, maxPriority: (null === (r = e3.assets) || void 0 === r ? void 0 : r.maxPriority) || 0, placeholder: (null === (s = e3.assets) || void 0 === s ? void 0 : s.placeholder) || "", language: i || "en" });
1512
+ return a.appendChild(o), { element: a, elementTypeClass: "magicfeedback-priority-list" };
1513
+ };
1514
+ }, 152: (e2, t2, i) => {
1515
+ "use strict";
1516
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderRatingEmoji = void 0;
1517
+ const n = i(559), r = "https://survey-dev.magicfeedback.io/assets/emojis";
1518
+ t2.renderRatingEmoji = ({ question: e3, url: t3, send: i2, urlParamValue: s }) => {
1519
+ var a;
1520
+ const { ref: o, assets: l } = e3, d = document.createElement("div"), c = "magicfeedback-rating", u = document.createElement("div");
1521
+ u.classList.add("magicfeedback-rating-container");
1522
+ const p = (null == l ? void 0 : l.max) ? Number(null == l ? void 0 : l.max) : 5, m = (null == l ? void 0 : l.min) ? Number(null == l ? void 0 : l.min) : 1, h = (0, n.createRatingPlaceholder)(m, p, null == l ? void 0 : l.minPlaceholder, null == l ? void 0 : l.maxPlaceholder, null !== (a = null == l ? void 0 : l.extraOption) && void 0 !== a && a);
1523
+ for (let e4 = m; e4 <= p; e4++) {
1524
+ const n2 = document.createElement("div");
1525
+ n2.classList.add("magicfeedback-rating-option");
1526
+ const a2 = document.createElement("label");
1527
+ a2.htmlFor = `rating-${o}-${e4}`, a2.classList.add("magicfeedback-rating-option-label-container");
1528
+ const l2 = document.createElement("label");
1529
+ l2.htmlFor = `rating-${o}-${e4}`, l2.textContent = e4.toString();
1530
+ const d2 = document.createElement("img");
1531
+ if (d2.alt = `face-${o}-${e4}`, d2.className = `rating-image${e4}`, 0 === m && 10 === p) d2.src = `${t3}/${e4}.svg`, d2.onerror = () => d2.src = `${r}/${e4}.svg`;
1532
+ else if (1 === m && 5 === p) switch (e4) {
1533
+ case 1:
1534
+ d2.src = `${t3}/1.svg`, d2.onerror = () => d2.src = `${r}/1.svg`;
1535
+ break;
1536
+ case 2:
1537
+ d2.src = `${t3}/2.svg`, d2.onerror = () => d2.src = `${r}/2.svg`;
1538
+ break;
1539
+ case 3:
1540
+ d2.src = `${t3}/6.svg`, d2.onerror = () => d2.src = `${r}/6.svg`;
1541
+ break;
1542
+ case 4:
1543
+ d2.src = `${t3}/9.svg`, d2.onerror = () => d2.src = `${r}/9.svg`;
1544
+ break;
1545
+ case 5:
1546
+ d2.src = `${t3}/10.svg`, d2.onerror = () => d2.src = `${r}/10.svg`;
1547
+ }
1548
+ else {
1549
+ const i3 = Math.round(10 / (p - m) * (e4 - m));
1550
+ d2.src = `${t3}/${i3}.svg`, d2.onerror = () => d2.src = `${r}/${i3}.svg`;
1551
+ }
1552
+ const h2 = document.createElement("input");
1553
+ h2.id = `rating-${o}-${e4}`, h2.type = "radio", h2.name = o, h2.value = e4.toString(), h2.classList.add(c), h2.classList.add("magicfeedback-input"), i2 && h2.addEventListener("change", (() => {
1554
+ i2();
1555
+ })), s && s === h2.value && (h2.checked = true), a2.appendChild(h2), a2.appendChild(d2), a2.appendChild(l2), n2.appendChild(a2), u.appendChild(n2);
1556
+ }
1557
+ if ((null == l ? void 0 : l.extraOption) && (null == l ? void 0 : l.extraOptionText)) {
1558
+ const e4 = document.createElement("div");
1559
+ e4.classList.add("magicfeedback-rating-option");
1560
+ const t4 = document.createElement("label");
1561
+ t4.htmlFor = `rating-${o}-extra`, t4.classList.add("magicfeedback-rating-option-label-container");
1562
+ const n2 = document.createElement("label");
1563
+ n2.htmlFor = `rating-${o}-extra`, n2.textContent = null == l ? void 0 : l.extraOptionText;
1564
+ const r2 = document.createElement("img");
1565
+ r2.src = "https://magicfeedback-c6458-dev.web.app/assets/question.svg", r2.alt = `face-${o}-extra`, r2.className = "magicfeedback-rating-image-extra";
1566
+ const s2 = document.createElement("input");
1567
+ s2.id = `rating-${o}-extra`, s2.type = "radio", s2.name = o, s2.value = "-", s2.classList.add(c), s2.classList.add("magicfeedback-input"), i2 && s2.addEventListener("change", (() => {
1568
+ i2();
1569
+ })), t4.appendChild(s2), t4.appendChild(r2), t4.appendChild(n2), e4.appendChild(t4), u.appendChild(e4);
1570
+ }
1571
+ return h.childElementCount > 0 && (u.classList.add("magicfeedback-rating-container--with-placeholder"), u.insertBefore(h, u.firstChild)), d.appendChild(u), { element: d, elementTypeClass: c };
1572
+ };
1573
+ }, 917: (e2, t2, i) => {
1574
+ "use strict";
1575
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderRatingNumber = void 0;
1576
+ const n = i(559);
1577
+ t2.renderRatingNumber = ({ question: e3, order: t3, direction: i2, isPhone: r, send: s, urlParamValue: a }) => {
1578
+ const o = "magicfeedback-rating-number";
1579
+ return { element: (0, n.createRatingNumberElement)(e3.ref, e3.assets, t3, i2, r, o, s, a), elementTypeClass: o };
1580
+ };
1581
+ }, 452: (e2, t2, i) => {
1582
+ "use strict";
1583
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderRatingStar = void 0;
1584
+ const n = i(559);
1585
+ t2.renderRatingStar = ({ question: e3, send: t3, urlParamValue: i2 }) => {
1586
+ var r, s;
1587
+ const a = document.createElement("div"), o = (0, n.createStarRating)(e3.ref, null === (r = e3.assets) || void 0 === r ? void 0 : r.minPlaceholder, null === (s = e3.assets) || void 0 === s ? void 0 : s.maxPlaceholder, t3, i2);
1588
+ return a.appendChild(o), { element: a, elementTypeClass: "magicfeedback-rating-star" };
1589
+ };
1590
+ }, 85: (e2, t2, i) => {
1591
+ "use strict";
1592
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderSelect = void 0;
1593
+ const n = i(516);
1594
+ t2.renderSelect = ({ question: e3, format: t3, language: i2, urlParamValue: r, send: s }) => {
1595
+ const { title: a, value: o, defaultValue: l } = e3, d = document.createElement("select"), c = document.createElement("option");
1596
+ return c.value = "", c.text = "slim" === t3 ? (0, n.parseTitle)(a, i2) : l || "Select an option", c.disabled = true, c.selected = true, d.appendChild(c), o.forEach(((e4) => {
1597
+ const t4 = document.createElement("option");
1598
+ t4.value = e4, t4.text = e4, d.appendChild(t4);
1599
+ })), r && o.includes(r) && (d.value = r), s && d.addEventListener("change", (() => {
1600
+ s();
1601
+ })), { element: d, elementTypeClass: "magicfeedback-select" };
1602
+ };
1603
+ }, 90: (e2, t2, i) => {
1604
+ "use strict";
1605
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderText = void 0;
1606
+ const n = i(784);
1607
+ t2.renderText = ({ language: e3, placeholderText: t3, urlParamValue: i2, send: r }) => {
1608
+ const s = document.createElement("input");
1609
+ return s.type = "text", s.placeholder = t3 || n.placeholder.answer(e3 || "en"), i2 && (s.value = i2), s.addEventListener("keyup", ((e4) => {
1610
+ e4.preventDefault(), "Enter" === e4.key && r && r();
1611
+ })), { element: s, elementTypeClass: "magicfeedback-text" };
1612
+ };
1613
+ }, 250: (e2, t2) => {
1614
+ "use strict";
1615
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderUploadFile = void 0, t2.renderUploadFile = ({ question: e3 }) => {
1616
+ var t3, i;
1617
+ const n = document.createElement("input");
1618
+ return n.type = "file", n.required = e3.require, n.multiple = (null === (t3 = e3.assets) || void 0 === t3 ? void 0 : t3.multiple) || false, n.maxLength = (null === (i = e3.assets) || void 0 === i ? void 0 : i.maxFiles) || 1, { element: n, elementTypeClass: "magicfeedback-upload-file" };
1619
+ };
1620
+ }, 843: (e2, t2) => {
1621
+ "use strict";
1622
+ Object.defineProperty(t2, "__esModule", { value: true }), t2.renderUploadImage = void 0, t2.renderUploadImage = ({ question: e3 }) => {
1623
+ var t3, i;
1624
+ const n = document.createElement("input");
1625
+ return n.type = "file", n.accept = "image/*", n.required = e3.require, n.multiple = (null === (t3 = e3.assets) || void 0 === t3 ? void 0 : t3.multiple) || false, n.maxLength = (null === (i = e3.assets) || void 0 === i ? void 0 : i.maxFiles) || 1, { element: n, elementTypeClass: "magicfeedback-upload-image" };
1626
+ };
935
1627
  }, 857: (e2, t2) => {
936
1628
  "use strict";
937
1629
  Object.defineProperty(t2, "__esModule", { value: true }), t2.endpoints = void 0, t2.endpoints = { sdk: { app: (e3, t3) => `sdk/app/${e3}/${t3}`, app_info: (e3, t3) => `sdk/app/${e3}/${t3}/info`, session: (e3) => `sdk/app/session/${e3}/info`, feedback: "sdk/feedback", followUpQuestion: "sdk/followUpQuestion" } };
@@ -1061,534 +1753,79 @@ var require_magicfeedback_sdk_browser = __commonJS({
1061
1753
  }, 213: (e2, t2, i) => {
1062
1754
  "use strict";
1063
1755
  Object.defineProperty(t2, "__esModule", { value: true }), t2.renderStartMessage = t2.renderSuccess = t2.renderError = t2.renderActions = t2.renderQuestions = void 0;
1064
- const n = i(558), a = i(784), s = "https://survey-dev.magicfeedback.io/assets/emojis";
1065
- function r(e3, t3) {
1066
- return e3 ? "object" == typeof e3 ? e3[t3] || e3.en : e3 : "";
1067
- }
1068
- function o(e3, t3, i2, n2, a2, s2 = true, r2 = "ltr", o2 = "row") {
1069
- const l = document.createElement("div");
1070
- l.classList.add("magicfeedback-rating-placeholder"), l.style.display = "flex", l.style.flexDirection = o2, l.style.alignItems = "center", l.style.justifyContent = "space-between", l.style.width = a2 ? `calc(100% - (100% / ${t3 + 1}))` : "100%", l.style.marginRight = "auto", s2 && window.innerWidth < 600 && (l.style.flexDirection = "column");
1071
- const d = document.createElement("span");
1072
- d.textContent = i2, d.classList.add("magicfeedback-rating-placeholder-value"), d.style.fontSize = "15px", d.style.textAlign = "ltr" === r2 ? "left" : "right", d.style.width = "50%", (s2 && window.innerWidth < 600 || "column" === o2) && (d.textContent = `${e3} = ${i2}`, d.style.width = "100%", d.style.textAlign = "left", d.style.marginBottom = "5px");
1073
- const c = document.createElement("span");
1074
- return c.textContent = n2, c.classList.add("magicfeedback-rating-placeholder-value"), c.style.fontSize = "15px", c.style.textAlign = "ltr" === r2 ? "right" : "left", c.style.width = "50%", (s2 && window.innerWidth < 600 || "column" === o2) && (c.textContent = `${t3} = ${n2}`, c.style.width = "100%", c.style.textAlign = "left", c.style.marginBottom = "5px"), "ltr" === r2 ? (i2 && l.appendChild(d), n2 && l.appendChild(c)) : (n2 && l.appendChild(c), i2 && l.appendChild(d)), l;
1075
- }
1076
- t2.renderQuestions = function e3(t3, i2 = "standard", l = "en", d = { customIcons: false }, c) {
1756
+ const n = i(42), r = i(516), s = { small: "1rem", medium: "1.2rem", large: "1.5rem" };
1757
+ t2.renderQuestions = function e3(t3, i2 = "standard", a = "en", o = { customIcons: false }, l) {
1077
1758
  if (!t3) throw new Error("[MagicFeedback] No questions provided");
1078
- const u = [], { customIcons: p, id: h } = d;
1079
- return t3.forEach(((m) => {
1080
- var f, g;
1081
- if ((null === (g = null === (f = null == m ? void 0 : m.questionType) || void 0 === f ? void 0 : f.conf) || void 0 === g ? void 0 : g.length) > 0) {
1759
+ const d = [], { customIcons: c, id: u } = o;
1760
+ return t3.forEach(((p) => {
1761
+ var m, h;
1762
+ if ((null === (h = null === (m = null == p ? void 0 : p.questionType) || void 0 === m ? void 0 : m.conf) || void 0 === h ? void 0 : h.length) > 0) {
1082
1763
  let t4 = document.createElement("div");
1083
1764
  t4.classList.add("magicfeedback-div");
1084
1765
  const n2 = document.createElement("label");
1085
- n2.setAttribute("for", `magicfeedback-${m.id}`), n2.textContent = r(m.title, l), n2.classList.add("magicfeedback-label"), t4.appendChild(n2), m.questionType.conf.forEach(((e4) => {
1086
- e4.ref = m.ref, m.assets[e4.id] && (e4.assets = { placeholder: m.assets[e4.id] });
1087
- })), e3(m.questionType.conf, i2, l, d, c).forEach(((e4) => {
1766
+ n2.setAttribute("for", `magicfeedback-${p.id}`), n2.textContent = (0, r.parseTitle)(p.title, a), n2.classList.add("magicfeedback-label"), t4.appendChild(n2), p.questionType.conf.forEach(((e4) => {
1767
+ e4.ref = p.ref, p.assets[e4.id] && (e4.assets = { placeholder: p.assets[e4.id] });
1768
+ })), e3(p.questionType.conf, i2, a, o, l).forEach(((e4) => {
1088
1769
  t4.appendChild(e4);
1089
- })), u.push(t4);
1770
+ })), d.push(t4);
1090
1771
  } else {
1091
- const e4 = (function(e5, t4, i3, l2, d2) {
1092
- var c2, u2, p2;
1093
- let h2, m2, { id: f2, title: g2, type: v, ref: y, require: E, value: b, defaultValue: A, assets: k } = e5, C = document.createElement("div");
1094
- C.classList.add("magicfeedback-div");
1095
- const T = window.innerWidth < 600, x = "slim" === t4 ? r(g2, i3) : null == k ? void 0 : k.placeholder, w = (N = y, new URLSearchParams(window.location.search).get(N)), L = (null == k ? void 0 : k.maxCharacters) || 0, P = void 0 !== (null == k ? void 0 : k.randomPosition) && (null == k ? void 0 : k.randomPosition), S = (null == k ? void 0 : k.direction) || "row", O = (null == k ? void 0 : k.order) || "ltr";
1096
- var N;
1097
- switch (v) {
1098
- case n.FEEDBACKAPPANSWERTYPE.TEXT:
1099
- h2 = document.createElement("input"), h2.type = "text", h2.placeholder = x || a.placeholder.answer(i3 || "en"), w && (h2.value = w), h2.addEventListener("keyup", ((e6) => {
1100
- e6.preventDefault(), console.log(e6.key, e6), "Enter" === e6.key && d2 && d2();
1101
- })), m2 = "magicfeedback-text";
1102
- break;
1103
- case n.FEEDBACKAPPANSWERTYPE.LONGTEXT:
1104
- h2 = document.createElement("textarea"), h2.rows = 3, L > 0 && (h2.maxLength = L), h2.placeholder = x || a.placeholder.answer(i3 || "en"), w && (h2.value = w), m2 = "magicfeedback-longtext";
1105
- break;
1106
- case n.FEEDBACKAPPANSWERTYPE.NUMBER:
1107
- h2 = document.createElement("input"), h2.type = "number", h2.placeholder = "slim" === t4 ? r(g2, i3) : a.placeholder.number(i3 || "en"), m2 = "magicfeedback-number", b.length && (b.sort(((e6, t5) => Number(e6) - Number(t5))), h2.max = b[b.length - 1], h2.min = b[0], h2.value = b[0]), w && !isNaN(Number(w)) && (h2.value = w);
1108
- break;
1109
- case n.FEEDBACKAPPANSWERTYPE.RADIO:
1110
- case n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE:
1111
- h2 = document.createElement("div"), m2 = "magicfeedback-" + ("MULTIPLECHOICE" === v ? "checkbox" : "radio");
1112
- let R = b || [];
1113
- P && (R = R.sort((() => Math.random() - 0.5)));
1114
- let $ = (null == k ? void 0 : k.exclusiveAnswers) || [];
1115
- (null == k ? void 0 : k.extraOption) && ($ = $.filter(((e6) => e6 !== k.extraOptionText))), $.length > 0 && (null == $ || $.forEach(((e6) => {
1116
- R.includes(e6) || R.push(e6);
1117
- }))), (null == k ? void 0 : k.extraOption) && !R.includes(null == k ? void 0 : k.extraOptionText) && R.push(null == k ? void 0 : k.extraOptionText), R.forEach(((e6, t5) => {
1118
- const s2 = document.createElement("div");
1119
- s2.classList.add(`magicfeedback-${"MULTIPLECHOICE" === v ? "checkbox" : "radio"}-container`);
1120
- const r2 = document.createElement("label"), o2 = document.createElement("input");
1121
- if (o2.id = `rating-${y}-${t5}`, o2.type = "MULTIPLECHOICE" === v ? "checkbox" : "radio", o2.name = y, o2.value = e6, o2.classList.add(m2), o2.classList.add("magicfeedback-input"), v === n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOICE && (null == k ? void 0 : k.maxOptions) && (null == k ? void 0 : k.maxOptions) > 0 && o2.addEventListener("change", (() => {
1122
- document.querySelectorAll(`input[name="${y}"]:checked`).length > (null == k ? void 0 : k.maxOptions) && (o2.checked = false);
1123
- })), v === n.FEEDBACKAPPANSWERTYPE.RADIO && d2 && (!(null == k ? void 0 : k.extraOptionText) || (null == k ? void 0 : k.extraOptionText) && e6 !== (null == k ? void 0 : k.extraOptionText)) && o2.addEventListener("change", (() => {
1124
- d2();
1125
- })), e6 !== A && e6 !== w || (o2.checked = true), r2.textContent = e6, r2.htmlFor = `rating-${y}-${t5}`, o2.addEventListener("change", ((t6) => {
1126
- const i4 = document.getElementById(`extra-option-${y}`);
1127
- t6.target.checked && $.includes(e6) ? (console.log("exclusiveAnswers", $, e6), R.forEach(((t7) => {
1128
- t7 !== e6 && (document.querySelector(`input[value="${t7}"]`).checked = false);
1129
- })), i4 && (i4.style.display = "none")) : $.forEach(((t7) => {
1130
- t7 !== e6 && (document.querySelector(`input[value="${t7}"]`).checked = false);
1131
- })), (null == k ? void 0 : k.extraOption) && e6 === (null == k ? void 0 : k.extraOptionText) && i4 && (i4.style.display = t6.target.checked ? "block" : "none");
1132
- })), s2.appendChild(o2), s2.appendChild(r2), h2.appendChild(s2), (null == k ? void 0 : k.extraOption) && e6 === (null == k ? void 0 : k.extraOptionText)) {
1133
- const e7 = document.createElement("input");
1134
- e7.type = "text", e7.placeholder = (null == k ? void 0 : k.extraOptionPlaceholder) || a.placeholder.answer(i3 || "en"), e7.classList.add("magicfeedback-extra-option"), e7.classList.add("magicfeedback-input"), e7.id = `extra-option-${y}`, e7.name = `extra-option-${y}`, e7.style.display = "none", h2.appendChild(e7);
1135
- }
1136
- }));
1137
- break;
1138
- case n.FEEDBACKAPPANSWERTYPE.BOOLEAN:
1139
- h2 = document.createElement("div"), m2 = "magicfeedback-radio";
1140
- const _ = document.createElement("div");
1141
- _.classList.add("magicfeedback-boolean-container"), _.style.display = "flex", _.style.flexDirection = "row", _.style.justifyContent = "space-between", _.style.width = "70%", _.style.margin = "auto", ((null == k ? void 0 : k.addIcon) ? ["\u{1F44D}", "\u{1F44E}"] : (function(e6) {
1142
- switch (e6) {
1143
- case "es":
1144
- return ["S\xED", "No"];
1145
- case "fr":
1146
- return ["Oui", "Non"];
1147
- case "de":
1148
- return ["Ja", "Nein"];
1149
- case "it":
1150
- return ["S\xEC", "No"];
1151
- case "pt":
1152
- return ["Sim", "N\xE3o"];
1153
- case "nl":
1154
- return ["Ja", "Nee"];
1155
- case "pl":
1156
- return ["Tak", "Nie"];
1157
- case "ru":
1158
- return ["\u0414\u0430", "\u041D\u0435\u0442"];
1159
- case "ja":
1160
- return ["\u306F\u3044", "\u3044\u3044\u3048"];
1161
- case "zh":
1162
- return ["\u662F", "\u4E0D"];
1163
- case "ko":
1164
- return ["\uC608", "\uC544\uB2C8"];
1165
- case "da":
1166
- case "sv":
1167
- return ["Ja", "Nej"];
1168
- case "fi":
1169
- return ["Kyll\xE4", "Ei"];
1170
- case "no":
1171
- return ["Ja", "Nei"];
1172
- case "ar":
1173
- return ["\u0646\u0639\u0645", "\u0644\u0627"];
1174
- case "bn":
1175
- return ["\u09B9\u09CD\u09AF\u09BE\u0981", "\u09A8\u09BE"];
1176
- default:
1177
- return ["Yes", "No"];
1178
- }
1179
- })(i3)).forEach(((e6, t5) => {
1180
- const i4 = document.createElement("label");
1181
- i4.classList.add("magicfeedback-boolean-option"), i4.htmlFor = `rating-${y}-${t5}`, i4.style.cursor = "pointer", i4.style.border = "1px solid #000", i4.style.display = "flex", i4.style.justifyContent = "center", i4.style.alignItems = "center", i4.style.margin = "auto", i4.style.padding = "0", i4.style.width = "45%", i4.style.height = "38px";
1182
- const n2 = document.createElement("label");
1183
- n2.htmlFor = `rating-${y}-${t5}`, n2.textContent = e6, n2.style.margin = "0", n2.style.padding = "0";
1184
- const a2 = document.createElement("input");
1185
- a2.id = `rating-${y}-${t5}`, a2.type = "radio", a2.name = y, a2.value = ["Yes", "No"][t5], a2.classList.add(m2), a2.classList.add("magicfeedback-input"), a2.style.position = "absolute", a2.style.opacity = "0", a2.style.width = "0", a2.style.height = "0", a2.style.margin = "0", a2.addEventListener("change", (() => {
1186
- d2 && d2();
1187
- })), w && w.toLowerCase() === a2.value.toLowerCase() && (a2.checked = true), i4.appendChild(a2), i4.appendChild(n2), _.appendChild(i4);
1188
- })), h2.appendChild(_);
1189
- break;
1190
- case n.FEEDBACKAPPANSWERTYPE.RATING_EMOJI:
1191
- h2 = document.createElement("div"), m2 = "magicfeedback-rating";
1192
- const F = document.createElement("div");
1193
- F.classList.add("magicfeedback-rating-container");
1194
- const M = (null == k ? void 0 : k.max) ? Number(null == k ? void 0 : k.max) : 5, B = (null == k ? void 0 : k.min) ? Number(null == k ? void 0 : k.min) : 1, U = o(B, M, null == k ? void 0 : k.minPlaceholder, null == k ? void 0 : k.maxPlaceholder, null == k ? void 0 : k.extraOption);
1195
- for (let ce = B; ce <= M; ce++) {
1196
- const ue = document.createElement("div");
1197
- ue.classList.add("magicfeedback-rating-option");
1198
- const pe = document.createElement("label");
1199
- pe.htmlFor = `rating-${y}-${ce}`, pe.classList.add("magicfeedback-rating-option-label-container");
1200
- const he = document.createElement("label");
1201
- he.htmlFor = `rating-${y}-${ce}`, he.textContent = ce.toString();
1202
- const me = document.createElement("img");
1203
- if (me.alt = `face-${y}-${ce}`, me.className = `rating-image${ce}`, 0 === B && 10 === M) me.src = `${l2}/${ce}.svg`, me.onerror = () => me.src = `${s}/${ce}.svg`;
1204
- else if (1 === B && 5 === M) switch (ce) {
1205
- case 1:
1206
- me.src = `${l2}/1.svg`, me.onerror = () => me.src = `${s}/1.svg`;
1207
- break;
1208
- case 2:
1209
- me.src = `${l2}/2.svg`, me.onerror = () => me.src = `${s}/2.svg`;
1210
- break;
1211
- case 3:
1212
- me.src = `${l2}/6.svg`, me.onerror = () => me.src = `${s}/6.svg`;
1213
- break;
1214
- case 4:
1215
- me.src = `${l2}/9.svg`, me.onerror = () => me.src = `${s}/9.svg`;
1216
- break;
1217
- case 5:
1218
- me.src = `${l2}/10.svg`, me.onerror = () => me.src = `${s}/10.svg`;
1219
- }
1220
- else {
1221
- const ge = Math.round(10 / (M - B) * (ce - B));
1222
- me.src = `${l2}/${ge}.svg`, me.onerror = () => me.src = `${s}/${ge}.svg`;
1223
- }
1224
- const fe = document.createElement("input");
1225
- fe.id = `rating-${y}-${ce}`, fe.type = "radio", fe.name = y, fe.value = ce.toString(), fe.classList.add(m2), fe.classList.add("magicfeedback-input"), d2 && fe.addEventListener("change", (() => {
1226
- d2();
1227
- })), w && w === fe.value && (fe.checked = true), pe.appendChild(fe), pe.appendChild(me), pe.appendChild(he), ue.appendChild(pe), F.appendChild(ue);
1228
- }
1229
- if ((null == k ? void 0 : k.extraOption) && (null == k ? void 0 : k.extraOptionText)) {
1230
- const ve = document.createElement("div");
1231
- ve.classList.add("magicfeedback-rating-option");
1232
- const ye = document.createElement("label");
1233
- ye.htmlFor = `rating-${y}-extra`, ye.classList.add("magicfeedback-rating-option-label-container");
1234
- const Ee = document.createElement("label");
1235
- Ee.htmlFor = `rating-${y}-extra`, Ee.textContent = null == k ? void 0 : k.extraOptionText;
1236
- const be = document.createElement("img");
1237
- be.src = "https://magicfeedback-c6458-dev.web.app/assets/question.svg", be.alt = `face-${y}-extra`, be.className = "magicfeedback-rating-image-extra";
1238
- const Ae = document.createElement("input");
1239
- Ae.id = `rating-${y}-extra`, Ae.type = "radio", Ae.name = y, Ae.value = "-", Ae.classList.add(m2), Ae.classList.add("magicfeedback-input"), d2 && Ae.addEventListener("change", (() => {
1240
- d2();
1241
- })), ye.appendChild(Ae), ye.appendChild(be), ye.appendChild(Ee), ve.appendChild(ye), F.appendChild(ve);
1242
- }
1243
- h2.appendChild(U), h2.appendChild(F);
1244
- break;
1245
- case n.FEEDBACKAPPANSWERTYPE.RATING_NUMBER:
1246
- m2 = "magicfeedback-rating-number", h2 = (function(e6, t5, i4, n2, a2, s2, r2, o2) {
1247
- const l3 = document.createElement("div");
1248
- l3.classList.add("magicfeedback-rating-number");
1249
- const d3 = "ltr" === i4 ? n2 : `${n2}-reverse`, c3 = document.createElement("div");
1250
- c3.classList.add("magicfeedback-rating-number-container"), c3.classList.add(`magicfeedback-rating-number-container-${i4}`), c3.classList.add(`magicfeedback-rating-number-container-${n2}`), c3.style.display = "flex", c3.style.flexDirection = d3, c3.setAttribute("role", "radiogroup"), c3.setAttribute("aria-label", (null == t5 ? void 0 : t5.ariaLabel) || "Rating");
1251
- const u3 = (null == t5 ? void 0 : t5.max) ? Number(null == t5 ? void 0 : t5.max) : 10, p3 = (null == t5 ? void 0 : t5.min) ? Number(null == t5 ? void 0 : t5.min) : 0, h3 = !(a2 || "column" === n2);
1252
- for (let i5 = p3; i5 <= u3; i5++) {
1253
- const a3 = document.createElement("div");
1254
- a3.classList.add("magicfeedback-rating-number-option"), a3.classList.add(`magicfeedback-rating-number-option-${n2}`);
1255
- const l4 = document.createElement("label");
1256
- if (l4.htmlFor = `rating-${e6}-${i5}`, l4.classList.add("magicfeedback-rating-number-option-label-container"), h3 && (l4.style.position = "relative", l4.style.overflow = "visible"), h3) {
1257
- const e7 = document.createElement("span");
1258
- e7.classList.add("magicfeedback-rating-number-cap"), e7.classList.add("magicfeedback-rating-placeholder-value"), e7.style.fontSize = "14px", e7.style.whiteSpace = "nowrap", e7.style.wordBreak = "normal", i5 === p3 && (null == t5 ? void 0 : t5.minPlaceholder) ? (e7.textContent = t5.minPlaceholder, e7.dataset.capType = "min") : i5 === u3 && (null == t5 ? void 0 : t5.maxPlaceholder) ? (e7.textContent = t5.maxPlaceholder, e7.dataset.capType = "max") : e7.dataset.capType = "mid", l4.appendChild(e7);
1259
- }
1260
- let d4 = i5.toString();
1261
- h3 || (i5 === p3 && (null == t5 ? void 0 : t5.minPlaceholder) && (d4 += ` = ${null == t5 ? void 0 : t5.minPlaceholder}`), i5 === u3 && (null == t5 ? void 0 : t5.maxPlaceholder) && (d4 += ` = ${null == t5 ? void 0 : t5.maxPlaceholder}`));
1262
- const m3 = document.createElement("input");
1263
- m3.id = `rating-${e6}-${i5}`, m3.type = "radio", m3.name = e6, m3.value = i5.toString(), m3.classList.add(s2), m3.classList.add("magicfeedback-input"), m3.setAttribute("aria-label", `${i5}`), r2 && m3.addEventListener("change", (() => r2())), o2 && o2 === m3.value && (m3.checked = true);
1264
- const f3 = document.createElement("label");
1265
- f3.htmlFor = `rating-${e6}-${i5}`, f3.textContent = d4, f3.classList.add("magicfeedback-rating-number-value"), l4.appendChild(m3), l4.appendChild(f3), a3.appendChild(l4), c3.appendChild(a3);
1266
- }
1267
- if ((null == t5 ? void 0 : t5.extraOption) && (null == t5 ? void 0 : t5.extraOptionText)) {
1268
- const n3 = document.createElement("div");
1269
- n3.classList.add("magicfeedback-rating-number-option");
1270
- const a3 = document.createElement("label");
1271
- if (a3.htmlFor = `rating-${e6}-extra`, a3.classList.add("magicfeedback-rating-number-option-label-container"), h3 && (a3.style.position = "relative", a3.style.overflow = "visible"), h3) {
1272
- const e7 = document.createElement("span");
1273
- e7.classList.add("magicfeedback-rating-number-cap"), e7.dataset.capType = "extra", e7.style.fontSize = "12px", e7.style.whiteSpace = "nowrap", e7.style.wordBreak = "normal", a3.appendChild(e7);
1274
- }
1275
- const o3 = document.createElement("input");
1276
- o3.id = `rating-${e6}-extra`, o3.type = "radio", o3.name = e6, o3.value = "-", o3.classList.add(s2), o3.classList.add("magicfeedback-input"), o3.setAttribute("aria-label", null == t5 ? void 0 : t5.extraOptionText), r2 && o3.addEventListener("change", (() => r2()));
1277
- const l4 = document.createElement("label");
1278
- l4.htmlFor = `rating-${e6}-extra`, l4.textContent = null == t5 ? void 0 : t5.extraOptionText, l4.classList.add("magicfeedback-rating-number-value"), a3.appendChild(o3), a3.appendChild(l4), n3.appendChild(a3), "ltr" === i4 ? c3.appendChild(n3) : c3.insertBefore(n3, c3.firstChild);
1279
- }
1280
- return l3.appendChild(c3), h3 && requestAnimationFrame((() => {
1281
- const e7 = Array.from(c3.querySelectorAll(".magicfeedback-rating-number-cap"));
1282
- if (0 === e7.length) return;
1283
- let t6 = 0;
1284
- e7.forEach(((e8) => {
1285
- var i5;
1286
- if (null === (i5 = e8.textContent) || void 0 === i5 ? void 0 : i5.trim()) {
1287
- const i6 = e8.getBoundingClientRect().height || 0;
1288
- i6 > t6 && (t6 = i6);
1289
- }
1290
- })), c3.style.position = "relative", c3.style.paddingTop = `${0 === t6 ? "42" : t6 + 6}px`, e7.forEach(((e8) => {
1291
- const n3 = e8.getBoundingClientRect().height || 0;
1292
- console.log(t6, n3, 6), e8.style.position = "absolute", e8.style.top = `-${0 === t6 ? "42" : t6 + n3}px`, e8.style.zIndex = "1", e8.style.pointerEvents = "none", e8.style.padding = "0", e8.style.boxSizing = "border-box", e8.style.whiteSpace = "nowrap", e8.style.wordBreak = "normal", e8.style.maxWidth = "none", e8.style.width = "max-content";
1293
- const a3 = e8.dataset.capType;
1294
- "min" === a3 ? ("ltr" === i4 ? (e8.style.left = "10px", e8.style.textAlign = "left") : (e8.style.right = "10px", e8.style.textAlign = "right"), e8.style.transform = "none") : "max" === a3 ? ("ltr" === i4 ? (e8.style.right = "10px", e8.style.textAlign = "right") : (e8.style.left = "10px", e8.style.textAlign = "left"), e8.style.transform = "none") : (e8.style.left = "50%", e8.style.transform = "translateX(-50%)", e8.style.textAlign = "center");
1295
- })), c3.style.overflow = "visible";
1296
- })), l3;
1297
- })(y, k, O, S, T, m2, d2, w);
1298
- break;
1299
- case n.FEEDBACKAPPANSWERTYPE.RATING_STAR:
1300
- h2 = document.createElement("div"), m2 = "magicfeedback-rating-star";
1301
- const q = (function(e6, t5, i4, n2 = () => {
1302
- }, a2) {
1303
- const s2 = "magicfeedback-rating-star-selected", r2 = document.createElement("div");
1304
- r2.classList.add("magicfeedback-rating-star-container"), r2.style.maxWidth = "300px", r2.style.margin = "auto", r2.dataset.originalSelection = "0";
1305
- for (let t6 = 1; t6 <= 5; t6++) {
1306
- const i5 = document.createElement("label");
1307
- i5.classList.add("magicfeedback-rating-star-option");
1308
- const o2 = document.createElement("input");
1309
- o2.id = `rating-${e6}-${t6}`, o2.type = "radio", o2.name = e6, o2.value = t6.toString(), o2.style.position = "absolute", o2.style.opacity = "0", o2.style.width = "0", o2.style.height = "0", o2.classList.add("magicfeedback-input"), a2 && a2 === o2.value && (o2.checked = true), o2.addEventListener("change", (() => {
1310
- const e7 = r2.querySelectorAll(".rating__star");
1311
- for (let t7 = 0; t7 < e7.length; t7++) t7 + 1 <= Number(o2.value) ? e7[t7].classList.contains(s2) || e7[t7].classList.add(s2) : e7[t7].classList.contains(s2) && e7[t7].classList.remove(s2);
1312
- r2.dataset.originalSelection = o2.value, n2 && n2();
1313
- })), i5.appendChild(o2);
1314
- const l3 = document.createElement("label");
1315
- l3.htmlFor = `rating-${e6}-${t6}`, l3.classList.add("rating__star"), l3.textContent = "\u2605", l3.style.fontSize = "40px", l3.style.color = "#CCCCCC", l3.style.cursor = "pointer", l3.addEventListener("mouseenter", (() => {
1316
- const e7 = r2.querySelectorAll(".rating__star"), i6 = t6 - 1;
1317
- e7.forEach(((e8, t7) => {
1318
- t7 <= i6 ? e8.classList.contains(s2) || e8.classList.add(s2) : e8.classList.contains(s2) && e8.classList.remove(s2);
1319
- }));
1320
- })), l3.addEventListener("mouseleave", (() => {
1321
- const e7 = Number(r2.dataset.originalSelection || "0");
1322
- r2.querySelectorAll(".rating__star").forEach(((t7, i6) => {
1323
- i6 < e7 ? t7.classList.contains(s2) || t7.classList.add(s2) : t7.classList.contains(s2) && t7.classList.remove(s2);
1324
- }));
1325
- })), i5.appendChild(l3), r2.appendChild(i5);
1326
- }
1327
- return r2.appendChild(o(1, 5, t5, i4, false, false)), r2;
1328
- })(y, null == k ? void 0 : k.minPlaceholder, null == k ? void 0 : k.maxPlaceholder, d2, w);
1329
- h2.appendChild(q);
1330
- break;
1331
- case n.FEEDBACKAPPANSWERTYPE.MULTIPLECHOISE_IMAGE:
1332
- let V = function(e6) {
1333
- try {
1334
- const { position: t5, url: i4, value: n2 } = e6, a2 = document.createElement("label");
1335
- a2.classList.add("magicfeedback-multiple-choice-image-option"), a2.style.width = `calc( ${100 / W}% - 10px)`, a2.style.height = `calc( ${100 / K}% - 10px)`, a2.style.margin = "5px";
1336
- const s2 = document.createElement("label");
1337
- s2.htmlFor = `rating-${y}-${t5}`, s2.classList.add("magicfeedback-image-option-label-container"), s2.style.display = "flex", s2.style.flexDirection = "column", s2.addEventListener("mouseover", (() => {
1338
- s2.style.border = "2px solid #000";
1339
- })), s2.addEventListener("mouseout", (() => {
1340
- s2.style.border = "none";
1341
- })), s2.addEventListener("click", (() => {
1342
- s2.style.border = "2px solid #000";
1343
- }));
1344
- const r2 = document.createElement("label");
1345
- r2.textContent = n2, r2.classList.add("magicfeedback-multiple-choice-image-label");
1346
- const o2 = document.createElement("input");
1347
- o2.id = `rating-${y}-${t5}`, o2.type = Y ? "checkbox" : "radio", o2.name = y, o2.value = n2, o2.style.position = "absolute", o2.style.opacity = "0", o2.style.width = "0", o2.style.height = "0", o2.classList.add("magicfeedback-input"), w && w === o2.value && (o2.checked = true), !Y && d2 && o2.addEventListener("change", (() => {
1348
- console.log("send"), d2();
1349
- }));
1350
- const l3 = document.createElement("img");
1351
- l3.classList.add("magicfeedback-multiple-choice-image-image"), l3.src = i4, l3.style.cursor = "pointer", l3.style.backgroundSize = "cover", l3.style.backgroundPosition = "center", l3.style.width = "100%", l3.style.height = "100%", l3.style.objectFit = "cover", l3.style.margin = "auto", s2.appendChild(o2), s2.appendChild(l3), G && s2.appendChild(r2), a2.appendChild(s2), j.appendChild(a2);
1352
- } catch (e7) {
1353
- console.error(e7);
1354
- }
1355
- };
1356
- h2 = document.createElement("div"), m2 = "magicfeedback-multiple-choice-image";
1357
- const j = document.createElement("div");
1358
- j.classList.add("magicfeedback-multiple-choice-image-container"), j.style.display = "flex", j.style.flexDirection = "row", j.style.flexWrap = "wrap", j.style.justifyContent = "center";
1359
- const Q = b.length;
1360
- let W = 1, K = 1;
1361
- if (window.innerWidth < 600) W = 1, K = Q;
1362
- else switch (Q) {
1363
- case 1:
1364
- case 2:
1365
- case 3:
1366
- W = Q, K = 1;
1367
- break;
1368
- case 4:
1369
- case 5:
1370
- case 6:
1371
- K = 2, W = Math.ceil(Q / K);
1372
- break;
1373
- case 7:
1374
- case 8:
1375
- case 9:
1376
- K = 3, W = Math.ceil(Q / K);
1377
- break;
1378
- default:
1379
- K = 4, W = Math.ceil(Q / K);
1380
- }
1381
- const G = void 0 !== (null == k ? void 0 : k.addTitle) && (null == k ? void 0 : k.addTitle), Y = void 0 !== (null == k ? void 0 : k.multiOption) && (null == k ? void 0 : k.multiOption), H = void 0 !== (null == k ? void 0 : k.extraOption) && (null == k ? void 0 : k.extraOption);
1382
- P && (b = b.sort((() => Math.random() - 0.5))), b.forEach(((e6) => V(JSON.parse(e6)))), H && (null == k ? void 0 : k.extraOptionValue) && (null == k ? void 0 : k.extraOptionValue.length) > 0 && V(null == k ? void 0 : k.extraOptionValue[0]), h2.appendChild(j);
1383
- break;
1384
- case n.FEEDBACKAPPANSWERTYPE.SELECT:
1385
- h2 = document.createElement("select"), m2 = "magicfeedback-select";
1386
- const X = document.createElement("option");
1387
- X.value = "", X.text = "slim" === t4 ? r(g2, i3) : A || "Select an option", X.disabled = true, X.selected = true, h2.appendChild(X), b.forEach(((e6) => {
1388
- const t5 = document.createElement("option");
1389
- t5.value = e6, t5.text = e6, h2.appendChild(t5);
1390
- })), w && b.includes(w) && (h2.value = w), d2 && h2.addEventListener("change", (() => {
1391
- d2();
1392
- }));
1393
- break;
1394
- case n.FEEDBACKAPPANSWERTYPE.DATE:
1395
- h2 = document.createElement("input"), h2.type = "date", h2.required = E, h2.placeholder = x || a.placeholder.date(i3 || "en"), m2 = "magicfeedback-date", w && (h2.value = w);
1396
- break;
1397
- case n.FEEDBACKAPPANSWERTYPE.CONSENT:
1398
- h2 = document.createElement("input"), m2 = "magicfeedback-consent", h2.type = "checkbox", h2.id = `magicfeedback-${f2}`, h2.name = y, h2.value = "true", h2.required = E, h2.classList.add("magicfeedback-consent"), h2.classList.add("magicfeedback-input"), w && b.includes(w) && (h2.checked = true), d2 && h2.addEventListener("change", (() => {
1399
- d2();
1400
- }));
1401
- break;
1402
- case n.FEEDBACKAPPANSWERTYPE.EMAIL:
1403
- h2 = document.createElement("input"), h2.type = "email", h2.required = E, h2.placeholder = x || "you@example.com", m2 = "magicfeedback-email", w && (h2.value = w);
1404
- break;
1405
- case n.FEEDBACKAPPANSWERTYPE.PASSWORD:
1406
- h2 = document.createElement("input"), h2.type = "password", h2.required = E, h2.placeholder = x || a.placeholder.password(i3 || "en"), m2 = "magicfeedback-password", w && (h2.value = w);
1407
- break;
1408
- case n.FEEDBACKAPPANSWERTYPE.MULTI_QUESTION_MATRIX:
1409
- h2 = document.createElement("div"), m2 = "magicfeedback-multi-question-matrix";
1410
- const z = document.createElement("div");
1411
- z.classList.add("magicfeedback-multi-question-matrix-container");
1412
- let J = (null == k ? void 0 : k.options) || [], Z = [...b], ee = [];
1413
- if (P && (J = null == J ? void 0 : J.sort((() => Math.random() - 0.5)), Z = [...Z].sort((() => Math.random() - 0.5))), (null == k ? void 0 : k.exclusiveAnswers) && (ee = null == k ? void 0 : k.exclusiveAnswers, null == ee || ee.forEach(((e6) => {
1414
- Z.includes(e6) || Z.push(e6);
1415
- }))), window.innerWidth < 600) {
1416
- const ke = document.createElement("div");
1417
- ke.classList.add("magicfeedback-multi-question-matrix-list"), null == J || J.forEach(((e6) => {
1418
- const t5 = document.createElement("div");
1419
- t5.classList.add("magicfeedback-multi-question-matrix-list-item"), t5.style.display = "flex", t5.style.flexDirection = "column", t5.style.alignItems = "flex-start", t5.style.marginBottom = "10px";
1420
- const i4 = document.createElement("label");
1421
- i4.classList.add("magicfeedback-multi-question-matrix-label"), i4.style.paddingBottom = "10px", i4.textContent = e6, t5.appendChild(i4), Z.forEach(((i5) => {
1422
- const n2 = document.createElement("div");
1423
- n2.classList.add("magicfeedback-radio-container"), n2.style.display = "flex", n2.style.alignItems = "center", n2.style.justifyContent = "flex-start", n2.style.width = "99%", n2.style.margin = "5px auto";
1424
- const a2 = document.createElement("label"), s2 = document.createElement("input");
1425
- s2.id = `${y}-${e6}-${i5}`, s2.type = "radio", s2.name = `${y}-${e6}`, s2.value = i5, s2.classList.add("magicfeedback-input"), a2.textContent = i5, a2.htmlFor = `${y}-${e6}-${i5}`, n2.appendChild(s2), n2.appendChild(a2), t5.appendChild(n2);
1426
- })), ke.appendChild(t5);
1427
- })), z.appendChild(ke);
1428
- } else {
1429
- const Ce = document.createElement("table");
1430
- Ce.classList.add("magicfeedback-multi-question-matrix-table");
1431
- const Te = document.createElement("thead");
1432
- Te.classList.add("magicfeedback-multi-question-matrix-header"), Te.style.paddingBottom = "15px";
1433
- const xe = document.createElement("tr"), we = document.createElement("th");
1434
- xe.appendChild(we), Z.forEach(((e6) => {
1435
- const t5 = document.createElement("th");
1436
- t5.textContent = e6, xe.appendChild(t5);
1437
- })), Te.appendChild(xe), Ce.appendChild(Te);
1438
- const Le = document.createElement("tbody");
1439
- null == J || J.forEach(((e6) => {
1440
- const t5 = document.createElement("tr");
1441
- t5.classList.add("magicfeedback-multi-question-matrix-row-tr");
1442
- const i4 = document.createElement("td");
1443
- i4.style.minWidth = "200px", i4.style.padding = "10px";
1444
- const n2 = document.createElement("label");
1445
- n2.classList.add("magicfeedback-multi-question-matrix-label"), n2.textContent = e6, i4.appendChild(n2), t5.appendChild(i4), Z.forEach(((i5) => {
1446
- const n3 = document.createElement("td"), a2 = document.createElement("input");
1447
- a2.type = "radio", a2.name = `${y}-${e6}`, a2.value = i5, a2.id = `${y}-${e6}-${i5}`, a2.classList.add("magicfeedback-input"), n3.appendChild(a2), t5.appendChild(n3);
1448
- })), Le.appendChild(t5);
1449
- })), Ce.appendChild(Le), z.appendChild(Ce);
1450
- }
1451
- h2.appendChild(z);
1452
- break;
1453
- case n.FEEDBACKAPPANSWERTYPE.PRIORITY_LIST:
1454
- h2 = document.createElement("div"), m2 = "magicfeedback-priority-list";
1455
- const te = document.createElement("div");
1456
- te.classList.add("magicfeedback-priority-list-container");
1457
- const ie = document.createElement("ul");
1458
- ie.classList.add("magicfeedback-priority-list-list"), P && (b = b.sort((() => Math.random() - 0.5))), b.forEach(((e6, t5) => {
1459
- const i4 = document.createElement("li");
1460
- i4.classList.add("magicfeedback-priority-list-item"), i4.style.display = "flex", i4.style.justifyContent = "space-between", i4.style.alignItems = "center", i4.style.margin = "5px";
1461
- const n2 = document.createElement("input");
1462
- n2.classList.add("magicfeedback-input-magicfeedback-priority-list"), n2.classList.add("magicfeedback-input"), n2.type = "hidden", n2.id = `priority-list-${y}`, n2.name = y, n2.value = `${t5 + 1}. ${e6}`, i4.appendChild(n2);
1463
- const a2 = document.createElement("label");
1464
- a2.classList.add("magicfeedback-priority-list-item-label"), a2.textContent = `${t5 + 1}. ${e6}`, i4.appendChild(a2);
1465
- const s2 = document.createElement("div");
1466
- s2.style.display = "flex", s2.style.alignItems = "center", s2.style.justifyContent = "space-between";
1467
- const r2 = document.createElement("img");
1468
- r2.classList.add("magicfeedback-priority-list-arrow-up"), r2.src = "https://magicfeedback-c6458-dev.web.app/assets/arrow.svg", r2.style.width = "20px", r2.style.height = "20px", r2.style.cursor = "pointer", r2.style.margin = "0 5px", r2.style.color = "#000", r2.style.visibility = 0 === t5 ? "hidden" : "visible", r2.addEventListener("click", (() => {
1469
- var t6, s3, l3, d3;
1470
- const c3 = i4.previousElementSibling;
1471
- if (c3) {
1472
- const u3 = Number(null === (t6 = n2.value) || void 0 === t6 ? void 0 : t6.split(".")[0]) - 1;
1473
- n2.value = `${u3}. ${e6}`, a2.textContent = `${u3}. ${e6}`, r2.style.visibility = 1 === u3 ? "hidden" : "visible", o2.style.visibility = u3 === b.length ? "hidden" : "visible";
1474
- const p3 = c3.querySelector(".magicfeedback-input-magicfeedback-priority-list"), h3 = c3.querySelector(".magicfeedback-priority-list-item-label"), m3 = c3.querySelector(".magicfeedback-priority-list-arrow-up"), f3 = c3.querySelector(".magicfeedback-priority-list-arrow-down");
1475
- if (p3 && h3 && m3 && f3) {
1476
- const e7 = Number(null === (s3 = p3.value) || void 0 === s3 ? void 0 : s3.split(".")[0]) + 1;
1477
- p3.value = `${e7}.${null === (l3 = h3.textContent) || void 0 === l3 ? void 0 : l3.split(".")[1]}`, h3.textContent = `${e7}.${null === (d3 = h3.textContent) || void 0 === d3 ? void 0 : d3.split(".")[1]}`, m3.style.visibility = 1 === e7 ? "hidden" : "visible", f3.style.visibility = e7 === b.length ? "hidden" : "visible";
1478
- }
1479
- ie.insertBefore(i4, c3);
1480
- }
1481
- })), s2.appendChild(r2);
1482
- const o2 = document.createElement("img");
1483
- o2.classList.add("magicfeedback-priority-list-arrow-down"), o2.src = "https://magicfeedback-c6458-dev.web.app/assets/arrow.svg", o2.style.width = "20px", o2.style.height = "20px", o2.style.cursor = "pointer", o2.style.margin = "0 5px", o2.style.color = "#000", o2.style.transform = "rotate(180deg)", o2.style.visibility = t5 === b.length - 1 ? "hidden" : "visible", o2.addEventListener("click", (() => {
1484
- var t6, s3, l3;
1485
- const d3 = i4.nextElementSibling;
1486
- if (d3) {
1487
- const c3 = Number(null === (t6 = n2.value) || void 0 === t6 ? void 0 : t6.split(".")[0]) + 1;
1488
- n2.value = c3.toString(), a2.textContent = `${c3.toString()}. ${e6}`, r2.style.visibility = 1 === c3 ? "hidden" : "visible", o2.style.visibility = c3 === b.length ? "hidden" : "visible";
1489
- const u3 = d3.querySelector(".magicfeedback-input-magicfeedback-priority-list"), p3 = d3.querySelector(".magicfeedback-priority-list-item-label"), h3 = d3.querySelector(".magicfeedback-priority-list-arrow-up"), m3 = d3.querySelector(".magicfeedback-priority-list-arrow-down");
1490
- if (u3 && p3 && h3 && m3) {
1491
- const e7 = Number(u3.value.split(".")[0]) - 1;
1492
- u3.value = `${e7}.${null === (s3 = p3.textContent) || void 0 === s3 ? void 0 : s3.split(".")[1]}`, p3.textContent = `${e7}.${null === (l3 = p3.textContent) || void 0 === l3 ? void 0 : l3.split(".")[1]}`, h3.style.visibility = 1 === e7 ? "hidden" : "visible", m3.style.visibility = e7 === b.length ? "hidden" : "visible";
1493
- }
1494
- ie.insertBefore(d3, i4);
1495
- }
1496
- })), s2.appendChild(o2), i4.appendChild(s2), ie.appendChild(i4);
1497
- })), te.appendChild(ie), h2.appendChild(te);
1498
- break;
1499
- case n.FEEDBACKAPPANSWERTYPE.POINT_SYSTEM:
1500
- h2 = document.createElement("div"), m2 = "magicfeedback-point-system";
1501
- const ne = document.createElement("div");
1502
- ne.classList.add("magicfeedback-point-system-container");
1503
- const ae = document.createElement("ul");
1504
- ae.classList.add("magicfeedback-point-system-list"), ae.style.padding = "0";
1505
- const se = 100, re = se / b.length, oe = document.createElement("div");
1506
- oe.classList.add("magicfeedback-error"), oe.textContent = a.placeholder.pointsystemerror(i3 || "en"), oe.style.color = "#C70039", oe.style.fontSize = "14px", oe.style.textAlign = "right", oe.style.width = "100%", oe.style.display = "none";
1507
- const le = document.createElement("div");
1508
- le.classList.add("magicfeedback-point-system-total"), le.textContent = "0 / 100 %", le.style.textAlign = "right", le.style.fontSize = "15px", le.style.marginTop = "5px", b.forEach(((e6, t5) => {
1509
- const i4 = document.createElement("li");
1510
- i4.classList.add("magicfeedback-point-system-item"), i4.style.display = "flex", i4.style.justifyContent = "space-between", i4.style.alignItems = "center", i4.style.margin = "5px";
1511
- const n2 = document.createElement("label");
1512
- n2.textContent = e6, n2.style.fontSize = "15px", i4.appendChild(n2);
1513
- const a2 = document.createElement("span");
1514
- a2.classList.add("magicfeedback-point-system-input-container");
1515
- const s2 = document.createElement("input");
1516
- s2.name = y, s2.id = `${e6}`, s2.type = "number", s2.min = "0", s2.max = `${se}`, s2.value = "0", s2.classList.add("magicfeedback-input"), s2.style.width = "40px", s2.style.border = "0", s2.style.textAlign = "center", s2.style.margin = "0 5px", s2.autofocus = 0 === t5;
1517
- const r2 = document.createElement("span");
1518
- r2.textContent = "%", r2.style.color = "#000", s2.addEventListener("input", (() => {
1519
- const e7 = ae.querySelectorAll("input");
1520
- let t6 = 0;
1521
- e7.forEach(((e8) => {
1522
- t6 += Number(e8.value);
1523
- })), t6 > se && (s2.value = `${re}%`, t6 -= Number(s2.value));
1524
- const i5 = document.getElementById("magicfeedback-submit");
1525
- i5 && (t6 < 100 ? (le.style.color = "orange", i5.setAttribute("disabled", "true")) : (oe.style.display = "none", le.style.color = "green", i5.removeAttribute("disabled"))), le.textContent = `${t6} / 100 %`;
1526
- })), s2.addEventListener("focus", (() => {
1527
- const e7 = document.getElementById("magicfeedback-submit");
1528
- e7 && (e7.setAttribute("disabled", "true"), e7.addEventListener("pointerover", (() => {
1529
- const e8 = ae.querySelectorAll("input");
1530
- let t6 = 0;
1531
- e8.forEach(((e9) => {
1532
- t6 += Number(e9.value);
1533
- })), t6 < 100 && (oe.style.display = "block");
1534
- })));
1535
- })), a2.appendChild(s2), a2.appendChild(r2), i4.appendChild(a2), ae.appendChild(i4);
1536
- })), ne.appendChild(ae), ne.appendChild(le), ne.appendChild(oe), h2.appendChild(ne);
1537
- break;
1538
- case n.FEEDBACKAPPANSWERTYPE.INFO_PAGE:
1539
- h2 = document.createElement("div"), m2 = "magicfeedback-info-page";
1540
- const de = document.createElement("div");
1541
- de.classList.add("magicfeedback-info-message"), de.innerHTML = x, h2.appendChild(de);
1542
- break;
1543
- case n.FEEDBACKAPPANSWERTYPE.UPLOAD_IMAGE:
1544
- h2 = document.createElement("input"), h2.type = "file", h2.accept = "image/*", h2.required = E, h2.multiple = (null == k ? void 0 : k.multiple) || false, h2.maxLength = (null == k ? void 0 : k.maxFiles) || 1, m2 = "magicfeedback-upload-image";
1545
- break;
1546
- case n.FEEDBACKAPPANSWERTYPE.UPLOAD_FILE:
1547
- h2 = document.createElement("input"), h2.type = "file", h2.required = E, h2.multiple = (null == k ? void 0 : k.multiple) || false, h2.maxLength = (null == k ? void 0 : k.maxFiles) || 1, m2 = "magicfeedback-upload-file";
1548
- break;
1549
- default:
1550
- return C;
1772
+ const e4 = (function(e5, t4, i3, a2, o2) {
1773
+ var l2, d2, c2;
1774
+ let u2, p2, { id: m2, title: h2, type: f, ref: v, require: g, defaultValue: y, assets: b } = e5, E = document.createElement("div");
1775
+ E.classList.add("magicfeedback-div");
1776
+ const k = window.innerWidth < 600, A = "slim" === t4 ? (0, r.parseTitle)(h2, i3) : null == b ? void 0 : b.placeholder, C = (0, r.getUrlParam)(v), T = (null == b ? void 0 : b.maxCharacters) || 0, P = void 0 !== (null == b ? void 0 : b.randomPosition) && (null == b ? void 0 : b.randomPosition), w = (null == b ? void 0 : b.direction) || "row", x = (null == b ? void 0 : b.order) || "ltr", O = (0, n.getQuestionRenderer)(f);
1777
+ if (!O) return E;
1778
+ {
1779
+ const n2 = O({ question: e5, format: t4, language: i3, url: a2, send: o2, isPhone: k, urlParamValue: C, placeholderText: A, maxCharacters: T, randomPosition: P, direction: w, order: x });
1780
+ u2 = n2.element, p2 = n2.elementTypeClass;
1551
1781
  }
1552
- h2.id = `magicfeedback-${f2}`, h2.setAttribute("name", y), h2.classList.add(m2), (void 0 !== A || null !== w) && (h2.value = w || A), ["RADIO", "MULTIPLECHOICE"].includes(v) || (h2.classList.add("magicfeedback-input"), h2.required = E);
1553
- const I = document.createElement("label");
1554
- I.setAttribute("for", `magicfeedback-${f2}`), I.textContent = r(g2, i3), I.classList.add("magicfeedback-label");
1555
- const D = document.createElement("label");
1556
- if (D.textContent = r(null == k ? void 0 : k.subtitle, i3), D.classList.add("magicfeedback-sublabel"), (null === (c2 = null == k ? void 0 : k.subtitleStyle) || void 0 === c2 ? void 0 : c2.includes("italic")) && (D.style.fontStyle = "italic"), (null === (u2 = null == k ? void 0 : k.subtitleStyle) || void 0 === u2 ? void 0 : u2.includes("bold")) && (D.style.fontWeight = "bold"), (null === (p2 = null == k ? void 0 : k.subtitleStyle) || void 0 === p2 ? void 0 : p2.includes("underline")) && (D.style.textDecoration = "underline"), ["CONSENT"].includes(v)) C.classList.add("magicfeedback-consent-container"), C.appendChild(h2), C.appendChild(I), C.appendChild(D);
1782
+ u2.id = `magicfeedback-${m2}`, u2.setAttribute("name", v), u2.classList.add(p2), (void 0 !== y || null !== C) && (u2.value = C || y), ["RADIO", "MULTIPLECHOICE"].includes(f) || (u2.classList.add("magicfeedback-input"), u2.required = g);
1783
+ const L = document.createElement("label");
1784
+ L.setAttribute("for", `magicfeedback-${m2}`), L.textContent = (0, r.parseTitle)(h2, i3), L.classList.add("magicfeedback-label"), (function(e6, t5) {
1785
+ if ("INFO_PAGE" !== t5.type) return;
1786
+ const { assets: i4 } = t5, n2 = (function(e7) {
1787
+ if (e7) return s[e7] || e7;
1788
+ })(null == i4 ? void 0 : i4.titleSize), r2 = (a3 = null == i4 ? void 0 : i4.titleStyle, Array.isArray(a3) ? a3 : a3 ? [a3] : []);
1789
+ var a3;
1790
+ n2 && e6.style.setProperty("font-size", n2, "important"), (null == i4 ? void 0 : i4.titleAlign) && (e6.style.setProperty("width", "100%", "important"), e6.style.setProperty("align-self", "stretch", "important"), e6.style.setProperty("text-align", i4.titleAlign, "important")), r2.includes("italic") && e6.style.setProperty("font-style", "italic", "important"), r2.includes("bold") && e6.style.setProperty("font-weight", "bold", "important"), r2.includes("underline") && e6.style.setProperty("text-decoration", "underline", "important");
1791
+ })(L, e5);
1792
+ const S = document.createElement("label");
1793
+ if (S.textContent = (0, r.parseTitle)(null == b ? void 0 : b.subtitle, i3), S.classList.add("magicfeedback-sublabel"), (null === (l2 = null == b ? void 0 : b.subtitleStyle) || void 0 === l2 ? void 0 : l2.includes("italic")) && (S.style.fontStyle = "italic"), (null === (d2 = null == b ? void 0 : b.subtitleStyle) || void 0 === d2 ? void 0 : d2.includes("bold")) && (S.style.fontWeight = "bold"), (null === (c2 = null == b ? void 0 : b.subtitleStyle) || void 0 === c2 ? void 0 : c2.includes("underline")) && (S.style.textDecoration = "underline"), ["CONSENT"].includes(f)) E.classList.add("magicfeedback-consent-container"), E.appendChild(u2), E.appendChild(L), (null == b ? void 0 : b.subtitle) && E.appendChild(S);
1557
1794
  else {
1558
- if ("slim" !== t4 && (C.appendChild(I), C.appendChild(D), void 0 !== (null == k ? void 0 : k.general) && "" !== (null == k ? void 0 : k.general))) {
1559
- const Pe = document.createElement("img");
1560
- Pe.src = null == k ? void 0 : k.general, Pe.classList.add("magicfeedback-image"), Pe.style.maxWidth = "auto", Pe.style.height = "400px", Pe.style.margin = "10px 0", C.appendChild(Pe);
1795
+ if ("slim" !== t4 && (E.appendChild(L), (null == b ? void 0 : b.subtitle) && E.appendChild(S), void 0 !== (null == b ? void 0 : b.general) && "" !== (null == b ? void 0 : b.general))) {
1796
+ const e6 = document.createElement("img");
1797
+ e6.src = null == b ? void 0 : b.general, e6.classList.add("magicfeedback-image"), e6.style.maxWidth = "auto", e6.style.height = "400px", e6.style.margin = "10px 0", E.appendChild(e6);
1561
1798
  }
1562
- if ("LONGTEXT" === v && L > 0) {
1563
- const Se = document.createElement("div");
1564
- if (Se.classList.add("magicfeedback-counter"), Se.textContent = `${h2.value.length}/${L}`, Se.style.textAlign = "right", Se.style.fontSize = "15px", Se.style.marginTop = "5px", h2.addEventListener("input", (() => {
1565
- Se.textContent = `${h2.value.length}/${L}`;
1566
- })), C.appendChild(h2), C.appendChild(Se), (null == k ? void 0 : k.extraOption) && (null == k ? void 0 : k.extraOptionText)) {
1567
- const Oe = document.createElement("div");
1568
- Oe.classList.add("magicfeedback-skip-container"), Oe.classList.add("magicfeedback-checkbox-container"), Oe.style.display = "flex", Oe.style.justifyContent = "flex-start";
1569
- const Ne = document.createElement("input");
1570
- Ne.classList.add("magicfeedback-skip"), Ne.type = "checkbox", Ne.id = `skip-${y}`, Ne.name = y, Ne.value = "-", Ne.style.cursor = "pointer";
1571
- const Ie = document.createElement("label");
1572
- Ie.htmlFor = `skip-${y}`, Ie.textContent = null == k ? void 0 : k.extraOptionText, Ie.style.fontSize = "15px", Ie.style.cursor = "pointer", Ie.style.margin = "0 5px", Ne.addEventListener("click", (() => {
1573
- h2.value = "-", d2 && d2();
1574
- })), Oe.appendChild(Ne), Oe.appendChild(Ie), C.appendChild(Oe);
1799
+ if ("LONGTEXT" === f && T > 0) {
1800
+ const e6 = document.createElement("div");
1801
+ if (e6.classList.add("magicfeedback-counter"), e6.textContent = `${u2.value.length}/${T}`, e6.style.textAlign = "right", e6.style.fontSize = "15px", e6.style.marginTop = "5px", u2.addEventListener("input", (() => {
1802
+ e6.textContent = `${u2.value.length}/${T}`;
1803
+ })), E.appendChild(u2), E.appendChild(e6), (null == b ? void 0 : b.extraOption) && (null == b ? void 0 : b.extraOptionText)) {
1804
+ const e7 = document.createElement("div");
1805
+ e7.classList.add("magicfeedback-skip-container"), e7.classList.add("magicfeedback-checkbox-container"), e7.style.display = "flex", e7.style.justifyContent = "flex-start";
1806
+ const t5 = document.createElement("input");
1807
+ t5.classList.add("magicfeedback-skip"), t5.type = "checkbox", t5.id = `skip-${v}`, t5.name = v, t5.value = "-", t5.style.cursor = "pointer";
1808
+ const i4 = document.createElement("label");
1809
+ i4.htmlFor = `skip-${v}`, i4.textContent = null == b ? void 0 : b.extraOptionText, i4.style.fontSize = "15px", i4.style.cursor = "pointer", i4.style.margin = "0 5px", t5.addEventListener("click", (() => {
1810
+ u2.value = "-", o2 && o2();
1811
+ })), e7.appendChild(t5), e7.appendChild(i4), E.appendChild(e7);
1575
1812
  }
1576
- } else C.appendChild(h2);
1813
+ } else E.appendChild(u2);
1577
1814
  }
1578
- return C;
1579
- })(m, i2, l, `${s}${p ? `/${h}` : ""}`, 1 === t3.length ? c : void 0);
1580
- u.push(e4);
1815
+ return E;
1816
+ })(p, i2, a, "https://survey-dev.magicfeedback.io/assets/emojis" + (c ? `/${u}` : ""), 1 === t3.length ? l : void 0);
1817
+ d.push(e4);
1581
1818
  }
1582
- })), u;
1583
- }, t2.renderActions = function(e3 = "", t3, i2 = "Submit", n2 = "Back", a2 = "Next") {
1819
+ })), d;
1820
+ }, t2.renderActions = function(e3 = "", t3, i2 = "Submit", n2 = "Back", r2 = "Next") {
1584
1821
  const s2 = document.createElement("div");
1585
1822
  s2.classList.add("magicfeedback-action-container");
1586
- const r2 = document.createElement("button");
1587
- r2.id = "magicfeedback-submit", r2.type = "submit", r2.classList.add("magicfeedback-submit"), r2.textContent = "MAGICSURVEY" === e3 ? a2 || "Next" : i2 || "Submit";
1588
- const o2 = document.createElement("button");
1589
- return o2.id = "magicfeedback-back", o2.type = "button", o2.classList.add("magicfeedback-back"), o2.textContent = n2 || "Back", o2.addEventListener("click", t3), o2.addEventListener("click", (() => {
1590
- r2.removeAttribute("disabled");
1591
- })), "MAGICSURVEY" === e3 && s2.appendChild(o2), s2.appendChild(r2), s2;
1823
+ const a = document.createElement("button");
1824
+ a.id = "magicfeedback-submit", a.type = "submit", a.classList.add("magicfeedback-submit"), a.textContent = "MAGICSURVEY" === e3 ? r2 || "Next" : i2 || "Submit";
1825
+ const o = document.createElement("button");
1826
+ return o.id = "magicfeedback-back", o.type = "button", o.classList.add("magicfeedback-back"), o.textContent = n2 || "Back", o.addEventListener("click", t3), o.addEventListener("click", (() => {
1827
+ a.removeAttribute("disabled");
1828
+ })), "MAGICSURVEY" === e3 && s2.appendChild(o), s2.appendChild(a), s2;
1592
1829
  }, t2.renderError = function(e3) {
1593
1830
  const t3 = document.createElement("div");
1594
1831
  return t3.classList.add("magicfeedback-error"), t3.textContent = e3, t3;
@@ -1597,20 +1834,20 @@ var require_magicfeedback_sdk_browser = __commonJS({
1597
1834
  return t3.classList.add("magicfeedback-success"), t3.textContent = e3, t3;
1598
1835
  }, t2.renderStartMessage = function(e3, t3 = false, i2 = "Go!", n2 = () => {
1599
1836
  }) {
1600
- const a2 = document.createElement("div");
1601
- a2.classList.add("magicfeedback-start-message-container");
1837
+ const r2 = document.createElement("div");
1838
+ r2.classList.add("magicfeedback-start-message-container");
1602
1839
  const s2 = document.createElement("div");
1603
- if (s2.classList.add("magicfeedback-start-message"), s2.innerHTML = e3, a2.appendChild(s2), t3) {
1840
+ if (s2.classList.add("magicfeedback-start-message"), s2.innerHTML = e3, r2.appendChild(s2), t3) {
1604
1841
  const e4 = document.createElement("button");
1605
- e4.id = "magicfeedback-start-message-button", e4.classList.add("magicfeedback-start-message-button"), e4.textContent = i2, e4.addEventListener("click", (() => n2())), a2.appendChild(e4);
1842
+ e4.id = "magicfeedback-start-message-button", e4.classList.add("magicfeedback-start-message-button"), e4.textContent = i2, e4.addEventListener("click", (() => n2())), r2.appendChild(e4);
1606
1843
  }
1607
- return a2;
1844
+ return r2;
1608
1845
  };
1609
1846
  }, 313: function(e2, t2, i) {
1610
1847
  "use strict";
1611
1848
  var n = this && this.__awaiter || function(e3, t3, i2, n2) {
1612
- return new (i2 || (i2 = Promise))((function(a2, s2) {
1613
- function r2(e4) {
1849
+ return new (i2 || (i2 = Promise))((function(r2, s2) {
1850
+ function a2(e4) {
1614
1851
  try {
1615
1852
  l2(n2.next(e4));
1616
1853
  } catch (e5) {
@@ -1626,26 +1863,26 @@ var require_magicfeedback_sdk_browser = __commonJS({
1626
1863
  }
1627
1864
  function l2(e4) {
1628
1865
  var t4;
1629
- e4.done ? a2(e4.value) : (t4 = e4.value, t4 instanceof i2 ? t4 : new i2((function(e5) {
1866
+ e4.done ? r2(e4.value) : (t4 = e4.value, t4 instanceof i2 ? t4 : new i2((function(e5) {
1630
1867
  e5(t4);
1631
- }))).then(r2, o2);
1868
+ }))).then(a2, o2);
1632
1869
  }
1633
1870
  l2((n2 = n2.apply(e3, t3 || [])).next());
1634
1871
  }));
1635
- }, a = this && this.__importDefault || function(e3) {
1872
+ }, r = this && this.__importDefault || function(e3) {
1636
1873
  return e3 && e3.__esModule ? e3 : { default: e3 };
1637
1874
  };
1638
1875
  Object.defineProperty(t2, "__esModule", { value: true }), t2.getFollowUpQuestion = t2.sendFeedback = t2.getQuestions = t2.getSessionForm = t2.getForm = t2.validateEmail = void 0;
1639
- const s = a(i(945)), r = a(i(330)), o = i(857), l = { Accept: "application/json", "Magicfeedback-Sdk-Version": r.default.version, "x-magicfeedback-parameters": window.location.search || "" };
1876
+ const s = r(i(945)), a = r(i(330)), o = i(857), l = { Accept: "application/json", "Magicfeedback-Sdk-Version": a.default.version, "x-magicfeedback-parameters": window.location.search || "" };
1640
1877
  t2.validateEmail = function(e3) {
1641
1878
  return /\S+@\S+\.\S+/.test(e3);
1642
- }, t2.getForm = function(e3, t3, i2, a2) {
1879
+ }, t2.getForm = function(e3, t3, i2, r2) {
1643
1880
  return n(this, void 0, void 0, (function* () {
1644
1881
  try {
1645
1882
  const n2 = yield (0, s.default)(e3 + o.endpoints.sdk.app_info(t3, i2), { method: "GET", headers: l });
1646
1883
  return yield n2.json();
1647
1884
  } catch (e4) {
1648
- a2.err(e4);
1885
+ r2.err(e4);
1649
1886
  }
1650
1887
  }));
1651
1888
  }, t2.getSessionForm = function(e3, t3, i2) {
@@ -1657,17 +1894,17 @@ var require_magicfeedback_sdk_browser = __commonJS({
1657
1894
  i2.err(e4);
1658
1895
  }
1659
1896
  }));
1660
- }, t2.getQuestions = function(e3, t3, i2, a2) {
1897
+ }, t2.getQuestions = function(e3, t3, i2, r2) {
1661
1898
  return n(this, void 0, void 0, (function* () {
1662
1899
  try {
1663
1900
  const n2 = yield (0, s.default)(e3 + o.endpoints.sdk.app(t3, i2), { method: "GET", headers: l });
1664
1901
  if (n2.ok) {
1665
1902
  const e4 = yield n2.json();
1666
- return a2.log(`Received questions for app ${t3}`, e4), e4;
1903
+ return r2.log(`Received questions for app ${t3}`, e4), e4;
1667
1904
  }
1668
- throw a2.err(`Failed to get questions for app ${t3}:`, n2.status, n2.statusText), new Error("[MagicFeedback] Bad response from server");
1905
+ throw r2.err(`Failed to get questions for app ${t3}:`, n2.status, n2.statusText), new Error("[MagicFeedback] Bad response from server");
1669
1906
  } catch (e4) {
1670
- return a2.err(e4), [];
1907
+ return r2.err(e4), [];
1671
1908
  }
1672
1909
  }));
1673
1910
  }, t2.sendFeedback = function(e3, t3, i2) {
@@ -1706,10 +1943,10 @@ var require_magicfeedback_sdk_browser = __commonJS({
1706
1943
  };
1707
1944
  }, 330: (e2) => {
1708
1945
  "use strict";
1709
- e2.exports = JSON.parse('{"name":"@magicfeedback/native","version":"2.1.4","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","publish:alpha":"npm publish --access public --tag alpha","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","copy-webpack-plugin":"^11.0.0","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","jest-fetch-mock":"^3.0.3","nock":"^13.2.4","ts-jest":"^29.1.0","ts-loader":"^9.2.7","ts-node":"^10.7.0","typescript":"^4.6.2","vite":"^2.8.0","vite-plugin-dts":"^0.9.9","vitest":"^0.5.9","webpack":"^5.70.0","webpack-cli":"^4.9.2","webpack-node-externals":"^3.0.0"},"dependencies":{"cross-fetch":"^3.1.5","is-bundling-for-browser-or-node":"^1.1.1"},"description":"MagicFeedbackAI JavaScript Library for [MagicFeedback.io](https://magicfeedback.io/)","bugs":{"url":"https://github.com/MagicFeedback/magicfeedback-sdk/issues"},"homepage":"https://github.com/MagicFeedback/magicfeedback-sdk#readme","directories":{"example":"examples","test":"test"},"style":"./dist/styles/magicfeedback-default.css"}');
1946
+ e2.exports = JSON.parse('{"name":"@magicfeedback/native","version":"2.2.1","main":"./dist/magicfeedback-sdk.node.js","browser":"./dist/magicfeedback-sdk.browser.js","types":"./dist/types/src/index.d.ts","repository":{"type":"git","url":"git+ssh://git@github.com/MagicFeedback/magicfeedback-sdk.git"},"author":"farias@magicfeedback.io","license":"MIT","private":false,"scripts":{"dev":"vite","build":"webpack","build:watch":"webpack --watch --mode development","release":"npm publish --access public","release:beta":"npm publish --access public --tag beta","release:alpha":"npm publish --access public --tag alpha","test":"jest","test:watch":"jest --watchAll","coverage":"vitest run --coverage","publish:sdk":"bash publish.sh","publish:sdk:dry-run":"NPM_DRY_RUN=1 bash publish.sh"},"files":["dist"],"devDependencies":{"@babel/preset-typescript":"^7.22.5","@types/node":"^17.0.21","@types/webpack":"^5.28.0","@types/webpack-node-externals":"^2.5.3","c8":"^7.11.0","copy-webpack-plugin":"^11.0.0","jest":"^29.5.0","jest-environment-jsdom":"^29.5.0","jest-fetch-mock":"^3.0.3","nock":"^13.2.4","ts-jest":"^29.1.0","ts-loader":"^9.2.7","ts-node":"^10.7.0","typescript":"^4.6.2","vite":"^2.8.0","vite-plugin-dts":"^0.9.9","vitest":"^0.5.9","webpack":"^5.70.0","webpack-cli":"^4.9.2","webpack-node-externals":"^3.0.0"},"dependencies":{"cross-fetch":"^3.1.5","is-bundling-for-browser-or-node":"^1.1.1"},"description":"MagicFeedbackAI JavaScript Library for [MagicFeedback.io](https://magicfeedback.io/)","bugs":{"url":"https://github.com/MagicFeedback/magicfeedback-sdk/issues"},"homepage":"https://github.com/MagicFeedback/magicfeedback-sdk#readme","directories":{"example":"examples","test":"test"},"style":"./dist/styles/magicfeedback-default.css"}');
1710
1947
  } }, t = {}, (function i(n) {
1711
- var a = t[n];
1712
- if (void 0 !== a) return a.exports;
1948
+ var r = t[n];
1949
+ if (void 0 !== r) return r.exports;
1713
1950
  var s = t[n] = { exports: {} };
1714
1951
  return e[n].call(s.exports, s, s.exports, i), s.exports;
1715
1952
  })(156).default;
@@ -1735,18 +1972,873 @@ var POPUP_TRIGGER_CONDITION_STATUSES = [
1735
1972
 
1736
1973
  // src/ui/renderPopup.ts
1737
1974
  var import_native = __toESM(require_magicfeedback_sdk_browser());
1738
- function ensureMagicFeedbackStyles(popup) {
1739
- const DATA_ATTR = "data-magicfeedback-css";
1740
- if (document.querySelector(`link[${DATA_ATTR}]`) || popup.querySelector(`link[${DATA_ATTR}]`)) {
1741
- return;
1742
- }
1743
- const link = document.createElement("link");
1744
- link.rel = "stylesheet";
1745
- link.href = "https://cdn.jsdelivr.net/npm/@magicfeedback/popup-sdk/dist/assets/assets/style.css";
1746
- link.setAttribute(DATA_ATTR, "true");
1747
- popup.appendChild(link);
1975
+
1976
+ // src/assets/style.css
1977
+ var style_default = `.magicfeedback-container {
1978
+ width: 100%;
1979
+ }
1980
+
1981
+
1982
+ .magicfeedback-success-message,
1983
+ .magicfeedback-info-message,
1984
+ .magicfeedback-start-message,
1985
+ .magicfeedback-container{
1986
+ animation-duration: 0.5s;
1987
+ animation-name: animate-fade;
1988
+ animation-delay: 0.25s;
1989
+ animation-fill-mode: backwards;
1990
+
1991
+ font-style: normal;
1992
+ text-align: justify;
1993
+ font-weight: 400;
1994
+ font-size: 1.2rem;
1995
+ color: #475569;
1996
+ line-height: 1.5;
1997
+ }
1998
+
1999
+ @keyframes animate-fade {
2000
+ 0% { opacity: 0; }
2001
+ 100% { opacity: 1; }
2002
+ }
2003
+
2004
+ .magicfeedback-form {
2005
+ display: flex;
2006
+ flex-direction: column;
2007
+ justify-content: flex-start;
2008
+ align-items: center;
2009
+ width: 100%;
2010
+ }
2011
+ .magicfeedback-questions {
2012
+ display: flex;
2013
+ flex-direction: column;
2014
+ justify-content: flex-start;
2015
+ align-items: flex-start;
2016
+ width: 100%;
2017
+ }
2018
+
2019
+ .magicfeedback-div {
2020
+ display: flex;
2021
+ flex-direction: column;
2022
+ justify-content: flex-start;
2023
+ align-items: flex-start;
2024
+ margin-bottom: 10px;
2025
+ width: 100%;
2026
+ }
2027
+
2028
+ .magicfeedback-label {
2029
+ margin-bottom: 25px;
2030
+ margin-top: 20px;
2031
+ font-weight: 400;
2032
+ font-family: inherit;
2033
+ font-size: 1.2rem;
2034
+ color: #212529;
2035
+ text-align: start;
2036
+ word-wrap: break-word;
2037
+ white-space: normal;
2038
+
2039
+ }
2040
+
2041
+ .magicfeedback-checkbox {
2042
+ display: flex;
2043
+ flex-direction: column;
2044
+ flex-wrap: wrap;
2045
+ width: 100%;
2046
+ }
2047
+
2048
+ .magicfeedback-checkbox-container {
2049
+ display: flex;
2050
+ flex-direction: row;
2051
+ justify-content: flex-start;
2052
+ align-items: center;
2053
+ margin-bottom: 5px;
2054
+ margin-top: 5px;
2055
+ }
2056
+
2057
+ .magicfeedback-radio {
2058
+ display: flex;
2059
+ flex-direction: column;
2060
+ justify-content: flex-start;
2061
+ flex-wrap: wrap;
2062
+ width: 100%;
2063
+ margin-right: 5px;
2064
+ padding: 5px;
2065
+ }
2066
+
2067
+ .magicfeedback-checkbox-container,
2068
+ .magicfeedback-radio-container {
2069
+ display: flex;
2070
+ flex-direction: row;
2071
+ justify-content: flex-start;
2072
+ align-items: center;
2073
+ margin: 5px;
2074
+ padding: 5px 0;
2075
+ background-color: #fff;
2076
+ border-radius: 5px;
2077
+ box-shadow: 0 0 3px #ccc;
2078
+ }
2079
+
2080
+ input::-webkit-outer-spin-button,
2081
+ input::-webkit-inner-spin-button {
2082
+ -webkit-appearance: none;
2083
+ -moz-appearance: textfield;
2084
+ }
2085
+
2086
+ .magicfeedback-checkbox input[type="checkbox"] {
2087
+ margin-right: 5px;
2088
+ margin-left: 5px;
2089
+ width: 20px;
2090
+ height: 20px;
2091
+ cursor: pointer;
1748
2092
  }
1749
- function ensureSpinnerStyles(popup) {
2093
+
2094
+
2095
+ .magicfeedback-checkbox label,
2096
+ .magicfeedback-radio-container label {
2097
+ margin-left: 5px;
2098
+ font-weight: 400;
2099
+ font-family: inherit;
2100
+ font-size: 16px;
2101
+ color: #212529;
2102
+ text-align: start;
2103
+ width: 100%;
2104
+ }
2105
+
2106
+ p {
2107
+ margin-bottom: 0px;
2108
+ font-size: 12px;
2109
+ }
2110
+
2111
+ h2 {
2112
+ line-height: 1.66;
2113
+ margin: 0;
2114
+ padding: 0;
2115
+ font-weight: 900;
2116
+ color: #222;
2117
+ font-family: 'Montserrat';
2118
+ font-size: 18px;
2119
+ text-transform: uppercase;
2120
+ text-align: center;
2121
+ margin-bottom: 40px;
2122
+ }
2123
+
2124
+ h6 {
2125
+ margin-bottom: 1rem;
2126
+ }
2127
+
2128
+ input[type="date"],
2129
+ input[type="text"],
2130
+ input[type="number"],
2131
+ input[type="email"],
2132
+ input[type="password"],
2133
+ textarea,
2134
+ select {
2135
+ box-sizing: border-box;
2136
+ padding: 10px;
2137
+ margin: 10px 0;
2138
+ width: 100%;
2139
+ border: 2px solid #ccc; /* Default border color - you can customize this */
2140
+ border-radius: 5px;
2141
+ font-size: 18px;
2142
+ outline: none;
2143
+ transition: border-color 0.3s ease;
2144
+ min-height: 50px;
2145
+ font-family: inherit;
2146
+ -webkit-appearance: none;
2147
+ }
2148
+
2149
+ select {
2150
+ background-image: linear-gradient(45deg, transparent 50%, gray 50%),
2151
+ linear-gradient(135deg, gray 50%, transparent 50%),
2152
+ linear-gradient(to right, #ccc, #ccc);
2153
+ background-position: calc(100% - 20px) calc(1em + 2px),
2154
+ calc(100% - 15px) calc(1em + 2px),
2155
+ calc(100% - 2.5em) 0.5em;
2156
+ background-size: 5px 5px,
2157
+ 5px 5px,
2158
+ 1px 1.5em;
2159
+ background-repeat: no-repeat;
2160
+ }
2161
+
2162
+ .magicfeedback-boolean-container {
2163
+ display: flex;
2164
+ flex-direction: row;
2165
+ justify-content: flex-start;
2166
+ align-items: center;
2167
+ margin: 10px 0;
2168
+ width: 100%;
2169
+ }
2170
+
2171
+ .magicfeedback-boolean-container label {
2172
+ margin-left: 10px;
2173
+ font-weight: 400;
2174
+ font-size: 16px;
2175
+ width: 100%;
2176
+ padding-top: 5px;
2177
+ }
2178
+
2179
+ .magicfeedback-boolean-option {
2180
+ margin-right: 10px;
2181
+ margin-left: 10px;
2182
+ width: 100%;
2183
+ height: 38px;
2184
+ border-radius: 8px;
2185
+ font-size: 16px;
2186
+ cursor: pointer;
2187
+ border: 1px solid #ced4da !important;
2188
+ }
2189
+
2190
+ .magicfeedback-boolean-option label {
2191
+ font-weight: 400;
2192
+ font-size: 16px;
2193
+ color: #475569;
2194
+ cursor: pointer;
2195
+ width: 100%;
2196
+ height: 100%;
2197
+ display: flex;
2198
+ justify-content: center;
2199
+ align-items: center;
2200
+ border-radius: inherit;
2201
+ }
2202
+
2203
+ .magicfeedback-boolean-option input[type=radio] + label:hover {
2204
+ color: #007bff;
2205
+ }
2206
+
2207
+ .magicfeedback-boolean-option input[type=radio]:checked + label {
2208
+ color: #007bff;
2209
+ background-color: #cadff8;
2210
+ }
2211
+
2212
+ input[type="radio"] {
2213
+ padding: 20px;
2214
+ margin: 10px 0 10px 15px;
2215
+ width: 40px;
2216
+ background-color: #fff;
2217
+ box-shadow: none;
2218
+ }
2219
+
2220
+ /* Style for focused input/select */
2221
+ input:focus, select:focus {
2222
+ border-color: #4CAF50; /* Highlight color when focused - you can customize this */
2223
+ }
2224
+
2225
+ /* Style for invalid input (example: validation error) */
2226
+ input.error, select.error {
2227
+ border-color: #ff3333; /* Red color for error state - you can customize this */
2228
+ }
2229
+
2230
+ .magicfeedback-action-container {
2231
+ display: flex;
2232
+ flex-direction: row;
2233
+ justify-content: space-between;
2234
+ align-items: center;
2235
+ margin-top: 10px;
2236
+ width: 100%;
2237
+ }
2238
+
2239
+ .magicfeedback-action-container .magicfeedback-submit {
2240
+ cursor: pointer;
2241
+ padding: 10px;
2242
+ margin: 10px 0;
2243
+ width: 100px;
2244
+ border-radius: 8px;
2245
+ font-size: 16px;
2246
+ outline: none;
2247
+ transition: border-color 0.3s ease;
2248
+ background-color: #1E293B;
2249
+ color: white;
2250
+ }
2251
+
2252
+ .magicfeedback-action-container .magicfeedback-back {
2253
+ cursor: pointer;
2254
+ padding: 10px;
2255
+ margin: 10px 0;
2256
+ width: 100px;
2257
+ border: 0;
2258
+ border-radius: 8px;
2259
+ font-size: 16px;
2260
+ outline: none;
2261
+ transition: border-color 0.3s ease;
2262
+ background-color: transparent;
2263
+ color: #212529;
2264
+ }
2265
+
2266
+
2267
+
2268
+ /* Rating styles */
2269
+ .magicfeedback-rating {
2270
+ width: 100%;
2271
+ }
2272
+
2273
+ .magicfeedback-rating-container {
2274
+ display: flex;
2275
+ flex-direction: row;
2276
+ justify-content: space-around;
2277
+ flex-wrap: wrap;
2278
+ align-items: center;
2279
+
2280
+ margin: 15px 5px;
2281
+ padding: 0;
2282
+
2283
+ list-style: none;
2284
+ font-size: 1.5rem;
2285
+ cursor: pointer;
2286
+ user-select: none;
2287
+ -webkit-user-select: none;
2288
+ -moz-user-select: none;
2289
+ -ms-user-select: none;
2290
+ }
2291
+
2292
+ .magicfeedback-rating-placeholder-value,
2293
+ .magicfeedback-rating-placeholder{
2294
+ text-align: center;
2295
+ align-content: center;
2296
+ justify-content: center;
2297
+ text-wrap: wrap;
2298
+ }
2299
+
2300
+ .magicfeedback-rating-option {
2301
+ margin: 0 0.5rem;
2302
+ padding: 0;
2303
+ }
2304
+
2305
+ @media (max-width: 1024px) {
2306
+ .magicfeedback-rating-option {
2307
+ margin: 10px 0;
2308
+ padding: 0;
2309
+ width: 20%;
2310
+ display: flex;
2311
+ justify-content: center;
2312
+ }
2313
+
2314
+ .magicfeedback-rating-placeholder-value {
2315
+ font-size: 0.75rem;
2316
+ margin-bottom: 1px;
2317
+ }
2318
+ .magicfeedback-rating-placeholder{
2319
+ justify-content: center;
2320
+ }
2321
+
2322
+ .magicfeedback-rating-container {
2323
+ flex-wrap: wrap;
2324
+ justify-content: flex-start;
2325
+ }
2326
+ }
2327
+
2328
+
2329
+ .magicfeedback-rating-option-label-container {
2330
+ display: flex;
2331
+ flex-direction: column;
2332
+ }
2333
+
2334
+
2335
+ .magicfeedback-rating-option-label-container label {
2336
+ display: inline-block;
2337
+ text-align: center;
2338
+ margin-bottom: 0;
2339
+ font-weight: 600;
2340
+ font-size: 18px;
2341
+ color: #475569;
2342
+ }
2343
+
2344
+ .magicfeedback-rating-option-label-container input[type=radio] {
2345
+ position: absolute;
2346
+ opacity: 0;
2347
+ width: 0;
2348
+ height: 0;
2349
+ }
2350
+
2351
+ /* IMAGE STYLES */
2352
+ .magicfeedback-rating-option-label-container input[type=radio] + img {
2353
+ cursor: pointer;
2354
+ height: 48px;
2355
+ width: 48px;
2356
+ }
2357
+
2358
+ /* LABEL STYLES */
2359
+ .magicfeedback-rating-option-label-container input[type=radio] + label {
2360
+ cursor: pointer;
2361
+ }
2362
+
2363
+ /* CHECKED STYLES */
2364
+ .magicfeedback-rating-option-label-container input[type=radio]:checked + img {
2365
+ box-shadow: #007bff 0px 1px 4px, #007BFFA0 0px 0px 0px 2px;
2366
+ border-radius: 50%;
2367
+ }
2368
+
2369
+ .magicfeedback-rating-number {
2370
+ width: 100%;
2371
+ }
2372
+ .magicfeedback-rating-container,
2373
+ .magicfeedback-rating-number-container {
2374
+ display: flex;
2375
+ flex-direction: row;
2376
+ justify-content: space-between;
2377
+ align-items: center;
2378
+
2379
+ margin: 15px 0;
2380
+ padding: 0;
2381
+
2382
+ list-style: none;
2383
+ font-size: 1.5rem;
2384
+ cursor: pointer;
2385
+ user-select: none;
2386
+ -webkit-user-select: none;
2387
+ -moz-user-select: none;
2388
+ -ms-user-select: none;
2389
+ }
2390
+
2391
+ /* Cuando hay placeholders (Very bad / Very good), el placeholder ocupa
2392
+ el 100% de la primera l\xEDnea y los boxes bajan a la siguiente */
2393
+ .magicfeedback-rating-number-container--with-placeholder {
2394
+ flex-wrap: wrap;
2395
+ align-items: flex-start;
2396
+ }
2397
+
2398
+ .magicfeedback-rating-number-container--with-placeholder .magicfeedback-rating-placeholder {
2399
+ width: 100%;
2400
+ margin-bottom: 8px;
2401
+ }
2402
+
2403
+ .magicfeedback-rating-number-container--with-placeholder .magicfeedback-rating-number-option {
2404
+ width: auto;
2405
+ flex: 1;
2406
+ }
2407
+
2408
+ .magicfeedback-rating-number-option {
2409
+ display: flex;
2410
+ flex-direction: row;
2411
+ justify-content: flex-start;
2412
+ align-items: center;
2413
+ margin: 5px;
2414
+ padding: 0;
2415
+ list-style: none;
2416
+ font-size: 1.5rem;
2417
+ cursor: pointer;
2418
+ user-select: none;
2419
+ -webkit-user-select: none;
2420
+ -moz-user-select: none;
2421
+ -ms-user-select: none;
2422
+ width: 100%;
2423
+ }
2424
+
2425
+ .magicfeedback-rating-number-option-row{
2426
+ max-width: 100% !important;
2427
+ }
2428
+
2429
+ .magicfeedback-rating-number-top-placeholder,
2430
+ .magicfeedback-rating-number-bottom-placeholder{
2431
+ text-align: center !important;
2432
+ align-content: center;
2433
+ justify-content: center;
2434
+ text-wrap: wrap;
2435
+
2436
+ font-size: 15px;
2437
+ color: #475569;
2438
+
2439
+ width: 100%;
2440
+ margin: auto;
2441
+ }
2442
+
2443
+ @media (min-width: 650px) {
2444
+ .magicfeedback-rating-number-option-row +.magicfeedback-rating-number-container-ltr:first-child,
2445
+ .magicfeedback-rating-number-option-row + +.magicfeedback-rating-number-container-rtl:last-child {
2446
+ margin-left: 0;
2447
+ width: calc(100% - 10px);
2448
+ }
2449
+
2450
+ .magicfeedback-rating-number-option-row +.magicfeedback-rating-number-container-rtl:first-child,
2451
+ .magicfeedback-rating-number-option-row + +.magicfeedback-rating-number-container-ltr:last-child {
2452
+ margin-right: 0;
2453
+ width: calc(100% - 10px);
2454
+ }
2455
+ }
2456
+
2457
+
2458
+ .magicfeedback-rating-number-option-label-container {
2459
+ display: flex;
2460
+ flex-direction: column;
2461
+ align-items: center;
2462
+ justify-content: center;
2463
+ width: 100%;
2464
+ height: 100%;
2465
+ }
2466
+
2467
+ .magicfeedback-rating-number-option-label-container label {
2468
+ display: flex;
2469
+ align-items: center;
2470
+ justify-content: center;
2471
+ white-space: nowrap;
2472
+ overflow: hidden;
2473
+ text-overflow: ellipsis;
2474
+ margin: 0 10px;
2475
+ font-weight: 600;
2476
+ font-size: 14px;
2477
+ color: #475569;
2478
+ cursor: pointer;
2479
+ width: 100%;
2480
+ height: 100%;
2481
+ min-height: 50px;
2482
+ text-align: center;
2483
+ padding: 0;
2484
+ border-radius: 4px;
2485
+ border: 1px solid #ced4da;
2486
+ background-color: rgba(246, 246, 246, 0.3);
2487
+ transition: background-color 0.15s ease-in-out;
2488
+ }
2489
+
2490
+ .magicfeedback-rating-number-option-label-container input[type=radio] {
2491
+ position: absolute;
2492
+ opacity: 0;
2493
+ width: 0;
2494
+ height: 0;
2495
+ }
2496
+
2497
+ .magicfeedback-rating-number-option-label-container input[type=radio] + label {
2498
+ cursor: pointer;
2499
+ }
2500
+
2501
+ .magicfeedback-rating-number-option-label-container input[type=radio] + label:hover,
2502
+ .magicfeedback-rating-number-option-label-container input[type=radio]:checked + label {
2503
+ color: #007bff;
2504
+ border: 1px solid #007bff;
2505
+ background-color: rgba(86, 168, 253, 0.29);
2506
+ }
2507
+
2508
+ .magicfeedback-rating-number-container-column{
2509
+ align-items: flex-start !important;
2510
+ }
2511
+
2512
+ @media (max-width: 650px) {
2513
+ .magicfeedback-rating-number-container-ltr {
2514
+ justify-content: center;
2515
+ flex-wrap: wrap;
2516
+ }
2517
+
2518
+ .magicfeedback-rating-number-container-rtl {
2519
+ justify-content: center;
2520
+ flex-wrap: wrap-reverse;
2521
+ }
2522
+
2523
+ .magicfeedback-rating-number-option {
2524
+ max-width: 100%;
2525
+ height: 55px;
2526
+ margin: 5px 0;
2527
+ }
2528
+ }
2529
+
2530
+ .magicfeedback-rating-star {
2531
+ width: 100%;
2532
+ }
2533
+
2534
+ .magicfeedback-rating-star-container {
2535
+ display: flex !important;
2536
+ flex-direction: row !important;
2537
+ justify-content: center !important;
2538
+ align-items: center !important;
2539
+ flex-wrap: wrap;
2540
+ margin: 15px 5px;
2541
+ padding: 0;
2542
+ list-style: none;
2543
+ font-size: 1.5rem;
2544
+ cursor: pointer;
2545
+ user-select: none;
2546
+ -webkit-user-select: none;
2547
+ -moz-user-select: none;
2548
+ -ms-user-select: none;
2549
+ }
2550
+
2551
+ .magicfeedback-rating-star-option:not(:checked) > .rating__star {
2552
+ float: right;
2553
+ width: 1em;
2554
+ overflow: hidden;
2555
+ white-space: nowrap;
2556
+ cursor: pointer;
2557
+ font-size: 30px;
2558
+ color: #ccc;
2559
+ margin: 0 10px;
2560
+ }
2561
+
2562
+ .magicfeedback-rating-star-option:not(:checked) > .rating__star:hover,
2563
+ .magicfeedback-rating-star-option:not(:checked) > .rating__star:hover ~ span {
2564
+ color: #deb217 !important;
2565
+ }
2566
+
2567
+ .magicfeedback-rating-star-selected {
2568
+ color: #ffc700 !important;
2569
+ }
2570
+
2571
+
2572
+ /* Style for multiple choice image */
2573
+ .magicfeedback-image-option-label-container:hover {
2574
+ cursor: pointer;
2575
+ border: 0 !important;
2576
+ }
2577
+
2578
+ .magicfeedback-image-option-label-container input[type=radio]:checked + img,
2579
+ .magicfeedback-image-option-label-container input[type=checkbox]:checked + img {
2580
+ border: 1px solid #007bff !important;
2581
+ box-shadow: 0 0 3px #007bff !important;
2582
+ }
2583
+
2584
+ .magicfeedback-image-option-label-container input[type=radio] + img,
2585
+ .magicfeedback-image-option-label-container input[type=checkbox] + img {
2586
+ border: 1px solid transparent !important;
2587
+ }
2588
+
2589
+ .magicfeedback-image-option-label-container{
2590
+ margin: 10px !important;
2591
+ height: calc(100% - 20px) !important;
2592
+ width: calc(100% - 20px) !important;
2593
+ }
2594
+
2595
+ .magicfeedback-multiple-choice-image-option {
2596
+ display: flex;
2597
+ height: auto !important;
2598
+ box-shadow: 0 0 3px #ccc;
2599
+ }
2600
+
2601
+ .magicfeedback-multiple-choice-image-label {
2602
+ font-size: 1rem;
2603
+ }
2604
+
2605
+ .magicfeedback-consent-container {
2606
+ display: flex;
2607
+ flex-direction: row;
2608
+ justify-content: flex-start;
2609
+ align-items: center;
2610
+ margin: 10px 0;
2611
+ width: 100%;
2612
+ }
2613
+
2614
+ .magicfeedback-consent-container label {
2615
+ margin-left: 10px;
2616
+ }
2617
+
2618
+ .magicfeedback-start-message-container {
2619
+ /* ... add your start message container styles here ... */
2620
+ }
2621
+
2622
+ .magicfeedback-success-message,
2623
+ .magicfeedback-info-message,
2624
+ .magicfeedback-start-message {
2625
+ margin: 35px 5px;
2626
+ }
2627
+
2628
+ .magicfeedback-success-message p,
2629
+ .magicfeedback-info-message p,
2630
+ .magicfeedback-start-message p {
2631
+ font-style: normal;
2632
+ text-align: start;
2633
+ font-weight: 400;
2634
+ font-size: 16px;
2635
+ color: #475569;
2636
+ line-height: 1.5;
2637
+ }
2638
+
2639
+ .magicfeedback-success-message img,
2640
+ .magicfeedback-info-message img,
2641
+ .magicfeedback-start-message img {
2642
+ width: 400px;
2643
+ max-width: 80%;
2644
+ height: auto;
2645
+ margin: 10px auto;
2646
+ }
2647
+
2648
+ .magicfeedback-counter,
2649
+ .magicfeedback-point-system-total {
2650
+ margin: 10px 0 0 0 !important;
2651
+ display: flex !important;
2652
+ justify-content: right !important;
2653
+ align-items: center !important;
2654
+ width: 100%;
2655
+ }
2656
+
2657
+ .magicfeedback-skip-container {
2658
+ background-color: transparent !important;
2659
+ border: 0 !important;
2660
+ color: #999999FF !important;
2661
+ padding: 0 !important;
2662
+ margin: 0 !important;
2663
+ cursor: pointer !important;
2664
+ font-size: 0.5em !important;
2665
+ font-weight: 400 !important;
2666
+ box-shadow: 0 0 0 !important;
2667
+
2668
+ &:hover {
2669
+ color: #0066ff;
2670
+ }
2671
+ }
2672
+
2673
+ .magicfeedback-skip-container input[type=checkbox] {
2674
+ border-color: #999999FF !important;
2675
+ border: 0 !important;
2676
+ cursor: pointer !important;
2677
+
2678
+ }
2679
+
2680
+ .magicfeedback-multi-question-matrix,
2681
+ .magicfeedback-point-system,
2682
+ .magicfeedback-priority-list {
2683
+ width: 100% !important;
2684
+ }
2685
+
2686
+ .magicfeedback-multi-question-matrix-container,
2687
+ .magicfeedback-point-system-container,
2688
+ .magicfeedback-priority-list-container {
2689
+ width: 100% !important;
2690
+ overflow-x: auto;
2691
+ }
2692
+
2693
+ .magicfeedback-point-system-list,
2694
+ .magicfeedback-priority-list-list,
2695
+ .magicfeedback-multi-question-matrix-table {
2696
+ width: 100% !important;
2697
+ padding: 0 !important;
2698
+ overflow-x: auto;
2699
+ }
2700
+
2701
+ .magicfeedback-multi-question-matrix {
2702
+ position: relative !important;
2703
+ }
2704
+
2705
+ .magicfeedback-multi-question-matrix-container {
2706
+ overflow: auto !important;
2707
+ padding-bottom: 10px;
2708
+ }
2709
+
2710
+ .magicfeedback-multi-question-matrix-label{
2711
+ text-align: left !important;
2712
+ }
2713
+ .magicfeedback-priority-list-item {
2714
+ display: flex;
2715
+ flex-direction: row;
2716
+ justify-content: space-between;
2717
+ align-items: center;
2718
+ padding: 10px 0 10px 10px;
2719
+
2720
+ border: 1px solid #ced4da;
2721
+ border-radius: 5px;
2722
+ margin: 10px 0 !important;
2723
+ }
2724
+
2725
+ .magicfeedback-point-system-item {
2726
+ height: 45px;
2727
+ margin: 5px 0 !important;
2728
+ }
2729
+
2730
+ .magicfeedback-point-system-item label,
2731
+ .magicfeedback-priority-list-item-label {
2732
+ font-family: inherit;
2733
+ font-size: 18px !important;
2734
+ color: #212529;
2735
+ text-align: start;
2736
+ word-wrap: break-word;
2737
+ white-space: normal;
2738
+ padding: 0 10px 0 0;
2739
+ }
2740
+
2741
+ .magicfeedback-point-system-input-container {
2742
+ padding: 0 10px 0 0;
2743
+ border-radius: 5px;
2744
+ font-size: 14px;
2745
+ border: 1px solid #ced4da;
2746
+ height: 42px;
2747
+ margin: auto 0;
2748
+ }
2749
+
2750
+ .magicfeedback-multi-question-matrix-table thead {
2751
+ margin-bottom: 20px;
2752
+ }
2753
+
2754
+ .magicfeedback-multi-question-matrix-table th{
2755
+ text-align: center;
2756
+ font-weight: 400 !important;
2757
+ font-size: 1rem !important;
2758
+ padding: 0 10px !important;
2759
+ }
2760
+
2761
+ .magicfeedback-multi-question-matrix-table th,
2762
+ .magicfeedback-multi-question-matrix-table td label,
2763
+ .magicfeedback-priority-list-arrow-up,
2764
+ .magicfeedback-priority-list-arrow-down {
2765
+ font-style: normal !important;
2766
+ font-weight: 400 !important;
2767
+ font-size: 1rem !important;
2768
+ color: #475569 !important;
2769
+ cursor: pointer !important;
2770
+ margin: 0 !important;
2771
+ line-height: inherit;
2772
+ }
2773
+
2774
+ .magicfeedback-multi-question-matrix-table tr {
2775
+ align-items: center;
2776
+ margin: 5px 0;
2777
+ }
2778
+
2779
+ .magicfeedback-multi-question-matrix-row-tr{
2780
+ border-radius: 5px;
2781
+ margin: 10px 0 !important;
2782
+ }
2783
+
2784
+ .magicfeedback-multi-question-matrix-row-tr:nth-child(odd) {
2785
+ background-color: #f1f6f6; /* Light gray background for odd rows */
2786
+ }
2787
+
2788
+ .magicfeedback-multi-question-matrix-row-tr:nth-child(even) {
2789
+ background-color: #ffffff; /* White background for even rows */
2790
+ }
2791
+
2792
+ .magicfeedback-multi-question-matrix-row-label {
2793
+ text-align: left !important;
2794
+ }
2795
+
2796
+ .magicfeedback-point-system-item span {
2797
+ color: #475569 !important;
2798
+ }
2799
+
2800
+ .magicfeedback-point-system-item input {
2801
+ padding: 0;
2802
+ margin: 0 !important;
2803
+ width: auto !important;
2804
+ min-width: 100px !important;
2805
+ height: auto !important;
2806
+ min-height: 42px;
2807
+ cursor: pointer;
2808
+ font-size: 14px;
2809
+ text-align: center !important;
2810
+ }
2811
+
2812
+ .magicfeedback-multi-question-matrix-table input {
2813
+ margin: auto !important;
2814
+ padding: 20px !important;
2815
+ width: 100% !important;
2816
+ height: 15px;
2817
+ border: 1px solid #ced4da;
2818
+ cursor: pointer;
2819
+ }
2820
+
2821
+ .magicfeedback-image{
2822
+ max-height: 400px !important;
2823
+ height: auto !important;
2824
+ max-width: 100% !important;
2825
+ margin: 10px auto !important;
2826
+ }
2827
+
2828
+ .magicfeedback-error{
2829
+ margin-top: 5px;
2830
+ }`;
2831
+
2832
+ // src/ui/renderPopup.ts
2833
+ function ensureMagicFeedbackStyles(_popup) {
2834
+ const STYLE_ID = "magicfeedback-sdk-styles";
2835
+ if (document.getElementById(STYLE_ID)) return;
2836
+ const style = document.createElement("style");
2837
+ style.id = STYLE_ID;
2838
+ style.textContent = style_default;
2839
+ document.head.appendChild(style);
2840
+ }
2841
+ function ensureSpinnerStyles(_popup) {
1750
2842
  if (document.getElementById("deepdots-spinner-styles")) return;
1751
2843
  const style = document.createElement("style");
1752
2844
  style.id = "deepdots-spinner-styles";
@@ -1755,9 +2847,9 @@ function ensureSpinnerStyles(popup) {
1755
2847
  .mf-spinner { display:flex; justify-content:center; align-items:center; padding:8px 0; }
1756
2848
  .mf-spinner-circle { width:28px; height:28px; border:3px solid #e0e6ed; border-top-color:#1E293B; border-radius:50%; animation: ddspin 0.9s linear infinite; }
1757
2849
  `;
1758
- popup.appendChild(style);
2850
+ document.head.appendChild(style);
1759
2851
  }
1760
- function ensureResponsiveStyles(popup) {
2852
+ function ensureResponsiveStyles(_popup) {
1761
2853
  if (document.getElementById("deepdots-responsive-styles")) return;
1762
2854
  const style = document.createElement("style");
1763
2855
  style.id = "deepdots-responsive-styles";
@@ -1765,11 +2857,11 @@ function ensureResponsiveStyles(popup) {
1765
2857
  /* Responsive adjustments */
1766
2858
  @media (max-width: 640px) {
1767
2859
  .deepdots-popup {
1768
- width: 100% !important;
1769
- max-width: 100% !important;
1770
- height: 90vh !important;
1771
- max-height: 100vh !important;
1772
- border-radius: 0 !important;
2860
+ width: calc(100% - 24px) !important;
2861
+ max-width: calc(100% - 24px) !important;
2862
+ height: auto !important;
2863
+ max-height: 90vh !important;
2864
+ border-radius: 12px !important;
1773
2865
  padding: calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) 16px !important;
1774
2866
  box-sizing: border-box;
1775
2867
  }
@@ -1793,11 +2885,28 @@ function ensureResponsiveStyles(popup) {
1793
2885
  }
1794
2886
  }
1795
2887
  `;
1796
- popup.appendChild(style);
2888
+ document.head.appendChild(style);
1797
2889
  }
1798
- async function renderPopup(container, surveyId, productId, actions, emit, onClose, env = "production") {
2890
+ async function renderPopup(container, surveyId, productId, actions, emit, onClose, env = "production", userId, style) {
1799
2891
  let surveyCompletedEmitted = false;
1800
2892
  let stylesInjected = false;
2893
+ const isDark = style?.theme === "dark";
2894
+ const theme = {
2895
+ popupBg: isDark ? "#1e1e1e" : "#fff",
2896
+ textPrimary: isDark ? "#f0f0f0" : "#111",
2897
+ closeBtnHoverBg: isDark ? "rgba(255,255,255,0.10)" : "rgba(0,0,0,0.06)",
2898
+ closeBtnHoverColor: isDark ? "#fff" : "#000000"
2899
+ };
2900
+ const positionMap = {
2901
+ "center": { justifyContent: "center", alignItems: "center", background: "rgba(0,0,0,0.5)" },
2902
+ "bottom": { justifyContent: "center", alignItems: "flex-end", padding: "16px", background: "transparent" },
2903
+ "bottom-right": { justifyContent: "flex-end", alignItems: "flex-end", padding: "16px", background: "transparent" },
2904
+ "bottom-left": { justifyContent: "flex-start", alignItems: "flex-end", padding: "16px", background: "transparent" },
2905
+ "top": { justifyContent: "center", alignItems: "flex-start", padding: "16px", background: "transparent" },
2906
+ "top-right": { justifyContent: "flex-end", alignItems: "flex-start", padding: "16px", background: "transparent" },
2907
+ "top-left": { justifyContent: "flex-start", alignItems: "flex-start", padding: "16px", background: "transparent" }
2908
+ };
2909
+ const pos = positionMap[style?.position ?? "center"] ?? positionMap["center"];
1801
2910
  const popup = document.createElement("div");
1802
2911
  popup.className = "deepdots-popup";
1803
2912
  popup.style.cssText = `
@@ -1805,7 +2914,7 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
1805
2914
  display: flex;
1806
2915
  flex-direction: column;
1807
2916
  justify-content: flex-start;
1808
- background: #fff;
2917
+ background: ${theme.popupBg};
1809
2918
  border-radius: 8px;
1810
2919
  padding: 24px;
1811
2920
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
@@ -1834,18 +2943,18 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
1834
2943
  justify-content:center;
1835
2944
  border-radius: 8px;
1836
2945
  cursor:pointer;
1837
- color:#111;
2946
+ color:${theme.textPrimary};
1838
2947
  padding:4px;
1839
2948
  transition: color .15s ease, transform .15s ease, background .15s ease;
1840
2949
  box-shadow: none !important;
1841
2950
  `;
1842
2951
  closeBtn.onmouseenter = () => {
1843
- closeBtn.style.color = "#000000";
1844
- closeBtn.style.background = "rgba(0,0,0,0.06)";
2952
+ closeBtn.style.color = theme.closeBtnHoverColor;
2953
+ closeBtn.style.background = theme.closeBtnHoverBg;
1845
2954
  closeBtn.style.transform = "scale(1.06)";
1846
2955
  };
1847
2956
  closeBtn.onmouseleave = () => {
1848
- closeBtn.style.color = "#111";
2957
+ closeBtn.style.color = theme.textPrimary;
1849
2958
  closeBtn.style.background = "transparent";
1850
2959
  closeBtn.style.transform = "scale(1)";
1851
2960
  };
@@ -2052,6 +3161,10 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
2052
3161
  container.innerHTML = "";
2053
3162
  container.appendChild(popup);
2054
3163
  container.style.display = "flex";
3164
+ container.style.justifyContent = pos.justifyContent;
3165
+ container.style.alignItems = pos.alignItems;
3166
+ container.style.background = pos.background;
3167
+ if (pos.padding) container.style.padding = pos.padding;
2055
3168
  function setLoading(isLoading) {
2056
3169
  spinnerEl.style.display = isLoading ? "flex" : "none";
2057
3170
  if (!isLoading) {
@@ -2079,8 +3192,14 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
2079
3192
  setLoading(false);
2080
3193
  return;
2081
3194
  }
2082
- import_native.default.init({ debug: true, env: env === "production" ? "prod" : "dev" });
2083
- formInstance = import_native.default.form(surveyId, productId);
3195
+ import_native.default.init(
3196
+ {
3197
+ debug: true,
3198
+ env: env === "production" ? "prod" : "dev"
3199
+ }
3200
+ );
3201
+ const profile = userId ? [{ key: "external-user-id", value: [userId] }] : [];
3202
+ formInstance = import_native.default.form(surveyId, productId, profile, profile);
2084
3203
  const generateOptions = {
2085
3204
  addButton: false,
2086
3205
  getMetaData: true
@@ -2110,7 +3229,8 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
2110
3229
  closeButton.style.color = "#fff";
2111
3230
  }
2112
3231
  if (s.buttonSecondaryColor) {
2113
- backButton.style.color = "#fff";
3232
+ backButton.style.background = "#fff";
3233
+ backButton.style.color = s.buttonSecondaryColor;
2114
3234
  backButton.style.border = `1px solid ${s.buttonSecondaryColor}`;
2115
3235
  }
2116
3236
  if (s.logo) {
@@ -2450,6 +3570,7 @@ var NoopPopupRenderer = class {
2450
3570
  var BrowserPopupRenderer = class {
2451
3571
  constructor() {
2452
3572
  this.container = null;
3573
+ this.visible = false;
2453
3574
  }
2454
3575
  init() {
2455
3576
  if (typeof document === "undefined") return;
@@ -2468,15 +3589,20 @@ var BrowserPopupRenderer = class {
2468
3589
  justify-content: center;
2469
3590
  align-items: center;
2470
3591
  `;
3592
+ }
3593
+ if (!document.body.contains(this.container)) {
2471
3594
  document.body.appendChild(this.container);
2472
3595
  }
2473
3596
  }
2474
- show(surveyId, productId, actions, emit, onClose, env = "production") {
2475
- if (!this.container) this.init();
3597
+ show(surveyId, productId, actions, emit, onClose, env = "production", userId, style) {
3598
+ if (this.visible) return;
3599
+ if (!this.container || !document.body.contains(this.container)) this.init();
2476
3600
  if (!this.container) return;
2477
- renderPopup(this.container, surveyId, productId, actions, emit, onClose, env);
3601
+ this.visible = true;
3602
+ renderPopup(this.container, surveyId, productId, actions, emit, onClose, env, userId, style);
2478
3603
  }
2479
3604
  hide() {
3605
+ this.visible = false;
2480
3606
  if (this.container) {
2481
3607
  this.container.style.display = "none";
2482
3608
  this.container.innerHTML = "";
@@ -2583,7 +3709,7 @@ var DeepdotsPopups = class {
2583
3709
  this.log("Showing popup (definition)", def);
2584
3710
  this.surveyToPopupId.set(def.surveyId, def.id);
2585
3711
  this.lastShown.set(def.id, Date.now());
2586
- this.renderPopup(def.surveyId, def.productId, def.actions);
3712
+ this.renderPopup(def.surveyId, def.productId, def.actions, def.style);
2587
3713
  this.emitEvent("popup_shown", def.surveyId, { popupId: def.id });
2588
3714
  } else {
2589
3715
  const opt = options;
@@ -2675,6 +3801,9 @@ var DeepdotsPopups = class {
2675
3801
  if (!skipPathCheck && !this.matchesSegmentsPath(def, pathUrl)) {
2676
3802
  return false;
2677
3803
  }
3804
+ if (!this.matchesSegmentsLang(def)) {
3805
+ return false;
3806
+ }
2678
3807
  const cooldowns = def.cooldown || [];
2679
3808
  if (cooldowns.length && !cooldowns.every((cooldown) => this.evaluateCooldown(def, cooldown))) {
2680
3809
  return false;
@@ -2683,6 +3812,20 @@ var DeepdotsPopups = class {
2683
3812
  if (!legacyConditions.length) return true;
2684
3813
  return legacyConditions.every((condition) => this.evaluateLegacyCondition(def, condition));
2685
3814
  }
3815
+ matchesSegmentsLang(def) {
3816
+ const langs = def.segments?.lang;
3817
+ if (!langs || langs.length === 0) return true;
3818
+ const browserLang = (typeof navigator !== "undefined" ? navigator.language : "").toLowerCase();
3819
+ if (!browserLang) {
3820
+ this.debug("No navigator.language available for lang comparison", { popupId: def.id, langs });
3821
+ return true;
3822
+ }
3823
+ const matches = langs.some((lang) => browserLang.startsWith(lang.toLowerCase()));
3824
+ if (!matches) {
3825
+ this.debug("Lang mismatch for popup", { popupId: def.id, langs, browserLang });
3826
+ }
3827
+ return matches;
3828
+ }
2686
3829
  matchesSegmentsPath(def, pathUrl) {
2687
3830
  const paths = def.segments?.path;
2688
3831
  if (!paths || paths.length === 0) return true;
@@ -2958,7 +4101,8 @@ var DeepdotsPopups = class {
2958
4101
  document.body.appendChild(this.popupContainer);
2959
4102
  }
2960
4103
  /** Render the popup UI */
2961
- renderPopup(surveyId, productId, actions) {
4104
+ renderPopup(surveyId, productId, actions, style) {
4105
+ const userId = this.config?.userId;
2962
4106
  if (this.renderer) {
2963
4107
  this.renderer.show(
2964
4108
  surveyId,
@@ -2966,7 +4110,9 @@ var DeepdotsPopups = class {
2966
4110
  actions,
2967
4111
  (type, id, payload) => this.emitEvent(type, id, payload),
2968
4112
  () => this.hidePopup(),
2969
- this.env
4113
+ this.env,
4114
+ userId,
4115
+ style
2970
4116
  );
2971
4117
  return;
2972
4118
  }
@@ -2978,7 +4124,9 @@ var DeepdotsPopups = class {
2978
4124
  actions,
2979
4125
  (type, id, payload) => this.emitEvent(type, id, payload),
2980
4126
  () => this.hidePopup(),
2981
- this.env
4127
+ this.env,
4128
+ userId,
4129
+ style
2982
4130
  );
2983
4131
  }
2984
4132
  /** Hide the popup */
@@ -3007,7 +4155,7 @@ var DeepdotsPopups = class {
3007
4155
  const popupId = popupIdFromData || this.surveyToPopupId.get(surveyId);
3008
4156
  if (popupId) {
3009
4157
  const userIdFromData = data?.userId;
3010
- void this.postPopupEvent(type === "popup_shown" ? "opened" : "completed", popupId, userIdFromData || this.config?.userId);
4158
+ void this.postPopupEvent(type === "popup_shown" ? "SHOWED" /* SHOWED */ : "COMPLETED" /* COMPLETED */, popupId, userIdFromData || this.config?.userId);
3011
4159
  } else {
3012
4160
  this.debug("No popupId available to post event", { type, surveyId });
3013
4161
  }