@yoobic/yobi 8.2.0-2 → 8.2.0-20

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -57,6 +57,10 @@ export class YooFormTextAreaComponent {
     }
     return false;
   }
+  async getText() {
+    var _a;
+    return (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.innerText;
+  }
   async updateValueAndFocus(value, insert) {
     if (insert) {
       const { insertElement, offset } = getInsertElementProp(this.host, this.inputEl);
@@ -173,7 +177,8 @@ export class YooFormTextAreaComponent {
     this.updateSegmentsCountDebounce();
   }
   onParagraphInputChanged(ev) {
-    if ((ev === null || ev === void 0 ? void 0 : ev.inputType) === 'insertCompositionText') {
+    var _a;
+    if ((ev === null || ev === void 0 ? void 0 : ev.inputType) === 'insertCompositionText' && ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.innerText.length) > 1) {
       return;
     }
     // Clean up random BR and FONT injected
@@ -1175,6 +1180,22 @@ export class YooFormTextAreaComponent {
         "tags": []
       }
     },
+    "getText": {
+      "complexType": {
+        "signature": "() => Promise<string>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<string>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "updateValueAndFocus": {
       "complexType": {
         "signature": "(value: string, insert?: boolean) => Promise<void>",

package/dist/collection/components/form/form-text-editor/form-text-editor.css

@@ -211,15 +211,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border: none;
   border-radius: 0;
 }
-:host .container.fullscreen.fr-toolbar-open .fr-wrapper {
-  height: calc(100% - 6.25rem) !important;
-}
-:host .container.fullscreen .fr-wrapper {
-  height: calc(100% - 2.5625rem) !important;
-}
-:host .container.fullscreen .fr-wrapper iframe {
-  height: 100% !important;
-}
 
 :host(.link) {
   display: flex;
@@ -227,4 +218,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.link) yoo-links-preview {
   order: 2;
+}
+
+:host(.android) .container.fullscreen {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -49,7 +49,7 @@ import { Component, Element, Event, h, Host, Method, Prop, Watch } from '@stenci
 import FroalaEditor from 'froala-editor';
 import { assign, compact, isArray, isString } from 'lodash-es';
 import sanitizeHtml from 'sanitize-html';
-import { querySelectorDeep } from '../../../utils/helpers/common-helpers';
+import { getAppContext, querySelectorDeep } from '../../../utils/helpers/common-helpers';
 import { sanitizeMentionTag } from '../../../utils/helpers/entities-helpers';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 import { getInsertElementProp, getTagHTML, isMentionTag, safeInsert, safeInsertElements, safeReplaceElement } from '../../../utils/helpers/form-text-area-helpers';
@@ -244,7 +244,7 @@ export class YooFormTextEditorComponent {
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
       zIndex: this.customZIndex,
-      quickInsertEnabled: true,
+      quickInsertEnabled: isWeb(this.host),
       quickInsertButtons: compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
       colorsBackground: hasTenantColors ? (_k = session === null || session === void 0 ? void 0 : session.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : getColorSwatches(),
@@ -274,14 +274,14 @@ export class YooFormTextEditorComponent {
       toolbarInline: false,
       toolbarButtons: {
         moreRich: {
-          buttons: compact(['yooUploadButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'yooDocumentImporterButton', 'insertFile', 'insertHR']),
+          buttons: compact([isWeb(this.host) ? 'yooUploadButton' : null, 'yooDocumentImporterButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR']),
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 6 : 2
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 7 : 2
         },
         moreText: {
           buttons: ['bold', 'italic', 'underline', 'textColor', 'backgroundColor', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'clearFormatting'],
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 5 : 1
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 5 : 1
         },
         moreParagraph: {
           buttons: [
@@ -299,22 +299,22 @@ export class YooFormTextEditorComponent {
             'quote'
           ],
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 4 : 2
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 4 : 2
         },
         moreMisc: {
           buttons: compact([
             this.isFullscreen ? null : this.getFullScreenButtonId(),
-            'yooTemplate',
+            this.isFullscreen ? 'yooFullscreenClose' : null,
+            isWeb(this.host) ? 'yooTemplate' : null,
             'undo',
             'redo',
             'spellChecker',
             'selectAll',
             'html',
-            'help',
-            this.isFullscreen ? 'yooFullscreenClose' : null
+            'help'
           ]),
           align: 'right',
-          buttonsVisible: this.isFullscreen ? 7 : 1
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 7 : 1
         }
       },
       fullPage: false,
@@ -749,7 +749,7 @@ export class YooFormTextEditorComponent {
     return h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' });
   }
   render() {
-    return (h(Host, { class: { link: this.allowLinkPreview } }, this.readonly ? this.renderReadonly() : this.renderEditable()));
+    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly ? this.renderReadonly() : this.renderEditable()));
   }
   static get is() { return "yoo-form-text-editor"; }
   static get encapsulation() { return "scoped"; }

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

@@ -1,7 +1,6 @@
-import { DatePicker } from '@ionic-native/date-picker';
-import { dateAdd, dateFormat, dateSub, getCurrentLanguage, getHours, getRoundedMinutes, is24Hour, isAndroid, isDateAfter, isDateBefore, isNativeMobile, pipes, roundToNearestMinutes, setDateMilliseconds, setDateMinutes, setDateSeconds, translate } from '@shared/utils';
+import { dateAdd, dateFormat, dateSub, getHours, getRoundedMinutes, is24Hour, isDateAfter, isDateBefore, pipes, roundToNearestMinutes, setDateMilliseconds, setDateMinutes, setDateSeconds, translate } from '@shared/utils';
 import { Component, Event, h, Prop, State } from '@stencil/core';
-import { blurActiveElement, convertValueForInputType, formatMinMaxDate, getTimeDisplayValue, onInputBlurred, onInputClear, onInputFocused, setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
+import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 const MINUTES_INCREMENT_SIZE = 5;
 export class YooFormTimeComponent {
   constructor() {
@@ -10,8 +9,6 @@ export class YooFormTimeComponent {
     this.clearable = true;
     this.isSchedule = false;
     this.is24Hour = true;
-    this.isNativeMobileTimePicker = false;
-    this.isNativeMobileTimePickerOpen = false;
     this.timePeriod = 'AM';
     this.setCurrentTime = () => {
       const selectedHours = this.hoursInput.value;
@@ -30,7 +27,6 @@ export class YooFormTimeComponent {
   }
   componentWillLoad() {
     setValidator(this);
-    this.isNativeMobileTimePicker = isNativeMobile();
     this.is24Hour = is24Hour();
     if (!this.value) {
       this.value = new Date();
@@ -113,71 +109,6 @@ export class YooFormTimeComponent {
     }
     return result;
   }
-  onInputClick(ev) {
-    const ANDROID_NATIVE_TIME_PICKER_LOAD_TIME = 1000;
-    ev.stopPropagation();
-    if (this.isNativeMobileTimePicker) {
-      blurActiveElement(ev);
-      // Picker only opens in Android if it receives a date object
-      // https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/commit/473f1bdc31bc68163b85bdb842516ed320876fa3
-      let initValue = this.value ? (isAndroid() && typeof this.value === 'string' ? new Date(this.value) : this.value) : new Date();
-      initValue = roundToNearestMinutes(initValue, 5);
-      const { minDate, maxDate } = formatMinMaxDate(this.minDate, this.maxDate);
-      if (!this.isNativeMobileTimePickerOpen) {
-        this.isNativeMobileTimePickerOpen = true;
-        if (isAndroid()) {
-          // This is to fix an issue with the Android back button
-          // Another istance of the time picker can not be opened once a date picker is open
-          setTimeout(() => {
-            this.isNativeMobileTimePicker = false;
-          }, ANDROID_NATIVE_TIME_PICKER_LOAD_TIME);
-        }
-        DatePicker.show({
-          date: initValue,
-          mode: this.type,
-          is24Hour: this.is24Hour,
-          maxDate,
-          minDate,
-          okText: translate('YOOBICOK'),
-          cancelText: translate('CANCEL'),
-          todayText: translate('TODAY'),
-          nowText: this.isSchedule ? '' : translate('NOW'),
-          doneButtonLabel: translate('YOOBICDONE'),
-          cancelButtonLabel: translate('CANCEL'),
-          locale: getCurrentLanguage(),
-          minuteInterval: this.minuteInterval,
-          androidTheme: DatePicker.ANDROID_THEMES.THEME_DEVICE_DEFAULT_LIGHT
-        })
-          .then((date) => {
-          this.isNativeMobileTimePickerOpen = false;
-          const value = convertValueForInputType(date, this.type);
-          setValueAndValidateInput(value, this);
-        }, () => {
-          this.isNativeMobileTimePickerOpen = false;
-        })
-          .catch(() => {
-          this.isNativeMobileTimePickerOpen = false;
-        });
-      }
-    }
-    else {
-      if (!this.isNativeMobileTimePickerOpen) {
-        this.isNativeMobileTimePickerOpen = true;
-      }
-    }
-  }
-  onDateInputFocused(ev) {
-    // prevent the native date picker fired up when the input is focused
-    if (this.isNativeMobileTimePicker) {
-      ev.stopPropagation();
-      ev.preventDefault();
-      return;
-    }
-    onInputFocused(this, '.outer-container');
-  }
-  onClearClicked() {
-    onInputClear(this);
-  }
   getIconSize() {
     return this.size === 'medium' ? 'small' : 'medium';
   }
@@ -215,23 +146,13 @@ export class YooFormTimeComponent {
       h("input", { name: "hours", ref: (el) => (this.hoursInput = el), class: "input-hours", type: "text", value: this.value ? this.getDisplayHours(this.value) : this.getDisplayHours(new Date()), required: this.required, readonly: true }),
       this.renderTimeControls('h')));
   }
-  renderInputField() {
-    return (h("input", { name: "time", class: this.isNativeMobileTimePicker ? 'native' : '', type: "", value: getTimeDisplayValue(this.value), required: this.required, onFocus: (ev) => this.onDateInputFocused(ev), onClick: (ev) => this.onInputClick(ev), onBlur: (ev) => onInputBlurred(ev, this, '.outer-container') }));
-  }
-  renderNativeInput() {
-    return (h("div", { class: "outer-container" },
-      h("div", { class: "icon-prefix" },
-        h("yoo-icon", { size: this.getIconSize(), name: "alarm" })),
-      h("div", { class: "input-container flex" }, this.renderInputField()),
-      this.value && this.clearable ? (h("div", { class: "icon-suffix clear", onClick: () => this.onClearClicked() },
-        h("yoo-icon", { size: this.getIconSize(), name: "cross" }))) : null,
-      h("div", { class: "icon-suffix toggle" },
-        h("yoo-icon", { size: this.getIconSize(), name: "arrow-down" }))));
-  }
   renderAddButton() {
     return (h("yoo-button", { color: "app-color", class: "expanded", onClick: this.setCurrentTime }, translate('YOOBICADD')));
   }
-  renderCustomInput() {
+  renderReadonly() {
+    return h("div", { class: "readonly" }, pipes.dateFormat.transform(this.value, 'LT'));
+  }
+  renderEditable() {
     return (h("div", { class: "time-input-container" },
       h("div", { class: "time-input-header" }, translate('YOOBICTIME')),
       h("div", { class: "flex time-inputs" },
@@ -240,12 +161,6 @@ export class YooFormTimeComponent {
         !this.is24Hour && this.renderAmPmContainer(),
         this.type === 'time' && this.renderAddButton())));
   }
-  renderReadonly() {
-    return h("div", { class: "readonly" }, pipes.dateFormat.transform(this.value, 'LT'));
-  }
-  renderEditable() {
-    return isNativeMobile() ? this.renderNativeInput() : this.renderCustomInput();
-  }
   render() {
     return this.readonly ? this.renderReadonly() : this.renderEditable();
   }
@@ -522,8 +437,6 @@ export class YooFormTimeComponent {
   }; }
   static get states() { return {
     "is24Hour": {},
-    "isNativeMobileTimePicker": {},
-    "isNativeMobileTimePickerOpen": {},
     "timePeriod": {}
   }; }
   static get events() { return [{

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

@@ -97,7 +97,7 @@ export class YooFormTodoComponent {
               t.comments.value) : null,
             t.finished && t.finished.date ? (h("div", { class: "subtitle" },
               h("span", { class: "date-label" },
-                translate('FINISHEDDATE'),
+                translate('YOOBICFINISHEDDATE'),
                 ":"),
               h("span", null,
                 " ",

package/dist/collection/components/form/form-todo-dialog/form-todo-dialog.js

@@ -139,7 +139,7 @@ export class YooFormTodoDialogComponent {
           h("div", { class: "menu-right" },
             h("div", { class: "menu-title" }, translate('LINKEDTO')),
             h("div", { class: "menu-content menu-requestor" },
-              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'GENERAL', items: [field] }], data: { [field.name]: { value: this.todo.fieldValue, ...this.todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
+              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'YOOBICGENERAL', items: [field] }], data: { [field.name]: { value: this.todo.fieldValue, ...this.todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
     }
   }
   renderTasks() {
@@ -147,7 +147,7 @@ export class YooFormTodoDialogComponent {
     return (h("div", { slot: "end" },
       h("div", { class: "tasks" },
         h("div", { class: "field-placeholder" },
-          h("yoo-form-input-container", { field: { title: translate('ACTIONS') }, hideOptional: true },
+          h("yoo-form-input-container", { field: { title: translate('YOOBICACTIONS') }, hideOptional: true },
             h("div", { class: "input-container" },
               h("yoo-form-input", { ref: (el) => (this.formInputTaskEditEl = el), class: "task-edit", onInputChanged: (event) => this.onInputChanged(event), onValidityChanged: (ev) => ev.stopPropagation(), onEnterPressed: () => this.onEnterPressed(), size: isWeb(this.host) ? 'medium' : 'large' }),
               h("div", { class: "icon" },

package/dist/collection/components/form/form-todo-single/form-todo-single.js

@@ -153,7 +153,7 @@ export class YooFormTodoSingleComponent {
           h("div", { class: "menu-right" },
             h("div", { class: "menu-title" }, translate('LINKEDTO')),
             h("div", { class: "menu-content menu-requestor" },
-              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'GENERAL', items: [field] }], data: { [field.name]: { value: todo.fieldValue, ...todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
+              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'YOOBICGENERAL', items: [field] }], data: { [field.name]: { value: todo.fieldValue, ...todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
     }
   }
   render() {
@@ -165,7 +165,7 @@ export class YooFormTodoSingleComponent {
     return (h("div", { class: "outer-container" },
       h("div", { class: "title" },
         h("yoo-badge", { class: "count", color: "dark", text: total.toString() }),
-        translate('ACTIONS', { smart_count: total })),
+        translate('YOOBICACTIONS', { smart_count: total })),
       this.valuesState
         ? this.valuesState.map((todo, index) => {
           var _a, _b, _c, _d, _e, _f;

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

@@ -213,6 +213,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
+  box-sizing: border-box;
   width: 100%;
   word-break: break-word;
 }

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

@@ -247,7 +247,7 @@ export class YooFormToggleComponent {
       "mutable": false,
       "complexType": {
         "original": "TIconName",
-        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"circle\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
+        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
         "references": {
           "TIconName": {
             "location": "import",

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

@@ -233,30 +233,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: none;
 }
 .form-uploader .filepond--drop-label {
-  color: var(--stable, #adadad);
-}
-.form-uploader .filepond--panel-root {
+  color: var(--text-color, #807f83);
   background-color: var(--stable-light, #f1f1f1);
-  border: 2px dashed var(--stable-alt, #d0d0d0);
+  border: var(--border-width-02, 0.125rem) dashed var(--stable, #adadad);
+  border-radius: var(--border-radius-08, 0.5rem);
+}
+.form-uploader .filepond--list-scroller {
+  margin-top: 1.8rem;
 }
 
 .filepond--root.file-uploader {
   height: var(--uploader-height);
   margin-bottom: 0;
 }
-.filepond--root.file-uploader .filepond--drip {
-  background-color: var(--stable-light-60, rgba(241, 241, 241, 0.6));
-  border: 2px dashed var(--dark, #000000);
-}
-
-.form-uploader.mobile.single .filepond--root,
-.form-uploader.web.single .filepond--root {
-  height: 6rem;
-}
-.form-uploader.mobile.single .filepond--root.file-uploader,
-.form-uploader.web.single .filepond--root.file-uploader {
-  height: 6rem;
-}
 
 .form-uploader.mobile.multiple .filepond--root {
   height: 9.375rem;

package/dist/collection/components/form/slides-media/slides-media.js

@@ -372,7 +372,7 @@ export class YooSlidesMediaComponent {
   renderImageTitle(item) {
     return h("mark", null,
       " ",
-      item.imageTitle);
+      translateMulti(item.imageTitle));
   }
   onSlideDidChange(ev) {
     // This method gets called when an image is opened for an index !== 0
@@ -433,7 +433,7 @@ export class YooSlidesMediaComponent {
         item.missiondescription && this.renderMissionDescription(item),
         !!title && [translate('YOOBICIN'), h("mark", null,
             " ",
-            ' "' + title + '" '), translate('MISSION')],
+            ' "' + translateMulti(title) + '" '), translate('MISSION')],
         item.imageTitle && this.renderImageTitle(item)),
       !!((_b = item === null || item === void 0 ? void 0 : item.tags) === null || _b === void 0 ? void 0 : _b.length) && h("div", { class: "tags" }, item.tags.map((tag) => `#${translateMulti(tag)}`)),
       this.renderBottomContainerActionButtons(item)));

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';
@@ -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;
@@ -621,15 +624,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) {
@@ -1841,7 +1849,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 +1866,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)))))))));
@@ -3126,8 +3134,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 +4105,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

@@ -552,7 +552,7 @@ export class YooFormCreatorBlockExpandableComponent {
       !isLastCondition && this.showConditions && this.renderChildBlockMarkerAndIndicator(false, true),
       h("yoo-form-creator-block-expandable", { key: `yoo-form-creator-block-expandable-${(childFields === null || childFields === void 0 ? void 0 : childFields.length) || 0}`, ref: (el) => {
           this.expandableChildBlocks[index] = el;
-        }, formField: formField, initialBlockIndentation: this.blockIndentation, mode: nonSequentialConditionalFieldPosition && !isSequential ? 'placeholder' : 'added', isInSelectionMode: this.isInSelectionMode, blockFieldExpansion: this.blockFieldExpansion, showConditions: this.showConditionBlock, numberOfBlocksToRender: this.numberOfBlocksToRender, sequentialConditionFields: sequentialConditionFields, itemList: this.itemList, parentConditionId: condition._id, translations: this.translations, baseLanguage: this.baseLanguage, invalid: (_a = this.invalidFields) === null || _a === void 0 ? void 0 : _a.includes(name), invalidFields: this.invalidFields },
+        }, formField: formField, initialBlockIndentation: this.blockIndentation, mode: nonSequentialConditionalFieldPosition && !isSequential ? 'placeholder' : 'added', isInSelectionMode: this.isInSelectionMode, blockFieldExpansion: this.blockFieldExpansion, showConditions: this.showConditionBlock, numberOfBlocksToRender: this.numberOfBlocksToRender, sequentialConditionFields: sequentialConditionFields, itemList: this.itemList, parentConditionId: condition._id, translations: this.translations, baseLanguage: this.baseLanguage, invalid: (_a = this.invalidFields) === null || _a === void 0 ? void 0 : _a.includes(name), invalidFields: this.invalidFields, disableFieldTranslation: this.disableFieldTranslation },
         isSequential && (h("div", { class: "nested-child-slot", slot: customName || name },
           h("slot", { name: customName || name }))), childFields === null || childFields === void 0 ? void 0 :
         childFields.map((childField) => childField.sequentialConditionalField && (h("div", { class: "child-slot", slot: childField.name },