@yoobic/yobi 8.2.0-4 → 8.2.0-40

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

@@ -1,5 +1,5 @@
 import { ALL_MOBILE_FORM_FIELDS, CONDITION_TYPES, FEEDBACK_SCORING_VALUES, FormCreatorBulkActions, FormCreatorOptions, FormFieldCategory, FormFieldType, ScoringCategory } from '@shared/interfaces';
-import { calculateScoringTotal, changeSelectedScoring, checkIfKeyIsInField, checkIfKeyIsInPage, closeModal, CURVE_EASE_OUT_QUAD, findField, findMultiMaxScore, formatScoringValuePairs, formatSlides, getCurrentLanguage, getCustomName, getScoringCategory, getSession, getUUID, isFieldNameUnique, isNullOrUndefined, populateScoringFields, removeParentCondition, removeScoringSelectedFields, serializeScores, setFieldIconAndCategory, showAlert, showModal, showToast, translate, translateMulti, updateTranslationKey } from '@shared/utils';
+import { calculateScoringTotal, changeSelectedScoring, checkIfKeyIsInField, checkIfKeyIsInPage, closeModal, CURVE_EASE_OUT_QUAD, findField, findMultiMaxScore, formatScoringValuePairs, formatSlides, getCurrentLanguage, getCustomName, getScoringCategory, getSession, getUUID, hasImageRecognitionFields, isFieldNameUnique, isNullOrUndefined, populateScoringFields, removeParentCondition, removeScoringSelectedFields, serializeScores, setFieldIconAndCategory, showAlert, showModal, showToast, translate, translateMulti, updateTranslationKey } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { cloneDeep, compact, isArray, orderBy } from 'lodash-es';
 import Sortable from 'sortablejs';
@@ -86,6 +86,7 @@ export class YooFormCreatorComponent {
     this.restrictionConditionSelectedTab = 0;
     this.expandedConditions = [];
     this.isPageReordering = false;
+    this.pagesReordered = false;
     this.onInsertPageAfterClicked = (event) => {
       if (event) {
         this.onAddNewPage(event.detail + 1);
@@ -104,12 +105,14 @@ export class YooFormCreatorComponent {
         this.removeOverlays();
       }
       else {
-        this.selectedPageIndex = event.detail;
-        this.pageHeaderClicked.emit(event.detail);
-        this.hasPageChanged = event.detail;
-        this.resetExpandableBlockReferences();
+        this.selectPage(event.detail);
+        this.pagesReordered = false;
       }
     };
+    this.onPageOrderChanged = (event) => {
+      this.selectPage(event.detail.indexTo);
+      this.pagesReordered = true;
+    };
     this.onDuplicatePageClicked = (event) => {
       var _a, _b, _c, _d;
       if (event) {
@@ -238,6 +241,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;
@@ -350,7 +356,12 @@ export class YooFormCreatorComponent {
           });
           this.currentExpandedBlockLocation = { slideIndex, itemIndex };
           this.expandedFieldName = event.detail.name || this.expandedFieldName;
-          this.scrollToField(itemIndex);
+          if (!this.pagesReordered) {
+            this.scrollToField(itemIndex);
+          }
+          else {
+            this.pagesReordered = false;
+          }
         }
         else if (!event.detail.expanded && this.currentExpandedBlockLocation && itemIndex === this.currentExpandedBlockLocation.itemIndex) {
           this.currentExpandedBlockLocation = null;
@@ -621,15 +632,20 @@ export class YooFormCreatorComponent {
   }
   onTranslateFieldClicked(event, selectedFieldLocation = null) {
     var _a;
-    //If there are already translations then they are updated by google translate to fill in any missing ones
-    //Note existing translations are NOT overridden
-    if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-      this.loadNewTranslations.emit();
-      selectedFieldLocation = findField(this.currentSlides, event.detail.name);
-      this.reloadTranslationModalOnUpdate = selectedFieldLocation;
+    if (isNullOrUndefined(this.missionDescription.lockTranslations) && hasImageRecognitionFields(this.slides)) {
+      showAlert(translate('YOOBICWARNING'), [translate('YOOBICOK')], translate('LOCKEDTRANSLATIONWARNING'));
     }
     else {
-      this.showTranslationDialog(event);
+      //If there are already translations then they are updated by google translate to fill in any missing ones
+      //Note existing translations are NOT overridden
+      if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        this.loadNewTranslations.emit();
+        selectedFieldLocation = findField(this.currentSlides, event.detail.name);
+        this.reloadTranslationModalOnUpdate = selectedFieldLocation;
+      }
+      else {
+        this.showTranslationDialog(event);
+      }
     }
   }
   onCreateNewRestriction(event) {
@@ -937,6 +953,12 @@ export class YooFormCreatorComponent {
     }
     this.shouldRenderLeftSelectionContent = true;
   }
+  selectPage(pageIndex) {
+    this.selectedPageIndex = pageIndex;
+    this.pageHeaderClicked.emit(pageIndex);
+    this.hasPageChanged = pageIndex;
+    this.resetExpandableBlockReferences();
+  }
   updateGlobalActions() {
     this.selectedMoveActions = setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
       extraStartingItems: [
@@ -1841,7 +1863,7 @@ export class YooFormCreatorComponent {
     }
   }
   renderBlockCategorySelection() {
-    return (h("yoo-form-creator-field-selector", { ref: (el) => (this.fieldSelectorElement = el), masterTitle: this.selectedLeftMenuOption.toUpperCase(), categories: this.categories, initialSimpleFormBlocks: this.simpleFormBlocks, initialCustomFormFields: this.customFormFields, onElementReferencesLoaded: (ev) => {
+    return (h("yoo-form-creator-field-selector", { ref: (el) => (this.fieldSelectorElement = el), masterTitle: (this.selectedLeftMenuOption === 'fields' ? 'YOOBIC' : '') + this.selectedLeftMenuOption.toUpperCase(), categories: this.categories, initialSimpleFormBlocks: this.simpleFormBlocks, initialCustomFormFields: this.customFormFields, onElementReferencesLoaded: (ev) => {
         this.newFieldContainerBlocks = ev.detail.newFieldContainerBlocks;
         this.newFieldCategoryBlocks = ev.detail.newFieldCategoryBlocks;
         this.initNewFieldsSortable(true);
@@ -1858,7 +1880,7 @@ export class YooFormCreatorComponent {
     ];
     return (h("div", { class: "logic-container" },
       h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() },
-        h("yoo-accordion", { maxTitleCharacters: 18, entries: entries, iconPairLeft: ARROW_PAIR, allowMultipleSelection: true }, CONDITION_TYPES.map((condition, conditionIndex) => (h("div", { slot: entries[conditionIndex].title },
+        h("yoo-accordion", { entries: entries, iconPairLeft: ARROW_PAIR, allowMultipleSelection: true }, CONDITION_TYPES.map((condition, conditionIndex) => (h("div", { slot: entries[conditionIndex].title },
           h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) },
             condition === 'conditions' && this.renderNewConditionBlocks(condition),
             condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
@@ -2118,7 +2140,7 @@ export class YooFormCreatorComponent {
         }
       ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) },
       h("div", { slot: "PAGES" },
-        h("yoo-form-creator-page-card-list", { scoringMode: isScoring(this.selectedLeftMenuOption) ? this.selectedScoring : null, missionSlides: this.currentSlides, selectedPageIndex: this.selectedPageIndex, onPageClicked: this.onPageClicked, onDuplicatePageClicked: this.onDuplicatePageClicked, onInsertPageAfterClicked: this.onInsertPageAfterClicked, onDeletePageClicked: this.onDeletePageClicked, onEditPageClicked: this.onEditPageClicked, onAddSiteTagRestrictionClicked: this.onAddSiteTagRestrictionClicked, onAddUserGroupRestrictionClicked: this.onAddUserGroupRestrictionClicked, onReorderEnded: () => {
+        h("yoo-form-creator-page-card-list", { scoringMode: isScoring(this.selectedLeftMenuOption) ? this.selectedScoring : null, missionSlides: this.currentSlides, selectedPageIndex: this.selectedPageIndex, onPageClicked: this.onPageClicked, onDuplicatePageClicked: this.onDuplicatePageClicked, onInsertPageAfterClicked: this.onInsertPageAfterClicked, onDeletePageClicked: this.onDeletePageClicked, onEditPageClicked: this.onEditPageClicked, onAddSiteTagRestrictionClicked: this.onAddSiteTagRestrictionClicked, onAddUserGroupRestrictionClicked: this.onAddUserGroupRestrictionClicked, onPageOrderChanged: this.onPageOrderChanged, onReorderEnded: () => {
             this.isPageReordering = false;
           }, onReorderStarted: () => {
             this.isPageReordering = true;
@@ -2316,7 +2338,7 @@ export class YooFormCreatorComponent {
   }
   renderLivePreview() {
     var _a;
-    return (h("yoo-form-creator-live-preview", { ref: (el) => (this.livePreviewElement = el), mode: "panel", showShare: this.showShare, onShared: (ev) => { ev.stopPropagation(); this.shared.emit(); }, hidden: this.isLivePreviewHidden, showDevices: false, missionDescriptionTitle: this.missDescDisplayTitle, onVisibilityToggled: () => (this.isLivePreviewHidden = !this.isLivePreviewHidden), availableLanguages: ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) ? [...this.selectedLanguages, this.baseLanguage] : [], selectedLanguage: this.baseLanguage, onLanguageChanged: (ev) => this.onDisplayLanguageChanged(ev) },
+    return (h("yoo-form-creator-live-preview", { ref: (el) => (this.livePreviewElement = el), mode: "panel", showShare: this.showShare, onShared: (ev) => { ev.stopPropagation(); this.shared.emit(); }, hidden: this.isLivePreviewHidden, showDevices: false, missionDescriptionTitle: this.missDescDisplayTitle, onVisibilityToggled: () => (this.isLivePreviewHidden = !this.isLivePreviewHidden), availableLanguages: ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) ? [...this.selectedLanguages, this.baseLanguage] : [], selectedLanguage: this.displayLanguage ? this.displayLanguage : this.baseLanguage, onLanguageChanged: (ev) => this.onDisplayLanguageChanged(ev) },
       h("div", { class: "slot-container", slot: "livePreview" },
         h("slot", { name: "livePreview" }))));
   }
@@ -3126,8 +3148,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 +4119,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-block-expandable/form-creator-block-expandable.js

@@ -308,8 +308,6 @@ export class YooFormCreatorBlockExpandableComponent {
           overflow: 'hidden',
           onComplete: () => {
             this.isAnimating = false;
-            this.isExpanded = shouldExpand;
-            this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
             if (slotContent) {
               slotContent.style.display = 'block';
               gsapTo(slotContent, 0.35, { opacity: 1 });
@@ -324,7 +322,9 @@ export class YooFormCreatorBlockExpandableComponent {
           },
           ease: Power3.easeIn
         };
-        const animationDelay = this.isExpanded ? 0.35 : 0.75;
+        const animationDelay = 0.5;
+        this.isExpanded = shouldExpand;
+        this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
         gsapFromTo(contentBlock, animationDelay, from, to);
       }
     }

package/dist/collection/components/form-creator/form-creator-card-list/page/form-creator-page-card-list.js

@@ -101,7 +101,6 @@ export class YooFormCreatorPageCardListComponent {
       const indexSlideTo = sortEvent.indexTo - 1 >= 0 ? sortEvent.indexTo - 1 : 0;
       this.pageOrderChanged.emit(sortEvent);
       this.pageCardsParentEl.slideTo(indexSlideTo);
-      this.pageClicked.emit(sortEvent.indexTo);
     };
   }
   renderPageCards() {

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

@@ -159,7 +159,7 @@ export class YooFormCreatorFieldSelectorComponent {
   }
   render() {
     var _a;
-    return (h("yoo-accordion", { class: "sub-accordion master-search", entries: this.entries, masterSearch: true, masterTitle: this.masterTitle.toUpperCase(), iconPairLeft: ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true, onSearchInputChanged: (ev) => this.onSearchFilterChange(ev), maxTitleCharacters: 30, forceEntryUpdate: true },
+    return (h("yoo-accordion", { class: "sub-accordion master-search", entries: this.entries, masterSearch: true, masterTitle: this.masterTitle.toUpperCase(), iconPairLeft: ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true, onSearchInputChanged: (ev) => this.onSearchFilterChange(ev), forceEntryUpdate: true },
       h("slot", { slot: "header", name: "header" }),
       this.categories.map((category, categoryIndex) => {
         var _a;

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

@@ -96,7 +96,7 @@ export class YooFormCreatorLivePreviewComponent {
     var _a;
     return (h(Host, { class: { panel: this.mode === 'panel', 'iphone-x': this.selectedDevice.device === 'iphone-x', ...getAppContext(this.host) } },
       h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } },
-        h("div", { class: "heading" },
+        !this.hideHeading && h("div", { class: "heading" },
           this.mode === 'fullscreen' && this.renderFullscreenHeader(),
           this.mode === 'panel' && this.renderPanelHeader()),
         ((_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderLanguageSelector(),
@@ -338,6 +338,23 @@ export class YooFormCreatorLivePreviewComponent {
       },
       "attribute": "fullscreen-heading",
       "reflect": false
+    },
+    "hideHeading": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hide-heading",
+      "reflect": false
     }
   }; }
   static get states() { return {

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

@@ -1,4 +1,4 @@
-import { cleanUnusedTranslations, closeModal, formatSlides, getLanguageKey, getTranslateLanguageKeys, isNullOrUndefined, showAlert, showModal, translate, updateAuditWithTranslations, updateScoringWithTranslations } from '@shared/utils';
+import { cleanUnusedTranslations, closeModal, formatSlides, getLanguageKey, getTranslateLanguageKeys, hasImageRecognitionFields, isNullOrUndefined, showAlert, showModal, translate, updateAuditWithTranslations, updateScoringWithTranslations } from '@shared/utils';
 import { Component, Event, h, Host, Prop, State, Watch } from '@stencil/core';
 import { cloneDeep, isEqual, remove } from 'lodash-es';
 import { addRow, isAlreadyTranslated, resetFieldTranslations, resetKey, translateAll } from '../helpers';
@@ -66,6 +66,9 @@ export class YooFormCreatorTranslateComponent {
     if (this.baseLanguage && ((_a = this.selectedLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     }
+    if (this.missionDescription) {
+      this.missionDescription.lockTranslations = (hasImageRecognitionFields(this.slides) && isNullOrUndefined(this.missionDescription.lockTranslations)) || this.missionDescription.lockTranslations;
+    }
     this.hasTranslations = ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
     this.updateGridConfig();
   }
@@ -287,8 +290,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 +303,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 +353,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 +369,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 +384,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 +401,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 +421,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 +498,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 +804,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, '');