@yoobic/yobi 8.2.0-9 → 8.2.0

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

@@ -364,9 +364,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: 26rem;
 }
 :host .container .content .form-content .scoring-empty-state div {
-  color: var(--text-color, #807f83);
+  color: var(--text-color-80, rgba(128, 127, 131, 0.8));
   font-size: var(--font-size-16, 1rem);
-  opacity: 0.7;
   padding: var(--spacing-16, 1rem);
 }
 :host .container .content .form-content .form-content-blocks-container {

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) {
@@ -701,6 +717,7 @@ export class YooFormCreatorComponent {
       missionDescriptionChanged: this.missionDescriptionChanged,
       slidesChanged: this.slidesChanged,
       scoringChanged: this.scoringChanged,
+      todoChanged: this.todoChanged,
       translationsUpdated: this.translationsUpdated
     }, null, true, saveOnFinish, closeOnFinish);
   }
@@ -937,6 +954,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 +1864,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);
@@ -1947,6 +1970,9 @@ export class YooFormCreatorComponent {
       }, onMissionDescriptionChanged: (ev) => {
         ev.stopPropagation();
         this.missionDescriptionChanged.emit(ev.detail);
+      }, onTodoChanged: (ev) => {
+        ev.stopPropagation();
+        this.todoChanged.emit(ev.detail);
       }, onPlanChanged: (ev) => {
         ev.stopPropagation();
         this.planChanged.emit(ev.detail);
@@ -2118,7 +2144,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 +2342,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" }))));
   }
@@ -2965,6 +2991,26 @@ export class YooFormCreatorComponent {
           }
         }
       }
+    }, {
+      "method": "todoChanged",
+      "name": "todoChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emits an event when there are any changes to the todo"
+      },
+      "complexType": {
+        "original": "ITodo",
+        "resolved": "ITodo",
+        "references": {
+          "ITodo": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      }
     }, {
       "method": "addNewPageClicked",
       "name": "addNewPageClicked",
@@ -3126,8 +3172,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 +4143,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-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,13 @@ 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,
+        todoChanged: this.todoChanged,
+        setLoading: this.setLoading
       }, null, onlyTranslateMissingTranslations);
     }
   }
@@ -349,7 +354,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 +370,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 +385,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 +402,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 +422,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 +499,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 +805,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",
@@ -918,6 +944,26 @@ export class YooFormCreatorTranslateComponent {
           }
         }
       }
+    }, {
+      "method": "todoChanged",
+      "name": "todoChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emits an event when there are any changes to the todo"
+      },
+      "complexType": {
+        "original": "ITodo",
+        "resolved": "ITodo",
+        "references": {
+          "ITodo": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      }
     }, {
       "method": "setLoading",
       "name": "setLoading",