@telia-ace/widget-components-widget-header-flamingo 1.1.120-rc.6 → 1.1.120-rc.8

package/{widget-header-KFs_Gfkt.mjs → widget-header-zHiwTPKk.mjs}

@@ -21,22 +21,22 @@ function ss(i, t, e, s) {
     });
   }
   return new (e || (e = Promise))(function(r, o) {
-    function a(h) {
+    function a(u) {
       try {
-        c(s.next(h));
-      } catch (u) {
-        o(u);
+        c(s.next(u));
+      } catch (h) {
+        o(h);
       }
     }
-    function l(h) {
+    function l(u) {
       try {
-        c(s.throw(h));
-      } catch (u) {
-        o(u);
+        c(s.throw(u));
+      } catch (h) {
+        o(h);
       }
     }
-    function c(h) {
-      h.done ? r(h.value) : n(h.value).then(a, l);
+    function c(u) {
+      u.done ? r(u.value) : n(u.value).then(a, l);
     }
     c((s = s.apply(i, t || [])).next());
   });
@@ -50,8 +50,8 @@ function ri(i, t) {
     return this;
   }), o;
   function a(c) {
-    return function(h) {
-      return l([c, h]);
+    return function(u) {
+      return l([c, u]);
     };
   }
   function l(c) {
@@ -92,8 +92,8 @@ function ri(i, t) {
           continue;
       }
       c = t.call(i, e);
-    } catch (h) {
-      c = [6, h], n = 0;
+    } catch (u) {
+      c = [6, u], n = 0;
     } finally {
       s = r = 0;
     }
@@ -144,7 +144,7 @@ function ns(i, t, e) {
   }, n;
   function o(f) {
     return function(v) {
-      return Promise.resolve(v).then(f, u);
+      return Promise.resolve(v).then(f, h);
     };
   }
   function a(f, v) {
@@ -162,12 +162,12 @@ function ns(i, t, e) {
     }
   }
   function c(f) {
-    f.value instanceof q ? Promise.resolve(f.value.v).then(h, u) : d(r[0][2], f);
+    f.value instanceof q ? Promise.resolve(f.value.v).then(u, h) : d(r[0][2], f);
   }
-  function h(f) {
+  function u(f) {
     l("next", f);
   }
-  function u(f) {
+  function h(f) {
     l("throw", f);
   }
   function d(f, v) {
@@ -244,18 +244,18 @@ var Tt = function() {
           }
         else
           o.remove(this);
-      var h = this.initialTeardown;
-      if ($(h))
+      var u = this.initialTeardown;
+      if ($(u))
         try {
-          h();
+          u();
         } catch (g) {
           r = g instanceof Nt ? g.errors : [g];
         }
-      var u = this._finalizers;
-      if (u) {
+      var h = this._finalizers;
+      if (h) {
         this._finalizers = null;
         try {
-          for (var d = Z(u), f = d.next(); !f.done; f = d.next()) {
+          for (var d = Z(h), f = d.next(); !f.done; f = d.next()) {
             var v = f.value;
             try {
               _e(v);
@@ -339,7 +339,7 @@ var ie = function(i) {
   Q(t, i);
   function t(e) {
     var s = i.call(this) || this;
-    return s.isStopped = !1, e ? (s.destination = e, li(e) && e.add(s)) : s.destination = hs, s;
+    return s.isStopped = !1, e ? (s.destination = e, li(e) && e.add(s)) : s.destination = us, s;
   }
   return t.create = function(e, s, n) {
     return new Xt(e, s, n);
@@ -415,7 +415,7 @@ function pt(i) {
 function cs(i) {
   throw i;
 }
-var hs = {
+var us = {
   closed: !0,
   next: we,
   error: cs,
@@ -423,11 +423,11 @@ var hs = {
 }, se = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function hi(i) {
+function ui(i) {
   return i;
 }
-function us(i) {
-  return i.length === 0 ? hi : i.length === 1 ? i[0] : function(e) {
+function hs(i) {
+  return i.length === 0 ? ui : i.length === 1 ? i[0] : function(e) {
     return i.reduce(function(s, n) {
       return n(s);
     }, e);
@@ -476,7 +476,7 @@ var w = function() {
   }, i.prototype.pipe = function() {
     for (var t = [], e = 0; e < arguments.length; e++)
       t[e] = arguments[e];
-    return us(t)(this);
+    return hs(t)(this);
   }, i.prototype.toPromise = function(t) {
     var e = this;
     return t = xe(t), new t(function(s, n) {
@@ -529,14 +529,14 @@ var gs = function(i) {
     return l.onFinalize = o, l.shouldUnsubscribe = a, l._next = s ? function(c) {
       try {
         s(c);
-      } catch (h) {
-        e.error(h);
+      } catch (u) {
+        e.error(u);
       }
     } : i.prototype._next, l._error = r ? function(c) {
       try {
         r(c);
-      } catch (h) {
-        e.error(h);
+      } catch (u) {
+        e.error(u);
       } finally {
         this.unsubscribe();
       }
@@ -659,7 +659,7 @@ var gs = function(i) {
     var s, n;
     return (n = (s = this.source) === null || s === void 0 ? void 0 : s.subscribe(e)) !== null && n !== void 0 ? n : ai;
   }, t;
-}(It), ui = function(i) {
+}(It), hi = function(i) {
   Q(t, i);
   function t(e) {
     var s = i.call(this) || this;
@@ -976,14 +976,14 @@ function Us(i, t) {
   });
 }
 function Ms(i, t, e, s, n, r, o, a) {
-  var l = [], c = 0, h = 0, u = !1, d = function() {
-    u && !l.length && !c && t.complete();
+  var l = [], c = 0, u = 0, h = !1, d = function() {
+    h && !l.length && !c && t.complete();
   }, f = function(g) {
     return c < s ? v(g) : l.push(g);
   }, v = function(g) {
     c++;
     var ft = !1;
-    J(e(g, h++)).subscribe(mt(t, function(tt) {
+    J(e(g, u++)).subscribe(mt(t, function(tt) {
       t.next(tt);
     }, function() {
       ft = !0;
@@ -1003,7 +1003,7 @@ function Ms(i, t, e, s, n, r, o, a) {
     }));
   };
   return i.subscribe(mt(t, f, function() {
-    u = !0, d();
+    h = !0, d();
   })), function() {
   };
 }
@@ -1017,7 +1017,7 @@ function ki(i, t, e) {
   }));
 }
 function js(i) {
-  return i === void 0 && (i = 1 / 0), ki(hi, i);
+  return i === void 0 && (i = 1 / 0), ki(ui, i);
 }
 function Ns() {
   for (var i = [], t = 0; t < arguments.length; t++)
@@ -1321,10 +1321,10 @@ const Qs = (i, t) => {
   let n, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = et;
   for (let a = 0; a < e; a++) {
     const l = i[a];
-    let c, h, u = -1, d = 0;
-    for (; d < l.length && (o.lastIndex = d, h = o.exec(l), h !== null); ) d = o.lastIndex, o === et ? h[1] === "!--" ? o = Te : h[1] !== void 0 ? o = Pe : h[2] !== void 0 ? (Ti.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = I) : h[3] !== void 0 && (o = I) : o === I ? h[0] === ">" ? (o = n ?? et, u = -1) : h[1] === void 0 ? u = -2 : (u = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? I : h[3] === '"' ? Le : Ie) : o === Le || o === Ie ? o = I : o === Te || o === Pe ? o = et : (o = I, n = void 0);
+    let c, u, h = -1, d = 0;
+    for (; d < l.length && (o.lastIndex = d, u = o.exec(l), u !== null); ) d = o.lastIndex, o === et ? u[1] === "!--" ? o = Te : u[1] !== void 0 ? o = Pe : u[2] !== void 0 ? (Ti.test(u[2]) && (n = RegExp("</" + u[2], "g")), o = I) : u[3] !== void 0 && (o = I) : o === I ? u[0] === ">" ? (o = n ?? et, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, c = u[1], o = u[3] === void 0 ? I : u[3] === '"' ? Le : Ie) : o === Le || o === Ie ? o = I : o === Te || o === Pe ? o = et : (o = I, n = void 0);
     const f = o === I && i[a + 1].startsWith("/>") ? " " : "";
-    r += o === et ? l + Zs : u >= 0 ? (s.push(c), l.slice(0, u) + Ei + l.slice(u) + O + f) : l + O + (u === -2 ? a : f);
+    r += o === et ? l + Zs : h >= 0 ? (s.push(c), l.slice(0, h) + Ei + l.slice(h) + O + f) : l + O + (h === -2 ? a : f);
   }
   return [Pi(i, r + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
 };
@@ -1333,29 +1333,29 @@ let Qt = class Ii {
     let n;
     this.parts = [];
     let r = 0, o = 0;
-    const a = t.length - 1, l = this.parts, [c, h] = Qs(t, e);
+    const a = t.length - 1, l = this.parts, [c, u] = Qs(t, e);
     if (this.el = Ii.createElement(c, s), R.currentNode = this.el.content, e === 2 || e === 3) {
-      const u = this.el.content.firstChild;
-      u.replaceWith(...u.childNodes);
+      const h = this.el.content.firstChild;
+      h.replaceWith(...h.childNodes);
     }
     for (; (n = R.nextNode()) !== null && l.length < a; ) {
       if (n.nodeType === 1) {
-        if (n.hasAttributes()) for (const u of n.getAttributeNames()) if (u.endsWith(Ei)) {
-          const d = h[o++], f = n.getAttribute(u).split(O), v = /([.?@])?(.*)/.exec(d);
-          l.push({ type: 1, index: r, name: v[2], strings: f, ctor: v[1] === "." ? Vs : v[1] === "?" ? tn : v[1] === "@" ? en : Lt }), n.removeAttribute(u);
-        } else u.startsWith(O) && (l.push({ type: 6, index: r }), n.removeAttribute(u));
+        if (n.hasAttributes()) for (const h of n.getAttributeNames()) if (h.endsWith(Ei)) {
+          const d = u[o++], f = n.getAttribute(h).split(O), v = /([.?@])?(.*)/.exec(d);
+          l.push({ type: 1, index: r, name: v[2], strings: f, ctor: v[1] === "." ? Vs : v[1] === "?" ? tn : v[1] === "@" ? en : Lt }), n.removeAttribute(h);
+        } else h.startsWith(O) && (l.push({ type: 6, index: r }), n.removeAttribute(h));
         if (Ti.test(n.tagName)) {
-          const u = n.textContent.split(O), d = u.length - 1;
+          const h = n.textContent.split(O), d = h.length - 1;
           if (d > 0) {
             n.textContent = bt ? bt.emptyScript : "";
-            for (let f = 0; f < d; f++) n.append(u[f], rt()), R.nextNode(), l.push({ type: 2, index: ++r });
-            n.append(u[d], rt());
+            for (let f = 0; f < d; f++) n.append(h[f], rt()), R.nextNode(), l.push({ type: 2, index: ++r });
+            n.append(h[d], rt());
           }
         }
       } else if (n.nodeType === 8) if (n.data === Oi) l.push({ type: 2, index: r });
       else {
-        let u = -1;
-        for (; (u = n.data.indexOf(O, u + 1)) !== -1; ) l.push({ type: 7, index: r }), u += O.length - 1;
+        let h = -1;
+        for (; (h = n.data.indexOf(O, h + 1)) !== -1; ) l.push({ type: 7, index: r }), h += O.length - 1;
       }
       r++;
     }
@@ -1389,7 +1389,7 @@ class Js {
     for (; l !== void 0; ) {
       if (o === l.index) {
         let c;
-        l.type === 2 ? c = new ht(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new sn(r, this, t)), this._$AV.push(c), l = s[++a];
+        l.type === 2 ? c = new ut(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new sn(r, this, t)), this._$AV.push(c), l = s[++a];
       }
       o !== (l == null ? void 0 : l.index) && (r = R.nextNode(), o++);
     }
@@ -1400,7 +1400,7 @@ class Js {
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-class ht {
+class ut {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -1448,7 +1448,7 @@ class ht {
     ae(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, n = 0;
-    for (const r of t) n === e.length ? e.push(s = new ht(this.O(rt()), this.O(rt()), this, this.options)) : s = e[n], s._$AI(r), n++;
+    for (const r of t) n === e.length ? e.push(s = new ut(this.O(rt()), this.O(rt()), this, this.options)) : s = e[n], s._$AI(r), n++;
     n < e.length && (this._$AR(s && s._$AB.nextSibling, n), e.length = n);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -1530,13 +1530,13 @@ class sn {
   }
 }
 const Ht = st.litHtmlPolyfillSupport;
-Ht == null || Ht(Qt, ht), (st.litHtmlVersions ?? (st.litHtmlVersions = [])).push("3.3.0");
+Ht == null || Ht(Qt, ut), (st.litHtmlVersions ?? (st.litHtmlVersions = [])).push("3.3.0");
 const nn = (i, t, e) => {
   const s = (e == null ? void 0 : e.renderBefore) ?? t;
   let n = s._$litPart$;
   if (n === void 0) {
     const r = (e == null ? void 0 : e.renderBefore) ?? null;
-    s._$litPart$ = n = new ht(t.insertBefore(rt(), r), r, void 0, e ?? {});
+    s._$litPart$ = n = new ut(t.insertBefore(rt(), r), r, void 0, e ?? {});
   }
   return n._$AI(i), n;
 };
@@ -1709,17 +1709,17 @@ const nt = (i, t) => {
     e.add(i), dn(t);
   }
 };
-function hn(i) {
+function un(i) {
   this._$AN !== void 0 ? (wt(this), this._$AM = i, Ri(this)) : this._$AM = i;
 }
-function un(i, t = !1, e = 0) {
+function hn(i, t = !1, e = 0) {
   const s = this._$AH, n = this._$AN;
   if (n !== void 0 && n.size !== 0) if (t) if (Array.isArray(s)) for (let r = e; r < s.length; r++) nt(s[r], !1), wt(s[r]);
   else s != null && (nt(s, !1), wt(s));
   else nt(this, i);
 }
 const dn = (i) => {
-  i.type == le.CHILD && (i._$AP ?? (i._$AP = un), i._$AQ ?? (i._$AQ = hn));
+  i.type == le.CHILD && (i._$AP ?? (i._$AP = hn), i._$AQ ?? (i._$AQ = un));
 };
 class Ui extends Li {
   constructor() {
@@ -1907,13 +1907,13 @@ class $n extends Ui {
     let o = !1;
     const a = {};
     for (const l in e) {
-      const c = t[l], h = e[l];
+      const c = t[l], u = e[l];
       if (l in Wt) {
-        const u = Wt[l];
-        if (c === void 0 || h === void 0) continue;
-        const d = u(c, h);
+        const h = Wt[l];
+        if (c === void 0 || u === void 0) continue;
+        const d = h(c, u);
         d.transform !== void 0 && (a[l] = d.value, o = !0, n.transform = `${n.transform ?? ""} ${d.transform}`, d.overrideFrom !== void 0 && Object.assign(n, d.overrideFrom));
-      } else c !== h && c !== void 0 && h !== void 0 && (o = !0, n[l] = c, r[l] = h);
+      } else c !== u && c !== void 0 && u !== void 0 && (o = !0, n[l] = c, r[l] = u);
     }
     return n.transformOrigin = r.transformOrigin = s ? "center center" : "top left", this.animatingProperties = a, o ? [n, r] : void 0;
   }
@@ -1972,7 +1972,7 @@ const ze = ce(class extends Li {
 }), C = (i, t, e) => {
   i && e.style.setProperty(t, i);
 }, ji = (i, t) => {
-  var e, s, n, r, o, a, l, c, h;
+  var e, s, n, r, o, a, l, c, u;
   C((e = i.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), C(
     (s = i.colors) == null ? void 0 : s.textOnPrimaryBackground,
     "--text-on-primary-background",
@@ -2001,7 +2001,7 @@ const ze = ce(class extends Li {
     (c = i.colors) == null ? void 0 : c.interactiveTextOnPrimaryBackground,
     "--interactive-text-on-primary-background",
     t
-  ), C((h = i.colors) == null ? void 0 : h.focusColor, "--focus-color", t);
+  ), C((u = i.colors) == null ? void 0 : u.focusColor, "--focus-color", t);
 };
 /**
  * @license
@@ -2038,14 +2038,14 @@ const qt = /* @__PURE__ */ new WeakMap(), St = ce(class extends Ui {
     this.rt(this.ct);
   }
 });
-var wn = Object.defineProperty, ut = (i, t, e, s) => {
+var wn = Object.defineProperty, ht = (i, t, e, s) => {
   for (var n = void 0, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (n = o(t, e, n) || n);
   return n && wn(t, e, n), n;
 };
 const ve = class ve extends A {
   constructor() {
-    super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = xt(), this.widgetActive$ = new ui(!1), this.componentIsDestroyed$ = new It();
+    super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = xt(), this.widgetActive$ = new hi(!1), this.componentIsDestroyed$ = new It();
   }
   async connectedCallback() {
     super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
@@ -2090,13 +2090,13 @@ const ve = class ve extends A {
     const s = (c = this.application) == null ? void 0 : c.triggerIcon;
     if (!s)
       return p;
-    const n = async (h) => bn, { type: r, content: o } = s;
+    const n = async (u) => bn, { type: r, content: o } = s;
     switch (r) {
       case "Telia": {
-        const h = await n();
-        return h ? m`<telia-icon
+        const u = await n();
+        return u ? m`<telia-icon
             class="trigger-icon"
-            svg=${h.svg}
+            svg=${u.svg}
             size="lg"
           ></telia-icon>` : p;
       }
@@ -2316,19 +2316,19 @@ ve.styles = [
     `
 ];
 let E = ve;
-ut([
+ht([
   _({ attribute: !1 })
 ], E.prototype, "application");
-ut([
+ht([
   x()
 ], E.prototype, "active");
-ut([
+ht([
   x()
 ], E.prototype, "triggerVisible");
-ut([
+ht([
   x()
 ], E.prototype, "loaded");
-ut([
+ht([
   x()
 ], E.prototype, "icon");
 var xn = Object.defineProperty, L = (i, t, e, s) => {
@@ -2541,7 +2541,7 @@ var On = Object.defineProperty, Fi = (i, t, e, s) => {
 };
 const Tn = "application", me = class me extends A {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = xt(), this.fullscreen = !1, this.isReady = new ui(!1);
+    super(...arguments), this.nodes = [], this.wrapperRef = xt(), this.fullscreen = !1, this.isReady = new hi(!1);
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -2784,7 +2784,7 @@ const Ot = class Ot {
 };
 Ot.endpoint = "https://widgets.ace.teliacompany.net/api";
 let We = Ot;
-var Pn = Object.defineProperty, he = (i, t, e, s) => {
+var Pn = Object.defineProperty, ue = (i, t, e, s) => {
   for (var n = void 0, r = i.length - 1, o; r >= 0; r--)
     (o = i[r]) && (n = o(t, e, n) || n);
   return n && Pn(t, e, n), n;
@@ -2829,13 +2829,13 @@ ye.styles = [
     `
 ];
 let X = ye;
-he([
+ue([
   _({ attribute: !0 })
 ], X.prototype, "name");
-he([
+ue([
   x()
 ], X.prototype, "widget");
-he([
+ue([
   x()
 ], X.prototype, "status");
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", _t);
@@ -2988,7 +2988,7 @@ const z = {
   transformTagName: !1,
   attachStyles: !0
 };
-let D, Bi, Rt, Hi = !1, At = !1, ue = !1, b = !1, qe = null, Vt = !1;
+let D, Bi, Rt, Hi = !1, At = !1, he = !1, b = !1, qe = null, Vt = !1;
 const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, zi = Ut.HTMLElement || class {
 }, y = {
   $flags$: 0,
@@ -3047,21 +3047,21 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
   s & 10 && (e["s-sc"] = r, e.classList.add(r + "-h"), s & 2 && e.classList.add(r + "-s")), n();
 }, Wi = (i, t) => "sc-" + (t && i.$flags$ & 32 ? i.$tagName$ + "-" + t : i.$tagName$), qn = (i) => yr.map((t) => t(i)).find((t) => !!t), Ze = {}, Gn = "http://www.w3.org/2000/svg", Yn = "http://www.w3.org/1999/xhtml", Zn = (i) => i != null, de = (i) => (i = typeof i, i === "object" || i === "function"), G = (i, t, ...e) => {
   let s = null, n = null, r = null, o = !1, a = !1, l = [];
-  const c = (u) => {
-    for (let d = 0; d < u.length; d++)
-      s = u[d], Array.isArray(s) ? c(s) : s != null && typeof s != "boolean" && ((o = typeof i != "function" && !de(s)) && (s = String(s)), o && a ? l[l.length - 1].$text$ += s : l.push(o ? kt(null, s) : s), a = o);
+  const c = (h) => {
+    for (let d = 0; d < h.length; d++)
+      s = h[d], Array.isArray(s) ? c(s) : s != null && typeof s != "boolean" && ((o = typeof i != "function" && !de(s)) && (s = String(s)), o && a ? l[l.length - 1].$text$ += s : l.push(o ? kt(null, s) : s), a = o);
   };
   if (c(e), t) {
     t.key && (n = t.key), t.name && (r = t.name);
     {
-      const u = t.className || t.class;
-      u && (t.class = typeof u != "object" ? u : Object.keys(u).filter((d) => u[d]).join(" "));
+      const h = t.className || t.class;
+      h && (t.class = typeof h != "object" ? h : Object.keys(h).filter((d) => h[d]).join(" "));
     }
   }
   if (typeof i == "function")
     return i(t === null ? {} : t, l, Xn);
-  const h = kt(i, null);
-  return h.$attrs$ = t, l.length > 0 && (h.$children$ = l), h.$key$ = n, h.$name$ = r, h;
+  const u = kt(i, null);
+  return u.$attrs$ = t, l.length > 0 && (u.$children$ = l), u.$key$ = n, u.$name$ = r, u;
 }, kt = (i, t) => {
   const e = {
     $flags$: 0,
@@ -3092,8 +3092,8 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
   if (e !== s) {
     let o = ti(i, t), a = t.toLowerCase();
     if (t === "class") {
-      const l = i.classList, c = Qe(e), h = Qe(s);
-      l.remove(...c.filter((u) => u && !h.includes(u))), l.add(...h.filter((u) => u && !c.includes(u)));
+      const l = i.classList, c = Qe(e), u = Qe(s);
+      l.remove(...c.filter((h) => h && !u.includes(h))), l.add(...u.filter((h) => h && !c.includes(h)));
     } else if (t === "style") {
       for (const l in e)
         (!s || s[l] == null) && (l.includes("-") ? i.style.removeProperty(l) : i.style[l] = "");
@@ -3111,8 +3111,8 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
             if (i.tagName.includes("-"))
               i[t] = s;
             else {
-              let h = s ?? "";
-              t === "list" ? o = !1 : (e == null || i[t] != h) && (i[t] = h);
+              let u = s ?? "";
+              t === "list" ? o = !1 : (e == null || i[t] != u) && (i[t] = u);
             }
           } catch {
           }
@@ -3128,7 +3128,7 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
     Xe(n, s, r[s], o[s], e, t.$flags$);
 }, Ct = (i, t, e, s) => {
   let n = t.$children$[e], r = 0, o, a, l;
-  if (Hi || (ue = !0, n.$tag$ === "slot" && (D && s.classList.add(D + "-s"), n.$flags$ |= n.$children$ ? (
+  if (Hi || (he = !0, n.$tag$ === "slot" && (D && s.classList.add(D + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -3150,7 +3150,7 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
   const e = i.childNodes;
   for (let s = e.length - 1; s >= 0; s--) {
     const n = e[s];
-    n["s-hn"] !== Rt && n["s-ol"] && (Zi(n).insertBefore(n, pe(n)), n["s-ol"].remove(), n["s-ol"] = void 0, ue = !0), t && ct(n, t);
+    n["s-hn"] !== Rt && n["s-ol"] && (Zi(n).insertBefore(n, pe(n)), n["s-ol"].remove(), n["s-ol"] = void 0, he = !0), t && ct(n, t);
   }
   y.$flags$ &= -2;
 }, Gi = (i, t, e, s, n, r) => {
@@ -3161,24 +3161,24 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
   for (; t <= e; ++t)
     (s = i[t]) && (n = s.$elm$, Qi(s), At = !0, n["s-ol"] ? n["s-ol"].remove() : ct(n, !0), n.remove());
 }, Vn = (i, t, e, s) => {
-  let n = 0, r = 0, o = 0, a = 0, l = t.length - 1, c = t[0], h = t[l], u = s.length - 1, d = s[0], f = s[u], v, g;
-  for (; n <= l && r <= u; )
+  let n = 0, r = 0, o = 0, a = 0, l = t.length - 1, c = t[0], u = t[l], h = s.length - 1, d = s[0], f = s[h], v, g;
+  for (; n <= l && r <= h; )
     if (c == null)
       c = t[++n];
-    else if (h == null)
-      h = t[--l];
+    else if (u == null)
+      u = t[--l];
     else if (d == null)
       d = s[++r];
     else if (f == null)
-      f = s[--u];
+      f = s[--h];
     else if (gt(c, d))
       W(c, d), c = t[++n], d = s[++r];
-    else if (gt(h, f))
-      W(h, f), h = t[--l], f = s[--u];
+    else if (gt(u, f))
+      W(u, f), u = t[--l], f = s[--h];
     else if (gt(c, f))
-      (c.$tag$ === "slot" || f.$tag$ === "slot") && ct(c.$elm$.parentNode, !1), W(c, f), i.insertBefore(c.$elm$, h.$elm$.nextSibling), c = t[++n], f = s[--u];
-    else if (gt(h, d))
-      (c.$tag$ === "slot" || f.$tag$ === "slot") && ct(h.$elm$.parentNode, !1), W(h, d), i.insertBefore(h.$elm$, c.$elm$), h = t[--l], d = s[++r];
+      (c.$tag$ === "slot" || f.$tag$ === "slot") && ct(c.$elm$.parentNode, !1), W(c, f), i.insertBefore(c.$elm$, u.$elm$.nextSibling), c = t[++n], f = s[--h];
+    else if (gt(u, d))
+      (c.$tag$ === "slot" || f.$tag$ === "slot") && ct(u.$elm$.parentNode, !1), W(u, d), i.insertBefore(u.$elm$, c.$elm$), u = t[--l], d = s[++r];
     else {
       for (o = -1, a = n; a <= l; ++a)
         if (t[a] && t[a].$key$ !== null && t[a].$key$ === d.$key$) {
@@ -3187,7 +3187,7 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
         }
       o >= 0 ? (g = t[o], g.$tag$ !== d.$tag$ ? v = Ct(t && t[r], e, o, i) : (W(g, d), t[o] = void 0, v = g.$elm$), d = s[++r]) : (v = Ct(t && t[r], e, r, i), d = s[++r]), v && Zi(c.$elm$).insertBefore(v, pe(c.$elm$));
     }
-  n > l ? Gi(i, s[u + 1] == null ? null : s[u + 1].$elm$, e, s, r, u) : r > u && Yi(t, n, l);
+  n > l ? Gi(i, s[h + 1] == null ? null : s[h + 1].$elm$, e, s, r, h) : r > h && Yi(t, n, l);
 }, gt = (i, t) => i.$tag$ === t.$tag$ ? i.$tag$ === "slot" ? i.$name$ === t.$name$ : i.$key$ === t.$key$ : !1, pe = (i) => i && i["s-ol"] || i, Zi = (i) => (i["s-ol"] ? i["s-ol"] : i).parentNode, W = (i, t) => {
   const e = t.$elm$ = i.$elm$, s = i.$children$, n = t.$children$, r = t.$tag$, o = t.$text$;
   let a;
@@ -3215,12 +3215,12 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
   for (; a < c; a++) {
     if (t = l[a], t["s-sr"] && (e = t["s-cr"]) && e.parentNode)
       for (s = e.parentNode.childNodes, n = t["s-sn"], o = s.length - 1; o >= 0; o--)
-        e = s[o], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== t["s-hn"] && (Je(e, n) ? (r = S.find((h) => h.$nodeToRelocate$ === e), At = !0, e["s-sn"] = e["s-sn"] || n, r ? r.$slotRefNode$ = t : S.push({
+        e = s[o], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== t["s-hn"] && (Je(e, n) ? (r = S.find((u) => u.$nodeToRelocate$ === e), At = !0, e["s-sn"] = e["s-sn"] || n, r ? r.$slotRefNode$ = t : S.push({
           $slotRefNode$: t,
           $nodeToRelocate$: e
-        }), e["s-sr"] && S.map((h) => {
-          Je(h.$nodeToRelocate$, e["s-sn"]) && (r = S.find((u) => u.$nodeToRelocate$ === e), r && !h.$slotRefNode$ && (h.$slotRefNode$ = r.$slotRefNode$));
-        })) : S.some((h) => h.$nodeToRelocate$ === e) || S.push({
+        }), e["s-sr"] && S.map((u) => {
+          Je(u.$nodeToRelocate$, e["s-sn"]) && (r = S.find((h) => h.$nodeToRelocate$ === e), r && !u.$slotRefNode$ && (u.$slotRefNode$ = r.$slotRefNode$));
+        })) : S.some((u) => u.$nodeToRelocate$ === e) || S.push({
           $nodeToRelocate$: e
         }));
     t.nodeType === 1 && Xi(t);
@@ -3231,19 +3231,19 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
   const e = i.$hostElement$, s = i.$cmpMeta$, n = i.$vnode$ || kt(null, null), r = Kn(t) ? t : G(null, null, t);
   Rt = e.tagName, s.$attrsToReflect$ && (r.$attrs$ = r.$attrs$ || {}, s.$attrsToReflect$.map(([o, a]) => r.$attrs$[a] = e[o])), r.$tag$ = null, r.$flags$ |= 4, i.$vnode$ = r, r.$elm$ = n.$elm$ = e.shadowRoot || e, D = e["s-sc"], Bi = e["s-cr"], Hi = (s.$flags$ & 1) !== 0, At = !1, W(n, r);
   {
-    if (y.$flags$ |= 1, ue) {
+    if (y.$flags$ |= 1, he) {
       Xi(r.$elm$);
-      let o, a, l, c, h, u, d = 0;
+      let o, a, l, c, u, h, d = 0;
       for (; d < S.length; d++)
         o = S[d], a = o.$nodeToRelocate$, a["s-ol"] || (l = k.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
       for (d = 0; d < S.length; d++)
         if (o = S[d], a = o.$nodeToRelocate$, o.$slotRefNode$) {
-          for (c = o.$slotRefNode$.parentNode, h = o.$slotRefNode$.nextSibling, l = a["s-ol"]; l = l.previousSibling; )
-            if (u = l["s-nr"], u && u["s-sn"] === a["s-sn"] && c === u.parentNode && (u = u.nextSibling, !u || !u["s-nr"])) {
-              h = u;
+          for (c = o.$slotRefNode$.parentNode, u = o.$slotRefNode$.nextSibling, l = a["s-ol"]; l = l.previousSibling; )
+            if (h = l["s-nr"], h && h["s-sn"] === a["s-sn"] && c === h.parentNode && (h = h.nextSibling, !h || !h["s-nr"])) {
+              u = h;
               break;
             }
-          (!h && c !== a.parentNode || a.nextSibling !== h) && a !== h && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), c.insertBefore(a, h));
+          (!u && c !== a.parentNode || a.nextSibling !== u) && a !== u && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), c.insertBefore(a, u));
         } else
           a.nodeType === 1 && (a.hidden = !0);
     }
@@ -3289,7 +3289,7 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
     } catch (s) {
       dt(s);
     }
-}, Ve = (i, t) => i && i.then ? i.then(t) : t(), cr = (i, t) => i != null && !de(i) ? t & 4 ? i === "false" ? !1 : i === "" || !!i : t & 2 ? parseFloat(i) : t & 1 ? String(i) : i : i, hr = (i, t) => Mt(i).$instanceValues$.get(t), ur = (i, t, e, s) => {
+}, Ve = (i, t) => i && i.then ? i.then(t) : t(), cr = (i, t) => i != null && !de(i) ? t & 4 ? i === "false" ? !1 : i === "" || !!i : t & 2 ? parseFloat(i) : t & 1 ? String(i) : i : i, ur = (i, t) => Mt(i).$instanceValues$.get(t), hr = (i, t, e, s) => {
   const n = Mt(i), r = i, o = n.$instanceValues$.get(t), a = n.$flags$, l = r;
   e = cr(e, s.$members$[t][0]);
   const c = Number.isNaN(o) && Number.isNaN(e);
@@ -3297,8 +3297,8 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
     n.$instanceValues$.set(t, e);
     {
       if (s.$watchers$ && a & 128) {
-        const u = s.$watchers$[t];
-        u && u.map((d) => {
+        const h = s.$watchers$[t];
+        h && h.map((d) => {
           try {
             l[d](e, o, t);
           } catch (f) {
@@ -3320,10 +3320,10 @@ const Ut = typeof window < "u" ? window : {}, k = Ut.document || { head: {} }, z
     s.map(([r, [o]]) => {
       (o & 31 || o & 32) && Object.defineProperty(n, r, {
         get() {
-          return hr(this, r);
+          return ur(this, r);
         },
         set(a) {
-          ur(this, r, a, t);
+          hr(this, r, a, t);
         },
         configurable: !0,
         enumerable: !0
@@ -3561,18 +3561,23 @@ const si = Ni(A), be = class be extends si {
     }), this.application.storage.set("open", !1));
   }
   notify(t, e = {}) {
-    window != null && window.parent && window.parent.postMessage(
-      {
-        type: t,
-        data: e
-      },
-      "*"
-    );
+    if (window != null && window.parent) {
+      const s = window.location.origin;
+      window.parent.postMessage(
+        {
+          type: t,
+          data: e
+        },
+        s
+      );
+    }
   }
   connectedCallback() {
     super.connectedCallback();
-    const t = this.application.storage.get("auth");
-    t != null && t.authenticated && (this.UserName = t == null ? void 0 : t.name, this.authState = "authenticated"), document.addEventListener("click", this._onClickOutside);
+    const t = this.application.storage.get(
+      "auth"
+    );
+    t != null && t.authenticated && (this.UserName = (t == null ? void 0 : t.name) ?? "", this.authState = "authenticated"), document.addEventListener("click", this._onClickOutside);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), document.removeEventListener("click", this._onClickOutside);
@@ -3586,11 +3591,54 @@ const si = Ni(A), be = class be extends si {
   _logout(t = "non-authenticated") {
     this.authState = t, this.application.storage.removeItem("auth"), this.UserName = "", this.authUrl = "";
   }
+  renderAuthSection(t) {
+    return this.shouldUseAuth && this.authState !== "chat-ended" ? m`<div class="options-menu__auth-container">
+      <p class="options-menu__auth-helper-text" data-testid="auth-helper-text">
+        ${t.getOrFallback(
+      "widget-header.authentication-text",
+      "AUTHENTICATED AS"
+    )}
+      </p>
+      ${this.renderAuthStatus(t)}
+    </div>` : p;
+  }
+  renderAuthStatus(t) {
+    return this.authState === "non-authenticated" ? m` <div class="options-menu__auth">
+        <p class="options-menu__auth-status" data-testid="auth-status">
+          ${t.getOrFallback(
+      "widget-header.not-authenticated",
+      "Not authenticated"
+    )}
+        </p>
+        <a
+          href="${this.authUrl}"
+          @click=${this._onStartAuth}
+          target="_blank"
+          class="options-menu__auth-link"
+          data-testid="auth-link"
+        >
+          ${t.getOrFallback("widget-header.identify", "Identify")}
+        </a>
+      </div>` : m` <div class="options-menu__auth">
+        <p class="options-menu__auth-status" data-testid="auth-status">
+          ${this.UserName}
+        </p>
+        ${this.authState === "authenticated" ? m`<button
+              @click=${this._showLogoutForm}
+              href="#"
+              target="_blank"
+              class="options-menu__auth-link"
+              data-testid="auth-link"
+            >
+              ${t.getOrFallback("widget-header.log-out", "Log out")}
+            </button>` : p}
+      </div>`;
+  }
   render() {
-    var a, l, c, h, u;
+    var a, l, c, u, h;
     const t = this.application.branding(), e = (a = t == null ? void 0 : t.graphics) == null ? void 0 : a.logotype, s = this.application.texts, n = s.get("widget-header.header", "ACE Widget"), r = this.application.settings.components.conversation;
     this.shouldUseAuth = (c = (l = this.application.settings) == null ? void 0 : l.auth) == null ? void 0 : c.shouldUseAuth;
-    const o = (u = (h = r == null ? void 0 : r.properties) == null ? void 0 : h.chat) == null ? void 0 : u.isThirdPartyWidget;
+    const o = (h = (u = r == null ? void 0 : r.properties) == null ? void 0 : u.chat) == null ? void 0 : h.isThirdPartyWidget;
     return m` <div class="widget-header">
       ${e ? m` <img
             src=${e}
@@ -3627,51 +3675,7 @@ const si = Ni(A), be = class be extends si {
               <h3>
                 ${s.getOrFallback("widget-header.OptionsLabel", "Options")}
               </h3>
-              ${this.shouldUseAuth && this.authState !== "chat-ended" ? m`<div class="options-menu__auth-container">
-                    <p class="options-menu__auth-helper-text">
-                      ${s.getOrFallback(
-      "widget-header.authentication-text",
-      "AUTHENTICATED AS"
-    )}
-                    </p>
-                    ${this.authState === "non-authenticated" ? m` <div class="options-menu__auth">
-                          <p class="options-menu__auth-status">
-                            ${s.getOrFallback(
-      "widget-header.not-authenticated",
-      "Not authenticated"
-    )}
-                          </p>
-                          <a
-                            href="${this.authUrl}"
-                            @click=${this._onStartAuth}
-                            target="_blank"
-                            class="options-menu__auth-link"
-                          >
-                            ${s.getOrFallback(
-      "widget-header.identify",
-      "Identify"
-    )}
-                          </a>
-                        </div>` : (
-      //TODO: add authenticated status
-      m` <div class="options-menu__auth">
-                          <p class="options-menu__auth-status">
-                            ${this.UserName}
-                          </p>
-                          ${this.authState === "authenticated" ? m`<button
-                                @click=${this._showLogoutForm}
-                                href="#"
-                                target="_blank"
-                                class="options-menu__auth-link"
-                              >
-                                ${s.getOrFallback(
-        "widget-header.log-out",
-        "Log out"
-      )}
-                              </button>` : p}
-                        </div>`
-    )}
-                  </div>` : p}
+              ${this.renderAuthSection(s)}
               ${this.options.options.map((d) => m`<button
                   class="options-menu__item"
                   data-testid="${d.key}"