@yoobic/yobi 8.2.0-10 → 8.2.0-13

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

@@ -685,8 +685,15 @@ span.fr-img-caption.fr-view {
   width: 100%;
 }
 :host .no-scroll {
+  height: 100%;
   overflow: hidden;
 }
+:host .no-scroll .field-placeholder.readonly {
+  height: 100%;
+}
+:host .no-scroll .field-placeholder.readonly yoo-form-input-container {
+  height: 100%;
+}
 :host .field-invalids {
   display: flex;
   flex-direction: column;
@@ -1126,7 +1133,7 @@ span.fr-img-caption.fr-view {
   font-weight: bold;
   font-size: var(--font-size-16, 1rem);
 }
-:host yoo-collapsible {
+:host yoo-collapsible:not(:first-of-type) {
   margin-top: 1.5rem;
 }
 :host .section-header {
@@ -1982,9 +1989,6 @@ span.fr-img-caption.fr-view {
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder {
   flex: 1 1 100%;
 }
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container yoo-collapsible:not(.subform) {
-  margin-top: var(--spacing-16, 1rem) !important;
-}
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container {
   width: 100%;
   height: 100%;
@@ -2379,10 +2383,6 @@ span.fr-img-caption.fr-view {
   display: none;
 }
 
-:host(:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.last {
-  margin-bottom: var(--spacing-16, 1rem);
-}
-
 :host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder:not(.invisible) {
   padding-top: 0.5rem;
 }
@@ -2495,4 +2495,8 @@ span.fr-img-caption.fr-view {
 }
 :host(.login-sso) .field-placeholder:not(.invisible):first-of-type {
   padding-top: 0 !important;
+}
+
+:host(.dark-info) .information {
+  color: inherit;
 }

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",