@yoobic/yobi 8.2.0-9 → 8.2.2

package/dist/collection/components/form-creator/helpers/index.js

@@ -1,5 +1,5 @@
 import { ALL_MOBILE_FORM_FIELDS, FormCreatorOptions, FormFieldType, ScoringCategory } from '@shared/interfaces';
-import { findField, generateUniqueKey, getCustomName, getUUID, isNullOrUndefined, isValueALegacyTranslationKey, isValueATranslationKey, translate, translateMulti } from '@shared/utils';
+import { findField, generateUniqueKey, getCustomName, getUUID, isNullOrUndefined, isValueALegacyTranslationKey, isValueATranslationKey, showAlert, translate, translateMulti } from '@shared/utils';
 import { cloneDeep, compact, get, isArray, isString, set } from 'lodash-es';
 import { isAnnotationEmpty } from '../../../utils/helpers/annotations-helpers';
 export const starRatingMaxDefault = 5;
@@ -542,60 +542,62 @@ export function getFieldsWithScoring(scoring) {
   }, []);
   return fieldsWithScoring;
 }
-function handleComplexImageValueTranslations(items, { baseLanguage, title, path, slideIndex, fieldIndex, idIndex, f }, hasBeenEdited = false) {
+function handleComplexImageValueTranslations(items, { baseLanguage, title, path, slideIndex, fieldIndex, idIndex, f }, hasBeenEdited = false, erroMessages = []) {
   var _a;
   (_a = f[path]) === null || _a === void 0 ? void 0 : _a.forEach((complexSelectImageValue, columnIndex) => {
     complexSelectImageValue === null || complexSelectImageValue === void 0 ? void 0 : complexSelectImageValue.forEach((complexSelectImageValueObj, objIndex) => {
       if (isString(complexSelectImageValueObj)) {
-        hasBeenEdited = addRow(items, { title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}[${columnIndex}][${objIndex}]`, slideIndex, fieldIndex, oldValue: complexSelectImageValueObj }, null, hasBeenEdited);
+        hasBeenEdited = addRow(items, { title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}[${columnIndex}][${objIndex}]`, slideIndex, fieldIndex, oldValue: complexSelectImageValueObj }, null, hasBeenEdited, erroMessages);
         idIndex += 1;
       }
       else if (complexSelectImageValueObj && complexSelectImageValueObj.text) {
-        hasBeenEdited = addRow(items, { title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}[${columnIndex}][${objIndex}].text`, slideIndex, fieldIndex, oldValue: complexSelectImageValueObj.text }, null, hasBeenEdited);
+        hasBeenEdited = addRow(items, { title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}[${columnIndex}][${objIndex}].text`, slideIndex, fieldIndex, oldValue: complexSelectImageValueObj.text }, null, hasBeenEdited, erroMessages);
         idIndex += 1;
       }
     });
   });
   return { index: idIndex, hasBeenEdited };
 }
-function handleImageTaggingCreatorValues(items, { baseLanguage, title, path, slideIndex, fieldIndex, idIndex, f }, hasBeenEdited = false) {
+function handleImageTaggingCreatorValues(items, { baseLanguage, title, path, slideIndex, fieldIndex, idIndex, f }, hasBeenEdited = false, erroMessages = []) {
   var _a, _b;
   (_b = (_a = f[path]) === null || _a === void 0 ? void 0 : _a.annotations) === null || _b === void 0 ? void 0 : _b.forEach((complexAnnotation, annotationIndex) => {
     if (!isAnnotationEmpty(complexAnnotation)) {
-      hasBeenEdited = addRow(items, { title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}.annotations[${annotationIndex}].text`, slideIndex, fieldIndex, oldValue: complexAnnotation.text }, null, hasBeenEdited);
+      hasBeenEdited = addRow(items, { title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}.annotations[${annotationIndex}].text`, slideIndex, fieldIndex, oldValue: complexAnnotation.text }, null, hasBeenEdited, erroMessages);
       idIndex += 1;
     }
   });
   return { index: idIndex, hasBeenEdited };
 }
 // tslint:disable-next-line: parameters-max-number
-export function translateAll(overwrite, missionDescription, items, slides, scoring, baseLanguage, { missionDescriptionChanged, slidesChanged, translationsUpdated, scoringChanged }, languages = null, onlyTranslateMissingTranslations = false, saveOnFinish = false, closeOnFinish = false) {
+export function translateAll(overwrite, missionDescription, items, slides, scoring, baseLanguage, { setLoading, missionDescriptionChanged, slidesChanged, translationsUpdated, scoringChanged, todoChanged }, languages = null, onlyTranslateMissingTranslations = false, saveOnFinish = false, closeOnFinish = false, errorMessages = []) {
   var _a, _b, _c;
+  const originalTranslations = cloneDeep(items);
+  const originalMissionDescription = cloneDeep(missionDescription);
+  const originalSlides = cloneDeep(slides);
+  const originalScoring = cloneDeep(scoring);
+  let hasMissionDescriptionChanged = false;
+  const lessonTitle = (missionDescription === null || missionDescription === void 0 ? void 0 : missionDescription.type) === 'lesson' ? missionDescription.title : null;
   if (missionDescription) {
-    let hasMissionDescriptionChanged = false;
-    hasMissionDescriptionChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 0, entity: missionDescription, location: missionDescription.type === 'lesson' ? 'lesson' : 'campaign', path: 'title' }, null, hasMissionDescriptionChanged);
-    hasMissionDescriptionChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1, entity: missionDescription, location: missionDescription.type === 'lesson' ? 'lesson' : 'campaign', path: 'text' }, null, hasMissionDescriptionChanged);
+    hasMissionDescriptionChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 0, entity: missionDescription, location: missionDescription.type === 'lesson' ? 'lesson' : 'campaign', path: 'title' }, null, hasMissionDescriptionChanged, errorMessages);
+    hasMissionDescriptionChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1, entity: missionDescription, location: missionDescription.type === 'lesson' ? 'lesson' : 'campaign', path: 'text' }, null, hasMissionDescriptionChanged, errorMessages, lessonTitle);
     if ((_b = (_a = missionDescription.workflow) === null || _a === void 0 ? void 0 : _a.steps) === null || _b === void 0 ? void 0 : _b.length) {
       missionDescription.workflow.steps.forEach((step, stepIndex) => {
-        hasMissionDescriptionChanged = addRow(items, { title: step.title, baseLanguage, order: 2 + stepIndex, entity: step, location: 'workflow', path: 'title' }, null, hasMissionDescriptionChanged);
+        hasMissionDescriptionChanged = addRow(items, { title: step.title, baseLanguage, order: 2 + stepIndex, entity: step, location: 'workflow', path: 'title' }, null, hasMissionDescriptionChanged, errorMessages);
       });
     }
-    if (hasMissionDescriptionChanged) {
-      missionDescriptionChanged === null || missionDescriptionChanged === void 0 ? void 0 : missionDescriptionChanged.emit(missionDescription);
-    }
   }
+  let haveSlidesChanged = false;
   if (slides === null || slides === void 0 ? void 0 : slides.length) {
-    let haveSlidesChanged = false;
     slides.forEach((s, slideIndex) => {
       if ((missionDescription === null || missionDescription === void 0 ? void 0 : missionDescription.type) !== 'lesson') {
-        haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1), entity: s, location: 'slide', path: 'title', slideIndex }, null, haveSlidesChanged);
-        haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 1, entity: s, location: 'slide', path: 'description', slideIndex }, null, haveSlidesChanged);
+        haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1), entity: s, location: 'slide', path: 'title', slideIndex }, null, haveSlidesChanged, errorMessages);
+        haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 1, entity: s, location: 'slide', path: 'description', slideIndex }, null, haveSlidesChanged, errorMessages);
       }
       if (s.items) {
         s.items.forEach((f, fieldIndex) => {
           var _a, _b, _c, _d, _e, _f;
-          haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1), entity: f, location: 'field', path: 'title', slideIndex, fieldIndex }, null, haveSlidesChanged);
-          haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 2), entity: f, location: 'field', path: 'description', slideIndex, fieldIndex }, null, haveSlidesChanged);
+          haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1), entity: f, location: 'field', path: 'title', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
+          haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 2), entity: f, location: 'field', path: 'description', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages, lessonTitle);
           let idIndex = 3;
           const path = getComplexImageValuePath(f);
           if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
@@ -607,13 +609,13 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
             const { values, path } = getValues(f);
             if (values && values.length > 0 && path) {
               values.forEach((value) => {
-                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}[${value.firstIndex}][${value.secondIndex}]`, slideIndex, fieldIndex, oldValue: value.value }, null, haveSlidesChanged);
+                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `${path}[${value.firstIndex}][${value.secondIndex}]`, slideIndex, fieldIndex, oldValue: value.value }, null, haveSlidesChanged, errorMessages);
                 idIndex += 1;
               });
             }
             else if (f.values && f.values.length > 0) {
               f.values.forEach((value, i) => {
-                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'values[' + i + ']', slideIndex, fieldIndex, oldValue: value }, null, haveSlidesChanged);
+                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'values[' + i + ']', slideIndex, fieldIndex, oldValue: value }, null, haveSlidesChanged, errorMessages);
                 idIndex += 1;
               });
             }
@@ -624,13 +626,13 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
             idIndex = index;
           }
           if (f.type === 'information' && f.value) {
-            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'value', slideIndex, fieldIndex }, null, haveSlidesChanged);
+            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'value', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages, lessonTitle);
             idIndex += 1;
           }
           if (f.answer && f.answer.length > 0) {
             f.answer.forEach((_answer, i) => {
               if (isString(_answer) && _answer.length > 0) {
-                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'answer[' + i + ']', slideIndex, fieldIndex }, null, haveSlidesChanged);
+                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'answer[' + i + ']', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
                 idIndex += 1;
               }
             });
@@ -643,24 +645,24 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
               f.categories = f.complexSwipeCategories[0];
             }
             f.categories.forEach((_, i) => {
-              haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'categories[' + i + ']', slideIndex, fieldIndex }, null, haveSlidesChanged);
+              haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'categories[' + i + ']', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
               idIndex += 1;
             });
           }
           if (f.sentence && !f.complexSentence) {
-            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'sentence', slideIndex, fieldIndex }, null, haveSlidesChanged);
+            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'sentence', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
             idIndex += 1;
           }
           if (f.complexSentence) {
-            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'complexSentence', slideIndex, fieldIndex }, null, haveSlidesChanged);
+            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'complexSentence', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
             idIndex += 1;
           }
           if (f.explanation) {
-            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'explanation', slideIndex, fieldIndex }, null, haveSlidesChanged);
+            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'explanation', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
             idIndex += 1;
           }
           if ((_d = (_c = f === null || f === void 0 ? void 0 : f.scratchValues) === null || _c === void 0 ? void 0 : _c[1]) === null || _d === void 0 ? void 0 : _d.text) {
-            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'scratchValues[1].text', slideIndex, fieldIndex }, null, haveSlidesChanged);
+            haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'scratchValues[1].text', slideIndex, fieldIndex }, null, haveSlidesChanged, errorMessages);
             idIndex += 1;
           }
           if ((_e = f.hotzones) === null || _e === void 0 ? void 0 : _e.length) {
@@ -677,31 +679,69 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
         });
       }
     });
-    if (haveSlidesChanged) {
-      slidesChanged === null || slidesChanged === void 0 ? void 0 : slidesChanged.emit({ slides });
-    }
   }
+  let hasScoringChanged = false;
   if ((scoring === null || scoring === void 0 ? void 0 : scoring.length) && !(missionDescription === null || missionDescription === void 0 ? void 0 : missionDescription.active)) {
-    let hasScoringChanged = false;
     scoring.forEach((s, scoringIndex) => {
-      hasScoringChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 10000 * (scoringIndex + 1), entity: s, location: 'scoring', path: 'title' }, null, hasScoringChanged);
-      hasScoringChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 10000 * (scoringIndex + 1) + 1, entity: s, location: 'scoring', path: 'description' }, null, hasScoringChanged);
+      hasScoringChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 10000 * (scoringIndex + 1), entity: s, location: 'scoring', path: 'title' }, null, hasScoringChanged, errorMessages);
+      hasScoringChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 10000 * (scoringIndex + 1) + 1, entity: s, location: 'scoring', path: 'description' }, null, hasScoringChanged, errorMessages);
     });
-    if (hasScoringChanged) {
-      scoringChanged === null || scoringChanged === void 0 ? void 0 : scoringChanged.emit(scoring);
-    }
   }
+  let hasTodoChanged = false;
   if (missionDescription === null || missionDescription === void 0 ? void 0 : missionDescription.todo) {
-    addRow(items, { title: missionDescription.title, baseLanguage, order: 10000, entity: missionDescription.todo, location: 'announcement', path: 'description' });
+    hasTodoChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 10000, entity: missionDescription.todo, location: 'announcement', path: 'description' }, null, hasTodoChanged);
     (_c = missionDescription.todo.values) === null || _c === void 0 ? void 0 : _c.forEach((value, valueIndex) => {
       var _a, _b;
       if ((_b = (_a = value === null || value === void 0 ? void 0 : value.text) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) {
-        addRow(items, { title: missionDescription.title, baseLanguage, order: 10000 * (valueIndex + 1), entity: value, location: 'announcement', path: 'text.value' });
+        hasTodoChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 10000 * (valueIndex + 1), entity: value, location: 'announcement', path: 'text.value' }, null, hasTodoChanged);
       }
     });
   }
-  if (translationsUpdated) {
-    translationsUpdated.emit({ translations: items, overwrite, googleTranslate: true, languages, onlyTranslateMissingTranslations, saveOnFinish, closeOnFinish });
+  if ((errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.length) && translationsUpdated) {
+    const message = `${translateMulti('CANNOTTRANSLATECONTENT')}<br/>${errorMessages.map((e) => `${e}<br/>`)}`;
+    showAlert('ERROR', [translateMulti('CANCEL'), translateMulti('CONTINUE')], message).then((confirm) => {
+      if (confirm) {
+        if (hasMissionDescriptionChanged) {
+          missionDescriptionChanged === null || missionDescriptionChanged === void 0 ? void 0 : missionDescriptionChanged.emit(missionDescription);
+        }
+        if (haveSlidesChanged) {
+          slidesChanged === null || slidesChanged === void 0 ? void 0 : slidesChanged.emit({ slides });
+        }
+        if (hasScoringChanged) {
+          scoringChanged === null || scoringChanged === void 0 ? void 0 : scoringChanged.emit(scoring);
+        }
+        if (hasTodoChanged) {
+          todoChanged === null || todoChanged === void 0 ? void 0 : todoChanged.emit(missionDescription.todo);
+        }
+        if (translationsUpdated) {
+          translationsUpdated.emit({ errorMessages, translations: items, overwrite, googleTranslate: true, languages, onlyTranslateMissingTranslations, saveOnFinish, closeOnFinish });
+        }
+      }
+      else {
+        items = originalTranslations;
+        missionDescription = originalMissionDescription;
+        slides = originalSlides;
+        scoring = originalScoring;
+        setLoading.emit(false);
+      }
+    });
+  }
+  else {
+    if (hasMissionDescriptionChanged) {
+      missionDescriptionChanged === null || missionDescriptionChanged === void 0 ? void 0 : missionDescriptionChanged.emit(missionDescription);
+    }
+    if (haveSlidesChanged) {
+      slidesChanged === null || slidesChanged === void 0 ? void 0 : slidesChanged.emit({ slides });
+    }
+    if (hasScoringChanged) {
+      scoringChanged === null || scoringChanged === void 0 ? void 0 : scoringChanged.emit(scoring);
+    }
+    if (hasTodoChanged) {
+      todoChanged === null || todoChanged === void 0 ? void 0 : todoChanged.emit(missionDescription.todo);
+    }
+    if (translationsUpdated) {
+      translationsUpdated.emit({ errorMessages, translations: items, overwrite, googleTranslate: true, languages, onlyTranslateMissingTranslations, saveOnFinish, closeOnFinish });
+    }
   }
 }
 function getComplexImageValuePath(f) {
@@ -1047,13 +1087,16 @@ export function getValues(field) {
 function generateUniqueTranslationKey(title, text, indexes) {
   return generateUniqueKey(title, text, indexes);
 }
-export function addRow(items, { title, order, entity, location, path, slideIndex, fieldIndex, oldValue, baseLanguage }, translationRef, hasBeenEdited = false) {
+export function addRow(items, { title, order, entity, location, path, slideIndex, fieldIndex, oldValue, baseLanguage }, translationRef, hasBeenEdited = false, errorMessages = [], lessonTitle) {
+  var _a, _b;
   oldValue = oldValue ? oldValue : get(entity, path);
   // on some courses with old components format, the value can still be an object, so just skip (eg: form-connect with a value equal to {text: london})
   if (typeof oldValue !== 'string') {
     return hasBeenEdited;
   }
-  const shouldNotTranslate = isAlreadyTranslated(oldValue, items);
+  const GOOGLE_CHARACTER_LIMIT = 5000;
+  const isValueTooLong = (oldValue === null || oldValue === void 0 ? void 0 : oldValue.length) >= GOOGLE_CHARACTER_LIMIT;
+  const shouldNotTranslate = isAlreadyTranslated(oldValue, items) || isValueTooLong;
   if (!isNullOrUndefined(oldValue) && oldValue !== '' && !shouldNotTranslate) {
     let index = items.findIndex((t) => ('%' + t.key + '%' === oldValue || t.key === oldValue));
     if (index === -1) {
@@ -1085,6 +1128,11 @@ export function addRow(items, { title, order, entity, location, path, slideIndex
       items[index].order = order;
     }
   }
+  else if (isValueTooLong) {
+    const valueRemovedHTML = (_a = entity === null || entity === void 0 ? void 0 : entity.title) === null || _a === void 0 ? void 0 : _a.replace(/(<([^>]+)>)/ig, '');
+    const titleTranslation = (_b = items.find((t) => ('%' + t.key + '%' === (entity === null || entity === void 0 ? void 0 : entity.title) || '%' + t.key + '%' === valueRemovedHTML))) === null || _b === void 0 ? void 0 : _b.value;
+    errorMessages.push(`• ${lessonTitle ? `${translateMulti(lessonTitle)} -` : ''} ${translateMulti(location)} - ${translateMulti(titleTranslation || (entity === null || entity === void 0 ? void 0 : entity.title))} - ${path}`);
+  }
   return hasBeenEdited;
 }
 export function setRestrictionAndConditionActions(isRestriction, conditions, clickHandler, deletionHandler) {
@@ -1202,9 +1250,9 @@ export function createNewIdsForCustomFields(customFields, isCustomDataSet, field
   return cleanedFields;
 }
 export function resetKey(entity, path, translations) {
-  const currentValue = entity[path] ? entity[path] : get(entity, path);
   if (entity) {
-    const translation = translations.find((t) => {
+    const currentValue = entity[path] ? entity[path] : get(entity, path);
+    const translation = translations === null || translations === void 0 ? void 0 : translations.find((t) => {
       let valueRemovedHTML = '';
       if (currentValue && currentValue.replace) {
         valueRemovedHTML = currentValue.replace(/(<([^>]+)>)/ig, '');

package/dist/collection/components/form-creator/workflow/workflow.css

@@ -348,9 +348,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-bottom: unset;
 }
 :host .empty-state-with-text div {
-  color: var(--text-color, #807f83);
+  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
   font-size: var(--font-size-16, 1rem);
-  opacity: 0.7;
   max-width: 25rem;
   padding: var(--spacing-08, 0.5rem);
   text-align: center;

package/dist/collection/components/grid/ag-grid/ag-grid.css

@@ -8690,6 +8690,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   display: flex;
   align-items: center;
   justify-content: flex-start;
+  white-space: nowrap;
 }
 :host .ag-cell pre {
   display: block;
@@ -8755,6 +8756,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 :host .ag-cell .color-container {
   height: 100%;
   padding: 0.2rem !important;
+  padding-right: 0.5rem !important;
+  padding-left: 0.5rem !important;
+  border-radius: 0.5rem;
 }
 :host .ag-cell .margin-right {
   margin-right: var(--spacing-08, 0.5rem);
@@ -8776,6 +8780,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   font-family: "yoobicons" !important;
 }
 :host .ag-cell[col-id=checkboxes] {
+  align-items: center;
   padding-top: 1rem !important;
   padding-right: 0 !important;
   padding-right: 0.5rem !important;
@@ -8785,13 +8790,13 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 :host .ag-cell[col-id=checkboxes] .ag-cell-wrapper {
   align-items: center !important;
 }
-:host .ag-cell[col-id=detailToogles] {
+:host .ag-cell[col-id=detailToggles] {
   padding: 0 !important;
 }
-:host .ag-cell[col-id=detailToogles] .ag-cell-wrapper.ag-row-group {
+:host .ag-cell[col-id=detailToggles] .ag-cell-wrapper.ag-row-group {
   align-items: center;
 }
-:host .ag-cell[col-id=detailToogles] .ag-group-value {
+:host .ag-cell[col-id=detailToggles] .ag-group-value {
   flex: 1;
 }
 :host .ag-cell[col-id=ag-Grid-AutoColumn] .ag-group-value {
@@ -8944,6 +8949,9 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   right: 4px;
   opacity: 0;
 }
+:host(.grid-alternate) .ag-theme-balham .ag-body-viewport {
+  background: var(--stable-ultralight, #fafafa);
+}
 :host(.grid-alternate) .ag-theme-balham .ag-row.ag-row-selected {
   background-color: var(--app-color-20, rgba(90, 48, 244, 0.2)) !important;
 }

package/dist/collection/components/grid/ag-grid/ag-grid.js

@@ -11,7 +11,8 @@ if (LicenseManager) {
 }
 export class YooAgGridComponent {
   async exportCSV(filename) {
-    if (this.options && this.options.api) {
+    var _a;
+    if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.api) {
       this.options.api.exportDataAsCsv({
         fileName: filename + '.csv',
         columnSeparator: ';',
@@ -20,7 +21,8 @@ export class YooAgGridComponent {
     }
   }
   async exportXLSX(filename) {
-    if (this.options && this.options.api) {
+    var _a;
+    if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.api) {
       this.options.api.exportDataAsExcel({
         fileName: filename + '.xlsx',
         processCellCallback: (params) => this.exportProcessCallback(params)