@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/{draggable-dots-helpers-1e8c5d73.js → draggable-dots-helpers-7fe723cd.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-4cdf7949.js');
 
 const EEditorActions = {
   typeTool: 'type-tool',
@@ -85,7 +85,7 @@ function getAnnotation(id, annotations) {
 }
 function getDraggable(annotation, containerElement) {
   const element = annotation instanceof Node ? annotation : annotationsHelpers.getElement(annotation._id, containerElement);
-  return overlays.Draggable.get(element);
+  return index.Draggable.get(element);
 }
 function getFocusedAnnotation(annotations) {
   return (annotations === null || annotations === void 0 ? void 0 : annotations.length) && annotations.find(a => { var _a; return (_a = a === null || a === void 0 ? void 0 : a._local) === null || _a === void 0 ? void 0 : _a.isFocusing; });
@@ -95,8 +95,8 @@ function getAnnotationElements(containerElement, type) {
 }
 function getPredefinedTexts() {
   var _a, _b;
-  return ((_b = (_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.photoAnnotationTranslations) === null || _b === void 0 ? void 0 : _b.map((translation) => {
-    return translation[overlays.getCurrentLanguage()] || [];
+  return ((_b = (_a = index.getSession()) === null || _a === void 0 ? void 0 : _a.photoAnnotationTranslations) === null || _b === void 0 ? void 0 : _b.map((translation) => {
+    return translation[index.getCurrentLanguage()] || [];
   })) || [];
 }
 function formatAnnotationForExport(annotation, containerElement) {
@@ -152,10 +152,10 @@ function prepareAnnotationsData(annotations) {
     const backgroundColor = ((_a = a === null || a === void 0 ? void 0 : a.styles) === null || _a === void 0 ? void 0 : _a.backgroundColor) || (a.type === 'dot' ? 'success' : 'light');
     return {
       ...a,
-      _id: (a === null || a === void 0 ? void 0 : a._id) || overlays.getUUID(),
+      _id: (a === null || a === void 0 ? void 0 : a._id) || index.getUUID(),
       styles: {
         ...a.styles || {},
-        backgroundColor: overlays.getCssColor(backgroundColor, backgroundColor)
+        backgroundColor: index.getCssColor(backgroundColor, backgroundColor)
       }
     };
   });
@@ -207,13 +207,13 @@ function getAnnotationStyles(annotation) {
     backgroundColor: (annotationStyles === null || annotationStyles === void 0 ? void 0 : annotationStyles.backgroundColor) || (isDot ? 'var(--success)' : 'transparent')
   }, !isDot && {
     fontSize: getFormattedAnnotationSize(annotationStyles === null || annotationStyles === void 0 ? void 0 : annotationStyles.fontSize),
-    textColor: (annotationStyles === null || annotationStyles === void 0 ? void 0 : annotationStyles.textColor) || overlays.getCssColor(isDot ? 'light' : 'dark'),
+    textColor: (annotationStyles === null || annotationStyles === void 0 ? void 0 : annotationStyles.textColor) || index.getCssColor(isDot ? 'light' : 'dark'),
     textAlignment: (annotationStyles === null || annotationStyles === void 0 ? void 0 : annotationStyles.textAlignment) || 'center'
   });
 }
 function createBaseAnnotation(type) {
   return {
-    _id: overlays.getUUID(),
+    _id: index.getUUID(),
     isNewVersion: true,
     type,
     text: '',
@@ -232,7 +232,7 @@ function getTextBoxStyle(style, containerWidth) {
     fontSize: `${fontSizeValue}px`,
     padding: `${paddingRatio * containerWidth}px`,
     borderRadius: `${borderRadiusRatio * containerWidth}px`,
-    color: backgroundColor === 'transparent' ? (textColor || 'light') : overlays.getContrastColor(backgroundColor),
+    color: backgroundColor === 'transparent' ? (textColor || 'light') : index.getContrastColor(backgroundColor),
     textAlign: textAlignment || 'center',
     backgroundColor: backgroundColor || 'light'
   });
@@ -275,7 +275,7 @@ function setAnnotationPositionToClosestEdge(annotationElement, containerBounds)
     const getClosestEdges = (axis) => getContainerEdges(axis).sort((a, b) => Math.abs(a - getCoords(axis)) - Math.abs(b - getCoords(axis)))[0];
     const getPosition = (axis) => lodash.inRange(getCoords(axis), getContainerEdges(axis)[0], getContainerEdges(axis)[1]) ? getCoords(axis) : getClosestEdges(axis);
     const finalPosition = { x: getPosition('x'), y: getPosition('y') };
-    return overlays.gsapTo(annotationElement, ANIMATION_DELAY, { ...finalPosition }).then(() => finalPosition);
+    return index.gsapTo(annotationElement, ANIMATION_DELAY, { ...finalPosition }).then(() => finalPosition);
   }
 }
 function deCenterAnnotation(annotation, containerElement) {
@@ -288,7 +288,7 @@ function deCenterAnnotation(annotation, containerElement) {
       showDotTooltip(getDotToolTipElement(element), false);
     }
     return element ? new Promise((resolve) => {
-      overlays.gsapTo(element, ANIMATION_DELAY, {
+      index.gsapTo(element, ANIMATION_DELAY, {
         x: previousCoords.x,
         y: previousCoords.y
       }).then(() => {
@@ -327,7 +327,7 @@ function centerAnnotation(annotation, containerElement) {
     };
     const centerCoords = { x: getAbsoluteCenter('x'), y: getAbsoluteCenter('y') };
     return element ? new Promise((resolve) => {
-      overlays.gsapTo(element, ANIMATION_DELAY, {
+      index.gsapTo(element, ANIMATION_DELAY, {
         ...centerCoords
       }).then(() => {
         var _a;
@@ -360,7 +360,7 @@ function focusAnnotation(annotation, annotations, containerElement) {
   const hasCurrentAnnotationFocus = focusedAnnotation && (focusedAnnotation === null || focusedAnnotation === void 0 ? void 0 : focusedAnnotation._id) !== annotation._id;
   return (hasCurrentAnnotationFocus ? deCenterAnnotation(focusedAnnotation, containerElement) : Promise.resolve()).then(() => {
     return (annotation ? centerAnnotation(annotation, containerElement) : Promise.resolve()).then(() => {
-      return overlays.scaleUpAnimation(annotationsHelpers.getElement(annotation === null || annotation === void 0 ? void 0 : annotation._id, containerElement));
+      return index.scaleUpAnimation(annotationsHelpers.getElement(annotation === null || annotation === void 0 ? void 0 : annotation._id, containerElement));
     });
   });
 }
@@ -376,7 +376,7 @@ async function drawImageOnCanvas(src, canvasElement) {
       if (src) {
         const img = new Image(width, height);
         img.crossOrigin = '';
-        img.src = overlays.convertSvgToBase64(overlays.getMedia(src, { forceCookieUrlParam: true }));
+        img.src = index.convertSvgToBase64(index.getMedia(src, { forceCookieUrlParam: true }));
         await new Promise((resolve, reject) => {
           img.onload = () => {
             canvasContext.clearRect(0, 0, width, height);
@@ -414,7 +414,7 @@ async function showPredefinedTextsDialog(isWeb, annotationElement) {
       values: getPredefinedTexts()
     });
     autoCompleteDialog.style.width = '100%';
-    const returnedValue = await overlays.showModal(autoCompleteDialog, modalOptions, modalClass, getModalAnimation('Enter'), getModalAnimation('Leave'), true);
+    const returnedValue = await index.showModal(autoCompleteDialog, modalOptions, modalClass, getModalAnimation('Enter'), getModalAnimation('Leave'), true);
     const selectedPredefinedTexts = returnedValue === null || returnedValue === void 0 ? void 0 : returnedValue.data;
     const isDot = annotationElement.tagName.includes('TOOLTIP');
     const currentContent = (isDot ? await annotationElement['getEditableContent']() : annotationElement.textContent) || '';
@@ -427,7 +427,7 @@ function deleteDot(dot, containerElement) {
   const dotElement = dot && annotationsHelpers.getElement(dot._id, containerElement);
   dot && (dot._local ? (dot._local.isDeleted = true) : (dot._local = { isDeleted: true }));
   return dotElement
-    ? overlays.gsapTo(dotElement, 0.25, {
+    ? index.gsapTo(dotElement, 0.25, {
       scale: 0,
       onComplete() {
         if (dotElement && containerElement && containerElement.contains(dotElement)) {
@@ -449,7 +449,7 @@ function createDot(ev, dotConfig, dots = []) {
     const emptyDotElement = annotationsHelpers.getElement(emptyDot._id, dotConfig.containerElement);
     if (emptyDotElement) {
       if (dotConfig.moveToTarget) {
-        overlays.gsapTo(emptyDotElement, 0.25, {
+        index.gsapTo(emptyDotElement, 0.25, {
           left: `${x}%`,
           top: `${y}%`,
           onComplete() {
@@ -477,14 +477,14 @@ function deleteEmptyDots(dots, containerElement) {
 }
 function reorderDotIndexes(dots, containerElement) {
   var _a;
-  (_a = dots === null || dots === void 0 ? void 0 : dots.filter((d) => { var _a; return (d === null || d === void 0 ? void 0 : d.text) && !((_a = d._local) === null || _a === void 0 ? void 0 : _a.isDeleted); })) === null || _a === void 0 ? void 0 : _a.forEach((dot, index) => {
+  (_a = dots === null || dots === void 0 ? void 0 : dots.filter((d) => { var _a; return (d === null || d === void 0 ? void 0 : d.text) && !((_a = d._local) === null || _a === void 0 ? void 0 : _a.isDeleted); })) === null || _a === void 0 ? void 0 : _a.forEach((dot, index$1) => {
     if (dot) {
       const dotElement = annotationsHelpers.getElement(dot._id, containerElement);
       if (dotElement) {
         const transformDotElement = dotElement.style.transform;
-        overlays.scaleUpAnimation(dotElement).then(() => {
+        index.scaleUpAnimation(dotElement).then(() => {
           dotElement.style.transform = transformDotElement;
-          const newIndex = (index + 1).toString();
+          const newIndex = (index$1 + 1).toString();
           const dotInnerElement = getDotInnerElement(dotElement);
           if (dotInnerElement && (!dotInnerElement.textContent || newIndex !== dotInnerElement.textContent)) {
             dotInnerElement.textContent = newIndex;
@@ -529,7 +529,7 @@ function saveTooltipContent(ev, dot) {
     const transformDotElement = dotElement.style.transform;
     tooltipElement.content = newValue;
     dot.text = newValue;
-    return overlays.scaleUpAnimation(dotElement).then(() => {
+    return index.scaleUpAnimation(dotElement).then(() => {
       const dotInnerElement = getDotInnerElement(dotElement);
       const dotElements = getAnnotationElements(dotElement.parentElement, 'dot');
       if (dotInnerElement && !dotInnerElement.textContent && dotElements.length && newValue) {

package/dist/cjs/{draggable-tags-helpers-618109cc.js → draggable-tags-helpers-b7dfe5f6.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-4cdf7949.js');
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));
@@ -36,7 +36,7 @@ async function showWarningBanner(container, showBanner = true, messageKey = 'NOD
       fontWeight: 'var(--font-weight-700)'
     };
     const content = bannerElement.querySelector('p[slot="content"]');
-    content.innerHTML = overlays.translate(messageKey);
+    content.innerHTML = index.translate(messageKey);
     await bannerElement.componentOnReady();
     const bannerHeight = bannerElement.firstElementChild.clientHeight;
     Object.assign(bannerElement.style, {
@@ -50,8 +50,8 @@ async function showWarningBanner(container, showBanner = true, messageKey = 'NOD
   }
 }
 function prepareAutoScroll(hostElement) {
-  if ((hostElement === null || hostElement === void 0 ? void 0 : hostElement.shadowRoot) && overlays.isWeb() && !(hostElement === null || hostElement === void 0 ? void 0 : hostElement['readonly'])) {
-    const wrapperElement = overlays.findParent(hostElement, 'yoo-form-input-container');
+  if ((hostElement === null || hostElement === void 0 ? void 0 : hostElement.shadowRoot) && index.isWeb() && !(hostElement === null || hostElement === void 0 ? void 0 : hostElement['readonly'])) {
+    const wrapperElement = index.findParent(hostElement, 'yoo-form-input-container');
     const mainElement = hostElement.shadowRoot.querySelector('main');
     if (wrapperElement && mainElement && wrapperElement.offsetHeight < hostElement.offsetHeight) {
       const { height } = wrapperElement.getBoundingClientRect();

package/dist/cjs/{entities-helpers-90284497.js → entities-helpers-2548b307.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-4cdf7949.js');
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**
@@ -13,9 +13,9 @@ const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 function parseEntityCommentsForCardList(comment) {
   var _a;
   const entry = {
-    heading: '<b>' + overlays.getUserDisplayName(comment.user) + '</b>',
+    heading: '<b>' + index.getUserDisplayName(comment.user) + '</b>',
     subheadings: comment.text ? [comment.text] : comment.mediaSrc,
-    date: overlays.pipes.dateFormat.transform(comment.date, 'fromNow'),
+    date: index.pipes.dateFormat.transform(comment.date, 'fromNow'),
     users: [comment.user],
     avatarSize: 'medium',
     avatarFrame: 'circle',
@@ -25,19 +25,19 @@ function parseEntityCommentsForCardList(comment) {
     isChildComment: !!(comment === null || comment === void 0 ? void 0 : comment.parentRef)
   };
   if (entry.subheadings && entry.subheadings[0]) {
-    entry.subheadings = [overlays.replaceAtTagToMentionTag(entry.subheadings[0], comment.mentions)];
+    entry.subheadings = [index.replaceAtTagToMentionTag(entry.subheadings[0], comment.mentions)];
   }
   let validComment = false;
-  if (comment.text && !(overlays.isCloudinaryLink(comment.text) || comment.text.endsWith('.gif'))) {
+  if (comment.text && !(index.isCloudinaryLink(comment.text) || comment.text.endsWith('.gif'))) {
     validComment = true;
   }
-  if (comment.userLanguage && comment.userLanguage !== overlays.getCurrentLanguage() && validComment) {
-    entry.translationCallback = () => overlays.getAsyncExtraData({ type: 'translate-text', params: { text: overlays.replaceAllLinks(overlays.parseMarkDown(comment.text)), userLanguage: comment.userLanguage } });
+  if (comment.userLanguage && comment.userLanguage !== index.getCurrentLanguage() && validComment) {
+    entry.translationCallback = () => index.getAsyncExtraData({ type: 'translate-text', params: { text: index.replaceAllLinks(index.parseMarkDown(comment.text)), userLanguage: comment.userLanguage } });
   }
   return entry;
 }
 function groupsFullResolver(ids) {
-  const session = overlays.getSession();
+  const session = index.getSession();
   const groupIds = [].concat(ids);
   if (session.allGroups) {
     const newGroups = [];
@@ -54,7 +54,7 @@ function groupsFullResolver(ids) {
 function onUserClick(ev, item) {
   ev.stopPropagation();
   if (item === null || item === void 0 ? void 0 : item.user) {
-    overlays.getAsyncExtraData({ type: 'user-detail', params: { user: item.user } });
+    index.getAsyncExtraData({ type: 'user-detail', params: { user: item.user } });
   }
 }
 /**
@@ -107,7 +107,7 @@ function parseEntityForCardMedia(item, secondaryActions, entityType, mode, size,
     entry = {
       src: Array.isArray(value) ? value[0] : value,
       flagged: flagged && !readonly,
-      annotated: overlays.isPhotoEdited(item) && !readonly,
+      annotated: index.isPhotoEdited(item) && !readonly,
       user,
       location,
       date,
@@ -130,8 +130,8 @@ function parseEntityForCardMedia(item, secondaryActions, entityType, mode, size,
     if (entry.src) {
       entry.src = entry.src.split(',')[0];
     }
-    if (!isFullscreen && mediaType === 'video' && overlays.isCloudinaryLink(entry === null || entry === void 0 ? void 0 : entry.src)) {
-      entry.src = overlays.changeExtension(entry.src, 'jpg');
+    if (!isFullscreen && mediaType === 'video' && index.isCloudinaryLink(entry === null || entry === void 0 ? void 0 : entry.src)) {
+      entry.src = index.changeExtension(entry.src, 'jpg');
     }
   }
   else if (entityType === 'custommodels') {
@@ -151,7 +151,7 @@ function parseEntityForCardMedia(item, secondaryActions, entityType, mode, size,
   else if (entityType === 'missiondescriptions') {
     const campaign = item;
     entry = {
-      text: overlays.translateMulti(campaign.title),
+      text: index.translateMulti(campaign.title),
       src: campaign.icon ? campaign.icon._downloadURL || campaign.icon : campaign.background ? campaign.background._downloadURL : campaign.background,
       tags: campaign.tags
     };
@@ -160,32 +160,32 @@ function parseEntityForCardMedia(item, secondaryActions, entityType, mode, size,
     const plan = entityType === 'courses' ? item.plan : item.plan || item;
     if (plan) {
       entry = {
-        text: overlays.translateMulti(plan.title),
+        text: index.translateMulti(plan.title),
         src: plan.background._downloadURL || plan.background
       };
     }
   }
-  entry.actions = secondaryActions ? secondaryActions.filter((a) => (a.isVisible ? a.isVisible(item) : true)).map((a) => overlays.toButton(a, item)) : null;
+  entry.actions = secondaryActions ? secondaryActions.filter((a) => (a.isVisible ? a.isVisible(item) : true)).map((a) => index.toButton(a, item)) : null;
   return {
     mode,
     actions: entry.actions,
     annotated: entry.annotated,
     validated: entry.validated,
-    date: entry.date ? overlays.toDate(entry.date) : null,
+    date: entry.date ? index.toDate(entry.date) : null,
     flagged: entry.flagged,
-    headline: overlays.capitalizeFirstLetter(entry.text || ''),
+    headline: index.capitalizeFirstLetter(entry.text || ''),
     location: (_c = entry.location) === null || _c === void 0 ? void 0 : _c.address,
     locationImage: (_d = entry.location) === null || _d === void 0 ? void 0 : _d.imageData,
-    locationTitle: overlays.capitalizeFirstLetter(((_e = entry.location) === null || _e === void 0 ? void 0 : _e.title) || ''),
+    locationTitle: index.capitalizeFirstLetter(((_e = entry.location) === null || _e === void 0 ? void 0 : _e.title) || ''),
     overlaid,
     selected: mode === 'selection',
     size,
     src: entry.src,
     userImage: (_f = entry.user) === null || _f === void 0 ? void 0 : _f.imageData,
-    userFullName: userFullName || overlays.capitalizeFirstLetter(entry.user ? overlays.getUserDisplayName(entry.user) : ''),
+    userFullName: userFullName || index.capitalizeFirstLetter(entry.user ? index.getUserDisplayName(entry.user) : ''),
     tags: entry.tags,
     type: entry.type,
-    subheading: overlays.capitalizeFirstLetter(entry.subheading || '')
+    subheading: index.capitalizeFirstLetter(entry.subheading || '')
   };
 }
 function parseEntityForCardChat(item, isMultiple, unreads, extraClass) {
@@ -208,35 +208,35 @@ function parseEntityForCardChat(item, isMultiple, unreads, extraClass) {
   else {
     channel = item;
     if (channel.others && channel.others[0]) {
-      entry.title = overlays.getUserDisplayName(channel.others[0]) || '';
+      entry.title = index.getUserDisplayName(channel.others[0]) || '';
       entry.users = [channel.others[0]] || [];
     }
     else if (((_a = channel.users) === null || _a === void 0 ? void 0 : _a.length) > 1) {
       // used for channel displayed in database page
-      entry.title = overlays.getUserDisplayName(channel.users[0]) + ' - ' + overlays.getUserDisplayName(channel.users[1]);
+      entry.title = index.getUserDisplayName(channel.users[0]) + ' - ' + index.getUserDisplayName(channel.users[1]);
     }
     entry.isOnline = channel.isOnline;
   }
   entry.isMuted = channel.isMuted;
   let lastMessage = channel.lastMessage || '';
   const messageType = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessageExtraParams) === null || _b === void 0 ? void 0 : _b.type;
-  const isGifMessage = overlays.isGif((_c = channel === null || channel === void 0 ? void 0 : channel.lastMessageExtraParams) === null || _c === void 0 ? void 0 : _c.mediaSrc) || messageType === index.MessageType.gif;
+  const isGifMessage = index.isGif((_c = channel === null || channel === void 0 ? void 0 : channel.lastMessageExtraParams) === null || _c === void 0 ? void 0 : _c.mediaSrc) || messageType === index$1.MessageType.gif;
   // support old gif message that didn't have type gif
   if (isGifMessage) {
     lastMessage = 'GIF';
   }
-  else if (messageType === index.MessageType.video) {
-    lastMessage = `${overlays.translate(messageType.toUpperCase())}`;
+  else if (messageType === index$1.MessageType.video) {
+    lastMessage = `${index.translate(messageType.toUpperCase())}`;
   }
-  else if (messageType === index.MessageType.photo || messageType === index.MessageType.document) {
-    lastMessage = `${overlays.translate('YOOBIC' + messageType.toUpperCase())}`;
+  else if (messageType === index$1.MessageType.photo || messageType === index$1.MessageType.document) {
+    lastMessage = `${index.translate('YOOBIC' + messageType.toUpperCase())}`;
   }
   let sender;
-  if (lastMessage && item.lastMessageSenderId !== overlays.getSession().userId && isMultiple) {
+  if (lastMessage && item.lastMessageSenderId !== index.getSession().userId && isMultiple) {
     sender = item.users.find((user) => user._id === item.lastMessageSenderId);
   }
-  if (messageType === index.MessageType.audio && ((_d = channel === null || channel === void 0 ? void 0 : channel.lastMessageExtraParams) === null || _d === void 0 ? void 0 : _d.duration)) {
-    lastMessage = `${overlays.pipes.timer.transform(Math.round(channel.lastMessageExtraParams.duration)).substr(3)}`;
+  if (messageType === index$1.MessageType.audio && ((_d = channel === null || channel === void 0 ? void 0 : channel.lastMessageExtraParams) === null || _d === void 0 ? void 0 : _d.duration)) {
+    lastMessage = `${index.pipes.timer.transform(Math.round(channel.lastMessageExtraParams.duration)).substr(3)}`;
   }
   const typingText = getTypingText(channel);
   entry.lastMessageDate = getChatDate(channel.lastMessageDate);
@@ -256,14 +256,14 @@ function parseEntityForCardChat(item, isMultiple, unreads, extraClass) {
 }
 function getMessagePrefix(messageType, isGif) {
   switch (messageType) {
-    case index.MessageType.audio:
+    case index$1.MessageType.audio:
       return { icon: 'microphone', color: 'app-color' };
-    case index.MessageType.video:
+    case index$1.MessageType.video:
       return { icon: 'play', color: 'app-color' };
-    case index.MessageType.document:
+    case index$1.MessageType.document:
       return { icon: 'file', color: 'app-color' };
-    case index.MessageType.photo:
-    case index.MessageType.gif:
+    case index$1.MessageType.photo:
+    case index$1.MessageType.gif:
       return { icon: isGif ? 'gif' : 'image', color: 'app-color' };
     default:
       return null;
@@ -284,15 +284,15 @@ function getTypingText(channel) {
       }
     });
     if (userTyping.length === 1) {
-      typingText = overlays.translate('ISTYPINGUSER', { name: overlays.getUserDisplayName(userTyping[0]) });
+      typingText = index.translate('ISTYPINGUSER', { name: index.getUserDisplayName(userTyping[0]) });
     }
     else if (userTyping.length > 1) {
       let finalString = '';
-      userTyping.forEach((user, index) => {
-        const name = overlays.getUserDisplayName(user);
-        finalString += index !== 0 ? `,${name}` : `${name}`;
+      userTyping.forEach((user, index$1) => {
+        const name = index.getUserDisplayName(user);
+        finalString += index$1 !== 0 ? `,${name}` : `${name}`;
       });
-      typingText = overlays.translate('ISTYPINGUSER', { name: finalString });
+      typingText = index.translate('ISTYPINGUSER', { name: finalString });
     }
   }
   return typingText;
@@ -305,7 +305,7 @@ function getChatDate(lastMessageDate) {
   const now = new Date();
   const isSameDay = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
   if (isSameDay) {
-    return overlays.pipes.dateFormat.transform(date, 'h:mm a');
+    return index.pipes.dateFormat.transform(date, 'h:mm a');
   }
   return date.toLocaleDateString();
 }
@@ -328,9 +328,9 @@ function parseFolderForCardList(f, entityType) {
   const entry = {
     avatarSize: 'large',
     avatarIconSize,
-    avatarColor: f.color ? `${f.color}` : overlays.getCssColor('app-color-80'),
+    avatarColor: f.color ? `${f.color}` : index.getCssColor('app-color-80'),
     avatarFrame: 'transparent-square',
-    cloudinaryOptions: overlays.isVideo(imgSrc) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
+    cloudinaryOptions: index.isVideo(imgSrc) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
     heading: f.name,
     icon: getFolderIcon(f),
     imgSrc,
@@ -338,7 +338,7 @@ function parseFolderForCardList(f, entityType) {
     tagElements: lodash.compact(f.tags).map((t) => ({ innerHTML: t, color: 'stable-light' }))
   };
   if (f.stats) {
-    entry.subheadings = [(((_b = f.container) === null || _b === void 0 ? void 0 : _b.name) ? f.container.name + ' ' : '') + f.stats.map((s) => '<span>' + overlays.translate(s.title) + ': ' + s.value.toString() + '</span>').join()];
+    entry.subheadings = [(((_b = f.container) === null || _b === void 0 ? void 0 : _b.name) ? f.container.name + ' ' : '') + f.stats.map((s) => '<span>' + index.translate(s.title) + ': ' + s.value.toString() + '</span>').join()];
   }
   return entry;
 }

package/dist/cjs/{filters-helpers-047e7754.js → filters-helpers-0c478887.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-4cdf7949.js');
 
 function isWithValuesField(field) {
   var _a;
@@ -67,7 +67,7 @@ function filterIsBoolean(field) {
   return (field.filterable && (field.type === index.FormFieldType.checkbox || field.type === index.FormFieldType.toggle || field.type === index.FormFieldType.ref || field.type === index.FormFieldType.subquery));
 }
 function filterIsText(field) {
-  return field.filterable && overlays.isTextField(field);
+  return field.filterable && index$1.isTextField(field);
 }
 function filterIsDate(field) {
   return field.filterable && (field.type === index.FormFieldType.date || field.type === index.FormFieldType.datetime);
@@ -121,7 +121,7 @@ function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, add
   if ((filteredFields === null || filteredFields === void 0 ? void 0 : filteredFields.length) > 0) {
     const slides = [{ title: 'YOOBICGENERAL', items: [] }];
     const data = {};
-    filteredFields.forEach((field, index$1) => {
+    filteredFields.forEach((field, index$2) => {
       var _a;
       const filter = filters.find((filter) => filter.fieldname === field.name &&
         (dynamic || (filter.fieldfiltername === (field.filterName || field.name) && (filter.fieldname !== 'tags' || filter.collectionName === field.collectionName))));
@@ -146,13 +146,13 @@ function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, add
       if (filterIsBoolean(field)) {
         newField.type = index.FormFieldType.autocomplete;
         newField.values = [
-          { _id: true, name: overlays.translate('YOOBICTRUE') },
-          { _id: false, name: overlays.translate('FALSE') }
+          { _id: true, name: index$1.translate('YOOBICTRUE') },
+          { _id: false, name: index$1.translate('FALSE') }
         ];
         newField.idOnly = true;
         newField.multiple = false;
       }
-      if (overlays.isWeb()) {
+      if (index$1.isWeb()) {
         if (filterIsText(field)) {
           newField.type = index.FormFieldType.filtertext;
         }
@@ -212,7 +212,7 @@ function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, add
         }
       }
       slides[0].items.push(newField);
-      if (filteredFields.length > 1 && addOperators && index$1 < filteredFields.length - 1) {
+      if (filteredFields.length > 1 && addOperators && index$2 < filteredFields.length - 1) {
         slides[0].items.push({
           type: index.FormFieldType.autocomplete,
           name: 'operator',
@@ -229,7 +229,7 @@ function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, add
 function mapCustomViewToButton(c, currentCustomView, session, authentication, customViewLoaded, customViewRemoved, customViewSaved) {
   return {
     // eslint-disable-next-line @typescript-eslint/quotes
-    text: c.name + (c.public ? `<yoo-tag color="app-color-10" size="small" class="margin-left">${overlays.translate('PUBLIC')}</yoo-tag>` : ''),
+    text: c.name + (c.public ? `<yoo-tag color="app-color-10" size="small" class="margin-left">${index$1.translate('PUBLIC')}</yoo-tag>` : ''),
     // description: c.description,
     textClass: c._id && (c === null || c === void 0 ? void 0 : c._id) === (currentCustomView === null || currentCustomView === void 0 ? void 0 : currentCustomView._id) ? 'app-color' : null,
     handler: () => customViewLoaded(c),

package/dist/cjs/{form-choice-helpers-0be10906.js → form-choice-helpers-f7479585.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-618109cc.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-b7dfe5f6.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
 const index = require('./index-9ca0e46c.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 const highcharts = require('./highcharts-874d9bd2.js');
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
@@ -16,7 +16,7 @@ const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
     var _a, _b;
     const isCorrect = answer === null || answer === void 0 ? void 0 : answer.includes(val);
     const title = (_a = values === null || values === void 0 ? void 0 : values.find((v) => !highcharts.highcharts.isString(v) && (v === null || v === void 0 ? void 0 : v.value) === val)) === null || _a === void 0 ? void 0 : _a.title;
-    return index.h("div", { class: { text: true, valid: answer && isCorrect, invalid: answer && !isCorrect }, style: { color: (_b = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find(e => e.key === val)) === null || _b === void 0 ? void 0 : _b.value }, innerHTML: overlays.translateMulti(title || val) });
+    return index.h("div", { class: { text: true, valid: answer && isCorrect, invalid: answer && !isCorrect }, style: { color: (_b = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find(e => e.key === val)) === null || _b === void 0 ? void 0 : _b.value }, innerHTML: index$1.translateMulti(title || val) });
   })));
 };
 
@@ -50,7 +50,7 @@ const YooFormChoiceCardComponent = class {
     return index.h("yoo-icon", { id: "icon", color: selected ? 'app-color' : 'dark', size: "extra-large", name: icon });
   }
   renderLottie(lottie) {
-    return index.h("yoo-lottie", { type: lottie, autoplay: !overlays.isChromatic(), loop: true });
+    return index.h("yoo-lottie", { type: lottie, autoplay: !index$1.isChromatic(), loop: true });
   }
   renderImage(image, selected, index$1) {
     return index.h("yoo-img", { svgOptions: { beforeInject: (_, svg) => selected && commonHelpers.setColorSVG(svg, 'app-color') }, ref: (el) => (this.imgElements[index$1] = el), class: { selected }, src: image });
@@ -59,10 +59,10 @@ const YooFormChoiceCardComponent = class {
     return index.h("div", { id: "emoji" }, emoji);
   }
   renderTitle(title) {
-    return index.h("div", { id: "heading" }, this.useTranslate ? overlays.translate(title.toUpperCase()) : overlays.translateMulti(title));
+    return index.h("div", { id: "heading" }, this.useTranslate ? index$1.translate(title.toUpperCase()) : index$1.translateMulti(title));
   }
   renderDescription(description) {
-    return index.h("p", { id: "description" }, overlays.translate(description));
+    return index.h("p", { id: "description" }, index$1.translate(description));
   }
   renderCardContent(item, selected, index) {
     const { icon, image, lottie, description, emoji, title } = item || {};
@@ -153,7 +153,7 @@ function updateValues(newVal, oldVal, choiceElement, warningMsgs) {
 }
 function prepareChoice(choiceElement) {
   formInputHelpers.setValidator(choiceElement);
-  if (!overlays.isNullOrUndefined(choiceElement.value)) {
+  if (!index$1.isNullOrUndefined(choiceElement.value)) {
     choiceElement.selection = [].concat(choiceElement.value);
   }
   choiceElement.choices = prepareValues(choiceElement);