@telia-ace/widget-core-flamingo 1.1.36-rc.0 → 1.1.36-rc.1

package/index.js

@@ -333,7 +333,7 @@
       opacity: 0;
       animation: slideDown 0.3s linear;
     }
-  `;wi([m({attribute:!1})],st.prototype,"application",2);class Ai{constructor(){this.root=this.createRoot()}createComponentModel(t,e){this.root.application=e;const i=a=>{if(Array.isArray(a)){const[c,...l]=a;return{definitionId:c,overrides:l}}return{definitionId:a,overrides:[]}},s=(a,c,l,h)=>{l.forEach(p=>{const u=i(p),f=h[u.definitionId];if(!f){console.error(`No definition found for component type '${u.definitionId}'.`);return}const g=a.createNode(f.type,f.type);g&&(g.name=u.definitionId,g.application=e,f.properties&&g.writeProperties(f.properties),f.context&&g.writeContext(f.context),f.layout&&g.writeLayout(f.layout),c.addChild(g),f.children&&s(a,g,f.children,h))})},{entry:n,components:o}=t;return s(this,this.root,[n],o),this.root}createRoot(){return new st}createNode(t,e){const i=this.resolveComponent(e);if(!i)return console.warn(`Unable to resolve component: ${e}`),new xt;const s=new i;return s.type=e,s.name=t,s}resolveComponent(t){return customElements.get(`ace-${t}`)}getRoot(){return this.root}}const ge=class{constructor(){this.components=new Map}getComponent(r){const t=this.components.get(r);return t||console.warn(`Unable to resolve component: ${r}. You most likely forgot to register the required plugin.`),t}registerComponent(r,t){this.components.set(r,t)}async loadComponents(){const r=[...this.components.entries()].map(([t,e])=>e.then(i=>{this.defineAsWebComponent(t,i.default)}));await Promise.all(r)}defineAsWebComponent(r,t){const e=ge.ResolveWebComponentName(r);customElements.get(e)||customElements.define(e,t)}};let me=ge;me.ResolveWebComponentName=r=>`ace-${r}`;class Si{constructor(){this.texts=new Map}loadTexts(t){this.texts=new Map(Object.entries(t))}get(t,e){const i=this.texts.get(t);return i||e||null}}class ve{constructor(t,e,i,s){this.name=t,this.container=e,this.settings=i,this.options=s,this.platform=new Ai,this.texts=new Si,this.renderStrategy=y.Inline,this.anchor="BottomRight",this.autoActivate=!1,this.plugins=[],this.componentResolver=new me,this.components=[],this.renderStrategy=this.options.renderStrategy||y.Inline,this.triggerIcon=this.options.triggerIcon,typeof s.autoActivate=="boolean"&&(this.autoActivate=s.autoActivate),s.anchor&&(this.anchor=s.anchor),this.container.register("$settings",i),this.texts.loadTexts(i.texts||{})}async activate(){if(await this.loadPlugins(),await this.componentResolver.loadComponents(),this.root=this.platform.createComponentModel(this.settings,this),this.container.setState(ee.Ready),this.autoActivate){const t=this.render();t&&this._getTargetElement().appendChild(t)}}async loadPlugins(){for await(const t of this.plugins)await t(this)}styles(){return this.settings.styles||{}}branding(){return this.settings.branding||{}}plugin(t){return this.plugins.push(t),this}appendToDOM(){this.root&&(this.root.classList.add("expanded"),this.root.classList.remove("hidden"),document.body.appendChild(this.root))}hide(){this.root&&(this.root.classList.add("hidden"),this.root.classList.remove("expanded"))}mute(){this.settings.branding.other.disableSound=!0}unmute(){this.settings.branding.other.disableSound=!1}registerComponent(t,e){this.componentResolver.registerComponent(t,e)}resolveComponent(t){return this.componentResolver.getComponent(t)}mountComponent(t){this.components.push(t)}getComponent(t){const e=this.components.find(i=>i.type===t);return e||null}_getTargetElement(){let t="bottom-right";if(this.anchor==="BottomRight"?t="bottom-right":this.anchor==="BottomLeft"&&(t="bottom-left"),this.renderStrategy===y.Trigger){let e=document.querySelector(`ace-trigger-slot.${t}`);return e||(e=new it,e.anchor=this.anchor,document.body.appendChild(e)),e}return document.body}render(){if(this.renderStrategy===y.Trigger){const t=new _;return t.application=this,t}return this.root}}const ye=class{async getSite(r){const e=await(await fetch(r)).json();return e?{id:e.id,apps:e.widgets.map(i=>{let s=y.Inline;return i.renderStrategy==="Trigger"&&(s=y.Trigger),{id:i.id,widgetId:i.widgetId,renderStrategy:s,autoActivate:i.autoActivate,anchor:i.anchor,triggerIcon:{type:"Telia",content:i.triggerIcon}}})}:null}async getWidget(r){const e=await(await fetch(`${ye.endpoint}/widget/${r}`)).json();return e?{name:e.name,config:JSON.parse(e.configuration)}:null}};let Q=ye;Q.endpoint="https://widgets.ace.teliacompany.net/api";class be{constructor(){this.applications=[],this.container=new bt("environment",this),setTimeout(()=>{this.notifyWidgetsOfCreation()},1e3)}async bootstrap(){await this.activate()}async activate(){const t=this.applications.filter(e=>e.autoActivate);for await(const e of t)await e.activate()}notifyWidgetsOfCreation(){document.querySelectorAll("ace-widget").forEach(e=>{const i=this.applications.find(s=>s.name===e.name);i&&e.dispatchEvent(new CustomEvent("environment-created",{detail:{widget:i}}))})}registerApp(t,e,i){const s=new bt(t,this),n=new ve(t,s,e,i);this.applications.push(n)}plugin(t){return this.applications.forEach(e=>{e.plugin(t)}),this}}class $e{constructor(t){this.configurations=[],this.httpClient=new Q,this.httpClient=new Q,typeof t=="string"?this.url=t:(t.httpClient&&(this.httpClient=t.httpClient),this.loadFromConfig(t))}async load(t){const e=await this.httpClient.getSite(t);if(!e){console.warn(`Unable to load site from the url provided: ${t}`);return}this.configurations=e.apps}loadFromConfig(t){this.configurations=t.apps.map(e=>({id:"",renderStrategy:e.renderStrategy,widgetId:e.widgetId,autoActivate:e.autoActivate,anchor:e.anchor,triggerIcon:{type:"Telia",content:e.triggerIcon||"question"}}))}async bootstrap(t){var e;this.url&&await this.load(this.url),this.environment=new be,this.addGlobal(this.environment);for await(const i of this.configurations){const s=await this.httpClient.getWidget(i.widgetId);s&&((e=this.environment)==null||e.registerApp(s.name,s.config,{renderStrategy:i.renderStrategy,triggerIcon:i.triggerIcon,autoActivate:i.autoActivate,anchor:i.anchor}))}t(this.environment),await this.environment.bootstrap()}addGlobal(t){globalThis.widgets=t}}var xi=Object.defineProperty,Ci=Object.getOwnPropertyDescriptor,Ct=(r,t,e,i)=>{for(var s=i>1?void 0:i?Ci(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&xi(t,e,s),s};class k extends ${constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return d;if(this.widget.renderStrategy===y.Trigger){const t=new _;return t.application=this.widget,t}return this.widget.render()}}k.styles=[U`
+  `;wi([m({attribute:!1})],st.prototype,"application",2);class Ai{constructor(){this.root=this.createRoot()}createComponentModel(t,e){this.root.application=e;const i=a=>{if(Array.isArray(a)){const[c,...l]=a;return{definitionId:c,overrides:l}}return{definitionId:a,overrides:[]}},s=(a,c,l,h)=>{l.forEach(p=>{const u=i(p),f=h[u.definitionId];if(!f){console.error(`No definition found for component type '${u.definitionId}'.`);return}const g=a.createNode(f.type,f.type);g&&(g.name=u.definitionId,g.application=e,f.properties&&g.writeProperties(f.properties),f.context&&g.writeContext(f.context),f.layout&&g.writeLayout(f.layout),c.addChild(g),f.children&&s(a,g,f.children,h))})},{entry:n,components:o}=t;return s(this,this.root,[n],o),this.root}createRoot(){return new st}createNode(t,e){const i=this.resolveComponent(e);if(!i)return console.warn(`Unable to resolve component: ${e}`),new xt;const s=new i;return s.type=e,s.name=t,s}resolveComponent(t){return customElements.get(`ace-${t}`)}getRoot(){return this.root}}const ge=class{constructor(){this.components=new Map}getComponent(r){const t=this.components.get(r);return t||console.warn(`Unable to resolve component: ${r}. You most likely forgot to register the required plugin.`),t}registerComponent(r,t){this.components.set(r,t)}async loadComponents(){const r=[...this.components.entries()].map(([t,e])=>e.then(i=>{this.defineAsWebComponent(t,i.default)}));await Promise.all(r)}defineAsWebComponent(r,t){const e=ge.ResolveWebComponentName(r);customElements.get(e)||customElements.define(e,t)}};let me=ge;me.ResolveWebComponentName=r=>`ace-${r}`;class Si{constructor(){this.texts=new Map}loadTexts(t){this.texts=new Map(Object.entries(t))}get(t,e){const i=this.texts.get(t);return i||e||null}getOrFallback(t,e){return this.texts.get(t)||e}}class ve{constructor(t,e,i,s){this.name=t,this.container=e,this.settings=i,this.options=s,this.platform=new Ai,this.texts=new Si,this.renderStrategy=y.Inline,this.anchor="BottomRight",this.autoActivate=!1,this.plugins=[],this.componentResolver=new me,this.components=[],this.renderStrategy=this.options.renderStrategy||y.Inline,this.triggerIcon=this.options.triggerIcon,typeof s.autoActivate=="boolean"&&(this.autoActivate=s.autoActivate),s.anchor&&(this.anchor=s.anchor),this.container.register("$settings",i),this.texts.loadTexts(i.texts||{})}async activate(){if(await this.loadPlugins(),await this.componentResolver.loadComponents(),this.root=this.platform.createComponentModel(this.settings,this),this.container.setState(ee.Ready),this.autoActivate){const t=this.render();t&&this._getTargetElement().appendChild(t)}}async loadPlugins(){for await(const t of this.plugins)await t(this)}styles(){return this.settings.styles||{}}branding(){return this.settings.branding||{}}plugin(t){return this.plugins.push(t),this}appendToDOM(){this.root&&(this.root.classList.add("expanded"),this.root.classList.remove("hidden"),document.body.appendChild(this.root))}hide(){this.root&&(this.root.classList.add("hidden"),this.root.classList.remove("expanded"))}mute(){this.settings.branding.other.disableSound=!0}unmute(){this.settings.branding.other.disableSound=!1}registerComponent(t,e){this.componentResolver.registerComponent(t,e)}resolveComponent(t){return this.componentResolver.getComponent(t)}mountComponent(t){this.components.push(t)}getComponent(t){const e=this.components.find(i=>i.type===t);return e||null}_getTargetElement(){let t="bottom-right";if(this.anchor==="BottomRight"?t="bottom-right":this.anchor==="BottomLeft"&&(t="bottom-left"),this.renderStrategy===y.Trigger){let e=document.querySelector(`ace-trigger-slot.${t}`);return e||(e=new it,e.anchor=this.anchor,document.body.appendChild(e)),e}return document.body}render(){if(this.renderStrategy===y.Trigger){const t=new _;return t.application=this,t}return this.root}}const ye=class{async getSite(r){const e=await(await fetch(r)).json();return e?{id:e.id,apps:e.widgets.map(i=>{let s=y.Inline;return i.renderStrategy==="Trigger"&&(s=y.Trigger),{id:i.id,widgetId:i.widgetId,renderStrategy:s,autoActivate:i.autoActivate,anchor:i.anchor,triggerIcon:{type:"Telia",content:i.triggerIcon}}})}:null}async getWidget(r){const e=await(await fetch(`${ye.endpoint}/widget/${r}`)).json();return e?{name:e.name,config:JSON.parse(e.configuration)}:null}};let Q=ye;Q.endpoint="https://widgets.ace.teliacompany.net/api";class be{constructor(){this.applications=[],this.container=new bt("environment",this),setTimeout(()=>{this.notifyWidgetsOfCreation()},1e3)}async bootstrap(){await this.activate()}async activate(){const t=this.applications.filter(e=>e.autoActivate);for await(const e of t)await e.activate()}notifyWidgetsOfCreation(){document.querySelectorAll("ace-widget").forEach(e=>{const i=this.applications.find(s=>s.name===e.name);i&&e.dispatchEvent(new CustomEvent("environment-created",{detail:{widget:i}}))})}registerApp(t,e,i){const s=new bt(t,this),n=new ve(t,s,e,i);this.applications.push(n)}plugin(t){return this.applications.forEach(e=>{e.plugin(t)}),this}}class $e{constructor(t){this.configurations=[],this.httpClient=new Q,this.httpClient=new Q,typeof t=="string"?this.url=t:(t.httpClient&&(this.httpClient=t.httpClient),this.loadFromConfig(t))}async load(t){const e=await this.httpClient.getSite(t);if(!e){console.warn(`Unable to load site from the url provided: ${t}`);return}this.configurations=e.apps}loadFromConfig(t){this.configurations=t.apps.map(e=>({id:"",renderStrategy:e.renderStrategy,widgetId:e.widgetId,autoActivate:e.autoActivate,anchor:e.anchor,triggerIcon:{type:"Telia",content:e.triggerIcon||"question"}}))}async bootstrap(t){var e;this.url&&await this.load(this.url),this.environment=new be,this.addGlobal(this.environment);for await(const i of this.configurations){const s=await this.httpClient.getWidget(i.widgetId);s&&((e=this.environment)==null||e.registerApp(s.name,s.config,{renderStrategy:i.renderStrategy,triggerIcon:i.triggerIcon,autoActivate:i.autoActivate,anchor:i.anchor}))}t(this.environment),await this.environment.bootstrap()}addGlobal(t){globalThis.widgets=t}}var xi=Object.defineProperty,Ci=Object.getOwnPropertyDescriptor,Ct=(r,t,e,i)=>{for(var s=i>1?void 0:i?Ci(t,e):t,n=r.length-1,o;n>=0;n--)(o=r[n])&&(s=(i?o(t,e,s):o(s))||s);return i&&s&&xi(t,e,s),s};class k extends ${constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(t){this.widget=t.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const t=globalThis.widgets;t&&(this.widget=t.applications.find(e=>e.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return d;if(this.widget.renderStrategy===y.Trigger){const t=new _;return t.application=this.widget,t}return this.widget.render()}}k.styles=[U`
       :host {
         display: block;
       }

package/index.mjs

@@ -248,7 +248,7 @@ var be = function() {
       try {
         e.next(t);
       } catch (i) {
-        F(i);
+        W(i);
       }
   }, r.prototype.error = function(t) {
     var e = this.partialObserver;
@@ -256,17 +256,17 @@ var be = function() {
       try {
         e.error(t);
       } catch (i) {
-        F(i);
+        W(i);
       }
     else
-      F(t);
+      W(t);
   }, r.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
         t.complete();
       } catch (e) {
-        F(e);
+        W(e);
       }
   }, r;
 }(), vt = function(r) {
@@ -293,7 +293,7 @@ var be = function() {
   }
   return t;
 }(Qt);
-function F(r) {
+function W(r) {
   ve(r);
 }
 function $e(r) {
@@ -871,7 +871,7 @@ class H {
           for (const p of s.getAttributeNames())
             if (p.endsWith(re)) {
               const u = h[o++], f = s.getAttribute(p).split(_), g = /([.?@])?(.*)/.exec(u);
-              c.push({ type: 1, index: n, name: g[2], strings: f, ctor: g[1] === "." ? We : g[1] === "?" ? Fe : g[1] === "@" ? Ge : tt }), s.removeAttribute(p);
+              c.push({ type: 1, index: n, name: g[2], strings: f, ctor: g[1] === "." ? Fe : g[1] === "?" ? We : g[1] === "@" ? Ge : tt }), s.removeAttribute(p);
             } else
               p.startsWith(_) && (c.push({ type: 6, index: n }), s.removeAttribute(p));
         if (oe.test(s.tagName)) {
@@ -1028,7 +1028,7 @@ class tt {
     t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class We extends tt {
+class Fe extends tt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -1036,7 +1036,7 @@ class We extends tt {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class Fe extends tt {
+class We extends tt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -1297,7 +1297,7 @@ class he extends ce {
 }
 const ri = /* @__PURE__ */ new WeakMap();
 let zt = 0;
-const ht = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new WeakSet(), Ft = () => new Promise((r) => requestAnimationFrame(r)), si = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Gt = (r, t) => {
+const ht = /* @__PURE__ */ new Map(), Ft = /* @__PURE__ */ new WeakSet(), Wt = () => new Promise((r) => requestAnimationFrame(r)), si = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Gt = (r, t) => {
   const e = r - t;
   return e === 0 ? void 0 : e;
 }, Vt = (r, t) => {
@@ -1381,7 +1381,7 @@ class ai extends he {
     if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
       return;
     let t;
-    this.prepare(), await Ft;
+    this.prepare(), await Wt;
     const e = this._(), i = this.A(this.options.keyframeOptions, e), s = this.p();
     if (this.g !== void 0) {
       const { from: n, to: o } = this.O(this.g, s, e);
@@ -1410,7 +1410,7 @@ class ai extends he {
     var e;
     if (!this.o || (this.options.id !== void 0 && ht.set(this.options.id, this.g), this.options.out === void 0))
       return;
-    if (this.prepare(), await Ft(), (e = this.t) == null ? void 0 : e.isConnected) {
+    if (this.prepare(), await Wt(), (e = this.t) == null ? void 0 : e.isConnected) {
       const i = this.i && this.i.parentNode === this.t ? this.i : null;
       if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
         const s = this.p();
@@ -1442,9 +1442,9 @@ class ai extends he {
     return t;
   }
   get isHostRendered() {
-    const t = Wt.has(this.l);
+    const t = Ft.has(this.l);
     return t || this.l.updateComplete.then(() => {
-      Wt.add(this.l);
+      Ft.add(this.l);
     }), t;
   }
   A(t, e = this._()) {
@@ -2125,6 +2125,9 @@ class _i {
     const i = this.texts.get(t);
     return i || e || null;
   }
+  getOrFallback(t, e) {
+    return this.texts.get(t) || e;
+  }
 }
 class wi {
   constructor(t, e, i, s) {
@@ -2309,7 +2312,7 @@ var xi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, xt = (r, t
     (o = r[n]) && (s = (i ? o(t, e, s) : o(s)) || s);
   return i && s && xi(t, e, s), s;
 };
-class W extends $ {
+class F extends $ {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -2341,7 +2344,7 @@ class W extends $ {
     return this.widget.render();
   }
 }
-W.styles = [
+F.styles = [
   U`
       :host {
         display: block;
@@ -2350,23 +2353,23 @@ W.styles = [
 ];
 xt([
   m({ attribute: !0 })
-], W.prototype, "name", 2);
+], F.prototype, "name", 2);
 xt([
   z()
-], W.prototype, "widget", 2);
+], F.prototype, "widget", 2);
 xt([
   z()
-], W.prototype, "status", 2);
+], F.prototype, "status", 2);
 customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", et);
 customElements.get("ace-trigger") || customElements.define("ace-trigger", A);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", St);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", rt);
-customElements.get("ace-widget") || customElements.define("ace-widget", W);
+customElements.get("ace-widget") || customElements.define("ace-widget", F);
 const Ri = async (r, t) => {
   await new Si(r).bootstrap(t);
 };
 export {
-  W as AceWidget,
+  F as AceWidget,
   wi as Application,
   Rt as Container,
   Ai as Environment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-core-flamingo",
-  "version": "1.1.36-rc.0",
+  "version": "1.1.36-rc.1",
   "dependencies": {
     "lit": "^3.0.2",
     "@teliads/icons": "^8.4.0",

package/services/texts.service.d.ts

@@ -6,4 +6,5 @@ export declare class TextsService implements ITextsService {
     private texts;
     loadTexts(texts: Record<string, string>): void;
     get(key: string, fallback?: string): string | null;
+    getOrFallback(key: string, fallback: string): string;
 }