@magicfeedback/popup-sdk 1.0.12 → 1.0.13

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 +2 -1
  4. package/dist/index.d.ts +2 -1
  5. package/dist/index.js +1934 -809
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +1934 -809
  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;
2092
+ }
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;
1748
2201
  }
1749
- function ensureSpinnerStyles(popup) {
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,9 +2885,9 @@ 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) {
1799
2891
  let surveyCompletedEmitted = false;
1800
2892
  let stylesInjected = false;
1801
2893
  const popup = document.createElement("div");
@@ -2079,8 +3171,14 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
2079
3171
  setLoading(false);
2080
3172
  return;
2081
3173
  }
2082
- import_native.default.init({ debug: true, env: env === "production" ? "prod" : "dev" });
2083
- formInstance = import_native.default.form(surveyId, productId);
3174
+ import_native.default.init(
3175
+ {
3176
+ debug: true,
3177
+ env: env === "production" ? "prod" : "dev"
3178
+ }
3179
+ );
3180
+ const profile = userId ? [{ key: "external-user-id", value: [userId] }] : [];
3181
+ formInstance = import_native.default.form(surveyId, productId, profile, profile);
2084
3182
  const generateOptions = {
2085
3183
  addButton: false,
2086
3184
  getMetaData: true
@@ -2110,7 +3208,8 @@ async function renderPopup(container, surveyId, productId, actions, emit, onClos
2110
3208
  closeButton.style.color = "#fff";
2111
3209
  }
2112
3210
  if (s.buttonSecondaryColor) {
2113
- backButton.style.color = "#fff";
3211
+ backButton.style.background = "#fff";
3212
+ backButton.style.color = s.buttonSecondaryColor;
2114
3213
  backButton.style.border = `1px solid ${s.buttonSecondaryColor}`;
2115
3214
  }
2116
3215
  if (s.logo) {
@@ -2450,6 +3549,7 @@ var NoopPopupRenderer = class {
2450
3549
  var BrowserPopupRenderer = class {
2451
3550
  constructor() {
2452
3551
  this.container = null;
3552
+ this.visible = false;
2453
3553
  }
2454
3554
  init() {
2455
3555
  if (typeof document === "undefined") return;
@@ -2468,15 +3568,20 @@ var BrowserPopupRenderer = class {
2468
3568
  justify-content: center;
2469
3569
  align-items: center;
2470
3570
  `;
3571
+ }
3572
+ if (!document.body.contains(this.container)) {
2471
3573
  document.body.appendChild(this.container);
2472
3574
  }
2473
3575
  }
2474
- show(surveyId, productId, actions, emit, onClose, env = "production") {
2475
- if (!this.container) this.init();
3576
+ show(surveyId, productId, actions, emit, onClose, env = "production", userId) {
3577
+ if (this.visible) return;
3578
+ if (!this.container || !document.body.contains(this.container)) this.init();
2476
3579
  if (!this.container) return;
2477
- renderPopup(this.container, surveyId, productId, actions, emit, onClose, env);
3580
+ this.visible = true;
3581
+ renderPopup(this.container, surveyId, productId, actions, emit, onClose, env, userId);
2478
3582
  }
2479
3583
  hide() {
3584
+ this.visible = false;
2480
3585
  if (this.container) {
2481
3586
  this.container.style.display = "none";
2482
3587
  this.container.innerHTML = "";
@@ -2675,6 +3780,9 @@ var DeepdotsPopups = class {
2675
3780
  if (!skipPathCheck && !this.matchesSegmentsPath(def, pathUrl)) {
2676
3781
  return false;
2677
3782
  }
3783
+ if (!this.matchesSegmentsLang(def)) {
3784
+ return false;
3785
+ }
2678
3786
  const cooldowns = def.cooldown || [];
2679
3787
  if (cooldowns.length && !cooldowns.every((cooldown) => this.evaluateCooldown(def, cooldown))) {
2680
3788
  return false;
@@ -2683,6 +3791,20 @@ var DeepdotsPopups = class {
2683
3791
  if (!legacyConditions.length) return true;
2684
3792
  return legacyConditions.every((condition) => this.evaluateLegacyCondition(def, condition));
2685
3793
  }
3794
+ matchesSegmentsLang(def) {
3795
+ const langs = def.segments?.lang;
3796
+ if (!langs || langs.length === 0) return true;
3797
+ const browserLang = (typeof navigator !== "undefined" ? navigator.language : "").toLowerCase();
3798
+ if (!browserLang) {
3799
+ this.debug("No navigator.language available for lang comparison", { popupId: def.id, langs });
3800
+ return true;
3801
+ }
3802
+ const matches = langs.some((lang) => browserLang.startsWith(lang.toLowerCase()));
3803
+ if (!matches) {
3804
+ this.debug("Lang mismatch for popup", { popupId: def.id, langs, browserLang });
3805
+ }
3806
+ return matches;
3807
+ }
2686
3808
  matchesSegmentsPath(def, pathUrl) {
2687
3809
  const paths = def.segments?.path;
2688
3810
  if (!paths || paths.length === 0) return true;
@@ -2959,6 +4081,7 @@ var DeepdotsPopups = class {
2959
4081
  }
2960
4082
  /** Render the popup UI */
2961
4083
  renderPopup(surveyId, productId, actions) {
4084
+ const userId = this.config?.userId;
2962
4085
  if (this.renderer) {
2963
4086
  this.renderer.show(
2964
4087
  surveyId,
@@ -2966,7 +4089,8 @@ var DeepdotsPopups = class {
2966
4089
  actions,
2967
4090
  (type, id, payload) => this.emitEvent(type, id, payload),
2968
4091
  () => this.hidePopup(),
2969
- this.env
4092
+ this.env,
4093
+ userId
2970
4094
  );
2971
4095
  return;
2972
4096
  }
@@ -2978,7 +4102,8 @@ var DeepdotsPopups = class {
2978
4102
  actions,
2979
4103
  (type, id, payload) => this.emitEvent(type, id, payload),
2980
4104
  () => this.hidePopup(),
2981
- this.env
4105
+ this.env,
4106
+ userId
2982
4107
  );
2983
4108
  }
2984
4109
  /** Hide the popup */
@@ -3007,7 +4132,7 @@ var DeepdotsPopups = class {
3007
4132
  const popupId = popupIdFromData || this.surveyToPopupId.get(surveyId);
3008
4133
  if (popupId) {
3009
4134
  const userIdFromData = data?.userId;
3010
- void this.postPopupEvent(type === "popup_shown" ? "opened" : "completed", popupId, userIdFromData || this.config?.userId);
4135
+ void this.postPopupEvent(type === "popup_shown" ? "SHOWED" /* SHOWED */ : "COMPLETED" /* COMPLETED */, popupId, userIdFromData || this.config?.userId);
3011
4136
  } else {
3012
4137
  this.debug("No popupId available to post event", { type, surveyId });
3013
4138
  }