@yoobic/yobi 8.2.0-10 → 8.2.0-11

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -548,19 +548,6 @@ export class YooFormDynamicComponent {
   async getData() {
     return Promise.resolve(this.currentData);
   }
-  // @Method()
-  // async gridstackAddItem(slideIndex: number, id: string, options: IGridstackItem, field: IFormField) {
-  //   const fieldState = getFieldState(field, this.fieldsState);
-  //   this.initReadonlyAndVisible(field, fieldState);
-  //   if (fieldState.visible) {
-  //     this.initFieldValidity(field, fieldState);
-  //     this.setFieldState(field, fieldState);
-  //   }
-  //   this.gridStacks[slideIndex]?.addItem(id, options);
-  //   setTimeout(() => {
-  //     this.updateGridstackHeights();
-  //   }, 300);
-  // }
   async forceUpdate() {
     forceUpdate(this);
   }
@@ -1926,6 +1913,9 @@ export class YooFormDynamicComponent {
   onGridstackItemEdited(ev, slideIndex) {
     this.gridstackItemEdited.emit({ node: ev.detail, slideIndex });
   }
+  onGridstackItemClicked(ev, slideIndex) {
+    this.gridstackItemClicked.emit({ node: ev.detail, slideIndex });
+  }
   onGridstackItemRemoved(ev, slideIndex) {
     this.gridstackItemRemoved.emit({ node: ev.detail, slideIndex });
   }
@@ -2359,9 +2349,9 @@ export class YooFormDynamicComponent {
           'form-edit': this.useGridstack && !this.gridstackStatic,
           'full-overlay': this.gridstackFullOverlay,
           'gap': this.isInlineNarrow() // || fields?.some((f) => f.flex > 0)
-        }, config: ((_c = this.gridstackConfig) === null || _c === void 0 ? void 0 : _c.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
+        }, config: ((_c = this.gridstackConfig) === null || _c === void 0 ? void 0 : _c.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, float: this.gridstackFloat, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
           this.gridStacks[slideIndex] = el;
-        }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) },
+        }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemClicked: (ev) => this.onGridstackItemClicked(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) },
         slideIndex === 0 ? h("slot", null) : null,
         this.renderDetailComponent(),
         fields.map((field, inputIndex) => {
@@ -2645,7 +2635,10 @@ export class YooFormDynamicComponent {
             : null)
       ];
     };
-    if (this.isPdf && renderSlideTitle) {
+    if (useGridstack) {
+      return h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
+    }
+    else if (this.isPdf && renderSlideTitle) {
       const pdfClass = {
         'pdf-field-wrapper': true,
         break: isPdfMultiplePhotos || [FormFieldType.selectbuttons, FormFieldType.catalog].includes(field === null || field === void 0 ? void 0 : field.type),
@@ -2653,9 +2646,6 @@ export class YooFormDynamicComponent {
       };
       return h("div", { class: pdfClass, style: fieldStyle }, fieldContent());
     }
-    else if (useGridstack) {
-      return h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
-    }
     else {
       return fieldContent();
     }
@@ -3041,6 +3031,7 @@ export class YooFormDynamicComponent {
       disabled,
       clearable: !disabled,
       name: field.name,
+      key: field.name,
       isHistory: isHistory || this.forceHistory,
       isPdf: this.isPdf,
       isLesson: this.isLesson(),
@@ -3248,7 +3239,8 @@ export class YooFormDynamicComponent {
           'pageSize',
           'extraClass',
           'dynamicOrdering',
-          'origin'
+          'origin',
+          'entityMapping'
         ];
         let extraClass = this.isLivePreview() ? 'live-preview-autocomplete' : null;
         if (this.isPdf) {
@@ -3952,7 +3944,8 @@ export class YooFormDynamicComponent {
         TagType = 'yoo-form-carousel';
         extraAttrs = {
           isVisible: this.isCurrentSlide(slideIndex),
-          mediaSrc: value,
+          mediaSrc: [].concat(value),
+          mediaType: field.mediaType,
           allowPreview: true,
           allowSwipeDownDismiss: false,
           maxHeight: field.maxHeight,
@@ -5895,6 +5888,23 @@ export class YooFormDynamicComponent {
       "attribute": "gridstack-resizable",
       "reflect": false
     },
+    "gridstackFloat": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "gridstack-float",
+      "reflect": false
+    },
     "gridstackCellHeight": {
       "type": "number",
       "mutable": false,
@@ -6671,6 +6681,26 @@ export class YooFormDynamicComponent {
           }
         }
       }
+    }, {
+      "method": "gridstackItemClicked",
+      "name": "gridstackItemClicked",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "{ node: IGridstackItem, slideIndex: number }",
+        "resolved": "{ node: IGridstackItem; slideIndex: number; }",
+        "references": {
+          "IGridstackItem": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "getScrollOrDivElement": {

package/dist/collection/components/form/form-entity-value-pairs/form-entity-value-pairs.js

@@ -196,7 +196,7 @@ export class YooFormEntityValuePairsComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",

package/dist/collection/components/form/form-signature-pad-dialog/form-signature-pad-dialog.js

@@ -68,7 +68,7 @@ export class YooFormSignaturePadDialogComponent {
         h("yoo-items", { slot: "start" },
           h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => closeModal(this.value) },
             h("yoo-icon", { name: "close" }))),
-        h("yoo-truncate", null, translate('SIGNATURE')),
+        h("yoo-truncate", null, translate('YOOBICSIGNATURE')),
         !this.readonly && (h("yoo-items", { slot: "end" },
           h("yoo-button", { color: "warning", fill: "transparent", animated: false, disabled: !this.hasContent, onClick: () => this.onClear() }, translate('DELETE')))))));
   }

package/dist/collection/components/form/form-table/form-table.js

@@ -382,7 +382,7 @@ export class YooFormTableComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",

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

@@ -238,6 +238,9 @@ export class YooFormCreatorComponent {
     var _a;
     return ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'lesson';
   }
+  onMissionDescriptionUpdated() {
+    this.translatePage.missionDescription = this.missionDescription;
+  }
   onCustomFormFieldsUpdated() {
     if (this.fieldSelectorElement) {
       this.fieldSelectorElement.initialCustomFormFields = null;
@@ -3126,8 +3129,8 @@ export class YooFormCreatorComponent {
         "text": "Emits an event when the user ask to translate all fields"
       },
       "complexType": {
-        "original": "{\n    translations: ITranslation[];\n    overwrite: boolean;\n    googleTranslate: boolean;\n    languages?: string[];\n    onlyTranslateMissingTranslations?: boolean;\n    saveOnFinish?: boolean;\n    closeOnFinish?: boolean;\n  }",
-        "resolved": "{ translations: ITranslation[]; overwrite: boolean; googleTranslate: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; }",
+        "original": "{\n    translations: ITranslation[];\n    overwrite: boolean;\n    googleTranslate: boolean;\n    languages?: string[];\n    onlyTranslateMissingTranslations?: boolean;\n    saveOnFinish?: boolean;\n    closeOnFinish?: boolean;\n    errorMessages?: string[];\n  }",
+        "resolved": "{ translations: ITranslation[]; overwrite: boolean; googleTranslate: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; errorMessages?: string[]; }",
         "references": {
           "ITranslation": {
             "location": "import",
@@ -4097,6 +4100,9 @@ export class YooFormCreatorComponent {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "missionDescription",
+      "methodName": "onMissionDescriptionUpdated"
+    }, {
       "propName": "customFormFields",
       "methodName": "onCustomFormFieldsUpdated"
     }, {

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

@@ -8944,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;
 }