@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const missionsHelpers = require('./missions-helpers-a2279e7c.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const missionsHelpers = require('./missions-helpers-210de6b1.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const missionDetailsCss = ":host .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:var(--spacing-16, 1rem);padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .menu-item.pointer{cursor:pointer}:host .menu .menu-item .menu-right .menu-content a{color:var(--app-color, #5a30f4)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0;overflow:hidden;white-space:nowrap}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi .kpi-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:0}:host .menu .menu-item .menu-right .menu-content.mission-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap}:host .menu .menu-item .menu-right .mission-user .user{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;width:100%}:host .menu .menu-item .menu-right .mission-user .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user .actions{display:-ms-flexbox;display:flex}:host .menu .menu-item .menu-right .mission-user .actions yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .menu>.menu-item:last-child .menu-left .border{display:none}:host .menu.pdf{margin:0;padding:0}:host .menu.pdf .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-08, 0.5rem)}:host .menu.pdf .menu-item .menu-left{display:none}:host .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:var(--spacing-16, 1rem);margin-bottom:0.3rem}:host .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host .mission-detail.padding{padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host .mission-detail.margin{margin:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated){height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-detail-deprecated) .score-item .mission-title{margin-top:1rem;margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);line-height:2.0625rem}:host(.mission-detail-deprecated) .score-item .menu-content .score-active-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring{padding-bottom:0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .centered{padding:0.5rem;text-align:center}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .network{margin-top:1rem;color:var(--text-color, #807f83)}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.points-container{-ms-flex-align:center;align-items:center;padding:1em 0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.contrasted{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.points{padding:0 !important}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.mixed{padding-top:0.75rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.no-divider{padding-top:0}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.divider{padding-top:0;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mission-detail-deprecated) .mission-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer{height:5.75rem}:host(.mission-detail-deprecated) .mission-detail .mission-content{padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.mission-detail-deprecated).web{background:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).border .mission-detail.web yoo-ion-content{border-radius:0.375rem}:host(.mission-detail-deprecated).border .mission-detail.web yoo-form-footer{--border-radius:0 0 0.375rem 0.375rem}:host(.mission-results-deprecated){display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:calc(var(--spacing-16, 1rem) * -1) calc(var(--spacing-16, 1rem) * -1) 0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .title{font-weight:bold}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu{margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu:not(.pdf){-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-results-deprecated) .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results.web .content .menu.pdf{padding:0}:host(.mission-results-deprecated).inline{display:block;height:initial}";
 
@@ -46,13 +47,13 @@ const YooMissionDetailsComponent = class {
   }
   get isStoreManager() {
     var _a;
-    const session = index$1.getSession();
+    const session = overlays.getSession();
     return ((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.locationRef) && session.user.locationRef === this.mission.locationRef;
   }
   loadParentMissionData() {
     var _a;
     if (((_a = this.mission) === null || _a === void 0 ? void 0 : _a.type) === 'todo' && this.mission.originalMissionId) {
-      return index$1.getAsyncExtraData({ type: 'get-by-id', params: { collectionName: 'missions', id: this.mission.originalMissionId } })
+      return overlays.getAsyncExtraData({ type: 'get-by-id', params: { collectionName: 'missions', id: this.mission.originalMissionId } })
         .then((mission) => {
         if (mission._id === this.mission.originalMissionId) {
           this.originalMission = mission;
@@ -69,31 +70,31 @@ const YooMissionDetailsComponent = class {
   getFooterButtons() {
     var _a, _b;
     const buttons = [];
-    const size = (index$1.isWeb(this.host) ? 'medium' : 'large');
+    const size = (overlays.isWeb(this.host) ? 'medium' : 'large');
     const buttonsConfig = {
       assign: {
-        text: index$1.translate(this.mission.ownerRef ? 'REASSIGN' : 'ASSIGN'),
+        text: overlays.translate(this.mission.ownerRef ? 'REASSIGN' : 'ASSIGN'),
         size,
         handler: (ev) => this.onAssign(ev)
       },
       continue: {
-        text: index$1.translate('CONTINUE'),
+        text: overlays.translate('CONTINUE'),
         size,
         cssClass: 'continue',
         handler: (ev) => this.onBook('continue', ev)
       },
       preview: {
-        text: index$1.translate('PREVIEW'),
+        text: overlays.translate('PREVIEW'),
         size,
         handler: (ev) => this.onPreview(ev)
       },
       start: {
-        text: index$1.translate('START'),
+        text: overlays.translate('START'),
         size,
         handler: (ev) => this.onBook('start', ev)
       },
       unbook: {
-        text: index$1.translate('UNBOOK'),
+        text: overlays.translate('UNBOOK'),
         size,
         color: 'light',
         cssClass: 'unbook',
@@ -116,7 +117,7 @@ const YooMissionDetailsComponent = class {
     this.loadParentMissionData();
   }
   componentWillLoad() {
-    this.isMobile = index$1.isIonic(this.host);
+    this.isMobile = overlays.isIonic(this.host);
     return this.loadParentMissionData();
   }
   onBook(action, ev) {
@@ -149,93 +150,93 @@ const YooMissionDetailsComponent = class {
     if (((_b = (_a = this.mission.todo) === null || _a === void 0 ? void 0 : _a.field) === null || _b === void 0 ? void 0 : _b.name) && ((_c = this.mission.todo) === null || _c === void 0 ? void 0 : _c.fieldValue)) {
       const field = lodash.cloneDeep(this.mission.todo.field);
       field.title = this.mission.todo.field.description || this.mission.todo.field.title;
-      return (index.h(Menu, { icon: "link", text: index$1.translate('LINKEDTO') }, index.h("yoo-form-dynamic", { class: "inline", slides: [{ title: 'YOOBICGENERAL', items: [field] }], data: { [field.name]: { value: this.mission.todo.fieldValue, ...this.mission.todo.fieldExtra } }, forceReadonly: true, suffix: ".value", animated: false, showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
+      return (index.h(Menu, { icon: "link", text: overlays.translate('LINKEDTO') }, index.h("yoo-form-dynamic", { class: "inline", slides: [{ title: 'YOOBICGENERAL', items: [field] }], data: { [field.name]: { value: this.mission.todo.fieldValue, ...this.mission.todo.fieldExtra } }, forceReadonly: true, suffix: ".value", animated: false, showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
     }
   }
   renderGeoFence() {
     var _a;
     const distanceMin = (_a = this.mission.description) === null || _a === void 0 ? void 0 : _a.distanceMin;
     if (distanceMin) {
-      return (index.h(Menu, { icon: "geo-filter", text: index$1.translate('GEOFENCINGDISTANCEMIN') }, index.h("div", null, distanceMin.toLocaleString())));
+      return (index.h(Menu, { icon: "geo-filter", text: overlays.translate('GEOFENCINGDISTANCEMIN') }, index.h("div", null, distanceMin.toLocaleString())));
     }
   }
   renderLocation() {
-    const session = index$1.getSession();
+    const session = overlays.getSession();
     const address = missionsHelpers.getMissionAddress(this.mission, session, true);
     if (!this.isPdf && !this.isStoreManager && address) {
-      return (index.h(Menu, { icon: "pin", text: index$1.translate('YOOBICSTORE'), callback: () => this.selectLocation.emit() }, index.h("div", null, address)));
+      return (index.h(Menu, { icon: "pin", text: overlays.translate('YOOBICSTORE'), callback: () => this.selectLocation.emit() }, index.h("div", null, address)));
     }
   }
   renderAisle() {
     var _a, _b;
     if ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.aisle) === null || _b === void 0 ? void 0 : _b.title) {
-      return (index.h(Menu, { icon: "aisles", text: index$1.translate('AISLE') }, index.h("div", null, this.mission.aisle.title)));
+      return (index.h(Menu, { icon: "aisles", text: overlays.translate('AISLE') }, index.h("div", null, this.mission.aisle.title)));
     }
   }
   renderPriority() {
     const priority = missionsHelpers.getMissionPriority(this.mission);
-    if (this.showInformation && index$1.isPresent(priority)) {
+    if (this.showInformation && overlays.isPresent(priority)) {
       const PRIORITY_COLORS = ['danger', 'energized', 'success', 'accent'];
       const PRIORITY_TEXTS = ['CAMPAIGNPRIORITY1', 'CAMPAIGNPRIORITY2', 'CAMPAIGNPRIORITY3', 'CAMPAIGNPRIORITY4'];
       const color = PRIORITY_COLORS[priority - 1];
       const title = PRIORITY_TEXTS[priority - 1];
-      return (index.h(Menu, { icon: "flag", text: index$1.translate('PRIORITY') }, index.h("yoo-tag", { customColor: index$1.getCssColor(color) }, index$1.translate(title))));
+      return (index.h(Menu, { icon: "flag", text: overlays.translate('PRIORITY') }, index.h("yoo-tag", { customColor: overlays.getCssColor(color) }, overlays.translate(title))));
     }
   }
   renderCategory() {
     var _a;
     if ((_a = this.mission.category) === null || _a === void 0 ? void 0 : _a.title) {
       const color = this.mission.category.color || 'text-color';
-      return (index.h(Menu, { icon: "tag", text: index$1.translate('MISSIONCATEGORY') }, index.h("yoo-tag", { customColor: index$1.getCssColor(color) }, index$1.translate(this.mission.category.title))));
+      return (index.h(Menu, { icon: "tag", text: overlays.translate('MISSIONCATEGORY') }, index.h("yoo-tag", { customColor: overlays.getCssColor(color) }, overlays.translate(this.mission.category.title))));
     }
   }
   renderDate(text, date, icon, color) {
     if (date) {
-      let dateText = index$1.isToday(date) ? index$1.translate('YOOBICTODAY') : index$1.fromToday(date);
-      dateText = [index$1.translate('YOOBICYESTERDAY'), index$1.translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
-      const timeText = index$1.translate('SCHEDULEDATTIME', { time: index$1.dateFormat(date, 'LT') });
-      return (index.h(Menu, { icon: icon || 'calendar', text: text }, index.h("yoo-tag", { customColor: index$1.getCssColor(color || 'text-color') }, `${dateText} ${timeText}`)));
+      let dateText = overlays.isToday(date) ? overlays.translate('YOOBICTODAY') : overlays.fromToday(date);
+      dateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
+      const timeText = overlays.translate('SCHEDULEDATTIME', { time: overlays.dateFormat(date, 'LT') });
+      return (index.h(Menu, { icon: icon || 'calendar', text: text }, index.h("yoo-tag", { customColor: overlays.getCssColor(color || 'text-color') }, `${dateText} ${timeText}`)));
     }
   }
   renderPublicationDate() {
-    const date = index$1.getMissionPublicationDate(this.mission);
-    return this.renderDate(index$1.translate('YOOBICRECEPTIONDATE'), date);
+    const date = overlays.getMissionPublicationDate(this.mission);
+    return this.renderDate(overlays.translate('YOOBICRECEPTIONDATE'), date);
   }
   renderValidUntilDate() {
     const validUntil = this.mission.validUntil;
     const dueDate = missionsHelpers.getMissionDueDate(this.mission);
-    if (validUntil && !index$1.isDateSame(validUntil, dueDate, 'minute')) {
-      return this.renderDate(index$1.translate('ENDDATE'), validUntil, 'calendar-date');
+    if (validUntil && !overlays.isDateSame(validUntil, dueDate, 'minute')) {
+      return this.renderDate(overlays.translate('ENDDATE'), validUntil, 'calendar-date');
     }
   }
   renderDueDate() {
     const date = missionsHelpers.getMissionDueDate(this.mission);
-    const color = index$1.isDateAfter(date, new Date(), 'day') ? 'text-color' : 'danger';
-    return this.renderDate(index$1.translate('DUEDATE'), date, 'calendar-date', color);
+    const color = overlays.isDateAfter(date, new Date(), 'day') ? 'text-color' : 'danger';
+    return this.renderDate(overlays.translate('DUEDATE'), date, 'calendar-date', color);
   }
   renderDescription() {
     const description = this.mission.description;
     const text = this.mission.type === 'service' ? 'SERVICEDESCRIPTION' : this.mission.type === 'poll' ? 'POLLDESCRIPTION' : 'MISSIONDESCRIPTION';
     if (description === null || description === void 0 ? void 0 : description.text) {
-      return (index.h(Menu, { icon: "lesson", text: index$1.translateMulti(text) }, index.h("div", { innerHTML: index$1.translateMulti(description.text) })));
+      return (index.h(Menu, { icon: "lesson", text: overlays.translateMulti(text) }, index.h("div", { innerHTML: overlays.translateMulti(description.text) })));
     }
   }
   renderContent() {
     if (this.slidesNumber || this.photosNumber || this.questionsNumber) {
-      return (index.h(Menu, { icon: "attachment", text: index$1.translate('CONTENTS'), extraClass: "mission-content-kpis" }, this.slidesNumber > 0 && (index.h("span", { class: "kpi text-color" }, index.h("yoo-icon", { name: "pages", color: "text-color", size: "small" }), " ", index.h("span", { class: "kpi-text" }, index$1.translate('MISSIONSTEPSNB', { smart_count: this.slidesNumber })))), this.photosNumber > 0 && (index.h("span", { class: "kpi text-color" }, index.h("yoo-icon", { name: "photo-library", color: "text-color", size: "small" }), " ", index.h("span", { class: "kpi-text" }, index$1.translate('MISSIONPHOTOSNB', { smart_count: this.photosNumber })))), this.questionsNumber > 0 && (index.h("span", { class: "kpi text-color" }, index.h("yoo-icon", { name: "help", color: "text-color", size: "small" }), " ", index.h("span", { class: "kpi-text" }, index$1.translate('MISSIONQUESTIONSNB', { smart_count: this.questionsNumber }))))));
+      return (index.h(Menu, { icon: "attachment", text: overlays.translate('CONTENTS'), extraClass: "mission-content-kpis" }, this.slidesNumber > 0 && (index.h("span", { class: "kpi text-color" }, index.h("yoo-icon", { name: "pages", color: "text-color", size: "small" }), " ", index.h("span", { class: "kpi-text" }, overlays.translate('MISSIONSTEPSNB', { smart_count: this.slidesNumber })))), this.photosNumber > 0 && (index.h("span", { class: "kpi text-color" }, index.h("yoo-icon", { name: "photo-library", color: "text-color", size: "small" }), " ", index.h("span", { class: "kpi-text" }, overlays.translate('MISSIONPHOTOSNB', { smart_count: this.photosNumber })))), this.questionsNumber > 0 && (index.h("span", { class: "kpi text-color" }, index.h("yoo-icon", { name: "help", color: "text-color", size: "small" }), " ", index.h("span", { class: "kpi-text" }, overlays.translate('MISSIONQUESTIONSNB', { smart_count: this.questionsNumber }))))));
     }
   }
   renderDuration() {
     var _a;
     if ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.duration) {
-      return (index.h(Menu, { icon: "ongoing", text: index$1.translate('MISSIONDURATION') }, index.h("div", null, this.mission.duration)));
+      return (index.h(Menu, { icon: "ongoing", text: overlays.translate('MISSIONDURATION') }, index.h("div", null, this.mission.duration)));
     }
   }
   renderContact() {
     var _a, _b, _c, _d, _e, _f;
     const location = this.mission.location || {};
     if (((_a = location === null || location === void 0 ? void 0 : location.contactname) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_b = location === null || location === void 0 ? void 0 : location.contactphone) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = location === null || location === void 0 ? void 0 : location.contactemail) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      return (index.h(Menu, { icon: "contact", text: index$1.translate('CONTACT'), extraClass: "mission-contact" }, ((_d = location.contactname) === null || _d === void 0 ? void 0 : _d.length) > 0 && index.h("span", { innerHTML: location.contactname }), ((_e = location.contactemail) === null || _e === void 0 ? void 0 : _e.length) > 0 && index.h("span", { innerHTML: location.contactemail }), ((_f = location.contactphone) === null || _f === void 0 ? void 0 : _f.length) > 0 && index.h("span", { innerHTML: location.contactphone })));
+      return (index.h(Menu, { icon: "contact", text: overlays.translate('CONTACT'), extraClass: "mission-contact" }, ((_d = location.contactname) === null || _d === void 0 ? void 0 : _d.length) > 0 && index.h("span", { innerHTML: location.contactname }), ((_e = location.contactemail) === null || _e === void 0 ? void 0 : _e.length) > 0 && index.h("span", { innerHTML: location.contactemail }), ((_f = location.contactphone) === null || _f === void 0 ? void 0 : _f.length) > 0 && index.h("span", { innerHTML: location.contactphone })));
     }
   }
   renderUser(title, icon, user, withExtraActions) {
@@ -246,11 +247,11 @@ const YooMissionDetailsComponent = class {
   renderFinishedBy() {
     if (this.showInformation && this.mission.ownerDisplayName) {
       const text = this.mission.type === 'visit' ? 'YOOBICUSER' : 'FINISHEDBY';
-      const finishedDate = index$1.translate('ONDATEAT', {
-        date: index$1.pipes.dateFormat.transform(this.mission.finishedDate, 'L'),
-        time: index$1.pipes.dateFormat.transform(this.mission.finishedDate, 'LT')
+      const finishedDate = overlays.translate('ONDATEAT', {
+        date: overlays.pipes.dateFormat.transform(this.mission.finishedDate, 'L'),
+        time: overlays.pipes.dateFormat.transform(this.mission.finishedDate, 'LT')
       });
-      return (index.h(Menu, { icon: "author", text: index$1.translate(text), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (index.h("div", { class: "user" }, index.h("div", { class: "label dark" }, index.h("span", null, this.mission.assigneeOwnerDisplayName), finishedDate && index.h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
+      return (index.h(Menu, { icon: "author", text: overlays.translate(text), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (index.h("div", { class: "user" }, index.h("div", { class: "label dark" }, index.h("span", null, this.mission.assigneeOwnerDisplayName), finishedDate && index.h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
         index.h("div", { class: "user" }, this.mission.owner && index.h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.owner }), index.h("div", { class: "label dark" }, index.h("span", null, this.mission.ownerDisplayName), finishedDate && index.h("span", { class: "font-medium text-color" }, finishedDate))),
         this.renderExtraActions(this.mission.owner)
       ])));
@@ -260,44 +261,44 @@ const YooMissionDetailsComponent = class {
     if (this.showInformation && !this.mission.skipValidation && this.mission.validatedBy && (this.mission.validated === true || this.mission.validated === false)) {
       const icon = this.mission.validated ? 'validator' : 'rejector';
       const text = this.mission.validated ? 'VALIDATEDBY' : 'REJECTEDBY';
-      const validatedDate = index$1.translate('ONDATEAT', {
-        date: index$1.pipes.dateFormat.transform(this.mission.validatedDate, 'L'),
-        time: index$1.pipes.dateFormat.transform(this.mission.validatedDate, 'LT')
+      const validatedDate = overlays.translate('ONDATEAT', {
+        date: overlays.pipes.dateFormat.transform(this.mission.validatedDate, 'L'),
+        time: overlays.pipes.dateFormat.transform(this.mission.validatedDate, 'LT')
       });
-      return (index.h(Menu, { icon: icon, text: index$1.translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, index.h("div", { class: "user" }, this.mission.validatedByUser && index.h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.validatedByUser }), index.h("div", { class: "label dark" }, index.h("span", null, this.mission.validatedByUser ? `${this.mission.validatedByUser.firstName} ${this.mission.validatedByUser.lastName}` : this.mission.validatedBy), validatedDate && index.h("span", { class: "font-medium text-color" }, validatedDate))), this.mission.validatedByUser && this.renderExtraActions(this.mission.validatedByUser)));
+      return (index.h(Menu, { icon: icon, text: overlays.translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, index.h("div", { class: "user" }, this.mission.validatedByUser && index.h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.validatedByUser }), index.h("div", { class: "label dark" }, index.h("span", null, this.mission.validatedByUser ? `${this.mission.validatedByUser.firstName} ${this.mission.validatedByUser.lastName}` : this.mission.validatedBy), validatedDate && index.h("span", { class: "font-medium text-color" }, validatedDate))), this.mission.validatedByUser && this.renderExtraActions(this.mission.validatedByUser)));
     }
   }
   renderOriginalValidatedBy() {
     if (this.mission.status !== 'finished' && !this.mission.skipValidation && this.mission.originalValidatedBy) {
       const icon = 'validator';
       const text = 'REPUBLISHBY';
-      return (index.h(Menu, { icon: icon, text: index$1.translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, index.h("div", { class: "user" }, this.mission.originalValidatedByUser && index.h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.originalValidatedByUser }), index.h("div", { class: "label dark" }, index.h("span", null, this.mission.originalValidatedByUser ? `${this.mission.originalValidatedByUser.firstName} ${this.mission.originalValidatedByUser.lastName}` : this.mission.originalValidatedBy))), this.mission.originalValidatedByUser && this.renderExtraActions(this.mission.originalValidatedByUser)));
+      return (index.h(Menu, { icon: icon, text: overlays.translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, index.h("div", { class: "user" }, this.mission.originalValidatedByUser && index.h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.originalValidatedByUser }), index.h("div", { class: "label dark" }, index.h("span", null, this.mission.originalValidatedByUser ? `${this.mission.originalValidatedByUser.firstName} ${this.mission.originalValidatedByUser.lastName}` : this.mission.originalValidatedBy))), this.mission.originalValidatedByUser && this.renderExtraActions(this.mission.originalValidatedByUser)));
     }
   }
   renderValidatedReason(title, icon, comment) {
     if (this.showInformation && comment) {
-      return (index.h(Menu, { icon: icon, text: index$1.translate(title) }, index.h("div", { innerHTML: comment })));
+      return (index.h(Menu, { icon: icon, text: overlays.translate(title) }, index.h("div", { innerHTML: comment })));
     }
   }
   renderNotes() {
     if (this.mission.comments) {
-      return (index.h(Menu, { icon: "reason", text: index$1.translateMulti('COMMENTNOUN') }, index.h("div", { innerHTML: index$1.translateMulti(this.mission.comments) })));
+      return (index.h(Menu, { icon: "reason", text: overlays.translateMulti('COMMENTNOUN') }, index.h("div", { innerHTML: overlays.translateMulti(this.mission.comments) })));
     }
   }
   renderInfo() {
     var _a;
     if ((_a = this.mission.location) === null || _a === void 0 ? void 0 : _a.info) {
-      return (index.h(Menu, { icon: "info", text: index$1.translateMulti('YOOBICINFO') }, index.h("div", { innerHTML: index$1.translateMulti(this.mission.location.info) })));
+      return (index.h(Menu, { icon: "info", text: overlays.translateMulti('YOOBICINFO') }, index.h("div", { innerHTML: overlays.translateMulti(this.mission.location.info) })));
     }
   }
   renderVisitType() {
     if (this.mission.type === 'visit' && this.mission.visitType) {
-      return (index.h(Menu, { icon: "flag", text: index$1.translateMulti('VISITTYPE') }, index.h("div", { innerHTML: index$1.translate(this.mission.visitType) })));
+      return (index.h(Menu, { icon: "flag", text: overlays.translateMulti('VISITTYPE') }, index.h("div", { innerHTML: overlays.translate(this.mission.visitType) })));
     }
   }
   renderVisitDescription() {
     if (this.mission.type === 'visit' && this.mission.visitDescription) {
-      return (index.h(Menu, { icon: "mission", text: index$1.translateMulti('DESCRIPTION') }, index.h("div", null, this.mission.visitDescription)));
+      return (index.h(Menu, { icon: "mission", text: overlays.translateMulti('DESCRIPTION') }, index.h("div", null, this.mission.visitDescription)));
     }
   }
   renderServiceData() {
@@ -310,12 +311,12 @@ const YooMissionDetailsComponent = class {
           finalSlide.items = finalSlide.items.concat(s.items);
         }
       });
-      return (index.h(Menu, { icon: "mission", text: index$1.translate('MYREQUEST') }, index.h("yoo-form-dynamic", { class: "inline", slides: [finalSlide], data: this.mission.serviceData, forceReadonly: true, suffix: ".value", animated: false, showRecap: false })));
+      return (index.h(Menu, { icon: "mission", text: overlays.translate('MYREQUEST') }, index.h("yoo-form-dynamic", { class: "inline", slides: [finalSlide], data: this.mission.serviceData, forceReadonly: true, suffix: ".value", animated: false, showRecap: false })));
     }
   }
   renderWorkflowHistory() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    const session = index$1.getSession();
+    const session = overlays.getSession();
     let displayWorkflowState;
     if (this.isResult) {
       displayWorkflowState = !session.isExternal && this.mission.workflowHistory && ((_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);
@@ -329,13 +330,13 @@ const YooMissionDetailsComponent = class {
   }
   renderAudit() {
     if (this.showAudit && this.hasAudit) {
-      return (index.h(Menu, { icon: "step", text: index$1.translateMulti('AUDIT') }, this.taskCount > 0 && (index.h("div", { class: "menu-content-scoring warning" }, index.h("span", null, index$1.translateMulti('YOOBICACTIONS'), ":"), index.h("span", { class: "ffloat warning" }, " ", this.taskCount))), this.unsatisfactoryCount > 0 && (index.h("div", { class: "menu-content-scoring danger" }, index.h("span", null, index$1.translateMulti('UNSATISFACTORY'), ":"), index.h("span", { class: "ffloat danger" }, " ", this.unsatisfactoryCount))), this.satisfactoryCount > 0 && (index.h("div", { class: "menu-content-scoring success" }, index.h("span", null, index$1.translateMulti('SATISFACTORY'), ":"), index.h("span", { class: "ffloat success" }, " ", this.satisfactoryCount))), this.nonapplicableCount > 0 && (index.h("div", { class: "menu-content-scoring black" }, index.h("span", null, index$1.translateMulti('NONAPPLICABLE'), ":"), index.h("span", { class: "ffloat" }, " ", this.nonapplicableCount)))));
+      return (index.h(Menu, { icon: "step", text: overlays.translateMulti('AUDIT') }, this.taskCount > 0 && (index.h("div", { class: "menu-content-scoring warning" }, index.h("span", null, overlays.translateMulti('YOOBICACTIONS'), ":"), index.h("span", { class: "ffloat warning" }, " ", this.taskCount))), this.unsatisfactoryCount > 0 && (index.h("div", { class: "menu-content-scoring danger" }, index.h("span", null, overlays.translateMulti('UNSATISFACTORY'), ":"), index.h("span", { class: "ffloat danger" }, " ", this.unsatisfactoryCount))), this.satisfactoryCount > 0 && (index.h("div", { class: "menu-content-scoring success" }, index.h("span", null, overlays.translateMulti('SATISFACTORY'), ":"), index.h("span", { class: "ffloat success" }, " ", this.satisfactoryCount))), this.nonapplicableCount > 0 && (index.h("div", { class: "menu-content-scoring black" }, index.h("span", null, overlays.translateMulti('NONAPPLICABLE'), ":"), index.h("span", { class: "ffloat" }, " ", this.nonapplicableCount)))));
     }
   }
   renderOriginalMission() {
     if (this.mission.type === 'todo' && this.originalMission) {
       const entry = missionsHelpers.mapMissionToCardInboxEntry(this.originalMission, { skipUnread: this.isPdf, skipLock: this.isPdf, skipLocation: true });
-      return (index.h(Menu, { icon: "mission", text: index$1.translateMulti('VIEWMISSION'), callback: () => index$1.getAsyncExtraData({ type: 'mission-detail', params: { mission: this.originalMission } }) }, index.h("yoo-card-inbox", { entry: entry })));
+      return (index.h(Menu, { icon: "mission", text: overlays.translateMulti('VIEWMISSION'), callback: () => overlays.getAsyncExtraData({ type: 'mission-detail', params: { mission: this.originalMission } }) }, index.h("yoo-card-inbox", { entry: entry })));
     }
   }
   renderFooter(buttons) {
@@ -345,34 +346,34 @@ const YooMissionDetailsComponent = class {
     return index.h(index.Host, null, index.h("yoo-announcement-heading", { announcement: this.mission, isPreview: this.isPreview }), index.h("div", { class: 'mission-detail padding ' + (this.isMobile || this.isPreview ? '' : ' margin web') }, index.h("div", { class: "mission-content" }, index.h("slot", null))), index.h("slot", { name: "end" }));
   }
   renderActionPlanDetails() {
-    return (index.h("div", { class: 'mission-detail ' + (this.isMobile ? '' : 'web') }, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason), this.renderOriginalValidatedBy(), this.renderLinkedTo(), this.renderPriority(), this.renderCategory(), this.renderPublicationDate(), this.renderDueDate(), this.renderValidUntilDate(), this.renderUser(index$1.translate('YOOBICFROMAPERSON'), 'author', this.mission.creator, true), this.renderUser(index$1.translate('ASSIGNEDTO'), 'assigned', this.mission.owner, true), this.renderLocation(), this.renderAisle(), this.renderDuration(), this.renderOriginalMission()), index.h("slot", null))));
+    return (index.h("div", { class: 'mission-detail ' + (this.isMobile ? '' : 'web') }, index.h("div", { class: "mission-content" }, index.h("yoo-mission-heading", { animated: this.animated, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason), this.renderOriginalValidatedBy(), this.renderLinkedTo(), this.renderPriority(), this.renderCategory(), this.renderPublicationDate(), this.renderDueDate(), this.renderValidUntilDate(), this.renderUser(overlays.translate('YOOBICFROMAPERSON'), 'author', this.mission.creator, true), this.renderUser(overlays.translate('ASSIGNEDTO'), 'assigned', this.mission.owner, true), this.renderLocation(), this.renderAisle(), this.renderDuration(), this.renderOriginalMission()), index.h("slot", null))));
   }
   renderMissionDetails() {
     var _a, _b, _c;
     let assignee;
-    if (!this.mission.hasWorkflow && ((_a = this.mission.owner) === null || _a === void 0 ? void 0 : _a._id) && ((_b = this.mission.owner) === null || _b === void 0 ? void 0 : _b._id) !== index$1.getSession().userId) {
+    if (!this.mission.hasWorkflow && ((_a = this.mission.owner) === null || _a === void 0 ? void 0 : _a._id) && ((_b = this.mission.owner) === null || _b === void 0 ? void 0 : _b._id) !== overlays.getSession().userId) {
       assignee = this.mission.owner;
     }
-    const assigneeTitle = index$1.translate(this.mission.isAssigned ? 'ASSIGNEDTO' : 'STARTEDBY');
+    const assigneeTitle = overlays.translate(this.mission.isAssigned ? 'ASSIGNEDTO' : 'STARTEDBY');
     const buttons = this.getFooterButtons();
-    return (index.h("div", { class: { 'mission-detail': true, web: !this.isMobile } }, index.h("yoo-ion-content", { class: "bg-light 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: true, pdf: this.isPdf } }, this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason), this.renderOriginalValidatedBy(), this.renderGeoFence(), this.renderPriority(), this.renderCategory(), this.renderPublicationDate(), this.renderDueDate(), this.renderValidUntilDate(), ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.type) === 'service' && this.renderUser(index$1.translate('YOOBICFROMAPERSON'), 'author', this.mission.creator), this.renderUser(assigneeTitle, 'assigned', assignee), this.renderLocation(), this.renderAisle(), this.renderDescription(), this.renderContent(), this.renderDuration(), this.renderContact(), this.renderNotes(), this.renderInfo(), this.renderServiceData(), this.renderWorkflowHistory(), this.renderTodos(), this.renderAudience()), index.h("yoo-mission-score", { charts: this.charts, header: "PREVIOUSSCORE", networkScore: this.networkScore }), index.h("slot", null)), index.h("slot", { name: "end" }), !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("div", { class: "scroll-spacer" }))), this.renderFooter(buttons)));
+    return (index.h("div", { class: { 'mission-detail': true, web: !this.isMobile } }, index.h("yoo-ion-content", { class: "bg-light 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: true, pdf: this.isPdf } }, this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason), this.renderOriginalValidatedBy(), this.renderGeoFence(), this.renderPriority(), this.renderCategory(), this.renderPublicationDate(), this.renderDueDate(), this.renderValidUntilDate(), ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.type) === 'service' && this.renderUser(overlays.translate('YOOBICFROMAPERSON'), 'author', this.mission.creator), this.renderUser(assigneeTitle, 'assigned', assignee), this.renderLocation(), this.renderAisle(), this.renderDescription(), this.renderContent(), this.renderDuration(), this.renderContact(), this.renderNotes(), this.renderInfo(), this.renderServiceData(), this.renderWorkflowHistory(), this.renderTodos(), this.renderAudience()), index.h("yoo-mission-score", { charts: this.charts, header: "PREVIOUSSCORE", networkScore: this.networkScore }), index.h("slot", null)), index.h("slot", { name: "end" }), !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("div", { class: "scroll-spacer" }))), this.renderFooter(buttons)));
   }
   renderTodos() {
     var _a, _b;
-    return (((_a = this.missionTodos) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "action-plan", text: index$1.translate('YOOBICTODO') }, (_b = this.missionTodos) === null || _b === void 0 ? void 0 : _b.map((m) => {
+    return (((_a = this.missionTodos) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "action-plan", text: overlays.translate('YOOBICTODO') }, (_b = this.missionTodos) === null || _b === void 0 ? void 0 : _b.map((m) => {
       let elemt;
       const entry = missionsHelpers.mapMissionToCardInboxEntry(m, { skipUnread: this.isPdf, skipLock: this.isPdf, forceProgressDisplay: true });
       delete entry.identities;
       delete entry.tags;
       return index.h("yoo-card-inbox", { entry: entry, ref: (ev) => elemt = ev, onClick: () => {
           elemt.entry = { ...entry, unread: false };
-          index$1.getAsyncExtraData({ type: 'mission-detail', params: { mission: m } });
+          overlays.getAsyncExtraData({ type: 'mission-detail', params: { mission: m } });
         } });
     }))));
   }
   renderAudience() {
     var _a;
-    return (((_a = this.audienceUsers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "group", text: index$1.translate('MISSIONAUDIENCE', { smart_count: this.audienceUsers.length }) }, index.h("yoo-avatars", { layout: "list", showMore: this.audienceUsers.length > 10, maxDisplay: 10, users: this.audienceUsers, size: "small", onClick: () => this.selectAudience.emit() }))));
+    return (((_a = this.audienceUsers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h(Menu, { icon: "group", text: overlays.translate('MISSIONAUDIENCE', { smart_count: this.audienceUsers.length }) }, index.h("yoo-avatars", { layout: "list", showMore: this.audienceUsers.length > 10, maxDisplay: 10, users: this.audienceUsers, size: "small", onClick: () => this.selectAudience.emit() }))));
   }
   renderDetails() {
     var _a;
@@ -383,7 +384,7 @@ const YooMissionDetailsComponent = class {
     var _a, _b, _c, _d;
     const excludedTabs = ['dueDate', 'category'];
     const tags = missionsHelpers.getMissionTags(this.mission).filter((tag) => !excludedTabs.includes(tag._id));
-    return (index.h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...commonHelpers.getAppContext(this.host) } }, this.isPdf && (index.h("div", { class: "header-photo-container" }, ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.pdfHeaderPhoto) && index.h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }), index.h("div", { class: "header-content" }, index.h("div", { class: "title" }, index$1.translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)), index.h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address), index.h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => index.h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))), index.h("div", { class: "content" }, !this.isPdf && this.showInformation && index.h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason), this.renderPriority(), this.renderCategory(), this.renderDueDate(), this.renderFinishedBy(), this.renderValidatedBy(), this.renderLocation(), this.renderAisle(), this.renderOriginalMission(), this.renderVisitType(), this.renderVisitDescription(), this.renderWorkflowHistory(), this.renderAudit(), this.renderTodos()), index.h("slot", null), this.showScore && index.h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })), index.h("slot", { name: "end" })));
+    return (index.h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...commonHelpers.getAppContext(this.host) } }, this.isPdf && (index.h("div", { class: "header-photo-container" }, ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.pdfHeaderPhoto) && index.h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }), index.h("div", { class: "header-content" }, index.h("div", { class: "title" }, overlays.translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)), index.h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address), index.h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => index.h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))), index.h("div", { class: "content" }, !this.isPdf && this.showInformation && index.h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }), index.h("ul", { class: { menu: true, pdf: this.isPdf } }, this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason), this.renderPriority(), this.renderCategory(), this.renderDueDate(), this.renderFinishedBy(), this.renderValidatedBy(), this.renderLocation(), this.renderAisle(), this.renderOriginalMission(), this.renderVisitType(), this.renderVisitDescription(), this.renderWorkflowHistory(), this.renderAudit(), this.renderTodos()), index.h("slot", null), this.showScore && index.h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })), index.h("slot", { name: "end" })));
   }
   render() {
     if (this.isAnnouncement) {

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const missionsHelpers = require('./missions-helpers-a2279e7c.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const missionLockedBanner = require('./mission-locked-banner-6f550847.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const missionsHelpers = require('./missions-helpers-210de6b1.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const missionLockedBanner = require('./mission-locked-banner-384c8354.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:11rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress yoo-progress-bar{width:var(--spacing-16, 1rem)}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
 
@@ -19,12 +20,12 @@ const YooMissionHeadingComponent = class {
     this.animated = true;
   }
   componentWillLoad() {
-    this.isMobile = index$1.isIonic(this.host);
+    this.isMobile = overlays.isIonic(this.host);
   }
   renderActionPlanProgress() {
     const actionProgress = missionsHelpers.getMissionProgress(this.mission);
     if ((actionProgress === null || actionProgress === void 0 ? void 0 : actionProgress.value) >= 0) {
-      return index.h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), index.h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, index.h("span", null, index$1.translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
+      return index.h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), index.h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
     }
     return null;
   }
@@ -38,8 +39,8 @@ const YooMissionHeadingComponent = class {
     const tags = missionsHelpers.getMissionTags(this.mission).filter((tag) => !excludedTags.includes(tag._id));
     const isActionPlan = this.mission.type === 'todo';
     return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: { 'background-container': true, pdf: this.isPdf } }, index.h("div", { class: "content-container" }, index.h(missionLockedBanner.MissionLockedBanner, { mission: this.mission }), [
-      !this.isPdf && this.mission.title && index.h("div", { class: "mission-title" }, index$1.translateMulti(this.mission.title)),
-      !this.mission.title && this.mission.type === 'visit' && index.h("div", { class: "mission-title" }, index$1.translate('VISIT')),
+      !this.isPdf && this.mission.title && index.h("div", { class: "mission-title" }, overlays.translateMulti(this.mission.title)),
+      !this.mission.title && this.mission.type === 'visit' && index.h("div", { class: "mission-title" }, overlays.translate('VISIT')),
       index.h("div", { class: "sub-heading" }, isActionPlan && this.renderActionPlanProgress(), !isActionPlan && this.renderMissionProgress(), tags === null || tags === void 0 ? void 0 :
         tags.map((tag) => {
           const tagDefaultColor = tag.customColor ? null : 'stable';

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const missionScoreCss = ":host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host yoo-healthscore{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-gap:0.3rem 2rem;grid-template-columns:-webkit-max-content 160px;grid-template-columns:max-content 160px;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem)}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) yoo-healthscore{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}";
 
@@ -64,9 +65,9 @@ const YooMissionScoreComponent = class {
       globalMaxScore: score.isPercentage ? 100 : score.total,
       subScore: this.networkScore,
       subScoreUnit: unitToDisplay,
-      subScoreTitleTK: index$1.translate('NETWORK'),
+      subScoreTitleTK: overlays.translate('NETWORK'),
       subScoreFontSize: 4,
-      subTitle: index$1.translateMulti(score.title),
+      subTitle: overlays.translateMulti(score.title),
       subTitleColor: 'dark',
       showBarContainer: true,
       numberDecimalAfterComa: 2
@@ -85,7 +86,7 @@ const YooMissionScoreComponent = class {
         ...(!isPercentage && { class: 'app-color' })
       },
       labelConfig: {
-        value: index$1.translateMulti(title),
+        value: overlays.translateMulti(title),
         position: 'above'
       },
       maxScore: isPercentage ? 100 : total,
@@ -105,7 +106,7 @@ const YooMissionScoreComponent = class {
   }
   render() {
     var _a, _b, _c, _d;
-    return (index.h(index.Host, null, !!((_a = this.charts) === null || _a === void 0 ? void 0 : _a.length) && index.h("div", { class: { 'mission-score-title': true, pdf: this.isPdf } }, index$1.translate(this.header || 'SCORE')), !this.isPdf && !!(this.missionScoringOverviewConfig || ((_b = this.missionScoringCardProgressConfig) === null || _b === void 0 ? void 0 : _b.length)) && (index.h("yoo-healthscore", { showViewDetails: this.showMissionScoringViewDetails, viewDetailsConfig: (_d = (_c = this.charts) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.chart, overviewProgressConfig: this.missionScoringOverviewConfig, cardsProgressConfig: this.missionScoringCardProgressConfig })), this.isPdf && index.h("div", { class: "score-container" }, this.renderForPdf())));
+    return (index.h(index.Host, null, !!((_a = this.charts) === null || _a === void 0 ? void 0 : _a.length) && index.h("div", { class: { 'mission-score-title': true, pdf: this.isPdf } }, overlays.translate(this.header || 'SCORE')), !this.isPdf && !!(this.missionScoringOverviewConfig || ((_b = this.missionScoringCardProgressConfig) === null || _b === void 0 ? void 0 : _b.length)) && (index.h("yoo-healthscore", { showViewDetails: this.showMissionScoringViewDetails, viewDetailsConfig: (_d = (_c = this.charts) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.chart, overviewProgressConfig: this.missionScoringOverviewConfig, cardsProgressConfig: this.missionScoringCardProgressConfig })), this.isPdf && index.h("div", { class: "score-container" }, this.renderForPdf())));
   }
   static get watchers() { return {
     "charts": ["onOverviewProgressConfigChanged"]

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const operationHelpers = require('./operation-helpers-dcf02ba5.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const operationHelpers = require('./operation-helpers-18377709.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const missionTodoCss = ":host .margin-bottom{margin-bottom:var(--spacing-16, 1rem)}";
 
@@ -15,6 +16,7 @@ const YooMissionTodoComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.update = index.createEvent(this, "update", 7);
+    this.animated = true;
   }
   onUpdateTodo(ev) {
     var _a;
@@ -27,9 +29,9 @@ const YooMissionTodoComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const cleanPriority = ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.priority) === ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.priority) || !index$1.isPresent((_d = this.mission) === null || _d === void 0 ? void 0 : _d.priority);
+    const cleanPriority = ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.priority) === ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.priority) || !overlays.isPresent((_d = this.mission) === null || _d === void 0 ? void 0 : _d.priority);
     const slidesTodo = operationHelpers.cleanupTodoSlides(this.slidesTodo, cleanPriority);
-    return (index.h(index.Host, null, index.h("yoo-form-dynamic", { class: "margin-bottom inline inline-row-narrow", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true }), ((_h = (_g = (_f = this.mission) === null || _f === void 0 ? void 0 : _f.todo) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length) > 0 && (index.h("yoo-form-todo-single", { type: "mission", slidesTodoTask: this.slidesTodoTask, parentScroll: this.parentScroll, readonly: this.readonly, dueDateToClean: this.readonly ? (_j = this.mission) === null || _j === void 0 ? void 0 : _j.duedate : null, isPreview: this.isPreview, values: (_l = (_k = this.mission) === null || _k === void 0 ? void 0 : _k.todo) === null || _l === void 0 ? void 0 : _l.values, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
+    return (index.h(index.Host, null, index.h("yoo-form-dynamic", { class: "margin-bottom inline inline-row-narrow", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true, animated: this.animated }), ((_h = (_g = (_f = this.mission) === null || _f === void 0 ? void 0 : _f.todo) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length) > 0 && (index.h("yoo-form-todo-single", { type: "mission", slidesTodoTask: this.slidesTodoTask, parentScroll: this.parentScroll, readonly: this.readonly, dueDateToClean: this.readonly ? (_j = this.mission) === null || _j === void 0 ? void 0 : _j.duedate : null, isPreview: this.isPreview, values: (_l = (_k = this.mission) === null || _k === void 0 ? void 0 : _k.todo) === null || _l === void 0 ? void 0 : _l.values, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
   }
 };
 YooMissionTodoComponent.style = missionTodoCss;

package/dist/cjs/yoo-mobile-tabbar-more.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const mobileTabbarMoreCss = ":host{display:block;background:var(--light, #ffffff)}:host li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;padding:var(--spacing-02, 0.125rem) 0 var(--spacing-16, 1rem)}:host ul{margin:0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);list-style:none}:host yoo-card-list-color{--card-border-radius:var(--border-radius-04, 0.25rem);--subheading-line-clamp:3 !important;--title-margin-bottom:0;--title-padding-top:var(--spacing-08, 0.5rem)}:host yoo-form-input{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:inherit}:host yoo-form-input+ul{padding-top:0}";
 
@@ -17,7 +18,7 @@ const YooMobileTabbarMoreComponent = class {
   }
   render() {
     const items = this.items ? [...this.items.filter((_, index) => index % 2 === 0), ...this.items.filter((_, index) => index % 2 === 1)] : [];
-    return (index.h(index.Host, null, items.length > 10 && (index.h("yoo-form-input", { size: "large", class: "menu", "icon-prefix": "search", hideOptional: true, clearable: false, forceValueUpdate: true, placeholder: index$1.translate('SEARCHMODULES'), onInputChanged: ({ detail }) => (this.search = detail) })), index.h("ul", { hidden: !items.length }, items.map((item) => {
+    return (index.h(index.Host, null, items.length > 10 && (index.h("yoo-form-input", { size: "large", class: "menu", "icon-prefix": "search", hideOptional: true, clearable: false, forceValueUpdate: true, placeholder: overlays.translate('SEARCHMODULES'), onInputChanged: ({ detail }) => (this.search = detail) })), index.h("ul", { hidden: !items.length }, items.map((item) => {
       var _a;
       return (index.h("li", { hidden: this.search && !((_a = item.text) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.search.toLowerCase())) }, index.h("yoo-card-list-color", { onClick: () => this.itemClicked.emit(item), entry: { subHeading: item.text, iconTopLeft: item.icon, iconTopLeftColor: 'app-color' }, notif: item.notif })));
     }))));