@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-form-creator.cjs.entry.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-fc264952.js');
-const index$4 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$2 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-e0c3e65b.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const index$5 = require('./index-81e10acc.js');
-const index$3 = require('./index-1bc46652.js');
+const index$1 = require('./index-ace37ae7.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const index$4 = require('./index-c5e0ab29.js');
+const index$3 = require('./index-a69f7517.js');
+const overlays = require('./overlays-b6c94fc8.js');
 const formField_instance = require('./form-field.instance-610e61e1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./workflow.interface-ffda8358.js');
@@ -193,8 +194,8 @@ const YooFormCreatorComponent = class {
         const newTranslationsToSave = [];
         if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0 && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.lockTranslations)) {
           (_c = this.translations) === null || _c === void 0 ? void 0 : _c.forEach((tran) => {
-            const newTranslation = index$4.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
-            if (index$4.checkIfKeyIsInPage(null, false, `%${tran.key}%`, duplicateSlide, `%${newTranslation.key}%`)) {
+            const newTranslation = overlays.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
+            if (overlays.checkIfKeyIsInPage(null, false, `%${tran.key}%`, duplicateSlide, `%${newTranslation.key}%`)) {
               newTranslationsToSave.push(newTranslation);
             }
           });
@@ -214,12 +215,12 @@ const YooFormCreatorComponent = class {
     this.onDeletePageClicked = (event) => {
       var _a;
       if (event) {
-        const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? index$4.translate('DELETEPAGEACTIVECAMPAIGN') : index$4.translate('DELETECONFIRMPAGE');
-        index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], warningMessage).then((res) => {
+        const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? overlays.translate('DELETEPAGEACTIVECAMPAIGN') : overlays.translate('DELETECONFIRMPAGE');
+        overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('YOOBICNO'), overlays.translate('YOOBICOK')], warningMessage).then((res) => {
           var _a, _b, _c;
           if (res) {
             (_a = this.currentSlides[event.detail]) === null || _a === void 0 ? void 0 : _a.items.forEach((field) => {
-              this.scoring = index$4.removeScoringSelectedFields(field.name, this.scoring);
+              this.scoring = overlays.removeScoringSelectedFields(field.name, this.scoring);
             });
             this.computeScoringTotal();
             if (((_b = this.scoring) === null || _b === void 0 ? void 0 : _b.length) > 0) {
@@ -253,7 +254,7 @@ const YooFormCreatorComponent = class {
     };
     this.onScoreChanged = (event) => {
       const { formattedScoring, scoringCategory } = event.detail;
-      const serializedScore = index$4.serializeScores(formattedScoring, scoringCategory);
+      const serializedScore = overlays.serializeScores(formattedScoring, scoringCategory);
       this.updateScoring(serializedScore);
     };
     this.onScoreDeleted = (event) => {
@@ -275,7 +276,7 @@ const YooFormCreatorComponent = class {
     };
     this.onScoreAdded = (event) => {
       const { formattedScoring, scoringCategory } = event.detail;
-      const serializedScore = index$4.serializeScores(formattedScoring, scoringCategory);
+      const serializedScore = overlays.serializeScores(formattedScoring, scoringCategory);
       const fieldToAdd = this.slides[this.selectedPageIndex].items.find((field) => field.name === formattedScoring.fieldName);
       this.selectedScoring.selectedFields = index$3.updateSelectedFields(this.selectedScoring.selectedFields, formattedScoring.fieldName);
       this.selectedScoring = { ...this.selectedScoring };
@@ -340,7 +341,7 @@ const YooFormCreatorComponent = class {
       var _a;
       slide.items = (_a = slide === null || slide === void 0 ? void 0 : slide.items) === null || _a === void 0 ? void 0 : _a.map((item, itemIndex) => {
         var _a, _b, _c;
-        item = index$4.setFieldIconAndCategory(item, index$2.ALL_MOBILE_FORM_FIELDS);
+        item = overlays.setFieldIconAndCategory(item, index$2.ALL_MOBILE_FORM_FIELDS);
         if (!item.isExpanded && ((_a = this.currentExpandedBlockLocation) === null || _a === void 0 ? void 0 : _a.slideIndex) === slideIndex && ((_b = this.currentExpandedBlockLocation) === null || _b === void 0 ? void 0 : _b.itemIndex) === itemIndex && !((_c = this.newFieldCondition) === null || _c === void 0 ? void 0 : _c.condition)) {
           item.isExpanded = true;
         }
@@ -368,10 +369,10 @@ const YooFormCreatorComponent = class {
     this.haveTranslationsUpdated = true;
     this.reloadLivePreview.emit();
     if (this.livePreviewElement) {
-      this.livePreviewElement.missionDescriptionTitle = index$4.translateMulti(this.missDescDisplayTitle);
+      this.livePreviewElement.missionDescriptionTitle = overlays.translateMulti(this.missDescDisplayTitle);
     }
     if (this.formCreatorHeader) {
-      this.formCreatorHeader.formTitle = index$4.translateMulti(((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title));
+      this.formCreatorHeader.formTitle = overlays.translateMulti(((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title));
     }
     if (this.formCreatorTranslateDialog) {
       this.formCreatorTranslateDialog.translations = this.translations;
@@ -412,7 +413,7 @@ const YooFormCreatorComponent = class {
   onCreatorBlockExpanded(event) {
     var _a;
     if (event === null || event === void 0 ? void 0 : event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
       if (itemIndex > -1) {
         if (event.detail.expanded && !index$3.isScoring(this.selectedLeftMenuOption)) {
           if (this.currentExpandedBlockLocation && itemIndex !== this.currentExpandedBlockLocation.itemIndex) {
@@ -458,7 +459,7 @@ const YooFormCreatorComponent = class {
     }
   }
   onRemoveConditionClicked(event) {
-    index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], index$4.translate('REMOVECONDITIONCONFIRM')).then((res) => {
+    overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('YOOBICNO'), overlays.translate('YOOBICOK')], overlays.translate('REMOVECONDITIONCONFIRM')).then((res) => {
       if (res) {
         const { slides, unattachedParentConditions } = index$3.removeCondition(this.currentSlides, event.detail.name, this.unattachedParentConditions, event.detail.conditionId);
         this.currentSlides = slides;
@@ -478,14 +479,14 @@ const YooFormCreatorComponent = class {
   onFormFieldDelete(event) {
     var _a;
     if (event && event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
-      const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? index$4.translate('DELETEFIELDACTIVECAMPAIGN') : index$4.translate('DELETECONFIRMFIELD');
-      index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], warningMessage).then((res) => {
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
+      const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? overlays.translate('DELETEFIELDACTIVECAMPAIGN') : overlays.translate('DELETECONFIRMFIELD');
+      overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('YOOBICNO'), overlays.translate('YOOBICOK')], warningMessage).then((res) => {
         var _a, _b, _c, _d, _e;
         if (res) {
           this.unattachedParentConditions = index$3.addNewUnattachedParentConditions(this.currentSlides, { slideIndex, itemIndex }, this.unattachedParentConditions);
           this.formFieldDelete.emit({ name: event.detail.name });
-          this.scoring = index$4.removeScoringSelectedFields(event.detail.name, this.scoring);
+          this.scoring = overlays.removeScoringSelectedFields(event.detail.name, this.scoring);
           this.computeScoringTotal();
           index$3.deleteFieldAndRemoveConditionReferences(this.currentSlides, { slideIndex, itemIndex, name: event.detail.name });
           this.resetExpandableBlockReferences();
@@ -505,7 +506,7 @@ const YooFormCreatorComponent = class {
   onFormFieldDuplicate(event) {
     var _a, _b, _c;
     if (event === null || event === void 0 ? void 0 : event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
       this.currentSlides = index$3.duplicateField(this.currentSlides, { slideIndex, itemIndex }, false, null, ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'dataset');
       if (((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) && !((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.lockTranslations)) {
         const translationsToSave = [];
@@ -520,7 +521,7 @@ const YooFormCreatorComponent = class {
   }
   onFormFieldMarkAsMandatory(event) {
     if (event && event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
       let item = this.currentSlides[slideIndex].items[itemIndex];
       item = { ...item, required: true };
       this.currentSlides[slideIndex].items[itemIndex] = item;
@@ -548,7 +549,7 @@ const YooFormCreatorComponent = class {
     }
   }
   onDeleteCondition(event) {
-    index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], index$4.translate('DELETECONFIRMCONDITION')).then((res) => {
+    overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('YOOBICNO'), overlays.translate('YOOBICOK')], overlays.translate('DELETECONFIRMCONDITION')).then((res) => {
       if (res) {
         index$3.deleteCondition(this.currentSlides, event.detail.conditionId);
         this.unattachedParentConditions = index$3.deleteUnattachedParentConditions(this.unattachedParentConditions, event.detail.conditionId);
@@ -591,16 +592,16 @@ const YooFormCreatorComponent = class {
     if (event === null || event === void 0 ? void 0 : event.detail) {
       const fadeIn = {
         keyframes: [{ opacity: 0 }, { opacity: 1 }],
-        options: { duration: 200, easing: index$4.CURVE_EASE_OUT_QUAD, fill: 'forwards' }
+        options: { duration: 200, easing: overlays.CURVE_EASE_OUT_QUAD, fill: 'forwards' }
       };
       const slideToLeft = {
         fromCenter: [{ transform: 'translateX(0)' }, { transform: 'translateX(-100px)' }],
         fromRight: [{ transform: 'translateX(100px)' }, { transform: 'translateX(0)' }],
-        options: { duration: 300, easing: index$4.CURVE_EASE_OUT_QUAD }
+        options: { duration: 300, easing: overlays.CURVE_EASE_OUT_QUAD }
       };
       this.formContentElement.animate(fadeIn.keyframes, { ...fadeIn.options, direction: 'reverse' });
       await this.formContentElement.animate(slideToLeft.fromCenter, slideToLeft.options).finished;
-      [this.scoring, this.selectedScoring, this.selectedScoringIndex] = index$4.changeSelectedScoring(this.scoring, event.detail);
+      [this.scoring, this.selectedScoring, this.selectedScoringIndex] = overlays.changeSelectedScoring(this.scoring, event.detail);
       this.formContentElement.animate(slideToLeft.fromRight, { ...slideToLeft.options, fill: 'forwards' });
       this.formContentElement.animate(fadeIn.keyframes, { ...fadeIn.options, delay: 100 });
     }
@@ -630,7 +631,7 @@ const YooFormCreatorComponent = class {
       this.newUndefinedCondition = null;
     }
     else if ((_c = this.newUndefinedCondition) === null || _c === void 0 ? void 0 : _c.condition) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
       this.addCondition(this.newUndefinedCondition.condition, slideIndex, itemIndex);
     }
   }
@@ -641,7 +642,7 @@ const YooFormCreatorComponent = class {
   }
   onConditionChanged(event) {
     if (event.detail.condition.type === 'field') {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.fieldName);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.fieldName);
       let isUnattachedCondition = false;
       if (this.unattachedParentConditions && this.unattachedParentConditions.length > 0) {
         this.unattachedParentConditions = this.unattachedParentConditions.map((unattachedParentCondition) => {
@@ -669,7 +670,7 @@ const YooFormCreatorComponent = class {
   }
   onItemSelected(event) {
     if (this.selectionMode) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
       if (this.currentSlides[slideIndex].items[itemIndex].selected) {
         this.currentSlides[slideIndex].items[itemIndex].selected = false;
         this.selectedFields = this.selectedFields.filter((field) => !(field.slideIndex === slideIndex && field.itemIndex === itemIndex));
@@ -704,15 +705,15 @@ const YooFormCreatorComponent = class {
   }
   onTranslateFieldClicked(event, selectedFieldLocation = null) {
     var _a;
-    if (index$4.isNullOrUndefined(this.missionDescription.lockTranslations) && index$4.hasImageRecognitionFields(this.slides)) {
-      index$4.showAlert(index$4.translate('YOOBICWARNING'), [index$4.translate('YOOBICOK')], index$4.translate('LOCKEDTRANSLATIONWARNING'));
+    if (overlays.isNullOrUndefined(this.missionDescription.lockTranslations) && overlays.hasImageRecognitionFields(this.slides)) {
+      overlays.showAlert(overlays.translate('YOOBICWARNING'), [overlays.translate('YOOBICOK')], overlays.translate('LOCKEDTRANSLATIONWARNING'));
     }
     else {
       //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 = index$4.findField(this.currentSlides, event.detail.name);
+        selectedFieldLocation = overlays.findField(this.currentSlides, event.detail.name);
         this.reloadTranslationModalOnUpdate = selectedFieldLocation;
       }
       else {
@@ -734,7 +735,7 @@ const YooFormCreatorComponent = class {
       this.removeOverlays();
     }
     else if (this.newRestrictionCondition && event.detail.condition) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, this.newRestrictionCondition.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, this.newRestrictionCondition.name);
       this.addCondition(event.detail.condition, slideIndex, itemIndex);
     }
   }
@@ -771,7 +772,7 @@ const YooFormCreatorComponent = class {
     }
   }
   onSaveAsTemplateClicked(ev) {
-    const fieldLocation = index$4.findField(this.slides, ev.detail.name);
+    const fieldLocation = overlays.findField(this.slides, ev.detail.name);
     const fields = [this.slides[fieldLocation.slideIndex].items[fieldLocation.itemIndex]];
     const { cleanedFields, removedConditionIds } = index$3.cleanCustomFormFieldSlides(fields, this.translations);
     this.createCustomFormFields.emit({ cleanedFields, removedConditionIds });
@@ -884,7 +885,7 @@ const YooFormCreatorComponent = class {
     this.selectedPageIndex = index;
   }
   async addNewPage(newPage, index) {
-    newPage = { _id: index$4.getUUID(), ...newPage };
+    newPage = { _id: overlays.getUUID(), ...newPage };
     this.currentSlides.splice(index, 0, newPage);
     this.selectedPageIndex = index;
     this.hasPageChanged = index;
@@ -938,7 +939,7 @@ const YooFormCreatorComponent = class {
           const key = title.replace(/%/g, '');
           const translationIndex = this.translations.findIndex((tran) => tran.key === key);
           if (translationIndex > -1) {
-            title = this.translations[translationIndex][index$4.getCurrentLanguage()];
+            title = this.translations[translationIndex][overlays.getCurrentLanguage()];
           }
           this.expandableBlocks[itemIndex].formField.title = title;
           index.forceUpdate(this.expandableBlocks[itemIndex]);
@@ -1066,7 +1067,7 @@ const YooFormCreatorComponent = class {
     }
   }
   computeScoringTotal() {
-    this.scoring = this.scoring.map((scoring) => index$4.calculateScoringTotal(scoring));
+    this.scoring = this.scoring.map((scoring) => overlays.calculateScoringTotal(scoring));
   }
   resetBlocksToRender() {
     // In the rare case a user is using a very tall screen the amount of blocks rendered will need to be increased so that an infinte scroll can be triggered
@@ -1135,7 +1136,7 @@ const YooFormCreatorComponent = class {
     var _a;
     let refreshForms = false;
     if (event) {
-      selectedFieldLocation = selectedFieldLocation === null ? index$4.findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
+      selectedFieldLocation = selectedFieldLocation === null ? overlays.findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
     }
     else if (!selectedFieldLocation) {
       selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
@@ -1149,7 +1150,7 @@ const YooFormCreatorComponent = class {
       this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
       this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
       this.formCreatorTranslateDialog.translations = this.translations;
-      this.formCreatorTranslateDialog.slides = index$4.formatSlides(this.currentSlides, true);
+      this.formCreatorTranslateDialog.slides = overlays.formatSlides(this.currentSlides, true);
       this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
       this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
         ev.stopPropagation();
@@ -1172,7 +1173,7 @@ const YooFormCreatorComponent = class {
         this.baseLanguageChanged.emit(ev.detail);
       });
     }
-    index$4.showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    overlays.showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
       var _a, _b, _c, _d;
       this.translateDialogClosed.emit({ refreshForms });
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
@@ -1184,10 +1185,10 @@ const YooFormCreatorComponent = class {
       else {
         this.reloadLivePreview.emit();
         if (this.livePreviewElement) {
-          this.livePreviewElement.missionDescriptionTitle = index$4.translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
+          this.livePreviewElement.missionDescriptionTitle = overlays.translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
         }
         if (this.formCreatorHeader) {
-          this.formCreatorHeader.formTitle = index$4.translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
+          this.formCreatorHeader.formTitle = overlays.translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
         }
       }
     });
@@ -1202,7 +1203,7 @@ const YooFormCreatorComponent = class {
     formCreatorTranslateDialogLanguageSelector.addEventListener('selectedLanguagesChanged', (ev) => {
       this.selectedLanguagesChanged.emit([...ev.detail, ...this.selectedLanguages]);
     });
-    index$4.showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    overlays.showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
       var _a, _b, _c;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
         this.translateNewLanguages(this.translations, true, selectedFieldLocation, (_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.newLanguesToTranslate);
@@ -1421,20 +1422,20 @@ const YooFormCreatorComponent = class {
   }
   createNewCondition(type, name, itemIndex, slideIndex, condition) {
     if (!condition) {
-      const fieldLocation = index$4.findField(this.currentSlides, name);
+      const fieldLocation = overlays.findField(this.currentSlides, name);
       itemIndex = fieldLocation.itemIndex;
       slideIndex = fieldLocation.slideIndex;
       condition = index$3.getDefaultCondition(type, this.currentSlides[slideIndex].items[itemIndex]);
     }
     if (type === 'field') {
-      if (!index$5.NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category)) {
+      if (!index$4.NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category)) {
         const { slides, unattachedParentConditions } = index$3.addNewParentCondition(this.currentSlides, this.unattachedParentConditions, slideIndex, itemIndex, condition);
         this.currentSlides = slides;
         this.unattachedParentConditions = unattachedParentConditions;
       }
       else {
-        index$4.showToast({
-          message: index$4.translate('CANNOTAPPLYCONDITIONSTOINFORMATION'),
+        overlays.showToast({
+          message: overlays.translate('CANNOTAPPLYCONDITIONSTOINFORMATION'),
           duration: 2000,
           showCloseButton: true,
           closable: true,
@@ -1478,7 +1479,7 @@ const YooFormCreatorComponent = class {
       const translationsToSave = [];
       correctOrderSelectedFields.forEach((selectedField) => {
         var _a, _b;
-        const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, selectedField.name);
+        const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, selectedField.name);
         this.currentSlides = index$3.duplicateField(this.currentSlides, { slideIndex, itemIndex }, false, { slideIndex: insertSlideIndex, itemIndex: insertItemIndex }, ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'dataset');
         if ((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) {
           this.updateDuplicatedFieldTranslations(this.currentSlides, insertSlideIndex, insertItemIndex + 1, translationsToSave);
@@ -1494,8 +1495,8 @@ const YooFormCreatorComponent = class {
   updateDuplicatedFieldTranslations(slides, slideIndex, itemIndex, translationsToSave) {
     this.translations.forEach((tran) => {
       var _a, _b, _c, _d;
-      const newTranslation = index$4.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
-      if (index$4.checkIfKeyIsInField(false, `%${tran.key}%`, slides[slideIndex].items[itemIndex], `%${newTranslation === null || newTranslation === void 0 ? void 0 : newTranslation.key}%`)) {
+      const newTranslation = overlays.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
+      if (overlays.checkIfKeyIsInField(false, `%${tran.key}%`, slides[slideIndex].items[itemIndex], `%${newTranslation === null || newTranslation === void 0 ? void 0 : newTranslation.key}%`)) {
         translationsToSave.push(newTranslation);
         const field = slides[slideIndex].items[itemIndex];
         if (((_a = field === null || field === void 0 ? void 0 : field.opValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = field === null || field === void 0 ? void 0 : field.opValues[0]) === null || _b === void 0 ? void 0 : _b.length) > 0) {
@@ -1516,7 +1517,7 @@ const YooFormCreatorComponent = class {
   deleteSelectedFields() {
     if (this.selectedFields && this.selectedFields.length > 0) {
       const translationKey = this.selectedFields.length === 1 ? 'DELETECONFIRMFIELD' : 'DELETECONFIRMFIELDS';
-      index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], index$4.translate(translationKey, { number: this.selectedFields.length })).then((res) => {
+      overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('YOOBICNO'), overlays.translate('YOOBICOK')], overlays.translate(translationKey, { number: this.selectedFields.length })).then((res) => {
         var _a, _b, _c;
         if (res) {
           this.selectedFields.forEach((selectedField) => {
@@ -1574,11 +1575,11 @@ const YooFormCreatorComponent = class {
         selectedFieldNames.push(this.currentSlides[selectedField.slideIndex].items[selectedField.itemIndex].name);
       });
       selectedFieldNames.forEach((selectedFieldName) => {
-        const selectedFieldPosition = index$4.findField(this.currentSlides, selectedFieldName);
+        const selectedFieldPosition = overlays.findField(this.currentSlides, selectedFieldName);
         this.currentSlides[selectedFieldPosition.slideIndex].items.splice(selectedFieldPosition.itemIndex, 1);
       });
       if (itemId) {
-        const fieldLocation = index$4.findField(this.currentSlides, itemId);
+        const fieldLocation = overlays.findField(this.currentSlides, itemId);
         slideIndex = fieldLocation.slideIndex;
         itemIndex = fieldLocation.itemIndex;
         positionOffset = 1;
@@ -1593,13 +1594,13 @@ const YooFormCreatorComponent = class {
   emitNewSlidesAndRerender(removeParentConditions = true, reloadRestrictionConditions = false) {
     this.removeOverlays();
     if (removeParentConditions) {
-      this.currentSlides = index$4.removeParentCondition(this.currentSlides);
+      this.currentSlides = overlays.removeParentCondition(this.currentSlides);
     }
     index$3.removeSelectedItems(this.currentSlides);
     if (this.selectionMode) {
       this.toggleSelectionMode();
     }
-    this.currentSlides = index$4.formatSlides(this.currentSlides);
+    this.currentSlides = overlays.formatSlides(this.currentSlides);
     this.slidesChanged.emit({
       slides: this.currentSlides,
       pageIndex: this.selectedPageIndex,
@@ -1639,7 +1640,7 @@ const YooFormCreatorComponent = class {
   translateNewLanguages(translations, overwrite, selectedFieldLocation, newLanguesToTranslate) {
     var _a;
     if (((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'mission') {
-      index$4.showAlert(index$4.translate(this.missionDescription.active ? 'CAUTION' : 'BESTPRACTICES'), [index$4.translate('CANCEL'), index$4.translate('TRANSLATECAMPAIGN')], null, 'translate-warning', null, null, null, this.missionDescription.active ? 'TRANSLATEACTIVECAMPAIGNLINK' : 'TRANSLATECAMPAIGNLINK').then((ret) => {
+      overlays.showAlert(overlays.translate(this.missionDescription.active ? 'CAUTION' : 'BESTPRACTICES'), [overlays.translate('CANCEL'), overlays.translate('TRANSLATECAMPAIGN')], null, 'translate-warning', null, null, null, this.missionDescription.active ? 'TRANSLATEACTIVECAMPAIGNLINK' : 'TRANSLATECAMPAIGNLINK').then((ret) => {
         if (ret) {
           index$3.translateAll(overwrite, this.missionDescription, translations, this.currentSlides, this.scoring, this.baseLanguage, {
             missionDescriptionChanged: this.missionDescriptionChanged,
@@ -1697,7 +1698,7 @@ const YooFormCreatorComponent = class {
     }
     if (leftMenuIcon === index$2.FormCreatorOptions.scoring && this.scoring[0]) {
       if (((_a = this.scoring) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-        this.scoring = index$4.populateScoringFields(this.scoring, this.currentSlides);
+        this.scoring = overlays.populateScoringFields(this.scoring, this.currentSlides);
         this.computeScoringTotal();
       }
       if (this.scoring.some((scoring) => scoring.isSelected === true)) {
@@ -1725,7 +1726,7 @@ const YooFormCreatorComponent = class {
         item.isExpanded = fieldException && item.name === fieldException;
       });
       if (forceRerender) {
-        this.currentSlides = index$4.formatSlides(this.currentSlides);
+        this.currentSlides = overlays.formatSlides(this.currentSlides);
         this.currentSlides = [...this.currentSlides];
       }
     }
@@ -1735,7 +1736,7 @@ const YooFormCreatorComponent = class {
     if (!this.currentSlides[this.selectedPageIndex]) {
       return;
     }
-    indexToAdd = index$4.isNullOrUndefined(indexToAdd) ? (_b = (_a = this.currentSlides[this.selectedPageIndex]) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length : indexToAdd;
+    indexToAdd = overlays.isNullOrUndefined(indexToAdd) ? (_b = (_a = this.currentSlides[this.selectedPageIndex]) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length : indexToAdd;
     if (!selectedCustomFormField) {
       selectedCustomFormField = (_c = this.customFormFields) === null || _c === void 0 ? void 0 : _c.find((customField) => customField._id === customFieldId);
     }
@@ -1797,9 +1798,9 @@ const YooFormCreatorComponent = class {
       }
       if (((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.type) === 'dataset') {
         newField.name = newField.title.split(' ').join('_').toLowerCase();
-        newField.customName = index$4.getUUID();
-        if (!index$4.isFieldNameUnique(newField, this.currentSlides)) {
-          newField.name = index$4.getCustomName(newField.title, this.selectedPageIndex, indexToAdd);
+        newField.customName = overlays.getUUID();
+        if (!overlays.isFieldNameUnique(newField, this.currentSlides)) {
+          newField.name = overlays.getCustomName(newField.title, this.selectedPageIndex, indexToAdd);
         }
       }
     }
@@ -1828,7 +1829,7 @@ const YooFormCreatorComponent = class {
     else {
       this.currentSlides[this.selectedPageIndex].items.push(newField);
     }
-    this.newFieldAdded = { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd, conditional: !index$4.isNullOrUndefined(this.newFieldCondition) };
+    this.newFieldAdded = { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd, conditional: !overlays.isNullOrUndefined(this.newFieldCondition) };
     this.resetExpandableBlockReferences();
     this.emitNewSlidesAndRerender();
     if (this.currentSlides[this.selectedPageIndex].items.length === 1) {
@@ -1839,7 +1840,7 @@ const YooFormCreatorComponent = class {
   }
   onFormFieldMove(event, up) {
     if (event && event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = overlays.findField(this.currentSlides, event.detail.name);
       if (this.currentExpandedBlockLocation &&
         this.currentExpandedBlockLocation.slideIndex === slideIndex &&
         this.currentExpandedBlockLocation.itemIndex === itemIndex &&
@@ -1855,7 +1856,7 @@ const YooFormCreatorComponent = class {
   }
   renderHeader() {
     var _a, _b;
-    const isCustomTheme = index$4.getSession().isCustomTheme;
+    const isCustomTheme = overlays.getSession().isCustomTheme;
     return (index.h("yoo-form-creator-header", { class: { 'custom-theme': isCustomTheme }, ref: (el) => (this.formCreatorHeader = el), logo: this.logo, formTitle: ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title), prefixTitle: this.prefixTitle, isLesson: this.isLesson, selectedLeftMenuOption: this.selectedLeftMenuOption, initialSaveButtonDisabled: !this.areSlidesDirty, hideSave: this.isTranslator, onCloseClicked: (ev) => {
         ev.stopImmediatePropagation();
         this.closeClicked.emit();
@@ -1887,7 +1888,7 @@ const YooFormCreatorComponent = class {
   renderHelp() {
     var _a;
     const helpCenterOptions = (_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
-    return !!(helpCenterOptions === null || helpCenterOptions === void 0 ? void 0 : helpCenterOptions.length) && (index.h("yoo-context-menu", { contentButtons: helpCenterOptions, placement: "above" }, index.h("yoo-tooltip", { content: index$4.translate('YOOBICHELP'), hoverable: true, placement: "right" }, index.h("yoo-icon", { color: "stable", name: "help", size: "medium" }))));
+    return !!(helpCenterOptions === null || helpCenterOptions === void 0 ? void 0 : helpCenterOptions.length) && (index.h("yoo-context-menu", { contentButtons: helpCenterOptions, placement: "above" }, index.h("yoo-tooltip", { content: overlays.translate('YOOBICHELP'), hoverable: true, placement: "right" }, index.h("yoo-icon", { color: "stable", name: "help", size: "medium" }))));
   }
   renderIcon(leftMenuOption) {
     const retrievedIcon = leftMenuOption === index$2.FormCreatorOptions.blocks ? 'categories' : leftMenuOption;
@@ -1896,7 +1897,7 @@ const YooFormCreatorComponent = class {
         retrievedIcon === 'design' ? 'color-picker' :
           retrievedIcon === 'reportbuilder' ? 'audit' :
             retrievedIcon;
-    return (index.h("yoo-tooltip", { content: index$4.translate(leftMenuOption.toUpperCase()), hoverable: true, placement: "right" }, index.h("yoo-icon", { onClick: () => this.onLeftMenuIconSelected(leftMenuOption), name: icon, color: this.isSelectedLeftMenu(leftMenuOption) ? 'app-color' : 'stable', size: "medium" })));
+    return (index.h("yoo-tooltip", { content: overlays.translate(leftMenuOption.toUpperCase()), hoverable: true, placement: "right" }, index.h("yoo-icon", { onClick: () => this.onLeftMenuIconSelected(leftMenuOption), name: icon, color: this.isSelectedLeftMenu(leftMenuOption) ? 'app-color' : 'stable', size: "medium" })));
   }
   renderLeftSelection() {
     return (index.h("div", { class: {
@@ -1932,10 +1933,10 @@ const YooFormCreatorComponent = class {
   }
   renderLogicSelection() {
     const entries = [
-      { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !index$4.isNullOrUndefined(this.newRestrictionCondition) },
+      { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !overlays.isNullOrUndefined(this.newRestrictionCondition) },
       { title: 'ADDRESTRICTION', selected: true, subTitle: 'RESTRICTIONTOOLTIP' }
     ];
-    return (index.h("div", { class: "logic-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-accordion", { entries: entries, iconPairLeft: index$5.ARROW_PAIR, allowMultipleSelection: true }, index$2.CONDITION_TYPES.map((condition, conditionIndex) => (index.h("div", { slot: entries[conditionIndex].title }, index.h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) }, condition === 'conditions' && this.renderNewConditionBlocks(condition), condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
+    return (index.h("div", { class: "logic-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-accordion", { entries: entries, iconPairLeft: index$4.ARROW_PAIR, allowMultipleSelection: true }, index$2.CONDITION_TYPES.map((condition, conditionIndex) => (index.h("div", { slot: entries[conditionIndex].title }, index.h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) }, condition === 'conditions' && this.renderNewConditionBlocks(condition), condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
   }
   renderNewConditionBlocks(condition) {
     return formField_instance.conditionBlocksConfig.map((blockConfig) => {
@@ -1945,14 +1946,14 @@ const YooFormCreatorComponent = class {
     });
   }
   renderRestrictionConditions(condition) {
-    return (index.h("yoo-form-creator-restriction-selector", { ref: (el) => (this.restrictionSelector = el), conditionType: condition, restrictionConditions: this.restrictionConditions, initialSelectedTab: this.restrictionConditionSelectedTab, disableSecondaryActions: !index$4.isNullOrUndefined(this.newRestrictionCondition) }));
+    return (index.h("yoo-form-creator-restriction-selector", { ref: (el) => (this.restrictionSelector = el), conditionType: condition, restrictionConditions: this.restrictionConditions, initialSelectedTab: this.restrictionConditionSelectedTab, disableSecondaryActions: !overlays.isNullOrUndefined(this.newRestrictionCondition) }));
   }
   renderEmptyScoringState() {
-    return (index.h("div", { class: "scoring-empty-state", slot: "CONTENT" }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", null, index$4.translate('LISTEMPTY'))));
+    return (index.h("div", { class: "scoring-empty-state", slot: "CONTENT" }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", null, overlays.translate('LISTEMPTY'))));
   }
   renderScoringSelection() {
     const newScoringButton = {
-      text: index$4.translate('ADDNEWSCORING'),
+      text: overlays.translate('ADDNEWSCORING'),
       size: 'small',
       color: 'app-color',
       handler: () => this.newScoringClicked.emit()
@@ -1972,14 +1973,14 @@ const YooFormCreatorComponent = class {
       icon: 'info',
       category: index$2.FormFieldCategory.information
     };
-    return (index.h("yoo-accordion", { class: "sub-accordion", entries: entries, iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, index.h("div", { slot: "TRANSLATE" }, index.h("yoo-form-creator-block-expandable", { mode: "new", formField: formField, options: this.options }))));
+    return (index.h("yoo-accordion", { class: "sub-accordion", entries: entries, iconPairLeft: index$4.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, index.h("div", { slot: "TRANSLATE" }, index.h("yoo-form-creator-block-expandable", { mode: "new", formField: formField, options: this.options }))));
   }
   renderTranslateContent() {
     var _a;
     if (!this.showTranslations) {
       return;
     }
-    return (index.h("yoo-form-creator-translate", { ref: (el) => this.translatePage = el, baseLanguage: this.baseLanguage, selectedLanguages: this.selectedLanguages, allLanguages: this.allLanguages, translations: this.translations, slides: this.currentSlides, scoring: this.scoring, missionDescription: this.missionDescription, plan: this.plan, showBilingualView: this.isTranslatorForm && index$4.isNullOrUndefined(this.plan) && !index$4.isNullOrUndefined((_a = this.currentSlides[0]) === null || _a === void 0 ? void 0 : _a.items[0]), isTranslator: this.isTranslator, disableNewLanguageButton: this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null, disableTranslateButton: this.isLesson && !this.plan ? 'INITIATETRANSLATIONSINCOURSE' : null, onBaseLanguageChanged: (ev) => {
+    return (index.h("yoo-form-creator-translate", { ref: (el) => this.translatePage = el, baseLanguage: this.baseLanguage, selectedLanguages: this.selectedLanguages, allLanguages: this.allLanguages, translations: this.translations, slides: this.currentSlides, scoring: this.scoring, missionDescription: this.missionDescription, plan: this.plan, showBilingualView: this.isTranslatorForm && overlays.isNullOrUndefined(this.plan) && !overlays.isNullOrUndefined((_a = this.currentSlides[0]) === null || _a === void 0 ? void 0 : _a.items[0]), isTranslator: this.isTranslator, disableNewLanguageButton: this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null, disableTranslateButton: this.isLesson && !this.plan ? 'INITIATETRANSLATIONSINCOURSE' : null, onBaseLanguageChanged: (ev) => {
         ev.stopPropagation();
         this.baseLanguageChanged.emit(ev.detail);
       }, onSelectedLanguagesChanged: (ev) => {
@@ -2005,7 +2006,7 @@ const YooFormCreatorComponent = class {
         this.translationImport.emit(ev.detail);
       }, onSlidesChanged: (ev) => {
         ev.stopPropagation();
-        const slides = index$4.formatSlides(ev.detail.slides, true);
+        const slides = overlays.formatSlides(ev.detail.slides, true);
         this.slidesChanged.emit({ slides });
       }, onScoringChanged: (ev) => {
         ev.stopPropagation();
@@ -2067,31 +2068,31 @@ const YooFormCreatorComponent = class {
       iconSlot: 'start',
       icon: 'circle-plus',
       iconSize: 'small',
-      text: index$4.translate('ADDNEWPAGE'),
+      text: overlays.translate('ADDNEWPAGE'),
       size: 'small',
       color: 'light',
       handler: () => this.onAddNewPage()
     };
     const quickScoringButton = {
-      text: index$4.translate('FASTSCORING'),
+      text: overlays.translate('FASTSCORING'),
       size: 'medium',
       color: 'app-color',
       handler: async () => {
         const dialog = document.createElement('yoo-form-creator-scoring-quick-setup');
         dialog.data = index$3.getScoringQuickSetupData(this.slides);
         dialog.page = this.selectedPageIndex;
-        dialog.addEventListener('close', () => index$4.closeModal(null, dialog));
-        dialog.addEventListener('save', (event) => index$4.closeModal(event.detail, dialog));
-        const { data: result } = await index$4.showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
+        dialog.addEventListener('close', () => overlays.closeModal(null, dialog));
+        dialog.addEventListener('save', (event) => overlays.closeModal(event.detail, dialog));
+        const { data: result } = await overlays.showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
         if (result) {
-          const answer = await index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('CANCEL'), index$4.translate('YOOBICYES')], index$4.translate('SCORINGQUICKSETUPCONFIRM'));
+          const answer = await overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('CANCEL'), overlays.translate('YOOBICYES')], overlays.translate('SCORINGQUICKSETUPCONFIRM'));
           if (answer) {
             this.scoringQuickSetup.emit({ pages: result.pages, scores: result.scores, scoringIndex: this.selectedScoringIndex });
           }
         }
       }
     };
-    const message = index$4.translate('SELECTEDITEMS', { n: '' });
+    const message = overlays.translate('SELECTEDITEMS', { n: '' });
     /**
      * TODO:
      * Add extra selection buttons when product confirms
@@ -2102,7 +2103,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'dashboards',
         color: () => 'stable',
-        text: () => index$4.translate('CREATECUSTOMFIELD'),
+        text: () => overlays.translate('CREATECUSTOMFIELD'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.onCreateCustomFormFields();
@@ -2113,7 +2114,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'settings',
         color: () => 'stable',
-        text: () => index$4.translate('SETTINGS'),
+        text: () => overlays.translate('SETTINGS'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.editSelectedFields();
@@ -2124,7 +2125,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'move',
         color: () => 'stable',
-        text: () => index$4.translate('YOOBICMOVE'),
+        text: () => overlays.translate('YOOBICMOVE'),
         isVisible: () => extraButtonsVisible,
         contextMenuActions: { contentButtons: this.selectedMoveActions }
       });
@@ -2133,7 +2134,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'duplicate',
         color: () => 'stable',
-        text: () => index$4.translate('DUPLICATE'),
+        text: () => overlays.translate('DUPLICATE'),
         isVisible: () => extraButtonsVisible,
         contextMenuActions: {
           contentButtons: this.selectedDuplicateActions,
@@ -2145,7 +2146,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'delete',
         color: () => 'stable',
-        text: () => index$4.translate('DELETE'),
+        text: () => overlays.translate('DELETE'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.deleteSelectedFields();
@@ -2156,7 +2157,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'check',
         color: () => 'success',
-        text: () => index$4.translate('SAVE'),
+        text: () => overlays.translate('SAVE'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.onCreateCustomFormFields();
@@ -2167,7 +2168,7 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'cross',
         color: () => 'stable',
-        text: () => index$4.translate('CLOSE'),
+        text: () => overlays.translate('CLOSE'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.toggleSelectionMode();
@@ -2185,7 +2186,7 @@ const YooFormCreatorComponent = class {
           selected: this.isPagesAccordionOpen,
           actionButtons
         }
-      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, index.h("div", { slot: "PAGES" }, index.h("yoo-form-creator-page-card-list", { scoringMode: index$3.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: () => {
+      ], iconPairLeft: index$4.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, index.h("div", { slot: "PAGES" }, index.h("yoo-form-creator-page-card-list", { scoringMode: index$3.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;
@@ -2200,7 +2201,7 @@ const YooFormCreatorComponent = class {
     return [
       index.h("div", { class: "expandable-form-block-container" }, slide.items.map(({ multiple, title, icon, category, name, type, opValues, values, hasScoring, formCreatorIndex, parentConditions, max }, itemIndex) => {
         if (itemIndex < this.numberOfBlocksToRender) {
-          const scoringCategory = index$4.getScoringCategory(type, index$2.ALL_MOBILE_FORM_FIELDS, multiple);
+          const scoringCategory = overlays.getScoringCategory(type, index$2.ALL_MOBILE_FORM_FIELDS, multiple);
           let scoringValues;
           let formattedScoring = {
             fieldName: name,
@@ -2213,7 +2214,7 @@ const YooFormCreatorComponent = class {
           if (scoringCategory !== index$2.ScoringCategory.noScoring) {
             scoringValues = opValues && opValues[0] ? opValues[0] : values || [];
             scoringValues = scoringValues === null || scoringValues === void 0 ? void 0 : scoringValues.map((scoreValue) => scoreValue === null || scoreValue === void 0 ? void 0 : scoreValue.replace(/[.]/g, '_'));
-            formattedScoring = index$4.formatScoringValuePairs(this.selectedScoring, name, scoringCategory);
+            formattedScoring = overlays.formatScoringValuePairs(this.selectedScoring, name, scoringCategory);
             // Multi-choice fields coming from v4, where one the options is not filled, will not appear in the score
             // but the values need to be added to the scoreValuePairs
             if ((scoringCategory === index$2.ScoringCategory.singleChoice || scoringCategory === index$2.ScoringCategory.multipleChoice) && scoringValues.length) {
@@ -2221,7 +2222,7 @@ const YooFormCreatorComponent = class {
             }
             // Populate the visible field from the v4 with the total score
             if (formattedScoring.maxScore === null) {
-              formattedScoring.maxScore = index$4.findMultiMaxScore(formattedScoring.scoreValuePairs, values);
+              formattedScoring.maxScore = overlays.findMultiMaxScore(formattedScoring.scoreValuePairs, values);
             }
           }
           const formField = {
@@ -2264,7 +2265,7 @@ const YooFormCreatorComponent = class {
     const buttonColor = 'app-color';
     const actionButtons = [
       {
-        text: index$4.translate('HIDELOGICTOOLTIP'),
+        text: overlays.translate('HIDELOGICTOOLTIP'),
         size: 'small',
         color: buttonColor,
         fill: 'transparent',
@@ -2273,7 +2274,7 @@ const YooFormCreatorComponent = class {
         isVisible: () => !this.selectionMode && !this.isLesson && conditionsArePopulated
       },
       {
-        text: index$4.translate('SELECTALL'),
+        text: overlays.translate('SELECTALL'),
         size: 'small',
         color: buttonColor,
         fill: 'transparent',
@@ -2282,7 +2283,7 @@ const YooFormCreatorComponent = class {
         isVisible: () => this.selectionMode
       },
       {
-        text: index$4.translate(this.selectionMode ? 'CANCEL' : 'SELECTACTION'),
+        text: overlays.translate(this.selectionMode ? 'CANCEL' : 'SELECTACTION'),
         size: 'small',
         fill: 'transparent',
         animated: false,
@@ -2296,7 +2297,7 @@ const YooFormCreatorComponent = class {
           selected: true,
           actionButtons: index$3.isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
         }
-      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$1) => (index.h("div", { slot: index$1 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
+      ], iconPairLeft: index$4.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$1) => (index.h("div", { slot: index$1 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
         if (index$1 === this.selectedPageIndex) {
           this.mainContentScrollElement = el;
         }
@@ -2319,7 +2320,7 @@ const YooFormCreatorComponent = class {
     ];
   }
   renderEmptyFieldState() {
-    return (index.h("div", { class: "empty-state", ref: (el) => (this.fieldEmptyStateContainer = el) }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", { class: "text-container" }, index$4.translate('EMPTYFORMCREATOR'), index.h("yoo-icon", { name: "circle-plus", color: "stable" }))));
+    return (index.h("div", { class: "empty-state", ref: (el) => (this.fieldEmptyStateContainer = el) }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", { class: "text-container" }, overlays.translate('EMPTYFORMCREATOR'), index.h("yoo-icon", { name: "circle-plus", color: "stable" }))));
   }
   renderFormContentBlocks({ opValues, title, icon, category, name, customName, isExpanded, parentConditions, condition, type, values, hasScoring, selected, formCreatorIndex, required, hideMobile, locked }, itemIndex, pageIndex) {
     var _a, _b, _c, _d;
@@ -2359,7 +2360,7 @@ const YooFormCreatorComponent = class {
         if (pageIndex === this.selectedPageIndex) {
           this.expandableBlocks[itemIndex] = el;
         }
-      }, showConditions: this.selectionMode ? false : this.showConditions, class: { selection: this.selectionMode }, formField: formField, itemList: this.itemList, campaignType: (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type, sequentialConditionFields: sequentialConditionFields, isInSelectionMode: this.selectionMode, numberOfBlocksToRender: this.numberOfBlocksToRender, blockFieldExpansion: !index$4.isNullOrUndefined(this.newUndefinedCondition), disableFieldTranslation: (this.isLesson && (!this.translations || ((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) === 0)) || ((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.lockTranslations) || !this.options.includes(index$2.FormCreatorOptions.translate), translations: this.translations, baseLanguage: this.baseLanguage, invalid: (_d = this.invalidFields) === null || _d === void 0 ? void 0 : _d.includes(formField.name), invalidFields: this.invalidFields }, index.h("div", { class: "parent-slot", slot: formFieldName }, index.h("slot", { name: formFieldName })), childFields === null || childFields === void 0 ? void 0 :
+      }, showConditions: this.selectionMode ? false : this.showConditions, class: { selection: this.selectionMode }, formField: formField, itemList: this.itemList, campaignType: (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type, sequentialConditionFields: sequentialConditionFields, isInSelectionMode: this.selectionMode, numberOfBlocksToRender: this.numberOfBlocksToRender, blockFieldExpansion: !overlays.isNullOrUndefined(this.newUndefinedCondition), disableFieldTranslation: (this.isLesson && (!this.translations || ((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) === 0)) || ((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.lockTranslations) || !this.options.includes(index$2.FormCreatorOptions.translate), translations: this.translations, baseLanguage: this.baseLanguage, invalid: (_d = this.invalidFields) === null || _d === void 0 ? void 0 : _d.includes(formField.name), invalidFields: this.invalidFields }, index.h("div", { class: "parent-slot", slot: formFieldName }, index.h("slot", { name: formFieldName })), childFields === null || childFields === void 0 ? void 0 :
       childFields.map((childField) => {
         var _a;
         return ((_a = childField.sequentialConditionalField) === null || _a === void 0 ? void 0 : _a.masterParentFieldName) === formFieldName && (index.h("div", { class: "child-slot", slot: childField.name }, index.h("slot", { name: childField.name })));
@@ -2371,7 +2372,7 @@ const YooFormCreatorComponent = class {
   }
   renderFormDynamic() {
     var _a;
-    return (index.h("div", { class: "form-dynamic-container" }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-truncate", null, index$4.translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
+    return (index.h("div", { class: "form-dynamic-container" }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-truncate", null, overlays.translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
   }
   render() {
     return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "container", ref: (el) => (this.containerEl = el) }, this.renderHeader(), this.renderContent(), this.renderOverlays())));