@telia-ace/widget-conversation-flamingo 1.1.82-rc.3 → 1.1.82-rc.5

package/index.js

@@ -284,7 +284,7 @@
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */function Ha({context:s}){return(e,t)=>{const n=new WeakMap;if(typeof t=="object")return t.addInitializer(function(){n.set(this,new ks(this,{context:s}))}),{get(){return e.get.call(this)},set(i){var r;return(r=n.get(this))==null||r.setValue(i),e.set.call(this,i)},init(i){var r;return(r=n.get(this))==null||r.setValue(i),i}};{e.constructor.addInitializer(o=>{n.set(o,new ks(o,{context:s}))});const i=Object.getOwnPropertyDescriptor(e,t);let r;if(i===void 0){const o=new WeakMap;r={get(){return o.get(this)},set(a){n.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=i.set;r={...i,set(a){n.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(e,t,r)}}}var Na=Object.defineProperty,Da=(s,e,t,n)=>{for(var i=void 0,r=s.length-1,o;r>=0;r--)(o=s[r])&&(i=o(e,t,i)||i);return i&&Na(e,t,i),i};const Fa="application",An=class An extends k{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=M()}addChild(e){e.parent=this,this.nodes.push(e)}applyBranding(){if(!this.wrapperRef.value)return;const e=this.application.settings;e!=null&&e.branding&&Li(e.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const e=this.application.styles(),t=this.wrapperRef.value;Object.entries(e).forEach(([n,i])=>{t.style.setProperty(`--${n}`,i)})}firstUpdated(e){this.applyBranding(),this.applyStyles()}render(){var n,i;const e=this.application.settings.components.conversation;return((i=(n=e==null?void 0:e.properties)==null?void 0:n.chat)==null?void 0:i.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===Oe.Trigger&&(this.renderRoot.host.classList.add("floating"),this.application.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.application.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right")),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),v`<div class="widget-container" ${z(this.wrapperRef)}>
+ */function Ha({context:s}){return(e,t)=>{const n=new WeakMap;if(typeof t=="object")return t.addInitializer(function(){n.set(this,new ks(this,{context:s}))}),{get(){return e.get.call(this)},set(i){var r;return(r=n.get(this))==null||r.setValue(i),e.set.call(this,i)},init(i){var r;return(r=n.get(this))==null||r.setValue(i),i}};{e.constructor.addInitializer(o=>{n.set(o,new ks(o,{context:s}))});const i=Object.getOwnPropertyDescriptor(e,t);let r;if(i===void 0){const o=new WeakMap;r={get(){return o.get(this)},set(a){n.get(this).setValue(a),o.set(this,a)},configurable:!0,enumerable:!0}}else{const o=i.set;r={...i,set(a){n.get(this).setValue(a),o==null||o.call(this,a)}}}return void Object.defineProperty(e,t,r)}}}var Na=Object.defineProperty,Da=(s,e,t,n)=>{for(var i=void 0,r=s.length-1,o;r>=0;r--)(o=s[r])&&(i=o(e,t,i)||i);return i&&Na(e,t,i),i};const Fa="application",An=class An extends k{constructor(){super(...arguments),this.nodes=[],this.wrapperRef=M()}addChild(e){e.parent=this,this.nodes.push(e)}applyBranding(){if(!this.wrapperRef.value)return;const e=this.application.settings;e!=null&&e.branding&&Li(e.branding,this.wrapperRef.value)}applyStyles(){if(!this.wrapperRef.value)return;const e=this.application.styles(),t=this.wrapperRef.value;Object.entries(e).forEach(([n,i])=>{t.style.setProperty(`--${n}`,i)})}firstUpdated(e){this.applyBranding(),this.applyStyles()}render(){var n,i;const e=this.application.settings.components.conversation;return((i=(n=e==null?void 0:e.properties)==null?void 0:n.chat)==null?void 0:i.isThirdPartyWidget)?this.renderRoot.host.classList.add("third-party"):this.application.renderStrategy===Oe.Trigger&&(this.renderRoot.host.classList.add("floating"),this.application.anchor==="BottomLeft"?this.renderRoot.host.classList.add("bottom-left"):this.application.anchor==="BottomRight"&&this.renderRoot.host.classList.add("bottom-right")),this.application.mobile&&this.renderRoot.host.classList.add("mobile"),window.self!==window.top&&this.renderRoot.host.classList.add("embedded"),v`<div class="widget-container" ${z(this.wrapperRef)}>
       ${za(this.nodes,r=>r)}
     </div>`}};An.styles=E`
     :host {
@@ -331,6 +331,18 @@
       position: fixed;
     }
 
+    :host(.mobile.floating) {
+      inset: 0 !important;
+      height: 100% !important;
+      width: auto !important;
+      max-height: none !important;
+    }
+
+    :host(.mobile.floating) .widget-container {
+      box-shadow: none !important;
+      border-radius: 0 !important;
+    }
+
     @media screen and (max-width: 800px) {
       :host(.floating) {
         inset: 0;

package/index.mjs

@@ -3645,7 +3645,7 @@ const Ha = "application", Cn = class Cn extends k {
   render() {
     var n, i;
     const e = this.application.settings.components.conversation;
-    return ((i = (n = e == null ? void 0 : e.properties) == null ? void 0 : n.chat) == null ? void 0 : i.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === Oe.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), window.self !== window.top && this.renderRoot.host.classList.add("embedded"), v`<div class="widget-container" ${z(this.wrapperRef)}>
+    return ((i = (n = e == null ? void 0 : e.properties) == null ? void 0 : n.chat) == null ? void 0 : i.isThirdPartyWidget) ? this.renderRoot.host.classList.add("third-party") : this.application.renderStrategy === Oe.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), this.application.mobile && this.renderRoot.host.classList.add("mobile"), window.self !== window.top && this.renderRoot.host.classList.add("embedded"), v`<div class="widget-container" ${z(this.wrapperRef)}>
       ${Pa(this.nodes, (r) => r)}
     </div>`;
   }
@@ -3695,6 +3695,18 @@ Cn.styles = E`
       position: fixed;
     }
 
+    :host(.mobile.floating) {
+      inset: 0 !important;
+      height: 100% !important;
+      width: auto !important;
+      max-height: none !important;
+    }
+
+    :host(.mobile.floating) .widget-container {
+      box-shadow: none !important;
+      border-radius: 0 !important;
+    }
+
     @media screen and (max-width: 800px) {
       :host(.floating) {
         inset: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-conversation-flamingo",
-  "version": "1.1.82-rc.3",
+  "version": "1.1.82-rc.5",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
@@ -9,7 +9,7 @@
     "@lit-labs/motion": "^1.0.4",
     "@teliads/icons": "^8.4.0",
     "@teliads/components": "^22.1.1",
-    "@telia-ace/widget-core-flamingo": "1.1.82-rc.3",
+    "@telia-ace/widget-core-flamingo": "1.1.82-rc.5",
     "lit-html": "^3.0.2",
     "rxjs": "^7.8.1",
     "marked": "^12.0.2"