@chat21/chat21-web-widget 5.1.0-rc8 → 5.1.0

package/src/app/utils/globals.ts

@@ -135,7 +135,6 @@ export class Globals {
   userEmail: string;
   widgetTitle: string;
   fullscreenMode: boolean;
-  hideHeaderCloseButton: boolean;
   themeColor: string;
   themeColorOpacity: number;
   themeForegroundColor: string;
@@ -161,6 +160,8 @@ export class Globals {
   baloonShape: string;
   isLogEnabled: boolean;
   openExternalLinkButton: boolean;
+  hideHeaderConversation: boolean
+  hideHeaderCloseButton: boolean;
   hideHeaderConversationOptionsMenu: boolean;
   hideCloseConversationOptionMenu: boolean;
   hideSettings: boolean;
@@ -218,6 +219,13 @@ export class Globals {
   showEmojiFooterButton: boolean // *******  new ********
   showAttachmentFooterButton: boolean // *******  new ********
   showAudioRecorderFooterButton: boolean // *******  new ********
+
+  allowedOnSpecificUrl: boolean // *******  new ********
+  allowedOnSpecificUrlList: Array<string> // *******  new ********
+
+  fontFamilySource: string; // *******  new ********
+
+  size: 'min' | 'max' | 'top'; // *******  new ********
   constructor(
   ) { }
 
@@ -240,156 +248,165 @@ export class Globals {
     // ============ BEGIN: SET EXTERNAL PARAMETERS ==============//
     this.baseLocation = 'https://widget.tiledesk.com/v2';
     this.autoStart = true;
-    this.startHidden = false;
     /** start Authentication and startUI */
-    this.isShown = true;
+    this.startHidden = false;
     /** show/hide all widget -> js call: showAllWidget */
-    this.isOpen = false;
+    this.isShown = true;
     /** show/hide window widget -> js call: hideAllWidget */
-    this.startFromHome = true;
+    this.isOpen = false;
     /** start from Home or Conversation */
-    this.isOpenPrechatForm = true;
+    this.startFromHome = true;
     /** check open/close modal prechatform if g.preChatForm is true  */
-    this.isOpenStartRating = false;
+    this.isOpenPrechatForm = true;
     /** show/hide all rating chat */
-    this.projectid = '';
+    this.isOpenStartRating = false;
     /** The TileDesk project id. Find your TileDesk ProjectID in the
-    TileDesk Dashboard under the Widget menu. */
-    this.preChatForm = false;
+     TileDesk Dashboard under the Widget menu. */
+    this.projectid = '';
     /** You can require customers to enter information like name and email
     before sending a chat message by enabling the Pre-Chat form. Permitted
     values: true, false. The default value is false. */
-    this.align = '';
+    this.preChatForm = false;
     /** if it is true, the chat window is automatically open when the
-    widget is loaded. Permitted values: true, false. Default value : false */
-    this.calloutTimer = -1;
+     widget is loaded. Permitted values: true, false. Default value : false */
+    this.align = '';
     /** Proactively open the chat windows to increase the customer engagement.
     Permitted values: -1 (Disabled), 0 (Immediatly) or a positive integer value.
     For exmaple: 5 (After 5 seconds), 10 (After 10 seconds). */
-    this.calloutTitle = '';
+    this.calloutTimer = -1;
     /** title box callout */
-    this.calloutMsg = '';
+    this.calloutTitle = '';
     /** stato callout (shown only first time) */
-    this.calloutStaus = true;
+    this.calloutMsg = '';
     /** message box callout */
-    this.userFullname = '';
+    this.calloutStaus = true;
     /** userFullname: Current user fullname. Set this parameter to specify
     the visitor fullname. */
-    this.userEmail = '';
+    this.userFullname = '';
     /** Current user email address. Set this parameter to specify the visitor
     email address.  */
-    this.widgetTitle = '';
+    this.userEmail = '';
     /** Set the widget title label shown in the widget header. Value type : string.
     The default value is Tiledesk. */
-    this.dynamicWaitTimeReply = true;  
+    this.widgetTitle = '';
     /** The user can decide whether or not to share the 
-     * average response time of his team (if 'dynamicWaitTimeReply' is 
-     * false the WAITING_TIME_NOT_FOUND will always be displayed) 
-     * is set to true for backward compatibility with old projects */
-    this.hideHeaderCloseButton = false;
+    * average response time of his team (if 'dynamicWaitTimeReply' is 
+    * false the WAITING_TIME_NOT_FOUND will always be displayed) 
+    * is set to true for backward compatibility with old projects */
+    this.dynamicWaitTimeReply = true;  
     /** Hide the close button in the widget header. Permitted values: true,
     false. The default value is false. */
-    this.fullscreenMode = false;
+    this.hideHeaderCloseButton = false;
+
     /** if it is true, the chat window is open in fullscreen mode. Permitted
     values: true, false. Default value : false */
-    this.themeColor = convertColorToRGBA('#2a6ac1', 100);
+    this.fullscreenMode = false;
     /** allows you to change the main widget's color
     (color of the header, color of the launcher button,
     other minor elements). Permitted values: Hex color
     codes, e.g. #87BC65 and RGB color codes, e.g. rgb(135,188,101) */
-    this.themeColorOpacity = 100
+    this.themeColor = convertColorToRGBA('#2a6ac1', 100);
     /**allows you to change opacity in background headers component 
-     * Permitted values: [0..1] */
-    this.themeForegroundColor = convertColorToRGBA('#ffffff', 100);
+    * Permitted values: [0..1] */
+    this.themeColorOpacity = 100
     /** allows you to change text and icons' color.
     Permitted values: Hex color codes, e.g. #425635 and RGB color
     codes, e.g. rgb(66,86,53) */
-    this.allowTranscriptDownload = false;
+    this.themeForegroundColor = convertColorToRGBA('#ffffff', 100);
     /** allows the user to download the chat transcript. The download button appears
     when the chat is closed by the operator. Permitter values: true, false.
     Default value: false */
-    this.poweredBy = BRAND_BASE_INFO.POWERED_BY;
+    this.allowTranscriptDownload = false;
     /** link nel footer widget */
-    this.logoChat = BRAND_BASE_INFO.LOGO_CHAT;
+    this.poweredBy = BRAND_BASE_INFO.POWERED_BY;
     /** url img logo */
-    this.marginX = '20px';
+    this.logoChat = BRAND_BASE_INFO.LOGO_CHAT;
     /** set margin left or rigth widget  */
-    this.marginY = '20px';
+    this.marginX = '20px';
     /** set margin bottom widget */
-    this.mobileMarginX = '0px';
+    this.marginY = '20px';
     /** set margin left or rigth widget for mobile */
-    this.mobileMarginY = '0px';
+    this.mobileMarginX = '0px';
     /** set margin bottom widget for mobile*/
-    this.launcherWidth = '60px'
+    this.mobileMarginY = '0px';
     /** set launcher width widget  */
-    this.launcherHeight = '60px'
+    this.launcherWidth = '60px'
     /** set launcher height widget  */
-    this.baloonImage='';
+    this.launcherHeight = '60px'
     /** set launcher baloon widget image: require SVG url  */
-    this.baloonShape = '50%';
+    this.baloonImage='';
     /** set launcher balon widget shape: can set corner by corner   */
-    this.isLogEnabled = false;
+    this.baloonShape = '50%';
     // this.parameters['isLogEnabled'] = false;
     this.openExternalLinkButton = true;
+    /** Hide the header conversation Permitted values: true,
+    false. The default value is false. */
+    this.hideHeaderConversation= false;
+    /** Hide the close button in the widget header. Permitted values: true,
+    false. The default value is false. */
+    this.hideHeaderCloseButton = false;
+    /** set global log. Permitted values: true, false. The default value is false.   */
+    this.isLogEnabled = false;
     /** enable to hide/show upper-right header conversation options menu */
-    this.hideHeaderConversationOptionsMenu = false;
+    this.openExternalLinkButton = true;
     /** enable to close a conversation from upper-right header menu  */
-    this.hideCloseConversationOptionMenu = false;
+    this.hideHeaderConversationOptionsMenu = false;
     /** enable to hide/show options menu in conversation detail header */
-    this.hideSettings = false;
+    this.hideCloseConversationOptionMenu = false;
     /** enable to hide/show options menu in home component */
-    this.filterByRequester = false;
+    this.hideSettings = false;
     /** show conversations with conversation.attributes.requester_id == user.uid */
-    this.persistence = 'local';
+    this.filterByRequester = false;
     /** set the auth persistence */
-    this.preChatFormJson = [{name: "userFullname", type:"text", mandatory:true, label:"LABEL_FIELD_NAME"},{name:"userEmail", type:"text", mandatory:true, regex:"/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)+$/", label:"LABEL_FIELD_EMAIL", errorLabel:"LABEL_ERROR_FIELD_EMAIL"}]
+    this.persistence = 'local';
     /** set the preChatForm Json as default if preChatFormCustomFieldsEnabled is false or not exist */
-    this.bubbleSentBackground = convertColorToRGBA('#2a6ac1', 100); //'#62a8ea'
+    this.preChatFormJson = [{name: "userFullname", type:"text", mandatory:true, label:"LABEL_FIELD_NAME"},{name:"userEmail", type:"text", mandatory:true, regex:"/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)+$/", label:"LABEL_FIELD_EMAIL", errorLabel:"LABEL_ERROR_FIELD_EMAIL"}]
     /** set the background of bubble sent message */
-    this.bubbleSentTextColor = convertColorToRGBA('#ffffff', 100); //'#ffffff'
+    this.bubbleSentBackground = convertColorToRGBA('#2a6ac1', 100); //'#62a8ea'
     /** set the text color of bubble sent message */
-    this.bubbleReceivedBackground= convertColorToRGBA('#f0f2f7', 100); //#f7f7f7;
+    this.bubbleSentTextColor = convertColorToRGBA('#ffffff', 100); //'#ffffff'
     /** set the background of bubble received message */
-    this.bubbleReceivedTextColor = convertColorToRGBA('#06132b', 100); //#1a1a1a
+    this.bubbleReceivedBackground= convertColorToRGBA('#f0f2f7', 100); //#f7f7f7;
     /** set the text color of bubble received message */
-    this.fontSize = '1.4em'
+    this.bubbleReceivedTextColor = convertColorToRGBA('#06132b', 100); //#1a1a1a
     /** set the text size of bubble messages */
-    this.fontFamily = "'Roboto','Google Sans', Helvetica, Arial, sans-serif'"
+    this.fontSize = '1.4em'
     /** set the text family of bubble messages */
-    this.buttonFontSize = '15px'
+    this.fontFamily = "'Roboto','Google Sans', Helvetica, Arial, sans-serif"
     /** set the text size of attachment-buttons */
-    this.buttonBackgroundColor = convertColorToRGBA('#ffffff', 100)
+    this.buttonFontSize = '15px'
     /** set the backgroundColor of attachment-buttons */
-    this.buttonTextColor = convertColorToRGBA('#2a6ac1', 100)
+    this.buttonBackgroundColor = convertColorToRGBA('#ffffff', 100)
     /** set the text color of attachment-buttons */
+    this.buttonTextColor = convertColorToRGBA('#2a6ac1', 100)
+    /** set the text size of attachment-buttons */
     this.buttonHoverBackgroundColor = convertColorToRGBA('#2a6ac1', 100)
     /** set the text size of attachment-buttons */
     this.buttonHoverTextColor = convertColorToRGBA('#ffffff', 100);
-    /** set the text size of attachment-buttons */
-    this.singleConversation = false;
     /** set the single conversation mode for the widget */
-    this.restartConversation = false;
+    this.singleConversation = false;
     /** allow you to always restart a new converazioe */
-    this.nativeRating = true;
+    this.restartConversation = false;
     /** set if native rating componet has to be shown */
-    this.showInfoMessage = 'MEMBER_JOINED_GROUP'.split(',').map(key => { return key.trim()});
+    this.nativeRating = true;
     /** disable or show bubble info message 'MEMBER_JOINED_CHAT' */
-    this.typingLocation = 'content'
+    this.showInfoMessage = 'MEMBER_JOINED_GROUP'.split(',').map(key => { return key.trim()});
     /** set the location of typing indicator (header or content) */
-    this.allowReopen = false;
+    this.typingLocation = 'content'
     /** enable the user to reopen a closed conversation */
     // this.continueConversationBeforeTime = 48;
     /** enable user to continue archived confersation before the value time from last timeout message */
-    this.participants = [];
+    this.allowReopen = false;
     /** enable user to talk with specific chat-bots/humans */
-    this.whatsappNumber = '';
+    this.participants = [];
     /**enable user to set a whatsapp business number to chat with */
-    this.messangerPageTitle = ''
+    this.whatsappNumber = '';
     /**enable user to set a facebook messanger page to chat with */
-    this.telegramUsername = ''
+    this.messangerPageTitle = ''
     /**enable user to set a telegram number to chat with */
-    this.fileUploadAccept = "image/*,.pdf,.txt,.mp3"
+    this.telegramUsername = ''
     /**enable auto disconnect from messaging after a defined amount of time (s)*/
+    this.fileUploadAccept = "image/*,.pdf,.txt,.mp3"
     this.disconnetTime = 0
 
     this.showWaitTime = true;
@@ -417,57 +434,40 @@ export class Globals {
     this.showAttachmentFooterButton = true;
     /** show/hide rec audio option in footer chat-detail page */
     this.showAudioRecorderFooterButton = true;
+    /** enabled to set a list of pattern url able to load the widget **/
+    this.allowedOnSpecificUrl = false
+    /** set a list of pattern url able to load the widget */
+    this.allowedOnSpecificUrlList = [];
+    /** set widget size from 3 different positions: min, max, top */
+    this.size = 'min';
 
     // ============ END: SET EXTERNAL PARAMETERS ==============//
 
 
     // ============ BEGIN: SET INTERNAL PARAMETERS ==============//
+    /** name tenant ex: tilechat */
     this.tenant = environment.firebaseConfig.tenant;
-    // this.parameters['tenant'] = environment.tenant;
-    // this.parameters.push({'tenant': environment.tenant});
-
-    /** Set the widget title label shown in the widget header. Value type : string.
-    The default value is Tiledesk. */
-                                                        /** name tenant ex: tilechat */
+    /** channelType: group/direct  */
     this.channelType = CHANNEL_TYPE.GROUP;
-    // this.parameters['channelType'] = CHANNEL_TYPE.GROUP;
-    // this.parameters.push({'channelType': CHANNEL_TYPE.GROUP});
-                                                        /** channelType: group/direct  */
+    /** settings for pass variables to js */                                                
     this.default_settings = {};
-    // this.parameters.push({'default_settings': '' });
-                                                        /** settings for pass variables to js */
+    /** detect is mobile : detectIfIsMobile() */                                         
     this.isMobile = false;
-    // this.parameters['isMobile'] = false;
-    // this.parameters.push({'isMobile': false});  /** detect is mobile : detectIfIsMobile() */
-
+    /** detect is logged */
     this.isLogged = false;
-    // this.parameters['isLogged'] = false;
-    // this.parameters.push({'isLogged': false});  /** detect is logged */
-
+    
     this.BUILD_VERSION = 'v.' + environment.version;
-    // this.parameters['BUILD_VERSION'] = 'v.' + environment.version;
-    // this.parameters.push({'BUILD_VERSION': 'v.' + environment.version});
 
     this.soundEnabled = true;
-    // this.parameters['soundEnabled'] = true;
-    // this.parameters.push({'soundEnabled': true});
 
     this.conversationsBadge = 0;
-    // this.parameters['conversationsBadge'] = 0;
-    // this.parameters.push({'conversationsBadge': 0});
 
     this.isOpenMenuOptions = false;
-    // this.parameters['isOpenMenuOptions'] = false;
-    // this.parameters.push({'isOpenMenuOptions': false});
 
     this.displayEyeCatcherCard = 'none';
-    // this.parameters['displayEyeCatcherCard'] = 'none';
-    // this.parameters.push({'displayEyeCatcherCard': 'none'});
     // ============ END: SET INTERNAL PARAMETERS ==============//
 
     this.supportMode = true;
-    // this.parameters['supportMode'] = true;
-    // this.parameters.push({'supportMode': true});
 
     this.newConversationStart = true;
 
@@ -525,7 +525,7 @@ export class Globals {
       'fullscreenMode': this.fullscreenMode,
       'filterByRequester': this.filterByRequester,
       'hideHeaderConversationOptionsMenu': this.hideHeaderConversationOptionsMenu, 'hideHeaderCloseButton': this.hideHeaderCloseButton,
-      'hideCloseConversationOptionMenu': this.hideCloseConversationOptionMenu,
+      'hideCloseConversationOptionMenu': this.hideCloseConversationOptionMenu, 'hideHeaderConversation': this.hideHeaderConversation,
       'hideSettings': this.hideSettings,
       'isLogEnabled': this.isLogEnabled,
       'isOpen': this.isOpen, 'isShown': this.isShown,
@@ -619,6 +619,11 @@ export class Globals {
       this.align === 'left'?  divTiledeskWidget.style.left = this.mobileMarginX : divTiledeskWidget.style.right = this.mobileMarginX; 
     }
 
+    //customize position for 'tiledeskdiv' for desktop if fullscreenMode is not active
+    if(isOpen && !this.isMobile && !this.fullscreenMode && divTiledeskWidget && this.size){
+      divTiledeskWidget.classList.add(this.size + '-size')
+    }
+
 
   }
 

package/src/app/utils/utils.ts

@@ -200,54 +200,7 @@ export function avatarPlaceholder(name: string) {
   return initials;
 }
 
-export function isEmoji(str: string) {
-  // tslint:disable-next-line:max-line-length
-  const ranges = ['(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|[\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|[\ud83c[\ude32-\ude3a]|[\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])'];
-  if (str.match(ranges.join('|'))) {
-      return true;
-  } else {
-      return false;
-  }
-}
-
-export function isAllowedUrlInText(text: string, allowedUrls: string[]): boolean {
-  // Regex per trovare URL o domini nudi nel testo
-  const urlRegex = /https?:\/\/[^\s]+|www\.[^\s]+|(?:\b[\w-]+\.)+[a-z]{2,}(\/[^\s]*)?/gi;
-  const foundUrls = text.match(urlRegex);
 
-  if (!foundUrls) {
-    return true; // Nessun URL => testo ammesso
-  }
-
-  // Normalizza dominio: rimuove schema, www., slash finali
-  const normalize = (url: string) =>
-    url
-      .replace(/^https?:\/\//i, '')
-      .replace(/^www\./i, '')
-      .replace(/\/$/, '')
-      .toLowerCase();
-
-  // Normalizza tutti gli allowed pattern per confronto
-  const normalizedAllowedPatterns = allowedUrls.map(pattern =>
-    pattern
-      .replace(/^https?:\/\//i, '')
-      .replace(/^www\./i, '')
-      .replace(/\/$/, '')
-      .toLowerCase()
-      .replace(/\./g, '\\.')
-      .replace(/\//g, '\\/')
-      .replace(/\*/g, '.*')
-  );
-
-  return foundUrls.every(rawUrl => {
-    const url = normalize(rawUrl);
-    return normalizedAllowedPatterns.some(pattern => {
-      const regex = new RegExp(`^${pattern}$`, 'i');
-      return regex.test(url);
-    });
-  });
-}
-  
 export function setColorFromString(str: string) {
   const arrayBckColor = ['#fba76f', '#80d066', '#73cdd0', '#ecd074', '#6fb1e4', '#f98bae'];
   let num = 0;

package/src/assets/i18n/en.json

@@ -1,5 +1,5 @@
 {
-    "LABEL_PLACEHOLDER": "type your message..",
+    "LABEL_PLACEHOLDER": "Type your message..",
     "LABEL_START_NW_CONV": "New conversation",
     "LABEL_WHATSAPP": "Message us",
     "LABEL_SELECT_TOPIC": "Select a topic",
@@ -53,8 +53,9 @@
     "WAITING_TIME_NOT_FOUND": "The team will reply as soon as possible",
     "CLOSED": "CLOSED",
     "CLOSE_CHAT": "Close chat",
-    "MINIMIZE":"Minimize",
-    "MAXIMIZE":"Maximize",
+    "MINIMIZE":"Minimize window",
+    "MAXIMIZE":"Expand window",
+    "CENTER":"Center",
     "CONFIRM_CLOSE_CHAT":"Are you sure you want to close this chat?",
     
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"you",
@@ -93,5 +94,5 @@
     "SWITCH_TO": "Or switch to:",
     "CONNECTION_NETWORK_ERROR": "Our apologies. There was some trouble connecting to network",
     "EMOJI_NOT_ELLOWED":"Emoji not allowed",
-    "DOMAIN_NOT_ALLOWED":"Domain not allowed"
+    "DOMAIN_NOT_ALLOWED":"URL contains a non-allowed domain"
 }

package/src/assets/i18n/es.json

@@ -53,8 +53,9 @@
     "WAITING_TIME_NOT_FOUND": "El equipo responderá lo antes posible",
     "CLOSED": "CERRADA",
     "CLOSE_CHAT": "Cerrar chat",
-    "MINIMIZE":"Minimizar",
-    "MAXIMIZE":"Maximizar",
+    "MINIMIZE":" Minimizar ventana",
+    "MAXIMIZE":"Expandir ventana",
+    "CENTER":"Centrar",
     "CONFIRM_CLOSE_CHAT":"¿Estás seguro de que quieres cerrar este chat?",
 
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tú",

package/src/assets/i18n/fr.json

@@ -53,8 +53,9 @@
     "WAITING_TIME_NOT_FOUND": "Nous vous répondrons dans les plus brefs délais",
     "CLOSED": "Fermé",
     "CLOSE_CHAT": "Fermer la discussion",
-    "MINIMIZE":"Minimiser",
-    "MAXIMIZE":"Maximiser",
+    "MINIMIZE":"Réduire la fenêtre",
+    "MAXIMIZE":"Agrandir la fenêtre",
+    "CENTER":"Centrer",
     "CONFIRM_CLOSE_CHAT":"Etes-vous sûr de vouloir fermer cette discussion?",
 
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tu",

package/src/assets/i18n/it.json

@@ -53,8 +53,9 @@
     "WAITING_TIME_NOT_FOUND": "Vi risponderemo appena possibile",
     "CLOSED": "Chiusa",
     "CLOSE_CHAT": "Chiudi chat",
-    "MINIMIZE":"Minimizza",
-    "MAXIMIZE":"Massimizza",
+    "MINIMIZE":"Comprimi finestra",
+    "MAXIMIZE":"Espandi finestra",
+    "CENTER":"Centra",
     "CONFIRM_CLOSE_CHAT":"Sei sicuro di voler chiudere questa chat?",
 
     "INFO_SUPPORT_USER_ADDED_SUBJECT":"tu",

package/src/assets/twp/chatbot-panel.html

@@ -108,6 +108,27 @@
             }
         }
 
+        .loading-text {
+            position: absolute;
+            top: 60%;
+            left: 50%;
+            transform: translateX(-50%);
+            font-family: sans-serif;
+            font-size: 18px;
+            color: rgb(224, 106, 88);;
+            animation: blinkText 1.5s infinite ease-in-out;
+            }
+
+            /* Animazione lampeggiante */
+            @keyframes blinkText {
+            0%, 100% {
+                opacity: 1;
+            }
+            50% {
+                opacity: 0;
+            }
+        }
+
         #deferred-styles {
             display: none;
         }
@@ -458,6 +479,23 @@
         }(document, 'script', 'tiledesk-jssdk'));
 
     </script> -->
+
+
+    <script type="application/javascript" id="check_embed">
+        document.addEventListener('DOMContentLoaded', function () {
+          const isEmbedded = window.self !== window.top;
+
+          if (isEmbedded) {
+            //HIDE header and footer elements
+            const header = document.querySelector('header');
+            const footer = document.querySelector('footer');
+            if (header) header.style.display = 'none';
+            if (footer) footer.style.display = 'none';
+          }
+        });
+    </script>
+
+
     <script type="application/javascript">
         window.tiledeskSettings = {
             marginX: "100px",
@@ -654,6 +692,7 @@
 
     <div id="preloader">
         <div class="loader"></div>
+        <!-- <div class="loading-text">Loading . . .</div> -->
     </div>
 
     <header id="header">