npm - @chat21/chat21-web-widget - Versions diffs - 5.0.75-rc.1 → 5.0.76 - Mend

@chat21/chat21-web-widget 5.0.75-rc.1 → 5.0.76

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 (6) hide show

package/CHANGELOG.md +8 -0
package/package.json +1 -1
package/src/app/component/message/image/image.component.html +2 -2
package/src/app/component/message/image/image.component.ts +11 -11
package/src/app/providers/translator.service.ts +5 -2
package/src/app/utils/globals.ts +93 -93

package/CHANGELOG.md CHANGED Viewed

@@ -5,6 +5,14 @@
     *Dario De Pascalis*
 ### **Copyrigth**: *Tiledesk SRL*
+### 5.0.76 in PROD
+### 5.0.75 in PROD
+- bug-fixed: WELCOME_TITLE and WELCOME_MSG translation labels not rendered
+### 5.0.75-rc.1
+- added: image preview iframe on image click
 ### 5.0.74 in PROD
 ### 5.0.74-rc.5

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@chat21/chat21-web-widget",
   "author": "Tiledesk SRL",
-  "version": "5.0.75-rc.1",
+  "version": "5.0.76",
   "license": "MIT",
   "homepage": "https://www.tiledesk.com",
   "repository": {

package/src/app/component/message/image/image.component.html CHANGED Viewed

@@ -1,10 +1,10 @@
 <!-- [ngStyle] = "{ 'max-width': width +'px', 'max-height': height +'px' }" style="position: relative; text-align: center; margin: auto"-->
-<div class="c21-img-container" >
+<div class="c21-img-container">
   <img
     class="message-contentX message-content-imageX"
     [alt]="metadata?.name"
     [ngClass]="{'isLoadingImage': loading}"
-    [ngStyle] = "{ 'width': width, 'height': height }"
+    [ngStyle] = "{ 'width': width + 'px', 'height': height+'px' }"
     [src]="metadata.src"
     (load)="onLoaded($event)"
     (click)="onClickImage()"/>

package/src/app/component/message/image/image.component.ts CHANGED Viewed

@@ -9,8 +9,8 @@ import { saveAs } from 'file-saver';
 export class ImageComponent implements OnInit {
   @Input() metadata: any;
-  @Input() width: number;
-  @Input() height: number;
+  @Input() width: any;
+  @Input() height: any;
   @Output() onElementRendered = new EventEmitter<{element: string, status: boolean}>();
   loading: boolean = true
@@ -28,8 +28,8 @@ export class ImageComponent implements OnInit {
   }
   downloadImage(url: string, fileName: string) {
-    console.log('Image COMP - IMAGE URL ', url)
-    console.log('Image COMP - IMAGE FILENAME ', fileName)
+    // console.log('Image COMP - IMAGE URL ', url);
+    // console.log('Image COMP - IMAGE FILENAME ', fileName);
     fileName? null: fileName = decodeURIComponent(decodeURIComponent(url).split('/').pop())
     // const a: any = document.createElement('a');
     // a.href = this.sanitizer.bypassSecurityTrustUrl(url);
@@ -55,7 +55,7 @@ export class ImageComponent implements OnInit {
     iframeContent += '<style> .tiledesk-popup {position: absolute; inset: 1px; outline-offset: -5px; background-color: rgba(0, 0, 0, 0.35); border-radius:16px; will-change: opacity;}'
     iframeContent +=    '.tiledesk-popup-content { position: fixed; inset: 0px; width: 100%;  height: 100%; display: flex;  justify-content: center; align-items: center; outline: 0px;}'
     iframeContent +=    '.tiledesk-popup-button { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; position: absolute; top: 0px; right: 0px; background-color: transparent; border: none; cursor: pointer; margin: 9px; padding: 0px; }'
-    iframeContent +=    '.tiledesk-popup-image { max-height: 90vh; max-width: 90vw; }'
+    iframeContent +=    '.tiledesk-popup-image { max-height: 80vh; max-width: 80vw; }'
     iframeContent += '</style>'
     iframeContent += '</head>';
     iframeContent += '<body>'
@@ -88,12 +88,12 @@ export class ImageComponent implements OnInit {
       div.addEventListener("click", function(event){
         window.document.body.removeChild(iframe)
       });
-      var image = ifrm.contentWindow.document.getElementById('image-popup')
-      image.addEventListener("click", function(event){
-        event.preventDefault();
-        event.stopPropagation();
-        that.downloadImage(that.metadata.src, that.metadata.name)
-      });
+      // var image = ifrm.contentWindow.document.getElementById('image-popup')
+      // image.addEventListener("click", function(event){
+      //   event.preventDefault();
+      //   event.stopPropagation();
+      //   that.downloadImage(that.metadata.src, that.metadata.name)
+      // });
     };
   }

package/src/app/providers/translator.service.ts CHANGED Viewed

@@ -316,11 +316,14 @@ export class TranslatorService {
       globals.CLOSED = res['CLOSED'];
       globals.LABEL_PREVIEW = res['LABEL_PREVIEW']
       globals.LABEL_ERROR_FIELD_REQUIRED= res['LABEL_ERROR_FIELD_REQUIRED']
+      if(globals.WELCOME_TITLE === 'WELLCOME_TITLE') globals.WELCOME_TITLE = res['WELCOME_TITLE']
       if (!globals.welcomeTitle) {
         globals.welcomeTitle = globals.WELCOME_TITLE;   /** Set the widget welcome message. Value type : string */
       }
+      if(globals.WELCOME_MSG === 'WELLCOME_MSG') globals.WELCOME_MSG = res['WELCOME_MSG']
       if (!globals.welcomeMsg) {
         globals.welcomeMsg = globals.WELCOME_MSG;       /** Set the widget welcome message. Value type : string */
       }

package/src/app/utils/globals.ts CHANGED Viewed

@@ -119,102 +119,102 @@ export class Globals {
   LABEL_PREVIEW: string;
   // ============ BEGIN: EXTERNAL PARAMETERS ==============//
-   autoStart: boolean;
-   startHidden: boolean;
-   isShown: boolean;
-   isOpen: boolean;
-   startFromHome: boolean;
-   projectid: string;
-   preChatForm: boolean;
-   align: string;
-   calloutTimer: number;
-   calloutTitle: string;
-   calloutMsg: string;
-   calloutStaus: boolean;
-   userFullname: string;
-   userEmail: string;
-   widgetTitle: string;
-   fullscreenMode: boolean;
-   hideHeaderCloseButton: boolean;
-   themeColor: string;
-   themeColorOpacity: number;
-   themeForegroundColor: string;
-   colorGradient: string;
-   colorGradient180: string;
-   allowTranscriptDownload: boolean;
-   poweredBy: string;
-   logoChat: string;
-   welcomeTitle: string;
-   welcomeMsg: string;
-   recipientId: string;
-   newConversationStart: boolean;
-   recipientFullname: string;
+  autoStart: boolean;
+  startHidden: boolean;
+  isShown: boolean;
+  isOpen: boolean;
+  startFromHome: boolean;
+  projectid: string;
+  preChatForm: boolean;
+  align: string;
+  calloutTimer: number;
+  calloutTitle: string;
+  calloutMsg: string;
+  calloutStaus: boolean;
+  userFullname: string;
+  userEmail: string;
+  widgetTitle: string;
+  fullscreenMode: boolean;
+  hideHeaderCloseButton: boolean;
+  themeColor: string;
+  themeColorOpacity: number;
+  themeForegroundColor: string;
+  colorGradient: string;
+  colorGradient180: string;
+  allowTranscriptDownload: boolean;
+  poweredBy: string;
+  logoChat: string;
+  welcomeTitle: string;
+  welcomeMsg: string;
+  recipientId: string;
+  newConversationStart: boolean;
+  recipientFullname: string;
   //  userId: string;
   //  userToken: string;
-   marginX: string;
-   marginY: string;
-   mobileMarginX: string;
-   mobileMarginY: string;
-   launcherWidth: string;
-   launcherHeight: string;
-   baloonImage: string;
-   baloonShape: string;
-   isLogEnabled: boolean;
-   openExternalLinkButton: boolean;
-   hideHeaderConversationOptionsMenu: boolean;
-   hideCloseConversationOptionMenu: boolean;
-   hideRestartConversationOptionsMenu: boolean;
-   hideSettings: boolean;
-   filterByRequester: boolean;
-   persistence;
-   windowContext;
-   showWaitTime: boolean;
-   showAvailableAgents: boolean;
-   showLogoutOption: boolean;
-   supportMode: boolean;
-   customAttributes: any;
-   showAttachmentButton: boolean;
-   showAllConversations: boolean;
+  marginX: string;
+  marginY: string;
+  mobileMarginX: string;
+  mobileMarginY: string;
+  launcherWidth: string;
+  launcherHeight: string;
+  baloonImage: string;
+  baloonShape: string;
+  isLogEnabled: boolean;
+  openExternalLinkButton: boolean;
+  hideHeaderConversationOptionsMenu: boolean;
+  hideCloseConversationOptionMenu: boolean;
+  hideRestartConversationOptionsMenu: boolean;
+  hideSettings: boolean;
+  filterByRequester: boolean;
+  persistence;
+  windowContext;
+  showWaitTime: boolean;
+  showAvailableAgents: boolean;
+  showLogoutOption: boolean;
+  supportMode: boolean;
+  customAttributes: any;
+  showAttachmentButton: boolean;
+  showAllConversations: boolean;
   //  privacyField: string;
-   jwt: string;
-   isOpenNewMessage: boolean;
-   dynamicWaitTimeReply: boolean; // *******  new ********
-   logLevel: string; // *******  new ********
-   bubbleSentBackground: string; // *******  new ********
-   bubbleSentTextColor: string; // *******  new ********
-   bubbleReceivedBackground: string; // *******  new ********
-   bubbleReceivedTextColor: string; // *******  new ********
-   fontSize: string; // *******  new ********
-   fontFamily: string; // *******  new ********
-   buttonFontSize: string; // *******  new ********
-   buttonBackgroundColor: string // *******  new ********
-   buttonTextColor: string // *******  new ********
-   buttonHoverBackgroundColor: string // *******  new ********
-   buttonHoverTextColor: string // *******  new ********
-   singleConversation: boolean; // *******  new ********
-   restartConversation: boolean; // *******  new ********
-   nativeRating: boolean; // *******  new ********
-   showInfoMessage: Array<string>; // *******  new ********
-   typingLocation: string; // *******  new ********
-   allowReopen: boolean; // *******  new ********
-   continueConversationBeforeTime: number; // *******  new ********
-   participants: Array<string>; // *******  new ********
-   whatsappNumber: string; // *******  new ********
-   messangerPageTitle: string; // *******  new ********
-   telegramUsername: string; // *******  new ********
-   fileUploadAccept: string; // *******  new ********
-   disconnetTime: number; // *******  new ********
-   onPageChangeVisibilityMobile: 'open' | 'close' | 'last'; // *******  new ********
-   onPageChangeVisibilityDesktop: 'open' | 'close' | 'last'; // *******  new ********
-   displayOnMobile: boolean; // *******  new ********
-   displayOnDesktop: boolean; // *******  new ********
-   hiddenMessage: string; // *******  new ********
+  jwt: string;
+  isOpenNewMessage: boolean;
+  dynamicWaitTimeReply: boolean; // *******  new ********
+  logLevel: string; // *******  new ********
+  bubbleSentBackground: string; // *******  new ********
+  bubbleSentTextColor: string; // *******  new ********
+  bubbleReceivedBackground: string; // *******  new ********
+  bubbleReceivedTextColor: string; // *******  new ********
+  fontSize: string; // *******  new ********
+  fontFamily: string; // *******  new ********
+  buttonFontSize: string; // *******  new ********
+  buttonBackgroundColor: string // *******  new ********
+  buttonTextColor: string // *******  new ********
+  buttonHoverBackgroundColor: string // *******  new ********
+  buttonHoverTextColor: string // *******  new ********
+  singleConversation: boolean; // *******  new ********
+  restartConversation: boolean; // *******  new ********
+  nativeRating: boolean; // *******  new ********
+  showInfoMessage: Array<string>; // *******  new ********
+  typingLocation: string; // *******  new ********
+  allowReopen: boolean; // *******  new ********
+  continueConversationBeforeTime: number; // *******  new ********
+  participants: Array<string>; // *******  new ********
+  whatsappNumber: string; // *******  new ********
+  messangerPageTitle: string; // *******  new ********
+  telegramUsername: string; // *******  new ********
+  fileUploadAccept: string; // *******  new ********
+  disconnetTime: number; // *******  new ********
+  onPageChangeVisibilityMobile: 'open' | 'close' | 'last'; // *******  new ********
+  onPageChangeVisibilityDesktop: 'open' | 'close' | 'last'; // *******  new ********
+  displayOnMobile: boolean; // *******  new ********
+  displayOnDesktop: boolean; // *******  new ********
+  hiddenMessage: string; // *******  new ********
   constructor(
   ) { }