@yoobic/yobi 7.7.97 → 7.7.98

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/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-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/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/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);
         }
       }

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

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

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

@@ -245,7 +245,7 @@ export class YooWorkflowComponent {
   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':
@@ -388,8 +388,9 @@ export class YooWorkflowComponent {
         }
       ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (ev) => (this.isFieldsAccordionOpen = ev.detail.selected) },
       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 = getWorkflowFieldState(pagePermission, this.defaultFieldState);
         return this.renderSimpleBlock(item, pageState);
       }))));