@yoobic/yobi 7.7.96 → 7.7.100

package/dist/cjs/{grid-renderers-dacdc474.js → grid-renderers-374ca7e9.js}

@@ -594,13 +594,16 @@ function catalogRenderer(params) {
   return formCatalog;
 }
 function documentRenderer(params) {
+  var _a, _b, _c, _d;
   let documents = [];
-  if (params.colDef.fieldDefinition.type === inputBar_interface.FormFieldType.document) {
-    documents = rrule.compact([].concat(params.colDef.fieldDefinition.document));
+  const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
+  if (((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.type) === inputBar_interface.FormFieldType.document) {
+    documents = rrule.compact([].concat(colDef.fieldDefinition.document));
   }
   else {
     documents = rrule.compact([].concat(params.value));
   }
+  documents = documents.filter((d) => !!d._downloadURL);
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
   if (documents.length > 0) {
@@ -612,8 +615,9 @@ function documentRenderer(params) {
       formDocument.showActionSheet = false;
       wrapper.appendChild(formDocument);
     });
+    return ((_d = params) === null || _d === void 0 ? void 0 : _d.type) === 'excel' ? documents.map((d) => d._downloadURL).join(',') : wrapper;
   }
-  return wrapper;
+  return '';
 }
 function pricecheckRenderer(params) {
   const value = params.value;

package/dist/cjs/{image-helpers-ea15b526.js → image-helpers-3385fd6f.js}

@@ -6,11 +6,11 @@ const index = require('./index-e2b47ee9.js');
 
 async function getImageSize(src, onErr) {
   const img = new Image();
-  if (src && (index.isImageUrl(src) || index.isBase64(src))) {
+  if (src) {
     img.src = rrule.isCloudinaryLink(src) ? new rrule.Cloudinary(src).quality('low').getUrl() : src;
     await new Promise((resolve, reject) => {
       img.onload = () => resolve(img.width);
-      img.onerror = () => reject(onErr === null || onErr === void 0 ? void 0 : onErr());
+      img.onerror = () => index.isImageUrl(src) || index.isBase64(src) && reject(onErr === null || onErr === void 0 ? void 0 : onErr());
     });
   }
   return {

package/dist/cjs/{index-541062cd.js → index-621e23cc.js}

@@ -899,6 +899,8 @@ function setChildFields(parentConditions, itemIndex) {
 function addNewIdsToSlide(slide) {
   var _a, _b;
   const ids = [];
+  if (slide)
+    slide._id = index.getUUID();
   (_a = slide === null || slide === void 0 ? void 0 : slide.items) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
     const newId = index.getUUID();
     ids.push({ oldId: item.name, newId });
@@ -1148,10 +1150,16 @@ function cleanCustomFormFieldSlides(selectedFields, translations) {
   });
   return { cleanedFields: selectedFields, removedConditionIds };
 }
-function createNewIdsForCustomFields(customFields) {
-  const cleanedFields = customFields.map((field) => {
+function createNewIdsForCustomFields(customFields, isCustomDataSet, fieldLocation) {
+  const cleanedFields = customFields.map((field, fIndex) => {
     const cleanedField = cloneDeep.cloneDeep(field);
-    cleanedField.name = index.getUUID();
+    if (isCustomDataSet) {
+      cleanedField.name = formCreatorHelpers.getCustomName(cleanedField.title, fieldLocation.slideIndex, fieldLocation.itemIndex + fIndex);
+      cleanedField.customName = index.getUUID();
+    }
+    else {
+      cleanedField.name = index.getUUID();
+    }
     return cleanedField;
   });
   cleanedFields.forEach((cleanedFeild) => {

package/dist/cjs/index.cjs.js

@@ -22,7 +22,7 @@ const formHelpers = require('./form-helpers-ec3c2d29.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 const formTextAreaHelpers = require('./form-text-area-helpers-01944f5d.js');
 const geolocationHelpers = require('./geolocation-helpers-0f3560f5.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const incentiveHelpers = require('./incentive-helpers-99fce167.js');
 const mapHelpers = require('./map-helpers-021bd715.js');
 const observerHelpers = require('./observer-helpers-b02f15af.js');

package/dist/cjs/yoo-action-sheet-controller_15.cjs.entry.js

@@ -28,7 +28,7 @@ const isString = require('./isString-ecd0cbf4.js');
 const _createAggregator = require('./_createAggregator-c627b114.js');
 const get = require('./get-91c14783.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
-const gridRenderers = require('./grid-renderers-dacdc474.js');
+const gridRenderers = require('./grid-renderers-374ca7e9.js');
 const localForage = require('./localForage-82b6f557.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
 require('./isUndefined-8f9cfd10.js');

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const ResizeObserver_es = require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const gridRenderers = require('./grid-renderers-dacdc474.js');
+const gridRenderers = require('./grid-renderers-374ca7e9.js');
 const identity$4 = require('./identity-8189b2e1.js');
 const isNumber$1 = require('./isNumber-4c1ace60.js');
 const formHelpers = require('./form-helpers-ec3c2d29.js');
@@ -67,7 +67,7 @@ const sortable_esm = require('./sortable.esm-71f9713d.js');
 const map$1 = require('./map-363505c4.js');
 const isBoolean = require('./isBoolean-d41e779d.js');
 const theme = require('./theme-e757b365.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const draggableDotsHelpers = require('./draggable-dots-helpers-9650a4b7.js');
 const inRange = require('./inRange-009d0389.js');

package/dist/cjs/yoo-avatar_5.cjs.entry.js

@@ -10,7 +10,7 @@ const index$1 = require('./index-e2b47ee9.js');
 const localForage = require('./localForage-82b6f557.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const observerHelpers = require('./observer-helpers-b02f15af.js');
 const colorHelpers = require('./color-helpers-9f67677e.js');
 require('./toInteger-31800ffe.js');

package/dist/cjs/yoo-card-header.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./index-e2b47ee9.js');

package/dist/cjs/yoo-card-list-image_12.cjs.entry.js

@@ -15,8 +15,8 @@ const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
 const get = require('./get-91c14783.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
-const gridRenderers = require('./grid-renderers-dacdc474.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
+const gridRenderers = require('./grid-renderers-374ca7e9.js');
 const debounce = require('./debounce-fda84c7b.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const assign = require('./assign-bc4598ad.js');

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

@@ -14,7 +14,7 @@ const shuffle = require('./shuffle-8d86ba89.js');
 const findIndex = require('./findIndex-cb2c4f23.js');
 const isString = require('./isString-ecd0cbf4.js');
 const index$2 = require('./index-7d3c7ee7.js');
-const index$1 = require('./index-541062cd.js');
+const index$1 = require('./index-621e23cc.js');
 const boostHelpers = require('./boost-helpers-0fe0ab90.js');
 const isNumber = require('./isNumber-4c1ace60.js');
 require('./isUndefined-8f9cfd10.js');

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

@@ -7,7 +7,7 @@ const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const rrule = require('./rrule-f8e7fec2.js');
 const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
 const index$2 = require('./index-77d54324.js');
-const index$1 = require('./index-541062cd.js');
+const index$1 = require('./index-621e23cc.js');
 require('./isNumber-4c1ace60.js');
 require('./isEqual-35c41499.js');
 require('./_baseIsEqual-ea3c1968.js');

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

@@ -9,7 +9,7 @@ require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
 const index$1 = require('./index-f0c2575c.js');
 const sortable_esm = require('./sortable.esm-71f9713d.js');
-const index$2 = require('./index-541062cd.js');
+const index$2 = require('./index-621e23cc.js');
 const entitiesHelpers$1 = require('./entities-helpers-e377d30b.js');
 const entitiesHelpers = require('./entities-helpers-c6ed72dc.js');
 require('./isUndefined-8f9cfd10.js');
@@ -252,7 +252,7 @@ const YooFormCreatorPageCardListComponent = class {
       if (this.workflowVisibility) {
         pageEntry.pageWorkflowState = this.workflowVisibility;
         if ((_a = this.pagePermissions) === null || _a === void 0 ? void 0 : _a.length) {
-          const pagePermission = this.pagePermissions.find((permission) => permission.name === slide.title);
+          const pagePermission = this.pagePermissions.find((permission) => permission.name === slide._id || permission.name === slide.title);
           pageEntry.pageWorkflowState = index$2.getWorkflowFieldState(pagePermission, this.workflowVisibility);
         }
       }

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

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 const index$2 = require('./index-f0c2575c.js');
-const index$1 = require('./index-541062cd.js');
+const index$1 = require('./index-621e23cc.js');
 require('./index-e2b47ee9.js');
 require('./document-b4cc3315.js');
 require('./validate-f2c2f205.js');

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

@@ -13,7 +13,7 @@ const device_interface = require('./device.interface-44ea5b01.js');
 const cardVideo_interface = require('./card-video.interface-284b7b92.js');
 const sortable_esm = require('./sortable.esm-71f9713d.js');
 const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
-const index$2 = require('./index-541062cd.js');
+const index$2 = require('./index-621e23cc.js');
 const isEqual = require('./isEqual-35c41499.js');
 const remove = require('./remove-41707d5a.js');
 const index$3 = require('./index-f0c2575c.js');
@@ -1242,7 +1242,7 @@ const YooWorkflowComponent = class {
   onPageStateChange(ev) {
     var _a, _b, _c, _d;
     if (this.internalMissionDescription.slides[ev.detail.index]) {
-      const pageName = this.internalMissionDescription.slides[ev.detail.index].title;
+      const pageName = this.internalMissionDescription.slides[ev.detail.index]._id || this.internalMissionDescription.slides[ev.detail.index].title;
       const fieldPermission = { name: pageName };
       switch (ev.detail.newState.title) {
         case 'EDITABLE':
@@ -1347,8 +1347,9 @@ const YooWorkflowComponent = class {
           selected: this.isFieldsAccordionOpen
         }
       ], iconPairLeft: index$1.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (ev) => (this.isFieldsAccordionOpen = ev.detail.selected) }, index.h("div", { slot: "CONTENTS" }, (_e = (_d = (_c = this.internalMissionDescription) === null || _c === void 0 ? void 0 : _c.slides[this.currentPageSelected]) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.map((item) => {
-      var _a, _b;
-      const pagePermission = (_b = (_a = this.currentWorkflowStep) === null || _a === void 0 ? void 0 : _a.pagesPermission) === null || _b === void 0 ? void 0 : _b.find((permission) => { var _a; return permission.name === ((_a = this.internalMissionDescription) === null || _a === void 0 ? void 0 : _a.slides[this.currentPageSelected].title); });
+      var _a, _b, _c, _d;
+      const slideName = ((_a = this.internalMissionDescription) === null || _a === void 0 ? void 0 : _a.slides[this.currentPageSelected]._id) || ((_b = this.internalMissionDescription) === null || _b === void 0 ? void 0 : _b.slides[this.currentPageSelected].title);
+      const pagePermission = (_d = (_c = this.currentWorkflowStep) === null || _c === void 0 ? void 0 : _c.pagesPermission) === null || _d === void 0 ? void 0 : _d.find((permission) => permission.name === slideName);
       const pageState = index$2.getWorkflowFieldState(pagePermission, this.defaultFieldState);
       return this.renderSimpleBlock(item, pageState);
     }))));

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

@@ -7,7 +7,7 @@ const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const rrule = require('./rrule-f8e7fec2.js');
 const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
 const stringHelpers = require('./string-helpers-4852718a.js');
-const index$1 = require('./index-541062cd.js');
+const index$1 = require('./index-621e23cc.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const isEmpty = require('./isEmpty-1723db8b.js');
 const isString = require('./isString-ecd0cbf4.js');

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

@@ -6,13 +6,13 @@ const index = require('./index-fd52e687.js');
 const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const cardVideo_interface = require('./card-video.interface-284b7b92.js');
 const rrule = require('./rrule-f8e7fec2.js');
-const index$3 = require('./index-e2b47ee9.js');
+const index$2 = require('./index-e2b47ee9.js');
 const formCreatorHelpers = require('./form-creator-helpers-ed0a88b0.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
 const sortable_esm = require('./sortable.esm-71f9713d.js');
-const index$2 = require('./index-77d54324.js');
-const index$1 = require('./index-541062cd.js');
+const index$3 = require('./index-77d54324.js');
+const index$1 = require('./index-621e23cc.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const orderBy = require('./orderBy-18003c1b.js');
 require('./document-b4cc3315.js');
@@ -896,6 +896,7 @@ const YooFormCreatorComponent = class {
     this.selectedPageIndex = index;
   }
   async addNewPage(newPage, index) {
+    newPage = Object.assign({ _id: index$2.getUUID() }, newPage);
     this.currentSlides.splice(index, 0, newPage);
     this.selectedPageIndex = index;
     this.hasPageChanged = index;
@@ -1424,7 +1425,7 @@ const YooFormCreatorComponent = class {
       condition = index$1.getDefaultCondition(type, this.currentSlides[slideIndex].items[itemIndex]);
     }
     if (type === 'field') {
-      if (!index$2.NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category)) {
+      if (!index$3.NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category)) {
         const { slides, unattachedParentConditions } = index$1.addNewParentCondition(this.currentSlides, this.unattachedParentConditions, slideIndex, itemIndex, condition);
         this.currentSlides = slides;
         this.unattachedParentConditions = unattachedParentConditions;
@@ -1707,26 +1708,23 @@ const YooFormCreatorComponent = class {
     }
   }
   onCustomFieldAdded(customFieldId, selectedCustomFormField, indexToAdd) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     if (!this.currentSlides[this.selectedPageIndex]) {
       return;
     }
+    indexToAdd = rrule.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 = (_a = this.customFormFields) === null || _a === void 0 ? void 0 : _a.find((customField) => customField._id === customFieldId);
+      selectedCustomFormField = (_c = this.customFormFields) === null || _c === void 0 ? void 0 : _c.find((customField) => customField._id === customFieldId);
     }
-    const newFields = index$1.createNewIdsForCustomFields(selectedCustomFormField.fields);
+    const newFields = index$1.createNewIdsForCustomFields(selectedCustomFormField.fields, ((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.type) === 'dataset', { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd });
     newFields === null || newFields === void 0 ? void 0 : newFields.forEach((field) => {
-      var _a;
+      var _a, _b;
       field.slideIndex = this.selectedPageIndex;
       field.slideTitle = (_a = this.currentSlides[this.selectedPageIndex]) === null || _a === void 0 ? void 0 : _a.title;
+      field.slideId = (_b = this.currentSlides[this.selectedPageIndex]) === null || _b === void 0 ? void 0 : _b._id;
     });
-    if (((_c = (_b = this.currentSlides[this.selectedPageIndex]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      if (rrule.isNullOrUndefined(indexToAdd)) {
-        this.currentSlides[this.selectedPageIndex].items = [...(_d = this.currentSlides[this.selectedPageIndex]) === null || _d === void 0 ? void 0 : _d.items, ...newFields];
-      }
-      else {
-        this.currentSlides[this.selectedPageIndex].items.splice(indexToAdd, 0, ...newFields);
-      }
+    if (((_f = (_e = this.currentSlides[this.selectedPageIndex]) === null || _e === void 0 ? void 0 : _e.items) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+      this.currentSlides[this.selectedPageIndex].items.splice(indexToAdd, 0, ...newFields);
     }
     else {
       this.currentSlides[this.selectedPageIndex].items = newFields;
@@ -1778,7 +1776,7 @@ const YooFormCreatorComponent = class {
       }
       if (((_e = this.missionDescription) === null || _e === void 0 ? void 0 : _e.type) === 'dataset') {
         newField.name = newField.title.split(' ').join('_').toLowerCase();
-        newField.customName = index$3.getUUID();
+        newField.customName = index$2.getUUID();
         if (!formCreatorHelpers.isFieldNameUnique(newField, this.currentSlides)) {
           newField.name = formCreatorHelpers.getCustomName(newField.title, this.selectedPageIndex, indexToAdd);
         }
@@ -1905,7 +1903,7 @@ const YooFormCreatorComponent = class {
       { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !rrule.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", { maxTitleCharacters: 18, entries: entries, iconPairLeft: index$2.ARROW_PAIR, allowMultipleSelection: true }, inputBar_interface.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", { maxTitleCharacters: 18, entries: entries, iconPairLeft: index$3.ARROW_PAIR, allowMultipleSelection: true }, inputBar_interface.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 cardVideo_interface.conditionBlocksConfig.map((blockConfig) => {
@@ -1942,7 +1940,7 @@ const YooFormCreatorComponent = class {
       icon: 'info',
       category: inputBar_interface.FormFieldCategory.information
     };
-    return (index.h("yoo-accordion", { class: "sub-accordion", entries: entries, iconPairLeft: index$2.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$3.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;
@@ -2127,7 +2125,7 @@ const YooFormCreatorComponent = class {
           selected: this.isPagesAccordionOpen,
           actionButtons
         }
-      ], iconPairLeft: index$2.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", { ref: (el) => (this.pageCardList = el), scoringMode: index$1.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, itemList: this.itemList, isSortable: this.selectedLeftMenuOption === 'fields' }))));
+      ], iconPairLeft: index$3.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", { ref: (el) => (this.pageCardList = el), scoringMode: index$1.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, itemList: this.itemList, isSortable: this.selectedLeftMenuOption === 'fields' }))));
     const selectionModeEl = (index.h("yoo-toast", { class: "bg-light-to-dark global-actions form-creator", message: message, extraButtons: extraButtons, count: this.selectedFields.length || 0, showBackdrop: false }));
     return (index.h("div", { class: "form-content" }, this.showPagesSection && pageSectionEl, this.renderFormContentBlocksContainer(), ((_a = this.newUndefinedCondition) === null || _a === void 0 ? void 0 : _a.pageCondition) && index.h("div", { class: "page-condition-overlay", onClick: () => this.removeOverlays() }), this.selectionMode && selectionModeEl));
   }
@@ -2230,7 +2228,7 @@ const YooFormCreatorComponent = class {
           selected: true,
           actionButtons: index$1.isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
         }
-      ], iconPairLeft: index$2.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$2) => (index.h("div", { slot: index$2 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
+      ], iconPairLeft: index$3.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$2) => (index.h("div", { slot: index$2 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
         if (index$2 === this.selectedPageIndex) {
           this.mainContentScrollElement = el;
         }

package/dist/cjs/yoo-form-text-editor.cjs.entry.js

@@ -7155,7 +7155,7 @@ const YooFormTextEditorComponent = class {
       const baseUploadURL = await rrule.getAsyncExtraData({ type: 'upload-api' });
       try {
         this.editor = new froala_editor_min(this.containerEl, {
-          key: 'AVB8B-21A3B1C1F3F1D1ua2BD1IMNBUMRWAd1AYMSTRBUZYA-9H3E2J2C5C6B3D2B5B1C1==',
+          key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
           theme: rrule.isDarkTheme() ? 'dark' : 'royal',
           toolbarSticky: false,
           requestHeaders: {

package/dist/cjs/yoo-gridstack.cjs.entry.js

@@ -4801,9 +4801,11 @@ const YooGridstackComponent = class {
       }
       delete this.containerEl.gridstack;
       this.grid = gridstack.GridStack.init({
+        auto: false,
         column: this.column || 12,
         animate: true,
         disableOneColumnMode: this.forceOneColumn !== true,
+        oneColumnModeDomSort: false,
         cellHeight: this.cellHeight || 'auto',
         margin: this.itemMargin,
         acceptWidgets: '.ui-draggable',
@@ -4867,10 +4869,23 @@ const YooGridstackComponent = class {
     }
   }
   renderConfig() {
-    var _a;
     this.grid.removeAll(true);
     this.grid.batchUpdate();
-    (_a = this.config) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
+    let finalConfig = this.config;
+    if (this.column === 1 && (finalConfig === null || finalConfig === void 0 ? void 0 : finalConfig.length) > 0) {
+      finalConfig = gridstack.Utils.sort(this.config, 1, this.column);
+      finalConfig.forEach((v, i) => {
+        if (i === 0) {
+          v.y = 0;
+          v.x = 0;
+        }
+        else {
+          v.x = 0;
+          v.y = finalConfig[i - 1].y + finalConfig[i - 1].h;
+        }
+      });
+    }
+    finalConfig === null || finalConfig === void 0 ? void 0 : finalConfig.forEach((item) => {
       const isHidden = !!this.hiddenWidgets.find((i) => i.id === item.id);
       const el = this.grid.addWidget(this.getItemTemplate(item, isHidden), cloneDeep.cloneDeep(item));
       if (isHidden) {

package/dist/cjs/yoo-mission-detail.cjs.entry.js

@@ -138,6 +138,12 @@ const YooMissionDetailComponent = class {
     return (user &&
       (user.email || user.firstName || user.lastName) && (index.h("li", { class: "menu-item", onClick: () => this.showUser.emit(user) }, index.h("div", { class: "menu-left" }, index.h("yoo-tag", { size: "medium", color: "app-color", iconOnlyColor: "light", icon: icon }), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, rrule.translate(title)), index.h("div", { class: "menu-content menu-requestor" }, index.h("div", { class: "menu-inner-container" }, index.h("yoo-avatar", { size: "small", user: user }), index.h("span", { class: "text" }, user.firstName + ' ' + user.lastName), date && index.h("div", { class: "mission-date" }, pipe.pipes.dateFormat.transform(date, 'L'))), withExtraActions && ((_a = this.extraActions) === null || _a === void 0 ? void 0 : _a.length) > 0 && user && this.renderExtraActions(user))))));
   }
+  renderDuration() {
+    var _a;
+    if ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.duration) {
+      return (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("span", { class: "menu-icon" }, index.h("yoo-tag", { size: "medium", icon: "ongoing", color: "app-color" })), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, rrule.translate('MISSIONDURATION')), index.h("div", { class: "menu-content" }, this.mission.duration))));
+    }
+  }
   renderWorkflowHistory() {
     var _a, _b, _c, _d, _e, _f, _g;
     return (index.h("yoo-workflow-state", { steps: (_c = (_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.workflow) === null || _c === void 0 ? void 0 : _c.steps, history: (_d = this.mission) === null || _d === void 0 ? void 0 : _d.workflowHistory, state: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.workflowState, status: (_f = this.mission) === null || _f === void 0 ? void 0 : _f.status, owner: (_g = this.mission) === null || _g === void 0 ? void 0 : _g.owner }));
@@ -162,7 +168,7 @@ const YooMissionDetailComponent = class {
           web: !this.isMobile
         } }, index.h("yoo-ion-content", { class: "bg-light-to-dark no-scrollbar", scrollEvents: true }, index.h("div", null, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value ? this.progress.value : null }), index.h("ul", { class: "menu" }, this.mission.description &&
         this.mission.description.distanceMin &&
-        this.renderSimpleSection(this.mission.description.distanceMin.toLocaleString(), 'GEOFENCINGDISTANCEMIN', 'pin-selected'), this.renderPriority(), description && description.text && this.renderSimpleSection(description.text, descriptionTitle, 'lesson'), this.mission.address && !isStoreManager && this.renderMissionLocation(), ((_a = this.mission.aisle) === null || _a === void 0 ? void 0 : _a.title) && this.renderSimpleSection(this.mission.aisle.title, 'AISLE', 'aisles'), index.h("yoo-mission-contents", { slidesNumber: this.slidesNumber, photosNumber: this.photosNumber, questionsNumber: this.questionsNumber }), location && (location.contactname || location.contactphone || location.contactemail) && (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("yoo-tag", { icon: "contact", iconOnlyColor: "light", size: "medium", color: "app-color" }), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, rrule.translate('CONTACT')), index.h("div", { class: "menu-content" }, location.contactname && index.h("div", { class: "menu-content-contact", innerHTML: location.contactname }), location.contactemail && index.h("div", { class: "menu-content-contact", innerHTML: location.contactemail }), location.contactphone && index.h("div", { class: "menu-content-contact", innerHTML: location.contactphone }))))), this.mission.comments && this.renderSimpleSection(this.mission.comments, 'NOTES', 'note'), location && location.info && this.renderSimpleSection(location.info, 'YOOBICINFO', 'info'), this.mission.originalUnvalidatedReason && this.renderSimpleSection(this.mission.originalUnvalidatedReason, 'COMMENTS', 'comment'), this.renderUserSection(creator, 'REQUESTOR', 'author', this.mission._ect), this.mission.hasWorkflow && ((_d = (_c = (_b = this.mission) === null || _b === void 0 ? void 0 : _b.description) === null || _c === void 0 ? void 0 : _c.workflow) === null || _d === void 0 ? void 0 : _d.steps) && this.renderWorkflowHistory(), !((_e = this.mission) === null || _e === void 0 ? void 0 : _e.hasWorkflow) &&
+        this.renderSimpleSection(this.mission.description.distanceMin.toLocaleString(), 'GEOFENCINGDISTANCEMIN', 'pin-selected'), this.renderPriority(), description && description.text && this.renderSimpleSection(description.text, descriptionTitle, 'lesson'), this.mission.address && !isStoreManager && this.renderMissionLocation(), ((_a = this.mission.aisle) === null || _a === void 0 ? void 0 : _a.title) && this.renderSimpleSection(this.mission.aisle.title, 'AISLE', 'aisles'), index.h("yoo-mission-contents", { slidesNumber: this.slidesNumber, photosNumber: this.photosNumber, questionsNumber: this.questionsNumber }), this.renderDuration(), location && (location.contactname || location.contactphone || location.contactemail) && (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("yoo-tag", { icon: "contact", iconOnlyColor: "light", size: "medium", color: "app-color" }), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, rrule.translate('CONTACT')), index.h("div", { class: "menu-content" }, location.contactname && index.h("div", { class: "menu-content-contact", innerHTML: location.contactname }), location.contactemail && index.h("div", { class: "menu-content-contact", innerHTML: location.contactemail }), location.contactphone && index.h("div", { class: "menu-content-contact", innerHTML: location.contactphone }))))), this.mission.comments && this.renderSimpleSection(this.mission.comments, 'NOTES', 'note'), location && location.info && this.renderSimpleSection(location.info, 'YOOBICINFO', 'info'), this.mission.originalUnvalidatedReason && this.renderSimpleSection(this.mission.originalUnvalidatedReason, 'COMMENTS', 'comment'), this.renderUserSection(creator, 'REQUESTOR', 'author', this.mission._ect), this.mission.hasWorkflow && ((_d = (_c = (_b = this.mission) === null || _b === void 0 ? void 0 : _b.description) === null || _c === void 0 ? void 0 : _c.workflow) === null || _d === void 0 ? void 0 : _d.steps) && this.renderWorkflowHistory(), !((_e = this.mission) === null || _e === void 0 ? void 0 : _e.hasWorkflow) &&
         owner &&
         owner._id &&
         owner._id !== rrule.getSession().userId &&
@@ -182,7 +188,7 @@ const YooMissionDetailComponent = class {
   renderTodo() {
     var _a;
     const isStoreManager = rrule.getSession().user && rrule.getSession().user.locationRef && rrule.getSession().user.locationRef === this.mission.locationRef;
-    return (this.mission && (index.h("div", { class: 'mission-detail mission-todo ' + (this.isMobile ? '' : 'web') }, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value && this.progress.value }), index.h("ul", { class: "menu" }, this.mission.todo && this.mission.todo.field && this.mission.todo.fieldValue && this.renderMenuItem('LINKEDTO', true), this.mission.todo && this.mission.todo.priority && this.renderMenuItem('PRIORITY', false), this.renderUserSection(this.mission.creator, 'CREATEDBY', 'user', this.mission._ect, true), this.renderUserSection(this.mission.owner, 'ASSIGNTO', 'user', null, true), this.mission.address && !isStoreManager && this.renderSimpleSection(this.mission.address, 'ADDRESS', 'map'), ((_a = this.mission.aisle) === null || _a === void 0 ? void 0 : _a.title) && !isStoreManager && this.renderSimpleSection(this.mission.aisle.title, 'AISLE', 'aisles'), this.mission.originalUnvalidatedReason && this.renderSimpleSection(this.mission.originalUnvalidatedReason, 'COMMENTS', 'comment')), index.h("slot", null)))));
+    return (this.mission && (index.h("div", { class: 'mission-detail mission-todo ' + (this.isMobile ? '' : 'web') }, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value && this.progress.value }), index.h("ul", { class: "menu" }, this.mission.todo && this.mission.todo.field && this.mission.todo.fieldValue && this.renderMenuItem('LINKEDTO', true), this.mission.todo && this.mission.todo.priority && this.renderMenuItem('PRIORITY', false), this.renderUserSection(this.mission.creator, 'CREATEDBY', 'user', this.mission._ect, true), this.renderUserSection(this.mission.owner, 'ASSIGNTO', 'user', null, true), this.mission.address && !isStoreManager && this.renderSimpleSection(this.mission.address, 'ADDRESS', 'map'), ((_a = this.mission.aisle) === null || _a === void 0 ? void 0 : _a.title) && !isStoreManager && this.renderSimpleSection(this.mission.aisle.title, 'AISLE', 'aisles'), this.renderDuration(), this.mission.originalUnvalidatedReason && this.renderSimpleSection(this.mission.originalUnvalidatedReason, 'COMMENTS', 'comment')), index.h("slot", null)))));
   }
   renderBasedOnType() {
     if (this.mission && this.mission.type) {

package/dist/cjs/yoo-mission-results.cjs.entry.js

@@ -126,7 +126,7 @@ const YooMissionResultsComponent = class {
     return this.mission ? (index.h("div", { class: Object.assign({ 'mission-results': true, pdf: this.isPdf }, commonHelpers.getAppContext(this.host)) }, this.isPdf && (index.h("div", { class: "header-photo-container" }, ((_h = (_g = this.mission) === null || _g === void 0 ? void 0 : _g.description) === null || _h === void 0 ? void 0 : _h.pdfHeaderPhoto) && index.h("yoo-img", { class: "header-photo", src: this.mission.description.pdfHeaderPhoto }), index.h("div", { class: "header-content" }, index.h("div", { class: "title" }, rrule.translateMulti((_j = this.mission) === null || _j === void 0 ? void 0 : _j.title)), index.h("div", { class: "subtitle" }, (_k = this.mission) === null || _k === void 0 ? void 0 : _k.address), index.h("div", { class: "tag-container" }, showInformation &&
       (tags === null || tags === void 0 ? void 0 : tags.map((tag) => {
         return index.h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.innerHTML });
-      })))))), index.h("div", { class: "content" }, !this.isPdf && showInformation && index.h("yoo-mission-heading", { isPdf: this.isPdf, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, !this.isPdf && !isStoreManager && (this.mission.location || this.mission.address) ? this.renderMissionLocation() : null, ((_m = (_l = this.mission) === null || _l === void 0 ? void 0 : _l.aisle) === null || _m === void 0 ? void 0 : _m.title) ? this.renderMissionAisle() : null, showInformation && this.mission.ownerDisplayName ? this.renderMissionOwner() : null, !showInformation || this.mission.skipValidation ? null : this.renderMissionValidator(), showInformation && this.renderPriority(), this.mission.type === 'visit' && this.mission.visitType ? this.renderVisitType() : null, this.mission.type === 'visit' ? this.renderVisitDescription() : null, !rrule.getSession().isExternal && this.mission.workflowHistory && ((_q = (_p = (_o = this.mission) === null || _o === void 0 ? void 0 : _o.description) === null || _p === void 0 ? void 0 : _p.workflow) === null || _q === void 0 ? void 0 : _q.steps) && this.renderWorkflowHistory(), this.renderUnvalidatedReason(), showAudit && this.renderAudit()), showScore && index.h("yoo-mission-score", { isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })))) : null;
+      })))))), index.h("div", { class: "content" }, !this.isPdf && showInformation && index.h("yoo-mission-heading", { isPdf: this.isPdf, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, !this.isPdf && !isStoreManager && (this.mission.location || this.mission.address) ? this.renderMissionLocation() : null, ((_m = (_l = this.mission) === null || _l === void 0 ? void 0 : _l.aisle) === null || _m === void 0 ? void 0 : _m.title) ? this.renderMissionAisle() : null, showInformation && this.mission.ownerDisplayName ? this.renderMissionOwner() : null, !showInformation || this.mission.skipValidation ? null : this.renderMissionValidator(), showInformation && this.renderPriority(), this.mission.type === 'visit' && this.mission.visitType ? this.renderVisitType() : null, this.mission.type === 'visit' ? this.renderVisitDescription() : null, !rrule.getSession().isExternal && this.mission.workflowHistory && ((_q = (_p = (_o = this.mission) === null || _o === void 0 ? void 0 : _o.description) === null || _p === void 0 ? void 0 : _p.workflow) === null || _q === void 0 ? void 0 : _q.steps) && this.renderWorkflowHistory(), showInformation && this.renderUnvalidatedReason(), showAudit && this.renderAudit()), showScore && index.h("yoo-mission-score", { isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })))) : null;
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-podium.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 const isNumber = require('./isNumber-4c1ace60.js');
 const get = require('./get-91c14783.js');
 require('./isUndefined-8f9cfd10.js');

package/dist/cjs/yoo-walkthrough.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fd52e687.js');
 const rrule = require('./rrule-f8e7fec2.js');
 require('./input-bar.interface-b96b7107.js');
 require('./ResizeObserver.es-2edf4ecd.js');
-const imageHelpers = require('./image-helpers-ea15b526.js');
+const imageHelpers = require('./image-helpers-3385fd6f.js');
 require('./isUndefined-8f9cfd10.js');
 require('./isNumber-4c1ace60.js');
 require('./index-e2b47ee9.js');

package/dist/collection/components/app-operations/mission-detail/mission-detail.js

@@ -142,6 +142,19 @@ export class YooMissionDetailComponent {
             date && h("div", { class: "mission-date" }, pipes.dateFormat.transform(date, 'L'))),
           withExtraActions && ((_a = this.extraActions) === null || _a === void 0 ? void 0 : _a.length) > 0 && user && this.renderExtraActions(user))))));
   }
+  renderDuration() {
+    var _a;
+    if ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.duration) {
+      return (h("li", { class: "menu-item" },
+        h("div", { class: "menu-left" },
+          h("span", { class: "menu-icon" },
+            h("yoo-tag", { size: "medium", icon: "ongoing", color: "app-color" })),
+          h("div", { class: "border" })),
+        h("div", { class: "menu-right" },
+          h("div", { class: "menu-title" }, translate('MISSIONDURATION')),
+          h("div", { class: "menu-content" }, this.mission.duration))));
+    }
+  }
   renderWorkflowHistory() {
     var _a, _b, _c, _d, _e, _f, _g;
     return (h("yoo-workflow-state", { steps: (_c = (_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.workflow) === null || _c === void 0 ? void 0 : _c.steps, history: (_d = this.mission) === null || _d === void 0 ? void 0 : _d.workflowHistory, state: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.workflowState, status: (_f = this.mission) === null || _f === void 0 ? void 0 : _f.status, owner: (_g = this.mission) === null || _g === void 0 ? void 0 : _g.owner }));
@@ -178,6 +191,7 @@ export class YooMissionDetailComponent {
                 this.mission.address && !isStoreManager && this.renderMissionLocation(),
                 ((_a = this.mission.aisle) === null || _a === void 0 ? void 0 : _a.title) && this.renderSimpleSection(this.mission.aisle.title, 'AISLE', 'aisles'),
                 h("yoo-mission-contents", { slidesNumber: this.slidesNumber, photosNumber: this.photosNumber, questionsNumber: this.questionsNumber }),
+                this.renderDuration(),
                 location && (location.contactname || location.contactphone || location.contactemail) && (h("li", { class: "menu-item" },
                   h("div", { class: "menu-left" },
                     h("yoo-tag", { icon: "contact", iconOnlyColor: "light", size: "medium", color: "app-color" }),
@@ -236,6 +250,7 @@ export class YooMissionDetailComponent {
           this.renderUserSection(this.mission.owner, 'ASSIGNTO', 'user', null, true),
           this.mission.address && !isStoreManager && this.renderSimpleSection(this.mission.address, 'ADDRESS', 'map'),
           ((_a = this.mission.aisle) === null || _a === void 0 ? void 0 : _a.title) && !isStoreManager && this.renderSimpleSection(this.mission.aisle.title, 'AISLE', 'aisles'),
+          this.renderDuration(),
           this.mission.originalUnvalidatedReason && this.renderSimpleSection(this.mission.originalUnvalidatedReason, 'COMMENTS', 'comment')),
         h("slot", null)))));
   }

package/dist/collection/components/app-operations/mission-results/mission-results.js

@@ -214,7 +214,7 @@ export class YooMissionResultsComponent {
           this.mission.type === 'visit' && this.mission.visitType ? this.renderVisitType() : null,
           this.mission.type === 'visit' ? this.renderVisitDescription() : null,
           !getSession().isExternal && this.mission.workflowHistory && ((_q = (_p = (_o = this.mission) === null || _o === void 0 ? void 0 : _o.description) === null || _p === void 0 ? void 0 : _p.workflow) === null || _q === void 0 ? void 0 : _q.steps) && this.renderWorkflowHistory(),
-          this.renderUnvalidatedReason(),
+          showInformation && this.renderUnvalidatedReason(),
           showAudit && this.renderAudit()),
         showScore && h("yoo-mission-score", { isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })))) : null;
   }

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

@@ -133,7 +133,7 @@ export class YooFormTextEditorComponent {
       const baseUploadURL = await getAsyncExtraData({ type: 'upload-api' });
       try {
         this.editor = new FroalaEditor(this.containerEl, {
-          key: 'AVB8B-21A3B1C1F3F1D1ua2BD1IMNBUMRWAd1AYMSTRBUZYA-9H3E2J2C5C6B3D2B5B1C1==',
+          key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
           theme: isDarkTheme() ? 'dark' : 'royal',
           toolbarSticky: false,
           requestHeaders: {

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

@@ -782,6 +782,7 @@ export class YooFormCreatorComponent {
     this.selectedPageIndex = index;
   }
   async addNewPage(newPage, index) {
+    newPage = Object.assign({ _id: getUUID() }, newPage);
     this.currentSlides.splice(index, 0, newPage);
     this.selectedPageIndex = index;
     this.hasPageChanged = index;
@@ -1596,26 +1597,23 @@ export class YooFormCreatorComponent {
     }
   }
   onCustomFieldAdded(customFieldId, selectedCustomFormField, indexToAdd) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     if (!this.currentSlides[this.selectedPageIndex]) {
       return;
     }
+    indexToAdd = 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 = (_a = this.customFormFields) === null || _a === void 0 ? void 0 : _a.find((customField) => customField._id === customFieldId);
+      selectedCustomFormField = (_c = this.customFormFields) === null || _c === void 0 ? void 0 : _c.find((customField) => customField._id === customFieldId);
     }
-    const newFields = createNewIdsForCustomFields(selectedCustomFormField.fields);
+    const newFields = createNewIdsForCustomFields(selectedCustomFormField.fields, ((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.type) === 'dataset', { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd });
     newFields === null || newFields === void 0 ? void 0 : newFields.forEach((field) => {
-      var _a;
+      var _a, _b;
       field.slideIndex = this.selectedPageIndex;
       field.slideTitle = (_a = this.currentSlides[this.selectedPageIndex]) === null || _a === void 0 ? void 0 : _a.title;
+      field.slideId = (_b = this.currentSlides[this.selectedPageIndex]) === null || _b === void 0 ? void 0 : _b._id;
     });
-    if (((_c = (_b = this.currentSlides[this.selectedPageIndex]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      if (isNullOrUndefined(indexToAdd)) {
-        this.currentSlides[this.selectedPageIndex].items = [...(_d = this.currentSlides[this.selectedPageIndex]) === null || _d === void 0 ? void 0 : _d.items, ...newFields];
-      }
-      else {
-        this.currentSlides[this.selectedPageIndex].items.splice(indexToAdd, 0, ...newFields);
-      }
+    if (((_f = (_e = this.currentSlides[this.selectedPageIndex]) === null || _e === void 0 ? void 0 : _e.items) === null || _f === void 0 ? void 0 : _f.length) > 0) {
+      this.currentSlides[this.selectedPageIndex].items.splice(indexToAdd, 0, ...newFields);
     }
     else {
       this.currentSlides[this.selectedPageIndex].items = newFields;

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

@@ -153,7 +153,7 @@ export class YooFormCreatorPageCardListComponent {
       if (this.workflowVisibility) {
         pageEntry.pageWorkflowState = this.workflowVisibility;
         if ((_a = this.pagePermissions) === null || _a === void 0 ? void 0 : _a.length) {
-          const pagePermission = this.pagePermissions.find((permission) => permission.name === slide.title);
+          const pagePermission = this.pagePermissions.find((permission) => permission.name === slide._id || permission.name === slide.title);
           pageEntry.pageWorkflowState = getWorkflowFieldState(pagePermission, this.workflowVisibility);
         }
       }