@yoobic/yobi 8.2.0-2 → 8.2.0-20

package/dist/{esm/grid-renderers-af0c5a23.js → design-system/grid-renderers-7f311b8f.js}

@@ -1,10 +1,11 @@
-import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-21c7d38e.js';
-import { y as getCssColor, T as translateMulti, t as translate, bg as getContrastColor, dO as groupsResolver, dP as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bI as dateParse, ak as dispatchCustomEvent, bz as dateDiff, dQ as toHours, dR as utc, a7 as getUserDisplayName, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand, ax as toButton } from './index-dde1f033.js';
-import { a2 as findKey, a as isArray, i as isFunction, l as isNumber, c as compact, p as isString, A as get, v as isEmpty, D as indexOf, s as isObject, k as keys, e as map, r as round } from './lodash-494e728c.js';
-import { d as getWorkflowStepBadge } from './missions-helpers-241313cb.js';
-import { d as dateRangeState } from './common-helpers-d99b3c41.js';
-import { g as getJSONHighlighted } from './form-helpers-2f790816.js';
-import { f as formatDistance } from './geolocation-helpers-62bb9059.js';
+import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-da54e081.js';
+import { y as getCssColor, T as translateMulti, t as translate, dQ as groupsResolver, dR as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bJ as dateParse, ak as dispatchCustomEvent, bA as dateDiff, dS as toHours, dT as utc, a7 as getUserDisplayName, cK as salesAIGetColorFromPattern, cL as salesAIFormatDemand, ax as toButton } from './index-b3476585.js';
+import { a2 as findKey, a as isArray, i as isFunction, l as isNumber, c as compact, p as isString, A as get, v as isEmpty, D as indexOf, s as isObject, k as keys, e as map, r as round } from './lodash-b0ad17f3.js';
+import { a as getPositionText } from './incentive-helpers-824995e4.js';
+import { e as getWorkflowStepBadge } from './missions-helpers-47462b46.js';
+import { d as dateRangeState } from './common-helpers-929d7acb.js';
+import { g as getJSONHighlighted } from './form-helpers-db8bc7cd.js';
+import { f as formatDistance } from './geolocation-helpers-eb87346f.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));
@@ -278,10 +279,10 @@ function isCSVOrExcel(params) {
   return (params === null || params === void 0 ? void 0 : params.type) === 'excel' || (params === null || params === void 0 ? void 0 : params.type) === 'csv';
 }
 function defaultRenderer(params) {
-  var _a;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   let retVal = params.value || '';
   let translateFunction = translateMulti;
-  if (params && params.colDef && params.colDef.translate) {
+  if ((_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.translate) {
     translateFunction = translate;
   }
   if (isArray(retVal)) {
@@ -292,22 +293,25 @@ function defaultRenderer(params) {
     if (retVal === null || retVal === void 0 ? void 0 : retVal.title) {
       retVal = retVal.title;
     }
-    if (params && params.colDef && params.colDef.fieldDefinition && params.colDef.fieldDefinition.valuesColor) {
+    if ((_c = (_b = params === null || params === void 0 ? void 0 : params.colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.valuesColor) {
       valuesColor = params.colDef.fieldDefinition.valuesColor;
     }
-    const color = (_a = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find((c) => c.key === retVal)) === null || _a === void 0 ? void 0 : _a.value;
-    const contrast = color ? getContrastColor(color) : getCssColor('dark');
+    const color = (_d = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find((c) => c.key === retVal)) === null || _d === void 0 ? void 0 : _d.value;
+    if ((_f = (_e = params === null || params === void 0 ? void 0 : params.colDef) === null || _e === void 0 ? void 0 : _e.fieldDefinition) === null || _f === void 0 ? void 0 : _f.values) {
+      const title = (_j = (_h = (_g = params === null || params === void 0 ? void 0 : params.colDef) === null || _g === void 0 ? void 0 : _g.fieldDefinition) === null || _h === void 0 ? void 0 : _h.values.find((v) => (v === null || v === void 0 ? void 0 : v.value) === retVal)) === null || _j === void 0 ? void 0 : _j.title;
+      retVal = title || retVal;
+    }
     if (params.isExport) {
       return translateFunction(stripHtml((retVal === null || retVal === void 0 ? void 0 : retVal.toString()) || ''));
     }
-    return ('<div class="' + (color ? 'color-container' : '') + '" style="background:' + (color || '') + ';color:' + contrast + '"  >' + translateFunction(retVal.toString()) + '</div>');
+    return color ? `<yoo-tag custom-color="${color}">${translateFunction(retVal.toString())}</yoo-tag>` : ('<div>' + translateFunction(retVal.toString()) + '</div>');
   }
 }
 function exportRenderer(params) {
-  //params = cloneDeep(params || {} as any);
+  var _a;
   params.isExport = true;
   let retVal;
-  if (params && params.column && params.column.getColDef) {
+  if ((_a = params === null || params === void 0 ? void 0 : params.column) === null || _a === void 0 ? void 0 : _a.getColDef) {
     const colDef = params.column.getColDef();
     if (isFunction(colDef.cellRenderer)) {
       retVal = colDef.cellRenderer(params);
@@ -368,15 +372,19 @@ function aclRoleRenderer(params) {
 function tagsRenderer(params) {
   let retVal = compact([].concat(params.value || []));
   retVal = retVal.map((value) => {
+    var _a;
     if (!isString(value)) {
       value = value.tag;
     }
+    if ((_a = params) === null || _a === void 0 ? void 0 : _a.translate) {
+      value = translate(value);
+    }
     return value;
   });
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
   const tooltipContent = retVal.join(', ');
-  const content = retVal.map((t) => `<yoo-tag color="stable">${t}</yoo-tag>`).join('');
+  const content = retVal.map((t) => { var _a, _b; return `<yoo-tag color="${((_b = (_a = params) === null || _a === void 0 ? void 0 : _a.getColor) === null || _b === void 0 ? void 0 : _b.call(_a, params.value)) || 'stable'}">${t}</yoo-tag>`; }).join('');
   tooltip.delay = [1500, 0];
   tooltip.content = tooltipContent;
   tooltip.placement = 'bottom';
@@ -386,18 +394,19 @@ function tagsRenderer(params) {
   truncate.innerHTML = content;
   tooltip.appendChild(truncate);
   const container = document.createElement('div');
-  // container.classList.add('scrollable');
-  // container.classList.add('margin-top');
   container.appendChild(tooltip);
   if (params.isExport) {
     return content;
   }
-  return container; // tooltip; // ;
+  return container;
 }
-function truncateRenderer(params) {
+function truncateRenderer(params, extraHtml) {
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
-  const content = (isArray(params.value) ? params.value.join(', ') : params.value) || '';
+  let content = (isArray(params.value) ? params.value.join(', ') : params.value) || '';
+  if (extraHtml) {
+    content = '<div style="white-space: nowrap;display:flex">' + extraHtml + '<span style="white-space:nowrap;flex:1;;overflow:hidden;text-overflow:ellipsis;">' + content + '</span></div>';
+  }
   tooltip.content = content;
   tooltip.placement = 'bottom';
   tooltip.delay = [1500, 0];
@@ -442,10 +451,10 @@ function translateRenderer(params) {
   if (isNumber(value)) {
     return value;
   }
-  else if (value && value.toUpperCase) {
+  else if (value === null || value === void 0 ? void 0 : value.toUpperCase) {
     return translateMulti(value.toUpperCase());
   }
-  else if ((value === null || value === void 0 ? void 0 : value.value) && ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase)) {
+  else if ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase) {
     return translateMulti(value.value.toUpperCase());
   }
   return '';
@@ -467,7 +476,7 @@ function numberWithVariationRenderer(params) {
   return retVal;
 }
 function numberRenderer(params) {
-  var _a, _b;
+  var _a;
   const factor = params.factor || 1;
   const precision = params.numberPrecision;
   let retVal = params.value;
@@ -484,7 +493,7 @@ function numberRenderer(params) {
   else if (isNumber(params.defaultValue)) {
     retVal = params.defaultValue.toString();
   }
-  else if (retVal && retVal.toString) {
+  else if (retVal === null || retVal === void 0 ? void 0 : retVal.toString) {
     retVal = retVal.toString();
   }
   else if ((_a = params) === null || _a === void 0 ? void 0 : _a.loader) {
@@ -499,9 +508,6 @@ function numberRenderer(params) {
   if (params.isExport) {
     return retVal.toString();
   }
-  if (((_b = params.data) === null || _b === void 0 ? void 0 : _b.fftype) === 'folder') {
-    return '-';
-  }
   if (params.icon) {
     return `<div class="top-container"><yoo-icon class="margin-right" name="${params.icon}" color="${params.color}"></yoo-icon><span>${retVal.toString()}</span></div>`;
   }
@@ -537,9 +543,7 @@ function durationRenderer(params) {
 }
 function distanceRenderer(params) {
   var _a, _b;
-  // const keyPath = params.colDef.field.split('.');
   let value;
-  // if (isArray(keyPath) && keyPath.indexOf('distance') > -1 && params && params.node && params.data && params.node.data.getIn) {
   let _geoloc = (_a = params.node.data) === null || _a === void 0 ? void 0 : _a._geoloc;
   let _geolocSave = (_b = params.node.data) === null || _b === void 0 ? void 0 : _b._geolocSave;
   _geoloc = isEmpty(_geoloc) === false ? (_geoloc.toJS ? _geoloc.toJS() : _geoloc) : '';
@@ -547,7 +551,6 @@ function distanceRenderer(params) {
   if (_geoloc && _geoloc.length === 2 && _geolocSave && _geolocSave.length === 2) {
     value = getDistance(_geolocSave[1], _geolocSave[0], _geoloc[1], _geoloc[0]);
   }
-  // }
   return formatDistance(value);
 }
 function getDistance(lat1, lon1, lat2, lon2, unit = 'K') {
@@ -698,7 +701,6 @@ function photoRenderer(params) {
 function multiphotoRenderer(params) {
   const photos = params.value;
   if (photos && isArray(photos) && photos.length > 0) {
-    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
     container.style.display = 'inherit';
     photos.forEach((photo, index) => {
@@ -723,7 +725,6 @@ function imageRenderer(params) {
   const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
   photos = compact([].concat((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.imagesCarousel));
   if (photos && isArray(photos) && photos.length > 0) {
-    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
     container.style.display = 'inherit';
     photos.forEach((photo) => {
@@ -739,11 +740,12 @@ function imageRenderer(params) {
   return '';
 }
 function videoRenderer(params) {
-  return '<video class="ag-cell-image video" [src]="' + params.value + '"></video>';
+  return (params === null || params === void 0 ? void 0 : params.value) ? '<video class="ag-cell-image video" src="' + params.value + '"></video>' : '';
 }
 function starratingRenderer(params) {
+  var _a, _b;
   let max = 5;
-  if (params.colDef && params.colDef.cellRendererParams && params.colDef.cellRendererParams.max) {
+  if ((_b = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.max) {
     max = params.colDef.cellRendererParams.max;
   }
   return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
@@ -768,14 +770,14 @@ function taskRenderer(params) {
 }
 function todoRenderer(params) {
   const value = params.value;
-  if (value && value.values) {
+  if (value === null || value === void 0 ? void 0 : value.values) {
     return map(value.values, (v) => v.text.value).join(', ');
   }
   return '';
 }
 function timerRenderer(params) {
   const value = params.value;
-  if (value && value.startDate && value.endDate) {
+  if ((value === null || value === void 0 ? void 0 : value.startDate) && (value === null || value === void 0 ? void 0 : value.endDate)) {
     const ms = dateDiff(toDate(value.endDate), toDate(value.startDate));
     const s = Math.floor(toHours(ms)) + dateFormat(utc(new Date(ms)), ':mm:ss');
     return s;
@@ -830,17 +832,14 @@ function userRenderer(params) {
 function courseRenderer(params) {
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
-  // const imageWrapper = document.createElement('div');
   const image = document.createElement('yoo-img');
   image.classList.add('image');
-  // imageWrapper.appendChild(image);
   image.type = 'background';
   image.src = params.data.courseImage;
   wrapper.appendChild(image);
   const title = document.createElement('div');
   title.classList.add('text');
   title.innerText = translateMulti((params.data.courseName || '').toString());
-  // wrapper.appendChild(imageWrapper);
   wrapper.appendChild(title);
   return wrapper;
 }
@@ -909,6 +908,7 @@ function progressbarRenderer(params) {
   const progressbar = document.createElement('yoo-progress-bar');
   progressbar.classList.add('grid-cell');
   progressbar.value = params.value;
+  progressbar.animated = params.animated === true;
   return progressbar;
 }
 function chartRenderer(params) {
@@ -966,10 +966,22 @@ function pricecheckRenderer(params) {
   }
   return ret;
 }
+function folderIconRenderer(params) {
+  var _a, _b;
+  const folder = params.data;
+  let img;
+  if (folder.imgSrc || ((_a = folder.background) === null || _a === void 0 ? void 0 : _a._downloadURL)) {
+    img = `<yoo-img style="width:1.5rem; margin-right:0.5rem" src="${folder.imgSrc || ((_b = folder.background) === null || _b === void 0 ? void 0 : _b._downloadURL)}"></yoo-img>`;
+  }
+  else {
+    img = ` <yoo-avatar style="margin-right:0.5rem" size="small" icon="${folder.folderType === 'article' ? 'pages' : folder.icon || 'folder'}" color="${folder.color || 'app-color'}"></yoo-avatar>`;
+  }
+  return truncateRenderer({ value: folder.name, maxLine: 1 }, img);
+}
 function buttonRenderer(params) {
-  if (params.colDef && params.colDef.cellRendererParams) {
+  var _a;
+  if ((_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) {
     const color = params.colDef.cellRendererParams.color || '';
-    // let text = translate(params.colDef.context.text) || '';
     const icon = params.colDef.cellRendererParams.icon || '';
     return `<yoo-button class="small outline-dark ${color}">
          <yoo-icon name="${icon}"</yoo-icon>
@@ -978,10 +990,10 @@ function buttonRenderer(params) {
   return '';
 }
 function missionValidationRenderer(params) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const value = params.value;
   let status = '';
-  if (params.node && params.node.data) {
+  if ((_a = params.node) === null || _a === void 0 ? void 0 : _a.data) {
     status = params.node.data.status;
   }
   let retVal = '';
@@ -991,11 +1003,11 @@ function missionValidationRenderer(params) {
   else if (value === false || value === 'false' || value === 'rejected') {
     retVal = `<yoo-tag custom-color="${getCssColor('danger')}">${translate('REJECTED')}</yoo-tag>`;
   }
-  else if (!((_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.description) === null || _c === void 0 ? void 0 : _c.withoutValidation) &&
+  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="${getCssColor('warning')}">${translate('TOBEVALIDATED')}</yoo-tag>`;
   }
-  if (((_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.group) && ((_e = params === null || params === void 0 ? void 0 : params.colDef) === null || _e === void 0 ? void 0 : _e.cellRenderer) === 'group') {
+  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="${getCssColor('stable')}">${translate('N/A')}</yoo-tag>`;
   }
   return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
@@ -1071,7 +1083,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) + ' ' + translate('TASKS')}
+              ${((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) + ' ' + translate('YOOBICACTIONS')}
               </yoo-tag>
             </div>`
       : null;
@@ -1112,53 +1124,60 @@ function missionUniqueKeyRenderer(params) {
   return '';
 }
 function conformityProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.conformityprogress = conformityProgressValue(params.node);
     retVal += getKeyTemplate('conformityprogress', params.node.aggData.conformityprogress, ' %', true);
   }
   return retVal;
 }
 function conformityProgressValue(node) {
-  if (node.aggData && node.aggData.validated && node.aggData.validated.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.validated) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round(((node.aggData.validated.counts.validated || 0) * 100) / ((node.aggData.validated.counts.validated || 0) + (node.aggData.validated.counts.rejected || 0)));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function progressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.progress = progressValue(params.node);
     retVal += getKeyTemplate('progress', params.node.aggData.progress, ' %', true);
   }
   return retVal;
 }
 function progressValue(node) {
-  if (node && node.aggData && node.aggData.status && node.aggData.status.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.status) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round(((node.aggData.status.counts.finished || 0) * 100) / ((node.aggData.status.counts.finished || 0) + (node.aggData.status.counts.available || 0)));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function validationProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.validationprogress = validationProgressValue(params.node);
     retVal += getKeyTemplate('validationprogress', params.node.aggData.validationprogress, ' %', true);
   }
   return retVal;
 }
 function validationProgressValue(node) {
-  if (node.aggData && node.aggData.validated && node.aggData.validated.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.validated) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round((((node.aggData.validated.counts.validated || 0) + (node.aggData.validated.counts.rejected || 0)) * 100) / (node.aggData.status.counts.finished || 0));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function conformityRelativeProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.conformityrelativeprogress = conformityRelativeProgressValue(params.node);
     retVal += getKeyTemplate('conformityrelativeprogress', params.node.aggData.conformityrelativeprogress, ' %', true);
   }
@@ -1233,6 +1252,23 @@ function incentiveTotalRenderer(params) {
   }
   return '-';
 }
+/**
+ * @function incentiveRankingRenderer
+ * @description Display the user rank
+ * @param {ICellRendererParams} params
+ */
+function incentiveRankingRenderer(params) {
+  const awardIcon = '<yoo-tag color="app-color-10" icon="award-trophy-star" size="small"></yoo-tag>';
+  if (params.data.type === IncentiveType.milestones) {
+    // TODO: GET POSITION
+    const position = 1;
+    const positionText = getPositionText(position);
+    return `${awardIcon} ${positionText}`;
+  }
+  else {
+    return `${awardIcon} -`;
+  }
+}
 function courseStatusRenderer(params) {
   var _a;
   const status = isString(params.value) ? params.value : (_a = params.value) === null || _a === void 0 ? void 0 : _a.tag;
@@ -1243,7 +1279,6 @@ function courseStatusRenderer(params) {
   truncate.innerHTML = content;
   const container = document.createElement('div');
   container.classList.add('scrollable');
-  // container.classList.add('margin-top');
   container.appendChild(truncate);
   if (params.isExport) {
     return status;
@@ -1261,7 +1296,10 @@ function campaignStatusRenderer(params) {
   icon.slot = 'start';
   tag.appendChild(icon);
   tag.appendChild(document.createTextNode(options.text));
-  return isCSVOrExcel(params) ? options.text : tag;
+  const container = document.createElement('div');
+  container.classList.add('center-container');
+  container.appendChild(tag);
+  return isCSVOrExcel(params) ? options.text : container;
 }
 function getColorFromKey(key) {
   if (key === 'finished') {
@@ -1285,7 +1323,6 @@ function getColorFromKey(key) {
   return null;
 }
 function getKeyTemplate(key, count, suffix = '', hideKey = false, hideColor = false) {
-  // let color = getColor(key);
   let displayName = key;
   if (key === null || key === void 0 ? void 0 : key.toUpperCase) {
     displayName = translate(key.toUpperCase());
@@ -1327,7 +1364,7 @@ class MissionResultsRenderer {
     this.missionForm.formType = 'mission';
     let items = [];
     params.slides.forEach((s) => (items = [...items, ...s.items]));
-    this.missionForm.slides = [{ title: 'GENERAL', items }];
+    this.missionForm.slides = [{ title: 'YOOBICGENERAL', items }];
     this.missionForm.data = params.data;
     this.missionForm.showTabs = false;
     this.missionForm.showRecap = false;
@@ -1351,6 +1388,8 @@ class EntityRenderer {
   init(params) {
     var _a, _b, _c, _d, _e;
     const container = document.createElement('div');
+    container.style.display = 'flex';
+    container.style.overflow = 'hidden';
     const entityType = params.entityType || params.collectionName;
     this.entity = document.createElement('yoo-entity');
     this.entity.classList.add('block', 'no-border');
@@ -1364,9 +1403,6 @@ class EntityRenderer {
     this.entity.disableRowClick = params.disableRowClick;
     this.entity.isGridCell = true;
     this.entity.item = params.useValue ? params.value : params.data;
-    // if (entityType === 'missions') {
-    //   this.entity.displayType = 'card-inbox';
-    // }
     if (entityType === 'missiondatas' && ((_b = (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.hasWorkflow)) {
       this.entity.entityType = 'missions';
       this.entity.item = (_c = params.data) === null || _c === void 0 ? void 0 : _c.mission;
@@ -1376,9 +1412,6 @@ class EntityRenderer {
     if ((params === null || params === void 0 ? void 0 : params.displayType) === 'card-campaign') {
       this.entity.extraClass = 'grid-card-campaign';
     }
-    // this.entity.forceUpdate();
-    // container.style.height = params.height + 'px';
-    // container.style.minHeight = params.minheight + 'px';
     if ((_e = params.style) === null || _e === void 0 ? void 0 : _e.width) {
       container.style.width = params.style.width;
     }
@@ -1414,31 +1447,6 @@ class GridRenderer {
     }
   }
 }
-// class SalesairecommondationRenderer implements ICellRendererComp {
-//   eGui: HTMLElement;
-//   getGui(): HTMLElement {
-//     return this.eGui;
-//   }
-//   init(_params: any) {
-//     const container = document.createElement('div');
-//     container.innerHTML += 'Extra stuff';
-//     // this.grid = document.createElement('yoo-grid');
-//     // this.grid.displayType = params.displayType || 'card-list';
-//     // this.grid.collectionName = params.collectionName;
-//     // this.grid.customModel = params.customModel;
-//     // this.grid.items = params.value;
-//     // this.grid.isLocal = true;
-//     // container.appendChild(this.grid);
-//     this.eGui = container;
-//   }
-//   refresh(_params) {
-//     // if (this.grid) {
-//     //   this.grid.items = params.value;
-//     //   return true;
-//     // }
-//     return true;
-//   }
-// }
 class ActionsRenderer {
   getGui() {
     return this.eGui;
@@ -1623,6 +1631,8 @@ function getRenderer(renderer) {
       return progressbarRenderer;
     case 'pricecheckRenderer':
       return pricecheckRenderer;
+    case 'folderIconRenderer':
+      return folderIconRenderer;
     case 'campaignStatusRenderer':
       return campaignStatusRenderer;
     case 'missionStatusOnlyRenderer':
@@ -1659,6 +1669,8 @@ function getRenderer(renderer) {
       return incentiveParticipantsRenderer;
     case 'incentiveTotalRenderer':
       return incentiveTotalRenderer;
+    case 'incentiveRankingRenderer':
+      return incentiveRankingRenderer;
     case 'courseStatusRenderer':
       return courseStatusRenderer;
     case 'entityRenderer':
@@ -1667,8 +1679,6 @@ function getRenderer(renderer) {
       return ActionsRenderer;
     case 'gridRenderer':
       return GridRenderer;
-    // case 'salesairecommondationRenderer':
-    //   return SalesairecommondationRenderer;
     case 'exportRenderer':
       return exportRenderer;
     case 'defaultRenderer':