@yoobic/yobi 8.2.0-0 → 8.2.0-11

package/dist/{esm/index-20e70b2d.js → design-system/index-5cfc02c4.js}

@@ -1,6 +1,6 @@
-import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-21c7d38e.js';
-import { b1 as getCustomName, aI as getUUID, R as isNullOrUndefined, aT as findField, t as translate, b5 as generateUniqueKey, T as translateMulti, b6 as isValueATranslationKey, b7 as isValueALegacyTranslationKey } from './index-ac1d7e65.js';
-import { z as cloneDeep, a as isArray, p as isString, A as get, R as set, c as compact } from './lodash-a98c6524.js';
+import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-daddf2c7.js';
+import { b1 as getCustomName, aI as getUUID, R as isNullOrUndefined, aT as findField, t as translate, T as translateMulti, ae as showAlert, b5 as generateUniqueKey, b6 as isValueATranslationKey, b7 as isValueALegacyTranslationKey } from './index-1a55b25d.js';
+import { z as cloneDeep, a as isArray, p as isString, A as get, S as set, c as compact } from './lodash-9d33f885.js';
 import { i as isAnnotationEmpty } from './annotations-helpers-06bdd868.js';
 
 const starRatingMaxDefault = 5;
@@ -543,60 +543,62 @@ 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
-function translateAll(overwrite, missionDescription, items, slides, scoring, baseLanguage, { missionDescriptionChanged, slidesChanged, translationsUpdated, scoringChanged }, languages = null, onlyTranslateMissingTranslations = false, saveOnFinish = false, closeOnFinish = false) {
+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) {
@@ -608,13 +610,13 @@ function translateAll(overwrite, missionDescription, items, slides, scoring, bas
             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;
               });
             }
@@ -625,13 +627,13 @@ function translateAll(overwrite, missionDescription, items, slides, scoring, bas
             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;
               }
             });
@@ -644,24 +646,24 @@ function translateAll(overwrite, missionDescription, items, slides, scoring, bas
               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) {
@@ -678,19 +680,13 @@ function translateAll(overwrite, missionDescription, items, slides, scoring, bas
         });
       }
     });
-    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' });
@@ -701,8 +697,45 @@ function translateAll(overwrite, missionDescription, items, slides, scoring, bas
       }
     });
   }
-  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) {
@@ -1048,13 +1081,16 @@ function getValues(field) {
 function generateUniqueTranslationKey(title, text, indexes) {
   return generateUniqueKey(title, text, indexes);
 }
-function addRow(items, { title, order, entity, location, path, slideIndex, fieldIndex, oldValue, baseLanguage }, translationRef, hasBeenEdited = false) {
+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) {
@@ -1086,6 +1122,11 @@ function addRow(items, { title, order, entity, location, path, slideIndex, field
       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;
 }
 function setRestrictionAndConditionActions(isRestriction, conditions, clickHandler, deletionHandler) {
@@ -1203,9 +1244,9 @@ function createNewIdsForCustomFields(customFields, isCustomDataSet, fieldLocatio
   return cleanedFields;
 }
 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/design-system/{index-76eecdbb.js → index-64a6f6a2.js}

@@ -1,4 +1,4 @@
-import { s as FormFieldCategory } from './index-21c7d38e.js';
+import { s as FormFieldCategory } from './index-daddf2c7.js';
 
 const ARROW_PAIR = ['arrow-down', 'arrow-up'];
 const NON_CONDITION_CATEGORIES = [FormFieldCategory.information, FormFieldCategory.multimedia];

package/dist/design-system/index-88c13c0e.js

@@ -0,0 +1 @@
+import './localForage-9fa56b53.js';

package/dist/{esm/index-cab974aa.js → design-system/index-da5321dc.js}

@@ -1,4 +1,5 @@
-import { d as isNativeMobile } from './index-ac1d7e65.js';
+import { T as TapticEngine } from './index-48c0bf84.js';
+import { d as isNativeMobile } from './index-1a55b25d.js';
 
 class GestureController {
   constructor() {
@@ -644,6 +645,11 @@ function assignPressActions(containerEl, context, callback, pressDuration) {
         hasPointerExited = false;
       }
       callToAction = setTimeout(() => {
+        if (isNativeMobile()) {
+          TapticEngine.impact({
+            style: 'medium'
+          });
+        }
         if (!hasPointerExited) {
           callback(ev);
         }

package/dist/{esm/index-21c7d38e.js → design-system/index-daddf2c7.js}

@@ -125,6 +125,9 @@ class ICampaignfilter extends IEntity {
 class ICatalog extends IEntity {
 }
 
+class ICertificate extends IEntity {
+}
+
 class IChannelBase extends IEntity {
 }
 class IChannel extends IChannelBase {
@@ -717,7 +720,7 @@ const MOBILE_FORM_FIELDS = [
     scoringCategory: ScoringCategory.noScoring
   },
   {
-    title: 'DOCUMENT',
+    title: 'YOOBICDOCUMENT',
     appOrder: { operations: 3, boost: 3 },
     type: FormFieldType.document,
     icon: 'file',
@@ -760,7 +763,7 @@ const MOBILE_FORM_FIELDS = [
     scoringCategory: ScoringCategory.noScoring
   },
   {
-    title: 'PHOTO',
+    title: 'YOOBICPHOTO',
     appOrder: { operations: 6 },
     type: FormFieldType.photo,
     icon: 'camera',
@@ -1034,7 +1037,7 @@ const MOBILE_FORM_FIELDS = [
     scoringCategory: ScoringCategory.presence
   },
   {
-    title: 'SIGNATURE',
+    title: 'YOOBICSIGNATURE',
     appOrder: { operations: 30 },
     type: FormFieldType.signature,
     icon: 'signature',
@@ -2305,7 +2308,7 @@ const WIDGET_IDS = [
   'widget_yoobicwiki',
   'widget_yoobicplan'
 ];
-const WIDGET_LAYOUTS = ['layout12x12', 'layout12x6', 'layout12x3', 'layout6x12', 'layout6x6', 'layout4x12', 'layout4x6', 'layout6x3', 'layout4x3'];
+const WIDGET_LAYOUTS = ['layout12x12', 'layout12x6', 'layout12x3', 'layout12x4', 'layout6x12', 'layout6x6', 'layout4x12', 'layout4x6', 'layout6x3', 'layout4x3'];
 
 class IWorkflowStep extends IEntity {
 }
@@ -2467,6 +2470,7 @@ var IRoute;
   IRoute["inventory"] = "inventory";
   IRoute["kanban"] = "kanban";
   IRoute["knowledgebase"] = "knowledgebase";
+  IRoute["knowledgelibrary"] = "knowledgelibrary";
   IRoute["leaderboard"] = "leaderboard";
   IRoute["learning_manager"] = "learningmanager";
   IRoute["liveshopping"] = "liveshopping";
@@ -2557,7 +2561,7 @@ const YOOBIC_TOP_PAGES = [
   { _id: 'search', type: 'navbar', side: 'left', text: 'SEARCH', topType: 'search', icon: 'search', path: null },
   // { _id: 'scan', type: 'navbar', side: 'left', text: 'SCAN', topType: 'scan', icon: 'scan', path: null },
   { _id: 'notif', type: 'navbar', side: 'right', text: 'NOTIFICATIONS', topType: 'notif', icon: 'activity', path: null },
-  { _id: 'calendar', type: 'navbar', side: 'right', text: 'CALENDAR', topType: 'calendar', icon: 'calendar', path: null },
+  { _id: 'calendar', type: 'navbar', side: 'right', text: 'YOOBICCALENDAR', topType: 'calendar', icon: 'calendar', path: null },
   { _id: 'chat', type: 'navbar', side: 'right', text: 'CHAT', topType: 'chat', icon: 'chat', path: null }
 ];
 
@@ -2654,6 +2658,7 @@ const APP_PERMISSIONS = [
   'canViewProject',
   'canViewQuestion',
   'canViewQuestionKnowledgeBase',
+  'canViewQuestionKnowledgeLibrary',
   'canViewQuestionKnowledgeBaseInDocuments',
   'canViewSalesAIAnalytics',
   'canViewScorm',
@@ -2916,6 +2921,10 @@ const RightPanelModalClassSimple = 'quickview-right-panel';
 const RightPanelModalClass = 'quickview ' + RightPanelModalClassSimple;
 const RightPanelModalNoShadowClass = RightPanelModalClass + ' no-shadow';
 const RightPanelModalNoTopClass = RightPanelModalClass + ' no-top';
+const LeftPanelModalClassSimple = 'quickview-left-panel';
+const LeftPanelModalClass = 'quickview ' + LeftPanelModalClassSimple;
+const LeftPanelModalNoShadowClass = LeftPanelModalClass + ' no-shadow';
+const LeftPanelModalNoTopClass = LeftPanelModalClass + ' no-top';
 const QuickviewModalClass = 'quickview';
 const QuickviewModaNoTopClass = QuickviewModalClass + ' no-top';
 const QuickviewModaNoTopLargeShadowClass = QuickviewModaNoTopClass + ' large shadow';
@@ -3161,7 +3170,8 @@ const THEMES_CONFIG = [
       { name: 'stable', value: '#707070' },
       { name: 'stable-alt', value: '#5a5a5a' },
       { name: 'stable-light', value: '#343434' },
-      { name: 'stable-ultralight', value: '#1A1A1A' }
+      { name: 'stable-ultralight', value: '#1A1A1A' },
+      { name: 'anthracite', value: '#F1F1F1' }
     ]
   }
 ];

package/dist/{esm/index-e8497659.js → design-system/index-df3b31e1.js}

@@ -1,4 +1,4 @@
-import { v as IEntity, t as FormCreatorBulkActions } from './index-21c7d38e.js';
+import { v as IEntity, t as FormCreatorBulkActions } from './index-daddf2c7.js';
 import './workflow.interface-79064a52.js';
 import './form-field.instance-8fd6f2a1.js';
 import './item-sliding.interface-85f6790e.js';

package/dist/{esm/localForage-72f58d84.js → design-system/localForage-9fa56b53.js}

@@ -1,4 +1,4 @@
-import { d as isNativeMobile, bc as isOffline, bd as getKeyToCache } from './index-ac1d7e65.js';
+import { d as isNativeMobile, bc as isOffline, bd as getKeyToCache } from './index-1a55b25d.js';
 import { a as createCommonjsModule, c as commonjsGlobal, d as commonjsRequire } from './_commonjsHelpers-f4d11124.js';
 
 var localforage = createCommonjsModule(function (module, exports) {

package/dist/design-system/{lodash-a98c6524.js → lodash-9d33f885.js}

@@ -18021,4 +18021,4 @@ if (symIterator) {
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
-export { findIndex as $, get as A, isNull as B, isUndefined as C, indexOf as D, isBoolean as E, isNil as F, omit as G, pick as H, includes as I, reduce as J, last as K, size as L, isFinite as M, assign as N, countBy as O, shuffle as P, difference as Q, set as R, inRange as S, sumBy as T, clamp as U, debounce as V, find as W, filter as X, remove as Y, flatten as Z, flattenDeep as _, isArray as a, assignInWith as a0, findKey as a1, range as a2, result as a3, findLastIndex as a4, groupBy as a5, uniqBy as a6, sum as a7, min as a8, max as a9, take as aa, merge as ab, partition as ac, concat as b, compact as c, isPlainObject as d, map as e, flatMap as f, global$1 as g, union as h, isFunction as i, camelCase as j, keys as k, isNumber as l, maxBy as m, capitalize as n, orderBy as o, isString as p, clone as q, round as r, isObject as s, isDate as t, uniq as u, isEmpty as v, intersection as w, isEqual as x, sortBy as y, cloneDeep as z };
+export { flatten as $, get as A, isNull as B, isUndefined as C, indexOf as D, isBoolean as E, isNil as F, omit as G, pick as H, includes as I, reduce as J, last as K, size as L, isFinite as M, assign as N, countBy as O, findIndex as P, shuffle as Q, difference as R, set as S, inRange as T, sumBy as U, clamp as V, debounce as W, find as X, uniqBy as Y, filter as Z, remove as _, isArray as a, flattenDeep as a0, assignInWith as a1, findKey as a2, range as a3, result as a4, findLastIndex as a5, groupBy as a6, sum as a7, min as a8, max as a9, take as aa, merge as ab, partition as ac, concat as b, compact as c, isPlainObject as d, map as e, flatMap as f, global$1 as g, union as h, isFunction as i, camelCase as j, keys as k, isNumber as l, maxBy as m, capitalize as n, orderBy as o, isString as p, clone as q, round as r, isObject as s, isDate as t, uniq as u, isEmpty as v, intersection as w, isEqual as x, sortBy as y, cloneDeep as z };

package/dist/{esm/map-helpers-e4188d89.js → design-system/map-helpers-9ed4c4d9.js}

@@ -1,5 +1,5 @@
-import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, d as isNativeMobile, t as translate, v as isIOS, an as copyToClipboard, af as showActionSheet } from './index-ac1d7e65.js';
-import { e as map, O as countBy, y as sortBy } from './lodash-a98c6524.js';
+import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, d as isNativeMobile, t as translate, v as isIOS, an as copyToClipboard, af as showActionSheet } from './index-1a55b25d.js';
+import { e as map, O as countBy, y as sortBy } from './lodash-9d33f885.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {

package/dist/{esm/mission-locked-banner-b3529ff3.js → design-system/mission-locked-banner-a3a85af2.js}

@@ -1,5 +1,5 @@
-import { cE as isMissionBookable, cF as canParticipateTo, cG as canPerformActionPlan, t as translate } from './index-ac1d7e65.js';
-import { h } from './index-3d00bad4.js';
+import { cE as isMissionBookable, cF as canParticipateTo, cG as canPerformActionPlan, t as translate } from './index-1a55b25d.js';
+import { h } from './index-019c1b1a.js';
 
 const MissionLockedBanner = ({ mission }) => {
   if (mission) {
@@ -7,7 +7,8 @@ const MissionLockedBanner = ({ mission }) => {
     const isMissionLocked = !isActionPlan && !isMissionBookable(mission) && !canParticipateTo(mission);
     const isActionPlanLocked = isActionPlan && !canPerformActionPlan(mission) && !canParticipateTo(mission);
     if ((!mission.status || mission.status === 'booked') && (isMissionLocked || isActionPlanLocked)) {
-      return (h("yoo-banner", { mode: "card", class: "warning-banner mission-locked", leftIcon: "lock", leftIconColor: "warning", heading: translate('MISSIONLOCKEDBANNER') }));
+      return (h("yoo-banner", { leftIcon: { name: 'lock', color: 'warning' } },
+        h("p", { slot: "content" }, translate('MISSIONLOCKEDBANNER'))));
     }
   }
 };

package/dist/{esm/missions-helpers-d7921d84.js → design-system/missions-helpers-58d40724.js}

@@ -1,5 +1,5 @@
-import { cC as getMissionPublicationDate, aE as isPresent, cE as isMissionBookable, cF as canParticipateTo, cG as canPerformActionPlan, y as getCssColor, t as translate, _ as getSession, cA as isToday, cB as fromToday, Z as dateFormat, D as isDateAfter, T as translateMulti, cH as getAuthentication, W as pipes } from './index-ac1d7e65.js';
-import { l as isNumber, c as compact } from './lodash-a98c6524.js';
+import { cC as getMissionPublicationDate, aE as isPresent, cE as isMissionBookable, cF as canParticipateTo, cG as canPerformActionPlan, y as getCssColor, t as translate, _ as getSession, cA as isToday, cB as fromToday, Z as dateFormat, D as isDateAfter, T as translateMulti, cH as getAuthentication, W as pipes } from './index-1a55b25d.js';
+import { l as isNumber, c as compact, Y as uniqBy } from './lodash-9d33f885.js';
 
 //#region ENTITIES
 function isMissionRequest(mission) {
@@ -171,6 +171,15 @@ function getMissionTags(mission, session = getSession()) {
   }
   return compact(tags);
 }
+function getMissionAssignees(mission) {
+  var _a, _b, _c;
+  let assignees = (mission === null || mission === void 0 ? void 0 : mission.owner) ? [mission.owner] : [];
+  if (mission && isMissionActionPlan(mission)) {
+    assignees = assignees.concat(((_c = (_b = (_a = mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.filter((value) => { var _a; return !!((_a = value === null || value === void 0 ? void 0 : value.user) === null || _a === void 0 ? void 0 : _a.value); })) === null || _c === void 0 ? void 0 : _c.map((value) => value.user.value)) || []);
+    assignees = uniqBy(assignees, (user) => user._id);
+  }
+  return assignees;
+}
 function getMissionIdentities(mission, skipLocation, session) {
   const identities = [];
   const address = getMissionAddress(mission, session);
@@ -219,7 +228,7 @@ function mapMissionToCardInboxEntry(mission, options, authentication = getAuthen
     const progress = getMissionProgress(mission, options === null || options === void 0 ? void 0 : options.forceProgressDisplay);
     entry = {
       title: translateMulti(mission === null || mission === void 0 ? void 0 : mission.title),
-      user: mission.owner,
+      users: getMissionAssignees(mission),
       date: getMissionDate(mission, options === null || options === void 0 ? void 0 : options.isOngoing),
       hideDatePrecision: true,
       progress,

package/dist/{esm/modal-animations-946f33c5.js → design-system/modal-animations-f264d22d.js}

@@ -1,4 +1,4 @@
-import { c$ as slideExpandAnimation, d0 as scaleAnimation, cZ as fadeScaleAnimation, d1 as slideAnimation } from './index-ac1d7e65.js';
+import { c$ as slideExpandAnimation, d0 as scaleAnimation, cZ as fadeScaleAnimation, d1 as slideAnimation } from './index-1a55b25d.js';
 
 const DEFAULT_ANIMATIONS = {
   ENTER: 'slideXEnterAnimation',

package/dist/design-system/{operation-helpers-807ec39b.js → operation-helpers-7f08d5a4.js}

@@ -1,5 +1,5 @@
-import { X as isCampaignRecurring, t as translate, y as getCssColor, _ as getSession, $ as getProductBatchDelayInDays, W as pipes, o as isWeb, a0 as fromNow, a1 as getWaitlistVisitLastAlertDate, a2 as isCampaignActive } from './index-ac1d7e65.js';
-import { l as isNumber, z as cloneDeep } from './lodash-a98c6524.js';
+import { X as isCampaignRecurring, t as translate, y as getCssColor, _ as getSession, $ as getProductBatchDelayInDays, W as pipes, o as isWeb, a0 as fromNow, a1 as getWaitlistVisitLastAlertDate, a2 as isCampaignActive } from './index-1a55b25d.js';
+import { l as isNumber, z as cloneDeep } from './lodash-9d33f885.js';
 
 function getCampaignTemplateTags(template) {
   var _a, _b;

package/dist/{esm/overlays-bd302acb.js → design-system/overlays-43a26f9e.js}

@@ -1,4 +1,4 @@
-import { c as isFullScreenFalse } from './index-ac1d7e65.js';
+import { c as isFullScreenFalse } from './index-1a55b25d.js';
 
 let lastId = 1;
 const BACKDROP = 'backdrop';

package/dist/design-system/readonly-card-0a32bb78.js

@@ -0,0 +1,13 @@
+import { T as translateMulti } from './index-1a55b25d.js';
+import { h } from './index-019c1b1a.js';
+
+const ReadonlyCard = ({ value, answer, valuesColor, classNames }) => {
+  const classes = typeof classNames === 'string' ? classNames : Object.keys(classNames).join(' ');
+  return h("div", { class: { [classes]: !!classes, 'readonly-card': true } }, (!!value && (Array.isArray(value) ? value : [value])).map((val) => {
+    var _a;
+    const isCorrect = answer === null || answer === void 0 ? void 0 : answer.includes(val);
+    return h("div", { class: { text: true, valid: answer && isCorrect, invalid: answer && !isCorrect }, style: { color: (_a = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find(e => e.key === val)) === null || _a === void 0 ? void 0 : _a.value }, innerHTML: translateMulti(val) });
+  }));
+};
+
+export { ReadonlyCard as R };

package/dist/{esm/shadow-css-ab36012f.js → design-system/shadow-css-817822dd.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v2.15.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v2.15.2 | MIT Licensed | https://stenciljs.com
  */
 /**
  * @license

package/dist/design-system/swiper-729f93ac.js

@@ -0,0 +1,11 @@
+import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-97e2ff82.js';
+export { S as Swiper } from './yoo-ion-slides-97e2ff82.js';
+import './index-019c1b1a.js';
+import './index-1a55b25d.js';
+import './lodash-9d33f885.js';
+import './_commonjsHelpers-f4d11124.js';
+import './index-daddf2c7.js';
+import './common-helpers-c2053ae8.js';
+import './theme-04322a4a.js';
+
+Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/{esm/tag.factory-688a3d9c.js → design-system/tag.factory-c710921b.js}

@@ -1,4 +1,4 @@
-import { h } from './index-3d00bad4.js';
+import { h } from './index-019c1b1a.js';
 
 const Tag = ({ className, icon, text, ...tag }) => (h("yoo-tag", { class: className, ...tag },
   !!icon.name && h("yoo-icon", { color: icon.color, name: icon.name, size: icon.size, slot: "start" }),

package/dist/{esm/theme-9d231d4e.js → design-system/theme-04322a4a.js}

@@ -1,4 +1,4 @@
-import { r as findParent } from './index-ac1d7e65.js';
+import { r as findParent } from './index-1a55b25d.js';
 
 function getClassList(classes) {
   if (classes) {

package/dist/{esm/tippy.esm-821c1806.js → design-system/tippy.esm-36b7b3b1.js}

@@ -1,4 +1,4 @@
-import './index-ac1d7e65.js';
+import './index-1a55b25d.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/{esm/video-player-helpers-467fb123.js → design-system/video-player-helpers-adcfdde3.js}

@@ -1,7 +1,7 @@
-import { bK as getVariantValue, bL as isYoutubeSource, bM as isDailymotionSource, bN as isVimeoSource, am as isFile, d as isNativeMobile, bO as StatusBar, n as showModal, o as isWeb, bP as loadScript, ar as isCloudinaryLink, k as Cloudinary } from './index-ac1d7e65.js';
-import { N as FORM_MULTI_LANGUAGES_DATA } from './index-21c7d38e.js';
-import { p as isString, W as find } from './lodash-a98c6524.js';
-import { q as querySelectorDeep } from './common-helpers-34c5464d.js';
+import { bK as getVariantValue, bL as isYoutubeSource, bM as isDailymotionSource, bN as isVimeoSource, am as isFile, d as isNativeMobile, bO as StatusBar, n as showModal, o as isWeb, bP as loadScript, ar as isCloudinaryLink, k as Cloudinary } from './index-1a55b25d.js';
+import { N as FORM_MULTI_LANGUAGES_DATA } from './index-daddf2c7.js';
+import { p as isString, X as find } from './lodash-9d33f885.js';
+import { q as querySelectorDeep } from './common-helpers-c2053ae8.js';
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);

package/dist/design-system/{web-25e14aa0.js → web-021c4c02.js}

@@ -1,7 +1,7 @@
-import { fC as WebPlugin } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { fE as WebPlugin } from './index-1a55b25d.js';
+import './lodash-9d33f885.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 class CameraPreviewWeb extends WebPlugin {
     constructor() {

package/dist/{esm/web-e30e21c9.js → design-system/web-0adc2fae.js}

@@ -1,8 +1,8 @@
-import { fC as WebPlugin, fD as CapacitorException } from './index-ac1d7e65.js';
-import { C as CameraSource, e as CameraDirection } from './camera-helpers-3f20049f.js';
-import './lodash-a98c6524.js';
+import { fE as WebPlugin, fF as CapacitorException } from './index-1a55b25d.js';
+import { C as CameraSource, e as CameraDirection } from './camera-helpers-45b90da1.js';
+import './lodash-9d33f885.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 class CameraWeb extends WebPlugin {
     async getPhoto(options) {

package/dist/design-system/{web-a3e9d33a.js → web-a45985c1.js}

@@ -1,7 +1,7 @@
-import { fC as WebPlugin } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { fE as WebPlugin } from './index-1a55b25d.js';
+import './lodash-9d33f885.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-daddf2c7.js';
 
 class SplashScreenWeb extends WebPlugin {
     async show(_options) {