@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/{form-input-helpers-2d988e31.js → form-input-helpers-4ad38e19.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const overlays = require('./overlays-e5d2ff76.js');
-const index$1 = require('./index-a1bbe627.js');
-const index = require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
+const index$2 = require('./index-0cfb67d1.js');
+const index = require('./index-a1bbe627.js');
+const index$1 = require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {
@@ -37,13 +37,16 @@ function setValidator(inputElement, type, validateInput = true) {
       return v;
     });
   }
-  const _validator = index.getReducedValidator(inputElement.validators);
-  const _asyncValidator = index.getReducedAsyncValidator(inputElement.asyncValidators);
+  if (inputElement.type === index.FormFieldType.time) {
+    inputElement.validators = inputElement.validators.map((validator) => ({ ...validator, options: { ...validator.options, checkTimeOnly: true } }));
+  }
+  const _validator = index$1.getReducedValidator(inputElement.validators);
+  const _asyncValidator = index$1.getReducedAsyncValidator(inputElement.asyncValidators);
   inputElement._validator = _validator;
   inputElement._asyncValidator = _asyncValidator;
   // we call this to validate the initial value - should only be called if there is an initial value
-  if ((inputElement.value || type === index$1.FormFieldType.checklist) && validateInput) {
-    validate(inputElement, inputElement.value, type === index$1.FormFieldType.checklist);
+  if ((inputElement.value || type === index.FormFieldType.checklist) && validateInput) {
+    validate(inputElement, inputElement.value, type === index.FormFieldType.checklist);
   }
 }
 async function validate(inputElement, value, forceNullValidation = false) {
@@ -53,7 +56,7 @@ async function validate(inputElement, value, forceNullValidation = false) {
   }
   if (inputElement._validator) {
     let currentValidity = true;
-    if (!overlays.isNullOrUndefined(value) || ((_a = inputElement.validators) === null || _a === void 0 ? void 0 : _a.some((v) => v.name === 'required')) || forceNullValidation) {
+    if (!index$2.isNullOrUndefined(value) || ((_a = inputElement.validators) === null || _a === void 0 ? void 0 : _a.some((v) => v.name === 'required')) || forceNullValidation) {
       if (((_b = inputElement.externalValidators) === null || _b === void 0 ? void 0 : _b.length) > 0) {
         await Promise.all(inputElement.externalValidators.map(async (externalValidator) => {
           const externalLinkedElement = await getExternalElement(inputElement, externalValidator.externalFieldName);
@@ -179,9 +182,9 @@ function setInputElementValidatorOptions(inputElement, externalElement, extraEle
 async function getExternalElement(inputElement, externalFieldName) {
   let externalElement;
   let formContainer = inputElement.ionScroll ? inputElement.ionScroll : undefined;
-  formContainer = formContainer ? formContainer : overlays.findParent(inputElement.inputElement, 'yoo-ion-scroll');
+  formContainer = formContainer ? formContainer : index$2.findParent(inputElement.inputElement, 'yoo-ion-scroll');
   if (!formContainer) {
-    formContainer = overlays.findParent(inputElement.inputContainer ? inputElement.inputContainer : inputElement.host, '.inputs-container');
+    formContainer = index$2.findParent(inputElement.inputContainer ? inputElement.inputContainer : inputElement.host, '.inputs-container');
   }
   if (inputElement && formContainer) {
     const externalElementHost = commonHelpers.querySelectorDeep(formContainer, `[attr-name=f-${externalFieldName}]`);
@@ -215,58 +218,58 @@ function convertTimeToDate(timestr) {
   return null;
 }
 function convertValueForInputType(v, type, isISO) {
-  if (isISO && overlays.dateIsValid(v)) {
-    return overlays.isPresent(v) ? overlays.toDate(v).toISOString() : null;
+  if (isISO && index$2.dateIsValid(v)) {
+    return index$2.isPresent(v) ? index$2.toDate(v).toISOString() : null;
   }
   switch (type) {
-    case index$1.FormFieldType.number: {
+    case index.FormFieldType.number: {
       return v === '' ? null : parseNumber(v);
     }
-    case index$1.FormFieldType.range: {
+    case index.FormFieldType.range: {
       return parseNumber(v);
     }
-    case index$1.FormFieldType.date:
-      if (!overlays.isPresent(v)) {
+    case index.FormFieldType.date:
+      if (!index$2.isPresent(v)) {
         return null;
       }
-      return overlays.dateIsValid(v) ? overlays.dateFormat(overlays.toDate(v), 'YYYY-MM-DD') : null;
-    case index$1.FormFieldType.datetime: {
-      if (!overlays.isPresent(v)) {
+      return index$2.dateIsValid(v) ? index$2.dateFormat(index$2.toDate(v), 'YYYY-MM-DD') : null;
+    case index.FormFieldType.datetime: {
+      if (!index$2.isPresent(v)) {
         return null;
       }
-      return overlays.dateIsValid(v) ? overlays.dateFormat(overlays.toDate(v), 'YYYY-MM-DDTHH:mm') : null;
+      return index$2.dateIsValid(v) ? index$2.dateFormat(index$2.toDate(v), 'YYYY-MM-DDTHH:mm') : null;
     }
-    case index$1.FormFieldType.time: {
-      if (!overlays.isPresent(v)) {
+    case index.FormFieldType.time: {
+      if (!index$2.isPresent(v)) {
         return null;
       }
       // When using native date picker we don't need to convert this value
-      if (!overlays.isNativeMobile()) {
+      if (!index$2.isNativeMobile()) {
         v = convertTimeToDate(v);
       }
-      return overlays.dateIsValid(v) ? overlays.dateFormat(overlays.toDate(v), 'YYYY-MM-DDTHH:mm') : v;
+      return index$2.dateIsValid(v) ? index$2.dateFormat(index$2.toDate(v), 'YYYY-MM-DDTHH:mm') : v;
     }
     default:
       return v;
   }
 }
 function getTimeDisplayValue(value, is24Hour) {
-  if (!overlays.isPresent(value)) {
+  if (!index$2.isPresent(value)) {
     return null;
   }
   else {
-    return overlays.dateIsValid(value) ? (is24Hour ? overlays.dateFormat(value, 'HH:mm') : overlays.dateFormat(value, 'h:mm a')) : value;
+    return index$2.dateIsValid(value) ? (is24Hour ? index$2.dateFormat(value, 'HH:mm') : index$2.dateFormat(value, 'h:mm a')) : value;
   }
 }
 function formatMinMaxDate(minDate, maxDate) {
-  if (overlays.isIOS()) {
-    minDate = minDate ? minDate : overlays.dateSub(null, 'years', 100);
-    maxDate = maxDate ? maxDate : overlays.dateAdd(null, 'years', 100);
+  if (index$2.isIOS()) {
+    minDate = minDate ? minDate : index$2.dateSub(null, 'years', 100);
+    maxDate = maxDate ? maxDate : index$2.dateAdd(null, 'years', 100);
   }
-  else if (overlays.isAndroid()) {
+  else if (index$2.isAndroid()) {
     // Needs to be a millisecond precision unix timestamp (number)
-    minDate = minDate ? new Date(minDate).getTime() : overlays.dateSub(null, 'years', 100).getTime();
-    maxDate = maxDate ? new Date(maxDate).getTime() : overlays.dateAdd(null, 'years', 100).getTime();
+    minDate = minDate ? new Date(minDate).getTime() : index$2.dateSub(null, 'years', 100).getTime();
+    maxDate = maxDate ? new Date(maxDate).getTime() : index$2.dateAdd(null, 'years', 100).getTime();
   }
   return { minDate, maxDate };
 }
@@ -277,7 +280,7 @@ function onIconClicked(icon, inputElement, isNativeMobileAndroid) {
   inputBlur = false;
   if (isNativeMobileAndroid) {
     setTimeout(() => {
-      overlays.Keyboard.show();
+      index$2.Keyboard.show();
     }, 400);
   }
 }

package/dist/cjs/{form-text-area-helpers-8cf04c81.js → form-text-area-helpers-b7297742.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-9aadeb94.js');
+const index$1 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-0cfb67d1.js');
 
 /**
  * Safely insert element
@@ -219,7 +219,7 @@ function removeChatAt(index, str) {
  * Return yoo mention tag element given a user
  */
 function getTagHTML(user, doc = document) {
-  let name = overlays.getUserDisplayName(user);
+  let name = index.getUserDisplayName(user);
   name = name.replace(/\s/g, '');
   const element = doc.createElement('yoo-mention-tag');
   element.dataset.id = user._id;
@@ -227,7 +227,7 @@ function getTagHTML(user, doc = document) {
   element.dataset.description = `@${name}`;
   element.innerHTML = `@${name}`;
   if (doc !== document) {
-    element.style.color = overlays.getCssColor('app-color');
+    element.style.color = index.getCssColor('app-color');
   }
   return element;
 }
@@ -282,7 +282,7 @@ function safeGetRange(root, supportEl) {
     return root === null || root === void 0 ? void 0 : root.getSafeRange();
   }
   if (root && supportEl) {
-    return index.getRange(root, supportEl);
+    return index$1.getRange(root, supportEl);
   }
   return null;
 }

package/dist/cjs/{grid-renderers-853f422f.js → grid-renderers-c4c0cea0.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-const index = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-a1bbe627.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const incentiveHelpers = require('./incentive-helpers-a2954f55.js');
-const missionsHelpers = require('./missions-helpers-c32f14f9.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const formHelpers = require('./form-helpers-2fcb4674.js');
+const incentiveHelpers = require('./incentive-helpers-81dda507.js');
+const missionsHelpers = require('./missions-helpers-57b2539c.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const formHelpers = require('./form-helpers-1205df78.js');
 const geolocationHelpers = require('./geolocation-helpers-4c8ccc80.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-0cfb67d1.js');
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));
@@ -275,7 +275,7 @@ const imageStyle = {
 };
 const roundedImageStyle = {
   ...imageStyle,
-  border: `1px solid ${overlays.getCssColor('stable-40')}`,
+  border: `1px solid ${index.getCssColor('stable-40')}`,
   'border-radius': '50%'
 };
 function isCSVOrExcel(params) {
@@ -284,9 +284,9 @@ function isCSVOrExcel(params) {
 function defaultRenderer(params) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   let retVal = params.value || '';
-  let translateFunction = overlays.translateMulti;
+  let translateFunction = index.translateMulti;
   if ((_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.translate) {
-    translateFunction = overlays.translate;
+    translateFunction = index.translate;
   }
   if (lodash.isArray(retVal)) {
     return retVal.map((v) => translateFunction(v || '')).join(', ');
@@ -334,8 +334,8 @@ function exportRenderer(params) {
 }
 function groupRenderer(params) {
   let retVal = [].concat(params.value || []);
-  retVal = overlays.groupsResolver(retVal);
-  const translateFunction = overlays.translateMulti;
+  retVal = index.groupsResolver(retVal);
+  const translateFunction = index.translateMulti;
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
   tooltip.delay = [1500, 0];
@@ -354,8 +354,8 @@ function groupRenderer(params) {
 }
 function aclRoleRenderer(params) {
   let retVal = [].concat(params.value || []);
-  retVal = overlays.aclRolesResolver(retVal);
-  const translateFunction = overlays.translateMulti;
+  retVal = index.aclRolesResolver(retVal);
+  const translateFunction = index.translateMulti;
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
   const content = retVal.map((v) => translateFunction(v || '')).join('<br/>');
@@ -379,7 +379,7 @@ function tagsRenderer(params) {
       value = value.tag;
     }
     if (params === null || params === void 0 ? void 0 : params.translate) {
-      value = overlays.translate(value);
+      value = index.translate(value);
     }
     return value;
   });
@@ -466,10 +466,10 @@ function translateRenderer(params) {
     return value;
   }
   else if (value === null || value === void 0 ? void 0 : value.toUpperCase) {
-    return overlays.translateMulti(value.toUpperCase());
+    return index.translateMulti(value.toUpperCase());
   }
   else if ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase) {
-    return overlays.translateMulti(value.value.toUpperCase());
+    return index.translateMulti(value.value.toUpperCase());
   }
   return '';
 }
@@ -536,7 +536,7 @@ function percentageRenderer(params) {
     }
     return `<div>${params.noValue || ''}</div>`;
   }
-  const percentage = overlays.pipes.percent.transform(retVal, precision, factor);
+  const percentage = index.pipes.percent.transform(retVal, precision, factor);
   if (params.isExport) {
     return `<div>${percentage.toString()}</div>`;
   }
@@ -548,12 +548,12 @@ function percentageRenderer(params) {
 function currencyRenderer(params) {
   const value = params.value;
   return lodash.isNumber(value)
-    ? overlays.pipes.currency.transform(value, { strictPrecision: params.numberPrecision, customSymbol: params.symbol, forceSymbol: params.forceSymbol })
+    ? index.pipes.currency.transform(value, { strictPrecision: params.numberPrecision, customSymbol: params.symbol, forceSymbol: params.forceSymbol })
     : value.toString();
 }
 function durationRenderer(params) {
   const value = params.value;
-  return lodash.isNumber(value) ? Math.round(value) + ' ' + overlays.translate('YOOBICMIN').toLowerCase() + '.' : value;
+  return lodash.isNumber(value) ? Math.round(value) + ' ' + index.translate('YOOBICMIN').toLowerCase() + '.' : value;
 }
 function distanceRenderer(params) {
   var _a, _b;
@@ -608,7 +608,7 @@ function datetimeGenericRenderer(params, format) {
     value = value.value;
   }
   if (value) {
-    const finalDate = overlays.dateFormat(overlays.toDate(value), format);
+    const finalDate = index.dateFormat(index.toDate(value), format);
     if (params.isExport) {
       return finalDate;
     }
@@ -626,10 +626,10 @@ function timeRenderer(params) {
   const value = params.value;
   if (value) {
     if (/^\d\d:\d\d/.test(value)) {
-      return '<div class="not-center-container">' + overlays.dateFormat(overlays.dateParse(value, 'HH:mm'), 'LT') + '</div>';
+      return '<div class="not-center-container">' + index.dateFormat(index.dateParse(value, 'HH:mm'), 'LT') + '</div>';
     }
     else {
-      return '<div class="not-center-container">' + overlays.dateFormat(overlays.toDate(value), 'LT') + '</div>';
+      return '<div class="not-center-container">' + index.dateFormat(index.toDate(value), 'LT') + '</div>';
     }
   }
   return '';
@@ -664,8 +664,8 @@ function dateRangeRenderer(params) {
   const range = document.createElement('div');
   range.classList.add('flex-center');
   range.classList.add('stable');
-  const startDate = overlays.dateFormat(params.data.startDate, 'L');
-  const endDate = overlays.dateFormat(params.data.endDate, 'L');
+  const startDate = index.dateFormat(params.data.startDate, 'L');
+  const endDate = index.dateFormat(params.data.endDate, 'L');
   range.appendChild(document.createTextNode(`${startDate} - ${endDate}`));
   wrapper.appendChild(relative);
   wrapper.appendChild(range);
@@ -689,7 +689,7 @@ function photoRenderer(params) {
     if (value !== emptyImage) {
       img.onclick = (ev) => {
         ev.stopPropagation();
-        overlays.dispatchCustomEvent('gridcellPhotoSelected', img, { ...params, index: 0 });
+        index.dispatchCustomEvent('gridcellPhotoSelected', img, { ...params, index: 0 });
       };
     }
     return isCSVOrExcel(params) ? params.value : img;
@@ -714,7 +714,7 @@ function multiphotoRenderer(params) {
   if (photos && lodash.isArray(photos) && photos.length > 0) {
     const container = document.createElement('div');
     container.style.display = 'inherit';
-    photos.forEach((photo, index) => {
+    photos.forEach((photo, index$1) => {
       const img = document.createElement('yoo-img');
       lodash.keys(roundedImageStyle).forEach((k) => {
         img.style[k] = roundedImageStyle[k];
@@ -722,7 +722,7 @@ function multiphotoRenderer(params) {
       img.src = photo;
       img.onclick = (ev) => {
         ev.stopPropagation();
-        overlays.dispatchCustomEvent('gridcellPhotoSelected', img, { ...params, index });
+        index.dispatchCustomEvent('gridcellPhotoSelected', img, { ...params, index: index$1 });
       };
       container.appendChild(img);
     });
@@ -798,8 +798,8 @@ function todoRenderer(params) {
 function timerRenderer(params) {
   const value = params.value;
   if ((value === null || value === void 0 ? void 0 : value.startDate) && (value === null || value === void 0 ? void 0 : value.endDate)) {
-    const ms = overlays.dateDiff(overlays.toDate(value.endDate), overlays.toDate(value.startDate));
-    const s = Math.floor(overlays.toHours(ms)) + overlays.dateFormat(overlays.utc(new Date(ms)), ':mm:ss');
+    const ms = index.dateDiff(index.toDate(value.endDate), index.toDate(value.startDate));
+    const s = Math.floor(index.toHours(ms)) + index.dateFormat(index.utc(new Date(ms)), ':mm:ss');
     return s;
   }
   else {
@@ -810,13 +810,13 @@ function checklistRenderer(params) {
   var _a, _b, _c, _d;
   let retVal = '';
   if (((_b = (_a = params === null || params === void 0 ? void 0 : params.value) === null || _a === void 0 ? void 0 : _a.currentTasks) === null || _b === void 0 ? void 0 : _b.length) >= 0) {
-    retVal += overlays.translate('NEXTACTIONS') + ': ' + params.value.currentTasks.length;
+    retVal += index.translate('NEXTACTIONS') + ': ' + params.value.currentTasks.length;
   }
   if (((_d = (_c = params === null || params === void 0 ? void 0 : params.value) === null || _c === void 0 ? void 0 : _c.previousTasks) === null || _d === void 0 ? void 0 : _d.length) >= 0) {
     if (retVal.length > 0) {
       retVal += '<br>';
     }
-    retVal += overlays.translate('PREVIOUSACTIONS') + ': ' + params.value.previousTasks.length;
+    retVal += index.translate('PREVIOUSACTIONS') + ': ' + params.value.previousTasks.length;
   }
   return retVal;
 }
@@ -824,11 +824,11 @@ function userRenderer(params) {
   var _a, _b, _c, _d, _e, _f;
   const user = params.value;
   if (params.isExport) {
-    return user ? overlays.getUserDisplayName(user) : ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.userDisplayname) || ((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.ownerDisplayName);
+    return user ? index.getUserDisplayName(user) : ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.userDisplayname) || ((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.ownerDisplayName);
   }
   if (user) {
     const displayName = document.createElement('span');
-    displayName.innerHTML = overlays.getUserDisplayName(user);
+    displayName.innerHTML = index.getUserDisplayName(user);
     const avatar = document.createElement('yoo-avatar');
     avatar.classList.add('inline');
     avatar.user = user;
@@ -859,7 +859,7 @@ function courseRenderer(params) {
   wrapper.appendChild(image);
   const title = document.createElement('div');
   title.classList.add('text');
-  title.innerText = overlays.translateMulti((params.data.courseName || '').toString());
+  title.innerText = index.translateMulti((params.data.courseName || '').toString());
   wrapper.appendChild(title);
   return wrapper;
 }
@@ -898,10 +898,10 @@ function battleAnswersRenderer(params) {
   correctTag.style.margin = incorrectTag.style.margin = '0';
   correctTag.style.setProperty('--padding', '0');
   correctTag.appendChild(correctIcon);
-  correctTag.appendChild(document.createTextNode(`${correctScore} ${overlays.translate('CORRECT')}`));
+  correctTag.appendChild(document.createTextNode(`${correctScore} ${index.translate('CORRECT')}`));
   incorrectTag.style.setProperty('--padding', '0');
   incorrectTag.appendChild(incorrectIcon);
-  incorrectTag.appendChild(document.createTextNode(`${incorrectScore} ${overlays.translate('INCORRECT')}`));
+  incorrectTag.appendChild(document.createTextNode(`${incorrectScore} ${index.translate('INCORRECT')}`));
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
   wrapper.style.justifyContent = 'space-between';
@@ -955,7 +955,7 @@ function documentRenderer(params) {
   var _a, _b;
   let documents = [];
   const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
-  if (((_b = colDef === null || colDef === void 0 ? void 0 : colDef.fieldDefinition) === null || _b === void 0 ? void 0 : _b.type) === index.FormFieldType.document) {
+  if (((_b = colDef === null || colDef === void 0 ? void 0 : colDef.fieldDefinition) === null || _b === void 0 ? void 0 : _b.type) === index$1.FormFieldType.document) {
     documents = lodash.compact([].concat(colDef.fieldDefinition.document));
   }
   else {
@@ -1006,7 +1006,7 @@ function entityArrayTextRenderer(params) {
 function categoryIconRenderer(params) {
   const category = params.data;
   const img = `<yoo-avatar style="margin-right:0.5rem" size="small" icon="${category.icon}" color="${category.color || 'dark'}"></yoo-avatar>`;
-  return truncateRenderer({ value: overlays.translateMulti(category.title), maxLine: 1 }, img);
+  return truncateRenderer({ value: index.translateMulti(category.title), maxLine: 1 }, img);
 }
 function buttonRenderer(params) {
   var _a;
@@ -1028,17 +1028,17 @@ function missionValidationRenderer(params) {
   }
   let retVal = '';
   if (value === true || value === 'true' || value === 'validated') {
-    retVal = `<yoo-tag custom-color="${overlays.getCssColor('success')}">${overlays.translate('VALIDATED')}</yoo-tag>`;
+    retVal = `<yoo-tag custom-color="${index.getCssColor('success')}">${index.translate('VALIDATED')}</yoo-tag>`;
   }
   else if (value === false || value === 'false' || value === 'rejected') {
-    retVal = `<yoo-tag custom-color="${overlays.getCssColor('danger')}">${overlays.translate('REJECTED')}</yoo-tag>`;
+    retVal = `<yoo-tag custom-color="${index.getCssColor('danger')}">${index.translate('REJECTED')}</yoo-tag>`;
   }
   else if (!((_d = (_c = (_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.description) === null || _d === void 0 ? void 0 : _d.withoutValidation) &&
     ((status === 'finished' && value !== false && value !== true && value !== 'false' && value !== 'true') || value === 'tobevalidated')) {
-    retVal = `<yoo-tag custom-color="${overlays.getCssColor('warning')}">${overlays.translate('TOBEVALIDATED')}</yoo-tag>`;
+    retVal = `<yoo-tag custom-color="${index.getCssColor('warning')}">${index.translate('TOBEVALIDATED')}</yoo-tag>`;
   }
   if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.group) && ((_f = params === null || params === void 0 ? void 0 : params.colDef) === null || _f === void 0 ? void 0 : _f.cellRenderer) === 'group') {
-    retVal = `<yoo-tag custom-color="${overlays.getCssColor('stable')}">${overlays.translate('N/A')}</yoo-tag>`;
+    retVal = `<yoo-tag custom-color="${index.getCssColor('stable')}">${index.translate('N/A')}</yoo-tag>`;
   }
   return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
 }
@@ -1063,33 +1063,33 @@ function missionStatusRenderer(params) {
       const notValidated = params.data ? !params.data.withoutValidation && params.data.validatedByRef && !params.data.validated : null;
       const pendingValidation = params.data ? !params.data.withoutValidation && !params.data.validatedByRef : null;
       if (validated) {
-        retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('success')}">${overlays.translate('VALIDATED')}</yoo-tag></div>`;
+        retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('success')}">${index.translate('VALIDATED')}</yoo-tag></div>`;
       }
       else if (notValidated) {
-        retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('danger')}">${overlays.translate('REJECTED')}</yoo-tag></div>`;
+        retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('danger')}">${index.translate('REJECTED')}</yoo-tag></div>`;
       }
       else if (pendingValidation) {
-        retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('warning')}">${overlays.translate('PENDINGVALIDATION')}</yoo-tag></div>`;
+        retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('warning')}">${index.translate('PENDINGVALIDATION')}</yoo-tag></div>`;
       }
       else {
-        retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('accent')}">${overlays.translate('FINISHED')}</yoo-tag></div>`;
+        retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('accent')}">${index.translate('FINISHED')}</yoo-tag></div>`;
       }
     }
     else if (value === 'booked') {
-      retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('info')}">${overlays.translate('MISSIONSSTARTED')}</yoo-tag></div>`;
+      retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('info')}">${index.translate('MISSIONSSTARTED')}</yoo-tag></div>`;
     }
     else if (value === 'scheduled') {
-      retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('warning')}">${overlays.translate('SCHEDULED')}</yoo-tag></div>`;
+      retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('warning')}">${index.translate('SCHEDULED')}</yoo-tag></div>`;
     }
     else if (value === 'archived') {
-      retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey(value)}">${overlays.translate('MISSIONARCHIVED', { mission_name: '' })}</yoo-tag></div>`;
+      retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey(value)}">${index.translate('MISSIONARCHIVED', { mission_name: '' })}</yoo-tag></div>`;
     }
     else if (value === 'pausedmission') {
-      retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('dark')}">${overlays.translate('PAUSEDMISSION')}</yoo-tag></div>`;
+      retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('dark')}">${index.translate('PAUSEDMISSION')}</yoo-tag></div>`;
     }
     else if (value === 'available' || !value) {
       // (params as any).hasWorkflow &&
-      retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('available')}">${overlays.translate('AVAILABLE')}</yoo-tag></div>`;
+      retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('available')}">${index.translate('AVAILABLE')}</yoo-tag></div>`;
     }
     retVal = retVal ? retVal : value ? value.toString() : retVal || '';
   }
@@ -1099,22 +1099,22 @@ function missionStatusOnlyRenderer(params) {
   let retVal = '';
   const value = params.value;
   if (value === 'finished') {
-    retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('accent')}">${overlays.translate('FINISHED')}</yoo-tag></div>`;
+    retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('accent')}">${index.translate('FINISHED')}</yoo-tag></div>`;
   }
   else if (value === 'booked') {
-    retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('info')}">${overlays.translate('MISSIONSSTARTED')}</yoo-tag></div>`;
+    retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('info')}">${index.translate('MISSIONSSTARTED')}</yoo-tag></div>`;
   }
   else if (value === 'scheduled') {
-    retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('warning')}">${overlays.translate('SCHEDULED')}</yoo-tag></div>`;
+    retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('warning')}">${index.translate('SCHEDULED')}</yoo-tag></div>`;
   }
   else if (value === 'archived') {
-    retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey(value)}">${overlays.translate('MISSIONARCHIVED', { mission_name: '' })}</yoo-tag></div>`;
+    retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey(value)}">${index.translate('MISSIONARCHIVED', { mission_name: '' })}</yoo-tag></div>`;
   }
   else if (value === 'pausedmission') {
-    retVal = `<div class="not-center-container"><yoo-tag custom-color="${overlays.getCssColor('dark')}">${overlays.translate('PAUSEDMISSION')}</yoo-tag></div>`;
+    retVal = `<div class="not-center-container"><yoo-tag custom-color="${index.getCssColor('dark')}">${index.translate('PAUSEDMISSION')}</yoo-tag></div>`;
   }
   else if (value === 'available' || !value) {
-    retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('available')}">${overlays.translate('AVAILABLE')}</yoo-tag></div>`;
+    retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('available')}">${index.translate('AVAILABLE')}</yoo-tag></div>`;
   }
   retVal = retVal ? retVal : value ? value.toString() : retVal || '';
   return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
@@ -1127,7 +1127,7 @@ function taskStatsRenderer(params) {
       ? `<div class="not-center-container">
               <yoo-tag color="stable-light">
                 <yoo-icon slot="start" size="small" name="mission" color="stable"></yoo-icon>
-              ${((value === null || value === void 0 ? void 0 : value.countFinished) || 0) + ((value === null || value === void 0 ? void 0 : value.countClosed) || 0) + '/' + (value === null || value === void 0 ? void 0 : value.countTasks) + ' ' + overlays.translate('YOOBICACTIONS')}
+              ${((value === null || value === void 0 ? void 0 : value.countFinished) || 0) + ((value === null || value === void 0 ? void 0 : value.countClosed) || 0) + '/' + (value === null || value === void 0 ? void 0 : value.countTasks) + ' ' + index.translate('YOOBICACTIONS')}
               </yoo-tag>
             </div>`
       : null;
@@ -1136,8 +1136,8 @@ function taskStatsRenderer(params) {
 }
 function salesAIQuantityRenderer(params) {
   const value = params.value;
-  const color = overlays.salesAIGetColorFromPattern(value);
-  const quantity = overlays.salesAIFormatDemand(value);
+  const color = index.salesAIGetColorFromPattern(value);
+  const quantity = index.salesAIFormatDemand(value);
   return `<yoo-tag class="inverse-color" color="${color}">${quantity}</yoo-tag>`;
 }
 function stripHtml(originalString) {
@@ -1151,7 +1151,7 @@ function boardRenderer(params) {
     if (board) {
       return `
         <div class="not-center-container">
-          <yoo-tag custom-color="${board.color}">${overlays.translate(board.title)}</yoo-tag>
+          <yoo-tag custom-color="${board.color}">${index.translate(board.title)}</yoo-tag>
         </div>`;
     }
   }
@@ -1243,7 +1243,7 @@ function conformityRelativeProgressValue(node) {
  * @param {ICellRendererParams} params
  */
 function incentiveDateRangeRenderer(params) {
-  if (params.data && params.data.status !== index.IncentiveStatus.draft) {
+  if (params.data && params.data.status !== index$1.IncentiveStatus.draft) {
     return dateRangeRenderer(params);
   }
   return '<div>-</div>';
@@ -1255,9 +1255,9 @@ function incentiveDateRangeRenderer(params) {
  */
 function incentiveParticipantsRenderer(params) {
   const value = params.value || 0;
-  if (params.data && params.data.status !== index.IncentiveStatus.draft) {
-    const text = params.data.partType === index.IncentivePartType.teams ? 'INCENTIVETEAMSCOUNT' : 'INCENTIVEUSERSCOUNT';
-    return `<div>${overlays.translate(text, { n: value })}</div>`;
+  if (params.data && params.data.status !== index$1.IncentiveStatus.draft) {
+    const text = params.data.partType === index$1.IncentivePartType.teams ? 'INCENTIVETEAMSCOUNT' : 'INCENTIVEUSERSCOUNT';
+    return `<div>${index.translate(text, { n: value })}</div>`;
   }
   return '<div>-</div>';
 }
@@ -1268,11 +1268,11 @@ function incentiveParticipantsRenderer(params) {
  */
 function incentiveTotalRenderer(params) {
   if (params.data) {
-    const isCompetition = params.data.type === index.IncentiveType.competition;
+    const isCompetition = params.data.type === index$1.IncentiveType.competition;
     const unitValue = params.data.unit;
     // use 'K' or 'YOOBICM' suffix only if the number is greater than or equal to 10000
-    let totalKpis = params.data.totalKpis >= 10000 ? overlays.pipes.number.transform(params.data.totalKpis) : lodash.round(params.data.totalKpis, 2).toString();
-    let totalTargets = params.data.totalTargets >= 10000 ? overlays.pipes.number.transform(params.data.totalTargets) : lodash.round(params.data.totalTargets, 2).toString();
+    let totalKpis = params.data.totalKpis >= 10000 ? index.pipes.number.transform(params.data.totalKpis) : lodash.round(params.data.totalKpis, 2).toString();
+    let totalTargets = params.data.totalTargets >= 10000 ? index.pipes.number.transform(params.data.totalTargets) : lodash.round(params.data.totalTargets, 2).toString();
     if (params.data.isUnitCurrency && unitValue) {
       totalKpis = `${unitValue} ${totalKpis}`;
       totalTargets = `${unitValue} ${totalTargets}`;
@@ -1307,7 +1307,7 @@ function incentiveTotalRenderer(params) {
  */
 function incentiveRankingRenderer(params) {
   const awardIcon = '<yoo-tag color="app-color-10" icon="award-trophy-star" size="small"></yoo-tag>';
-  if (params.data.type === index.IncentiveType.milestones) {
+  if (params.data.type === index$1.IncentiveType.milestones) {
     // TODO: GET POSITION
     const position = 1;
     const positionText = incentiveHelpers.getPositionText(position);
@@ -1320,7 +1320,7 @@ function incentiveRankingRenderer(params) {
 function courseStatusRenderer(params) {
   var _a;
   const status = lodash.isString(params.value) ? params.value : (_a = params.value) === null || _a === void 0 ? void 0 : _a.tag;
-  const content = status ? `<yoo-tag color="${status === 'completed' ? 'success' : status === 'notstarted' ? 'stable' : 'info'}">${overlays.translate(status.toUpperCase())}</yoo-tag>` : '';
+  const content = status ? `<yoo-tag color="${status === 'completed' ? 'success' : status === 'notstarted' ? 'stable' : 'info'}">${index.translate(status.toUpperCase())}</yoo-tag>` : '';
   const truncate = document.createElement('yoo-truncate');
   truncate.classList.add('grid');
   truncate.style.cssText = '--max-lines: ' + (params.maxLine || 2);
@@ -1334,7 +1334,7 @@ function courseStatusRenderer(params) {
   return container;
 }
 function campaignStatusRenderer(params) {
-  const options = !params.data.archived && (params.data.active || params.data.recurring) ? { text: overlays.translate('ACTIVE'), color: 'success' } : { text: overlays.translate('INACTIVE'), color: 'stable' };
+  const options = !params.data.archived && (params.data.active || params.data.recurring) ? { text: index.translate('ACTIVE'), color: 'success' } : { text: index.translate('INACTIVE'), color: 'stable' };
   const tag = document.createElement('yoo-tag');
   tag.size = 'small';
   const icon = document.createElement('yoo-icon');
@@ -1376,7 +1376,7 @@ function getColorFromKey(key) {
 function getKeyTemplate(key, count, suffix = '', hideKey = false, hideColor = false) {
   let displayName = key;
   if (key === null || key === void 0 ? void 0 : key.toUpperCase) {
-    displayName = overlays.translate(key.toUpperCase());
+    displayName = index.translate(key.toUpperCase());
   }
   if (isNaN(count)) {
     count = '?';
@@ -1561,7 +1561,7 @@ class ActionsRenderer {
       }
       if (item && menuActions.length > 0) {
         this.menu = document.createElement('yoo-context-menu');
-        this.menu.contentButtons = menuActions.map((a) => overlays.toButton(a, item, true));
+        this.menu.contentButtons = menuActions.map((a) => index.toButton(a, item, true));
         this.menu.appendChild(htmlToElement('<div class="center-container"><yoo-button color="light" size="medium" shape="square"><yoo-icon size="small" name="more"></yoo-icon></yoo-button></div>'));
         container.classList.add('center-container');
         container.appendChild(this.menu);