@yoobic/yobi 8.2.0-0 → 8.2.0-11

package/dist/collection/components/form-creator/form-creator-translate/form-creator-translate.js

@@ -287,8 +287,8 @@ export class YooFormCreatorTranslateComponent {
     this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     this.translateToAutocomplete.updateValues(this.getAvailableLanguages());
   }
-  onSelectedLanguagesChanged(ev) {
-    this.selectedLanguages = ev.detail;
+  onSelectedLanguagesChanged(languages) {
+    this.selectedLanguages = languages;
     this.selectedLanguagesChanged.emit(this.selectedLanguages);
     this.updateGridConfig();
   }
@@ -300,11 +300,12 @@ export class YooFormCreatorTranslateComponent {
       this.translatePlan(overwrite, null, onlyTranslateMissingTranslations);
     }
     else {
-      translateAll(overwrite, this.missionDescription, this.items, this.slides, this.scoring, this.baseLanguage, {
+      translateAll(overwrite, cloneDeep(this.missionDescription), this.items, this.slides, this.scoring, this.baseLanguage, {
         missionDescriptionChanged: this.missionDescriptionChanged,
         slidesChanged: this.slidesChanged,
         translationsUpdated: this.translationsUpdated,
-        scoringChanged: this.scoringChanged
+        scoringChanged: this.scoringChanged,
+        setLoading: this.setLoading
       }, null, onlyTranslateMissingTranslations);
     }
   }
@@ -349,7 +350,9 @@ export class YooFormCreatorTranslateComponent {
   }
   translatePlan(overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     var _a;
+    const originalPlan = cloneDeep(this.plan);
     let translations = cloneDeep(this.items);
+    const errorMessages = [];
     if (!isAlreadyTranslated(this.plan.title, this.translations)) {
       addRow(translations, {
         title: this.plan.title,
@@ -363,7 +366,7 @@ export class YooFormCreatorTranslateComponent {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     if (!isAlreadyTranslated(this.plan.description, this.translations)) {
       addRow(translations, {
@@ -378,7 +381,7 @@ export class YooFormCreatorTranslateComponent {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     (_a = this.plan.sections) === null || _a === void 0 ? void 0 : _a.forEach((section, sectionIndex) => {
       var _a;
@@ -395,11 +398,11 @@ export class YooFormCreatorTranslateComponent {
           missionDescriptionRef: this.plan._id,
           _tenant: this.plan._tenant,
           _tenantRef: this.plan._tenantRef
-        });
+        }, false, errorMessages);
       }
       (_a = section === null || section === void 0 ? void 0 : section.items) === null || _a === void 0 ? void 0 : _a.forEach((missionDescription) => {
         var _a;
-        translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations);
+        translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations, false, false, errorMessages);
         if ((translations === null || translations === void 0 ? void 0 : translations.length) > ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
           translations = translations === null || translations === void 0 ? void 0 : translations.map((translation) => {
             if (!translation.missionDescriptionRef) {
@@ -415,6 +418,25 @@ export class YooFormCreatorTranslateComponent {
         missionDescription.languages = this.selectedLanguages;
       });
     });
+    if (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.length) {
+      const message = `${translate('CANNOTTRANSLATECONTENT')}<br/>${errorMessages.map((e) => `${e}<br/>`)}`;
+      showAlert('ERROR', [translate('CANCEL'), translate('CONTINUE')], message).then((confirm) => {
+        if (confirm) {
+          this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+        }
+        else {
+          this.setLoading.emit(false);
+          this.onSelectedLanguagesChanged([]);
+          this.plan = originalPlan;
+          this.planChanged.emit(this.plan);
+        }
+      });
+    }
+    else {
+      this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+    }
+  }
+  successPlanTranslation(translations, overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     this.items = translations;
     this.planChanged.emit(this.plan);
     this.translationsUpdated.emit({ translations: this.items, overwrite, languages, onlyTranslateMissingTranslations });
@@ -473,7 +495,7 @@ export class YooFormCreatorTranslateComponent {
         h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: translate('BASELANGUAGE') }, hideOptional: true },
           h("yoo-form-autocomplete", { values: getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })),
         h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? translate('TRANSLATEDIN') : translate('TRANSLATETO') }, hideOptional: true },
-          h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev), readonly: this.isTranslator, size: "medium", secondaryActions: [
+          h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev.detail), readonly: this.isTranslator, size: "medium", secondaryActions: [
               {
                 text: (_item) => translate('DELETE'),
                 color: () => 'danger',
@@ -779,8 +801,8 @@ export class YooFormCreatorTranslateComponent {
         "text": "Emits an event when the user ask to translate all fields"
       },
       "complexType": {
-        "original": "{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; }",
-        "resolved": "{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; }",
+        "original": "{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; errorMessages?: string[] }",
+        "resolved": "{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; errorMessages?: string[]; }",
         "references": {
           "ITranslation": {
             "location": "import",

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 }, 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,19 +679,13 @@ 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);
-    }
   }
   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' });
@@ -700,8 +696,45 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
       }
     });
   }
-  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 (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 (translationsUpdated) {
+      translationsUpdated.emit({ errorMessages, translations: items, overwrite, googleTranslate: true, languages, onlyTranslateMissingTranslations, saveOnFinish, closeOnFinish });
+    }
   }
 }
 function getComplexImageValuePath(f) {
@@ -1047,13 +1080,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 +1121,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 +1243,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/grid/ag-grid/ag-grid.css

@@ -7661,8 +7661,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   width: 1px;
   height: 50%;
   top: calc(50% - 25%);
-  background-color: var(--stable-light, #f1f1f1);
-  background-color: var(--ag-header-column-separator-color, var(--stable-light, #f1f1f1));
+  background-color: transparent;
+  background-color: var(--ag-header-column-separator-color, transparent);
 }
 :host .ag-ltr .ag-header-cell::after, :host .ag-ltr .ag-header-group-cell::after {
   right: 0;
@@ -8531,6 +8531,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 }
 :host .ag-header {
   font-size: var(--font-size-16, 1rem);
+  border-bottom: none;
 }
 :host .ag-header .ag-header-cell.header-right .ag-header-cell-label {
   justify-content: flex-end;
@@ -8538,6 +8539,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 :host .ag-header .ag-header-cell.hidden .ag-header-cell-label {
   opacity: 0;
 }
+:host .ag-header .ag-header-cell-text {
+  font-weight: bold;
+  font-size: var(--font-size-14, 0.875rem);
+}
 :host .ag-header .ag-header-cell.hidden-force-menu .ag-header-cell-label {
   opacity: 0;
 }
@@ -8552,17 +8557,17 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 }
 :host .ag-icon.ag-icon-tree-closed,
 :host .ag-icon.ag-icon-tree-open {
-  color: var(--dark, #000000);
-  font-size: var(--font-size-32, 2rem) !important;
+  color: var(--text-color, #807f83);
+  font-size: var(--font-size-24, 1.5rem) !important;
 }
 :host .ag-ltr .ag-right-aligned-cell {
   justify-content: flex-end;
 }
 :host .ag-ltr .ag-row-group-leaf-indent {
-  margin-left: 2.8125rem;
+  margin-left: 1.4375rem;
 }
 :host .ag-rtl .ag-row-group-leaf-indent {
-  margin-right: 2.8125rem;
+  margin-right: 1.4375rem;
 }
 :host .ag-rtl .ag-right-aligned-cell {
   justify-content: flex-start;
@@ -8582,8 +8587,15 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 }
 :host .ag-group-contracted,
 :host .ag-group-expanded {
+  align-items: center;
   font-size: var(--font-size-20, 1.25rem) !important;
 }
+:host .ag-ltr .ag-row-drag,
+:host .ag-ltr .ag-selection-checkbox,
+:host .ag-ltr .ag-group-expanded,
+:host .ag-ltr .ag-group-contracted {
+  margin-right: 0;
+}
 :host .ag-cell-focus {
   border: none !important;
 }
@@ -8600,6 +8612,12 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   white-space: normal;
   text-overflow: ellipsis;
 }
+:host .ag-cell .yoo-tooltip {
+  overflow: hidden;
+}
+:host .ag-cell.no-overflow .ag-cell-wrapper {
+  overflow: hidden;
+}
 :host .ag-cell.centered > span {
   display: flex;
   align-items: center;
@@ -8636,7 +8654,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   margin-left: -0.0625rem;
 }
 :host .ag-cell .ag-group-child-count {
-  padding-left: var(--spacing-08, 0.5rem) !important;
+  margin-left: 0;
 }
 .text-center {
   text-align: center !important;
@@ -8767,13 +8785,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 {
@@ -8926,6 +8944,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;
 }
@@ -9035,10 +9056,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   background: transparent !important;
 }
 
-:host(.transparent:not(.readonly)) .ag-row-selected {
-  background: transparent !important;
-}
-
 :host(.no-border) .ag-header,
 :host(.no-border) .ag-root-wrapper,
 :host(.no-border) .ag-row:not(.ag-row-selected),

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)
@@ -64,7 +66,6 @@ export class YooAgGridComponent {
         cellRendererParams: c.cellRendererParams ? { ...c.cellRendererParams, innerRenderer: getRenderer(c.cellRendererParams.innerRenderer) } : null,
         cellEditor: c.editable ? (isString(c.cellEditor) || !c.cellEditor ? getEditor(c.cellEditor) : c.cellEditor) : null,
         comparator: c.comparator ? getComparator(c.comparator) : null
-        // headerComponent: isString(c.headerComponent) ? getHeaderComponent(c.headerComponent as TGridColumnHeader) : null
       };
       if (c.type === 'rightAligned') {
         finalColDef.headerClass = 'ag-right-aligned-header';