@chat21/chat21-web-widget 5.1.32-rc8 → 5.1.33-rc11

package/src/app/sass/_variables.scss

@@ -38,7 +38,7 @@
     --chat-footer-logo-height: 30px;
     --chat-footer-close-button-height: 30px;
     --chat-footer-border-radius: 16px;
-    --chat-footer-stream-button-height: 96px;
+    --chat-footer-stream-button-height: 72px;
     --chat-footer-stream-button-padding: 10px 0;
     --chat-footer-background-color: #f6f7fb;
     --chat-footer-color: #1a1a1a;

package/src/app/sass/animations.scss

@@ -1,4 +1,22 @@
-@import 'variables';
+$trasp-black: rgba(0, 0, 0, 0.8);
+
+/**
+ * Respect the user's reduced-motion preference (WCAG 2.3.3 Animation from Interactions).
+ * When `prefers-reduced-motion: reduce` is active, neutralize all CSS animations and transitions
+ * inside the widget so users do not experience non-essential motion.
+ */
+@media (prefers-reduced-motion: reduce) {
+    chat-root *,
+    chat-root *::before,
+    chat-root *::after {
+        animation-duration: 0.001ms !important;
+        animation-iteration-count: 1 !important;
+        animation-delay: 0ms !important;
+        transition-duration: 0.001ms !important;
+        transition-delay: 0ms !important;
+        scroll-behavior: auto !important;
+    }
+}
 
 /**
  * ----------------------------------------

package/src/app/utils/globals.ts

@@ -36,6 +36,14 @@ export class Globals {
   isMobile: boolean;
   isLogged: boolean;
   soundEnabled: boolean;
+  /** Volume for the keyboard typing-indicator sound during voice sessions. Range 0.0–1.0. */
+  keyboardSoundVolume: number;
+  /**
+   * Filename (local) or absolute URL (remote) for the keyboard typing-indicator sound.
+   * Local: bare filename resolved against `baseLocation + '/assets/sounds/'` (e.g. `'keyboard.mp3'`).
+   * Remote: full URL starting with `http://` or `https://`.
+   */
+  keyboardSoundFile: string;
   BUILD_VERSION: String;
   baseLocation: string;
   availableAgents: Array<UserAgent> = [];
@@ -117,6 +125,7 @@ export class Globals {
   WAITING_TIME_NOT_FOUND: string;
   CLOSED: string;
   LABEL_PREVIEW: string;
+  BUTTON_OPEN_CHAT: string;
 
   // ============ BEGIN: EXTERNAL PARAMETERS ==============//
   autoStart: boolean;
@@ -226,6 +235,7 @@ export class Globals {
   hasCalloutInWidgetConfig: boolean; // *******  new ********
 
   fontFamilySource: string; // *******  new ********
+  cssSource: string; // *******  new ********
 
   size: 'min' | 'max' | 'top'; // *******  new ********
 
@@ -448,6 +458,8 @@ export class Globals {
     this.hasCalloutInWidgetConfig = false;
     /** set widget size from 3 different positions: min, max, top */
     this.size = 'min';
+    /** remote CSS override URL (from window.tiledeskSettings.cssSource only) */
+    this.cssSource = '';
     /** enable to close the chat in conversation */
     this.closeChatInConversation = false;
     // ============ END: SET EXTERNAL PARAMETERS ==============//
@@ -468,6 +480,8 @@ export class Globals {
     this.BUILD_VERSION = 'v.' + environment.version;
 
     this.soundEnabled = true;
+    this.keyboardSoundVolume = 0.3;
+    this.keyboardSoundFile = 'keyboard.mp3';
 
     this.conversationsBadge = 0;
 

package/src/app/utils/json-sources-utils.ts

@@ -0,0 +1,27 @@
+import { JsonSourceItem } from 'src/app/component/message/json-sources/json-sources.component';
+
+export function extractUrlsFromJsonSources(sources: JsonSourceItem[] | null | undefined): string[] {
+  return (sources || [])
+    .map((s) => (s?.link || '').trim())
+    .filter(Boolean);
+}
+
+export function mergeJsonSourcesMissingFields(
+  base: JsonSourceItem[],
+  previews: JsonSourceItem[]
+): JsonSourceItem[] {
+  const byUrl = new Map(previews.map((p) => [p.link, p]));
+  return base.map((cur) => {
+    const p = cur?.link ? byUrl.get(cur.link) : undefined;
+    if (!p) return cur;
+    return {
+      ...cur,
+      title: cur.title || p.title,
+      description: cur.description || p.description,
+      image: cur.image || p.image,
+      favicon: cur.favicon || p.favicon,
+      favicon_hd: cur.favicon_hd || p.favicon_hd
+    };
+  });
+}
+

package/src/app/utils/url-utils.ts

@@ -0,0 +1,98 @@
+export function extractUrlsFromText(text?: string, maxUrls = 20): string[] {
+  if (!text) return [];
+  const input = text.toString();
+  // Match candidates:
+  // - https?://...
+  // - www....
+  // - naked domains like google.it/path
+  // We later normalize + validate.
+  const candidateRegex =
+    /\b(?:https?:\/\/[^\s<>"'`)\]]+|www\.[^\s<>"'`)\]]+|[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?(?:\.[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?)+[^\s<>"'`)\]]*)/gi;
+  const matches = input.match(candidateRegex) || [];
+
+  const seen = new Set<string>();
+  const out: string[] = [];
+  for (const raw of matches) {
+    const normalized = normalizeAndValidateUrlCandidate(raw);
+    if (!normalized) continue;
+    if (seen.has(normalized)) continue;
+    seen.add(normalized);
+    out.push(normalized);
+    if (out.length >= maxUrls) break;
+  }
+  return out;
+}
+
+function normalizeAndValidateUrlCandidate(candidate: string): string | null {
+  if (!candidate) return null;
+  let s = candidate.trim();
+
+  // Drop surrounding punctuation/brackets commonly attached in text
+  s = s.replace(/^[("'<\[]+/, '').replace(/[)"'>\]]+$/, '');
+  // Drop trailing punctuation
+  s = s.replace(/[.,;:!?]+$/g, '').trim();
+  if (!s) return null;
+
+  // Reject emails quickly
+  if (s.includes('@')) return null;
+
+  // Add scheme if missing
+  if (/^www\./i.test(s)) {
+    s = `https://${s}`;
+  } else if (!/^https?:\/\//i.test(s)) {
+    s = `https://${s}`;
+  }
+
+  try {
+    const url = new URL(s);
+    const hostname = url.hostname.toLowerCase();
+
+    // must look like a real domain: contain a dot and a plausible TLD
+    if (!hostname.includes('.')) return null;
+    const tld = hostname.split('.').pop() || '';
+    if (tld.length < 2) return null;
+    if (!/^[a-z0-9-]+$/.test(tld)) return null;
+
+    // normalize: remove default port and trailing slash when path is '/'
+    url.hash = ''; // do not include fragments in "identity"
+    if (url.pathname === '/') url.pathname = '';
+    return url.toString();
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Best-effort "registrable domain" extractor.
+ * Examples:
+ * - "docs.example.com" -> "example.com"
+ * - "www.example.co.uk" -> "example.co.uk"
+ *
+ * This is a heuristic (no publicsuffix list) but works well for common cases.
+ */
+export function getTopLevelDomainFromHostname(hostname: string): string {
+  const host = (hostname || '').trim().toLowerCase().replace(/\.+$/, '');
+  const parts = host.split('.').filter(Boolean);
+  if (parts.length <= 2) return host;
+
+  const tld = parts[parts.length - 1];
+  const sld = parts[parts.length - 2];
+
+  // Heuristic for common ccTLD second-level domains (co.uk, com.au, etc.)
+  const commonSecondLevel = new Set(['co', 'com', 'org', 'net', 'gov', 'ac', 'edu']);
+  const isCcTld = tld.length === 2;
+  if (isCcTld && commonSecondLevel.has(sld) && parts.length >= 3) {
+    return parts.slice(-3).join('.');
+  }
+  return parts.slice(-2).join('.');
+}
+
+export function getTopLevelDomainFromUrl(url: string): string {
+  try {
+    const hostname = new URL(url).hostname.replace(/^www\./, '');
+    return getTopLevelDomainFromHostname(hostname);
+  } catch {
+    return '';
+  }
+}
+

package/src/app/utils/utils-resources.ts

@@ -7,7 +7,7 @@ export const BRAND_BASE_INFO: { [key: string] : string} ={
     FAVICON: "https://tiledesk.com/wp-content/uploads/2022/07/tiledesk_v13-300x300.png",
     META_TITLE:"Design Studio",
     LOGO_CHAT:"https://widget.tiledesk.com/v2/assets/images/tiledesk_logo_white_small.svg",
-    POWERED_BY:"<a tabindex='-1' target='_blank' ref='https://www.tiledesk.com/?utm_source=widget'><img src='https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-solo_logo_new_gray.svg'/><span>Powered by Tiledesk</span></a>",
+    POWERED_BY:"<a target='_blank' rel='noopener noreferrer' href='https://www.tiledesk.com/?utm_source=widget'><img src='https://support-pre.tiledesk.com/dashboard/assets/img/logos/tiledesk-solo_logo_new_gray.svg' alt=''/><span>Powered by Tiledesk</span></a>",
 }
 
 export const LOGOS_ITEMS: { [key: string] : { label: string, icon: string }} ={

package/src/assets/i18n/en.json

@@ -1,102 +1,108 @@
 {
-    "LABEL_PLACEHOLDER": "Type your message..",
-    "LABEL_START_NW_CONV": "New conversation",
-    "LABEL_WHATSAPP": "Message us",
-    "LABEL_SELECT_TOPIC": "Select a topic",
-    "LABEL_COMPLETE_FORM": "Complete the form to start a conversation with the next available agent.",
-    "LABEL_FIELD_NAME": "Name",
-    "LABEL_ERROR_FIELD_NAME": "Required field (minimum 5 characters).",
-    "LABEL_FIELD_EMAIL": "Email",
-    "LABEL_ERROR_FIELD_EMAIL": "Enter a valid email address.",
-    "LABEL_ERROR_FIELD_REQUIRED":"Required field",
-    "LABEL_WRITING": "is writing...",
-    "LABEL_SEND_NEW_MESSAGE": "Send a new message",
-    "AGENT_NOT_AVAILABLE": " Offline",
-    "AGENT_AVAILABLE": " Online",
-    "GUEST_LABEL": "Guest",
-    "ALL_AGENTS_OFFLINE_LABEL": "All operators are offline at the moment",
-    "LABEL_LOADING": "Loading...",
-    "LABEL_THINKING": "thinking",
-    "CALLOUT_TITLE_PLACEHOLDER": "🖐 Need Help?",
-    "CALLOUT_MSG_PLACEHOLDER": "Click here and start chatting with us!",
-    "CUSTOMER_SATISFACTION": "Customer satisfaction",
-    "YOUR_OPINION_ON_OUR_CUSTOMER_SERVICE": "your opinion on our customer service",
-    "DOWNLOAD_TRANSCRIPT": "Download transcript",
-    "BACK": "Back",
-    "CONTINUE": "Continue",
-    "YOUR_RATING": "your rating",
-    "WRITE_YOUR_OPINION": "Write your opinion ... (optional)",
-    "SUBMIT": "Submit",
-    "THANK_YOU_FOR_YOUR_EVALUATION": "Thank you for your evaluation",
-    "YOUR_RATING_HAS_BEEN_RECEIVED": "your rating has been received",
-    "ALERT_LEAVE_CHAT": "Do you want to leave the chat?",
-    "YES": "Yes",
-    "NO": "No",
-    "BUTTON_CLOSE_TO_ICON": "Minimize chat",
-    "BUTTON_EDIT_PROFILE": "Update profile",
-    "RATE_CHAT": "Rate chat",
-    "WELCOME_TITLE": "Hi, welcome to Tiledesk 👋",
-    "WELCOME_MSG": "How can we help?",
-    "WELCOME": "Welcome",
-    "OPTIONS": "options",
-    "SOUND_OFF": "Sound off",
-    "SOUND_ON": "Sound on",
-    "LOGOUT": "Logout",
-    "CLOSE": "Close",
-    "RESTART":"Restart",
-    "PREV_CONVERSATIONS": "Your conversations",
-    "YOU": "You",
-    "SHOW_ALL_CONV": "show all",
-    "START_A_CONVERSATION": "Start a conversation",
-    "NO_CONVERSATION": "No conversation",
-    "SEE_PREVIOUS": "see previous",
-    "WAITING_TIME_FOUND": "The team typically replies in $reply_time",
-    "WAITING_TIME_NOT_FOUND": "The team will reply as soon as possible",
-    "CLOSED": "CLOSED",
-    "CLOSE_CHAT": "Close chat",
-    "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",
-    "INFO_SUPPORT_USER_ADDED_YOU_VERB":"have been added to ",
-    "INFO_SUPPORT_USER_ADDED_COMPLEMENT":"joined",
-    "INFO_SUPPORT_USER_ADDED_VERB":"the chat",
-    "INFO_SUPPORT_CHAT_REOPENED":"Chat reopened",
-    "INFO_SUPPORT_CHAT_CLOSED":"Chat closed",
-    "INFO_SUPPORT_LEAD_UPDATED":"Lead updated",
-    "INFO_SUPPORT_MEMBER_LEFT_GROUP":"removed from group",
-    "INFO_SUPPORT_MEMBER_ABANDONED_GROUP":"has left the conversation",
-    "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "A new support request has been assigned to you",
-    
-    "LABEL_PRECHAT_USER_FULLNAME": "Full name",
-    "LABEL_PRECHAT_USER_EMAIL": "Email",
-    "LABEL_PRECHAT_USER_EMAIL_ERROR": "Invalid email address",
-    "LABEL_PRECHAT_USER_PHONE": "Phone",
-    "LABEL_PRECHAT_USER_PHONE_ERROR": "Phone is required",
-    "LABEL_PRECHAT_FIRST_MESSAGE": "Your message for the support team",
-    "LABEL_PRECHAT_STATIC_TERMS_PRIVACY": "Before proceeding in the conversation please agree to our <a href='https://tiledesk.com/termsofservice/' target='_blank'>Terms</a> and <a href='https://tiledesk.com/privacy.html' target='_blank'>Privacy Policy</a>",
-    "LABEL_PRECHAT_ACCEPT_TERMS_PRIVACY": "I agree",
-    "PRECHAT_REQUIRED_ERROR": "This field is required",
-
-    "TICKET_TAKING":"The request has been received and the assistance staff is dealing with it.\nTo add more comments, reply to this email.",
-    
-    "LABEL_TODAY": "today",
-    "LABEL_TOMORROW": "yesterday",
-    "LABEL_LAST_ACCESS": "last access",
-    "LABEL_TO": "at",
-    "ARRAY_DAYS": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
-
-    "SENT_AN_ATTACHMENT": "sent an attachment",
-    "SENT_AN_IMAGE":"sent an image",
-
-    "LABEL_PREVIEW": "Preview",
-    "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":"URL contains a non-allowed domain",
-    "MAX_ATTACHMENT": "Max allowed size {{FILE_SIZE_LIMIT}}Mb",
-    "MAX_ATTACHMENT_ERROR": "The file exceeds the maximum allowed size",
-    "EMOJI": "Emoji"
+  "LABEL_PLACEHOLDER": "Type your message..",
+  "LABEL_START_NW_CONV": "New conversation",
+  "LABEL_WHATSAPP": "Message us",
+  "LABEL_SELECT_TOPIC": "Select a topic",
+  "LABEL_COMPLETE_FORM": "Complete the form to start a conversation with the next available agent.",
+  "LABEL_FIELD_NAME": "Name",
+  "LABEL_ERROR_FIELD_NAME": "Required field (minimum 5 characters).",
+  "LABEL_FIELD_EMAIL": "Email",
+  "LABEL_ERROR_FIELD_EMAIL": "Enter a valid email address.",
+  "LABEL_ERROR_FIELD_REQUIRED": "Required field",
+  "LABEL_WRITING": "is writing...",
+  "LABEL_SEND_NEW_MESSAGE": "Send a new message",
+  "AGENT_NOT_AVAILABLE": " Offline",
+  "AGENT_AVAILABLE": " Online",
+  "GUEST_LABEL": "Guest",
+  "ALL_AGENTS_OFFLINE_LABEL": "All operators are offline at the moment",
+  "LABEL_LOADING": "Loading...",
+  "LABEL_THINKING": "thinking",
+  "CALLOUT_TITLE_PLACEHOLDER": "🖐 Need Help?",
+  "CALLOUT_MSG_PLACEHOLDER": "Click here and start chatting with us!",
+  "CUSTOMER_SATISFACTION": "Customer satisfaction",
+  "YOUR_OPINION_ON_OUR_CUSTOMER_SERVICE": "your opinion on our customer service",
+  "DOWNLOAD_TRANSCRIPT": "Download transcript",
+  "BACK": "Back",
+  "CONTINUE": "Continue",
+  "YOUR_RATING": "your rating",
+  "WRITE_YOUR_OPINION": "Write your opinion ... (optional)",
+  "SUBMIT": "Submit",
+  "THANK_YOU_FOR_YOUR_EVALUATION": "Thank you for your evaluation",
+  "YOUR_RATING_HAS_BEEN_RECEIVED": "your rating has been received",
+  "ALERT_LEAVE_CHAT": "Do you want to leave the chat?",
+  "YES": "Yes",
+  "NO": "No",
+  "BUTTON_CLOSE_TO_ICON": "Minimize chat",
+  "BUTTON_EDIT_PROFILE": "Update profile",
+  "RATE_CHAT": "Rate chat",
+  "WELCOME_TITLE": "Hi, welcome to Tiledesk 👋",
+  "WELCOME_MSG": "How can we help?",
+  "WELCOME": "Welcome",
+  "OPTIONS": "options",
+  "SOUND_OFF": "Sound off",
+  "SOUND_ON": "Sound on",
+  "LOGOUT": "Logout",
+  "CLOSE": "Close",
+  "RESTART": "Restart",
+  "PREV_CONVERSATIONS": "Your conversations",
+  "YOU": "You",
+  "SHOW_ALL_CONV": "show all",
+  "START_A_CONVERSATION": "Start a conversation",
+  "NO_CONVERSATION": "No conversation",
+  "SEE_PREVIOUS": "see previous",
+  "WAITING_TIME_FOUND": "The team typically replies in $reply_time",
+  "WAITING_TIME_NOT_FOUND": "The team will reply as soon as possible",
+  "CLOSED": "CLOSED",
+  "CLOSE_CHAT": "Close chat",
+  "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",
+  "INFO_SUPPORT_USER_ADDED_YOU_VERB": "have been added to ",
+  "INFO_SUPPORT_USER_ADDED_COMPLEMENT": "joined",
+  "INFO_SUPPORT_USER_ADDED_VERB": "the chat",
+  "INFO_SUPPORT_CHAT_REOPENED": "Chat reopened",
+  "INFO_SUPPORT_CHAT_CLOSED": "Chat closed",
+  "INFO_SUPPORT_LEAD_UPDATED": "Lead updated",
+  "INFO_SUPPORT_MEMBER_LEFT_GROUP": "removed from group",
+  "INFO_SUPPORT_MEMBER_ABANDONED_GROUP": "has left the conversation",
+  "INFO_A_NEW_SUPPORT_REQUEST_HAS_BEEN_ASSIGNED_TO_YOU": "A new support request has been assigned to you",
+  "LABEL_PRECHAT_USER_FULLNAME": "Full name",
+  "LABEL_PRECHAT_USER_EMAIL": "Email",
+  "LABEL_PRECHAT_USER_EMAIL_ERROR": "Invalid email address",
+  "LABEL_PRECHAT_USER_PHONE": "Phone",
+  "LABEL_PRECHAT_USER_PHONE_ERROR": "Phone is required",
+  "LABEL_PRECHAT_FIRST_MESSAGE": "Your message for the support team",
+  "LABEL_PRECHAT_STATIC_TERMS_PRIVACY": "Before proceeding in the conversation please agree to our <a href='https://tiledesk.com/termsofservice/' target='_blank'>Terms</a> and <a href='https://tiledesk.com/privacy.html' target='_blank'>Privacy Policy</a>",
+  "LABEL_PRECHAT_ACCEPT_TERMS_PRIVACY": "I agree",
+  "PRECHAT_REQUIRED_ERROR": "This field is required",
+  "TICKET_TAKING": "The request has been received and the assistance staff is dealing with it.\nTo add more comments, reply to this email.",
+  "LABEL_TODAY": "today",
+  "LABEL_TOMORROW": "yesterday",
+  "LABEL_LAST_ACCESS": "last access",
+  "LABEL_TO": "at",
+  "ARRAY_DAYS": [
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday",
+    "Sunday"
+  ],
+  "SENT_AN_ATTACHMENT": "sent an attachment",
+  "SENT_AN_IMAGE": "sent an image",
+  "LABEL_PREVIEW": "Preview",
+  "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": "URL contains a non-allowed domain",
+  "MAX_ATTACHMENT": "Max allowed size {{FILE_SIZE_LIMIT}}Mb",
+  "MAX_ATTACHMENT_ERROR": "The file exceeds the maximum allowed size",
+  "EMOJI": "Emoji",
+  "STREAM_AUDIO": "Use voice mode",
+  "VOICE_CONNECTING": "Connecting...",
+  "VOICE_LISTENING": "Listening...",
+  "VOICE_PROCESSING": "Processing..."
 }