npm - @yoobic/yobi - Versions diffs - 8.5.0-60 → 8.5.0-62 - Mend

@yoobic/yobi 8.5.0-60 → 8.5.0-62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1134) hide show

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const missionsHelpers = require('./missions-helpers-c32f14f9.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const missionsHelpers = require('./missions-helpers-36846610.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const missionDetailsCss = "svg:not(:root){overflow:hidden}: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;overflow:hidden}:host .menu .menu-item .menu-right .mission-user .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}:host .menu .menu-item .menu-right .mission-user .user .label span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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-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 .bg-stable-ultralight{background:var(--stable-ultralight, #fafafa)}:host(.mission-detail-deprecated) .mission-detail .bg-light{background:var(--light, #ffffff)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer{height:calc(var(--safe-area-inset-bottom) + 5.75rem)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer.web{height:calc(var(--safe-area-inset-bottom) + 3.5625rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading,:host(.mission-detail-deprecated) .mission-detail yoo-announcement-heading{display:block}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading{margin:0 var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading.web{margin:0 var(--spacing-24, 1.5rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content{padding:var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content.web{margin:var(--spacing-24, 1.5rem);border-radius:var(--border-radius-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).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}:host(.rtl) .menu .menu-item .menu-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}";
@@ -52,12 +52,12 @@ const YooMissionDetailsComponent = class {
   }
   get isStoreManager() {
     var _a;
-    const session = overlays.getSession();
+    const session = index$1.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() {
     if (this.isTodoMission && this.mission.originalMissionId) {
-      return overlays.getAsyncExtraData({ type: 'get-by-id', params: { collectionName: 'missions', id: this.mission.originalMissionId } })
+      return index$1.getAsyncExtraData({ type: 'get-by-id', params: { collectionName: 'missions', id: this.mission.originalMissionId } })
         .then((mission) => {
         if (mission._id === this.mission.originalMissionId) {
           this.originalMission = mission;
@@ -75,34 +75,34 @@ const YooMissionDetailsComponent = class {
     var _a, _b;
     const buttons = [];
     const lastIndex = ((_a = this.actions) === null || _a === void 0 ? void 0 : _a.length) - 1;
-    const size = (overlays.isWeb(this.host) ? 'medium' : 'large');
+    const size = (index$1.isWeb(this.host) ? 'medium' : 'large');
     const buttonsConfig = {
       assign: {
-        text: overlays.translate(this.mission.ownerRef ? 'REASSIGN' : 'ASSIGN'),
+        text: index$1.translate(this.mission.ownerRef ? 'REASSIGN' : 'ASSIGN'),
         handler: (ev) => this.onAssign(ev)
       },
       continue: {
-        text: overlays.translate('CONTINUE'),
+        text: index$1.translate('CONTINUE'),
         handler: (ev) => this.onBook('continue', ev)
       },
       preview: {
-        text: overlays.translate('PREVIEW'),
+        text: index$1.translate('PREVIEW'),
         handler: (ev) => this.onPreview(ev)
       },
       read: {
-        text: overlays.translate('MARKASREAD'),
+        text: index$1.translate('MARKASREAD'),
         handler: (ev) => this.onFinish(ev)
       },
       start: {
-        text: overlays.translate('START'),
+        text: index$1.translate('START'),
         handler: (ev) => this.onBook('start', ev)
       },
       submit: {
-        text: overlays.translate('SUBMIT'),
+        text: index$1.translate('SUBMIT'),
         handler: (ev) => this.onFinish(ev)
       },
       unbook: {
-        text: overlays.translate('UNBOOK'),
+        text: index$1.translate('UNBOOK'),
         color: 'light',
         handler: (ev) => this.onBook('unbook', ev)
       }
@@ -135,7 +135,7 @@ const YooMissionDetailsComponent = class {
     (_a = this.headerEl) === null || _a === void 0 ? void 0 : _a.updateHeader();
   }
   componentWillLoad() {
-    this.isMobile = overlays.isIonic(this.host);
+    this.isMobile = index$1.isIonic(this.host);
     return this.loadParentMissionData();
   }
   onBook(action, ev) {
@@ -172,93 +172,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: 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() })));
+      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() })));
     }
   }
   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: overlays.translate('GEOFENCINGDISTANCEMIN') }, index.h("div", null, distanceMin.toLocaleString())));
+      return (index.h(Menu, { icon: "geo-filter", text: index$1.translate('GEOFENCINGDISTANCEMIN') }, index.h("div", null, distanceMin.toLocaleString())));
     }
   }
   renderLocation() {
-    const session = overlays.getSession();
+    const session = index$1.getSession();
     const address = missionsHelpers.getMissionAddress(this.mission, session, true);
     if (!this.isPdf && !this.isStoreManager && address) {
-      return (index.h(Menu, { icon: "pin", text: overlays.translate('YOOBICSTORE'), callback: () => this.selectLocation.emit() }, index.h("div", null, address)));
+      return (index.h(Menu, { icon: "pin", text: index$1.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: overlays.translate('AISLE') }, index.h("div", null, this.mission.aisle.title)));
+      return (index.h(Menu, { icon: "aisles", text: index$1.translate('AISLE') }, index.h("div", null, this.mission.aisle.title)));
     }
   }
   renderPriority() {
     const priority = missionsHelpers.getMissionPriority(this.mission);
-    if (this.showInformation && overlays.isPresent(priority)) {
+    if (this.showInformation && index$1.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: overlays.translate('PRIORITY') }, index.h("yoo-tag", { customColor: overlays.getCssColor(color) }, overlays.translate(title))));
+      return (index.h(Menu, { icon: "flag", text: index$1.translate('PRIORITY') }, index.h("yoo-tag", { customColor: index$1.getCssColor(color) }, index$1.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: overlays.translate('MISSIONCATEGORY') }, index.h("yoo-tag", { customColor: overlays.getCssColor(color) }, overlays.translate(this.mission.category.title))));
+      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))));
     }
   }
   renderDate(text, date, icon, color) {
     if (date) {
-      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}`)));
+      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}`)));
     }
   }
   renderPublicationDate() {
-    const date = overlays.getMissionPublicationDate(this.mission);
-    return this.renderDate(overlays.translate('YOOBICRECEPTIONDATE'), date);
+    const date = index$1.getMissionPublicationDate(this.mission);
+    return this.renderDate(index$1.translate('YOOBICRECEPTIONDATE'), date);
   }
   renderValidUntilDate() {
     const validUntil = this.mission.validUntil;
     const dueDate = missionsHelpers.getMissionDueDate(this.mission);
-    if (validUntil && !overlays.isDateSame(validUntil, dueDate, 'minute')) {
-      return this.renderDate(overlays.translate('ENDDATE'), validUntil, 'calendar-date');
+    if (validUntil && !index$1.isDateSame(validUntil, dueDate, 'minute')) {
+      return this.renderDate(index$1.translate('ENDDATE'), validUntil, 'calendar-date');
     }
   }
   renderDueDate() {
     const date = missionsHelpers.getMissionDueDate(this.mission);
-    const color = overlays.isDateAfter(date, new Date(), 'day') ? 'text-color' : 'danger';
-    return this.renderDate(overlays.translate('DUEDATE'), date, 'calendar-date', color);
+    const color = index$1.isDateAfter(date, new Date(), 'day') ? 'text-color' : 'danger';
+    return this.renderDate(index$1.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: overlays.translateMulti(text) }, index.h("div", { innerHTML: overlays.translateMulti(description.text) })));
+      return (index.h(Menu, { icon: "lesson", text: index$1.translateMulti(text) }, index.h("div", { innerHTML: index$1.translateMulti(description.text) })));
     }
   }
   renderContent() {
     if (this.slidesNumber || this.photosNumber || 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 }))))));
+      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 }))))));
     }
   }
   renderDuration() {
     var _a;
     if ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.duration) {
-      return (index.h(Menu, { icon: "ongoing", text: overlays.translate('MISSIONDURATION') }, index.h("div", null, this.mission.duration)));
+      return (index.h(Menu, { icon: "ongoing", text: index$1.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: 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 })));
+      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 })));
     }
   }
   renderUser(title, icon, user, withExtraActions) {
@@ -273,11 +273,11 @@ const YooMissionDetailsComponent = class {
         lodash.uniq(lodash.compact((_c = (_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.values) === null || _c === void 0 ? void 0 : _c.map((task) => { var _a, _b; return (_b = (_a = task === null || task === void 0 ? void 0 : task.user) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b._id; }))).length > 1;
       const text = hasSeveralAssignee ? 'YOOBICSUBMITTEDBY' : 'FINISHEDBY';
       const finalText = this.mission.type === 'visit' ? 'YOOBICUSER' : text;
-      const finishedDate = overlays.translate('ONDATEAT', {
-        date: overlays.pipes.dateFormat.transform(this.mission.finishedDate, 'L'),
-        time: overlays.pipes.dateFormat.transform(this.mission.finishedDate, 'LT')
+      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')
       });
-      return (index.h(Menu, { icon: "author", text: overlays.translate(finalText), 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: index$1.translate(finalText), 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)
       ])));
@@ -287,44 +287,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 = overlays.translate('ONDATEAT', {
-        date: overlays.pipes.dateFormat.transform(this.mission.validatedDate, 'L'),
-        time: overlays.pipes.dateFormat.transform(this.mission.validatedDate, 'LT')
+      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')
       });
-      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)));
+      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)));
     }
   }
   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: 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)));
+      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)));
     }
   }
   renderValidatedReason(title, icon, comment) {
     if (this.showInformation && comment) {
-      return (index.h(Menu, { icon: icon, text: overlays.translate(title) }, index.h("div", { innerHTML: comment })));
+      return (index.h(Menu, { icon: icon, text: index$1.translate(title) }, index.h("div", { innerHTML: comment })));
     }
   }
   renderNotes() {
     if (this.mission.comments) {
-      return (index.h(Menu, { icon: "reason", text: overlays.translateMulti('COMMENTNOUN') }, index.h("div", { innerHTML: overlays.translateMulti(this.mission.comments) })));
+      return (index.h(Menu, { icon: "reason", text: index$1.translateMulti('COMMENTNOUN') }, index.h("div", { innerHTML: index$1.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: overlays.translateMulti('YOOBICINFO') }, index.h("div", { innerHTML: overlays.translateMulti(this.mission.location.info) })));
+      return (index.h(Menu, { icon: "info", text: index$1.translateMulti('YOOBICINFO') }, index.h("div", { innerHTML: index$1.translateMulti(this.mission.location.info) })));
     }
   }
   renderVisitType() {
     if (this.mission.type === 'visit' && this.mission.visitType) {
-      return (index.h(Menu, { icon: "flag", text: overlays.translateMulti('VISITTYPE') }, index.h("div", { innerHTML: overlays.translate(this.mission.visitType) })));
+      return (index.h(Menu, { icon: "flag", text: index$1.translateMulti('VISITTYPE') }, index.h("div", { innerHTML: index$1.translate(this.mission.visitType) })));
     }
   }
   renderVisitDescription() {
     if (this.mission.type === 'visit' && this.mission.visitDescription) {
-      return (index.h(Menu, { icon: "mission", text: overlays.translateMulti('DESCRIPTION') }, index.h("div", null, this.mission.visitDescription)));
+      return (index.h(Menu, { icon: "mission", text: index$1.translateMulti('DESCRIPTION') }, index.h("div", null, this.mission.visitDescription)));
     }
   }
   renderServiceData() {
@@ -337,12 +337,12 @@ const YooMissionDetailsComponent = class {
           finalSlide.items = finalSlide.items.concat(s.items);
         }
       });
-      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 })));
+      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 })));
     }
   }
   renderWorkflowHistory() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    const session = overlays.getSession();
+    const session = index$1.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);
@@ -356,31 +356,31 @@ const YooMissionDetailsComponent = class {
   }
   renderAudit() {
     if (this.showAudit && this.hasAudit) {
-      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)))));
+      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)))));
     }
   }
   renderOriginalMission() {
     if (this.isTodoMission && this.originalMission) {
       const entry = missionsHelpers.mapMissionToCardInboxEntry(this.originalMission, { skipUnread: this.isPdf, skipLock: this.isPdf, skipLocation: true });
-      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 })));
+      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 })));
     }
   }
   renderTodos() {
     var _a, _b;
-    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) => {
+    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) => {
       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 };
-          overlays.getAsyncExtraData({ type: 'mission-detail', params: { mission: m } });
+          index$1.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: 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() }))));
+    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() }))));
   }
   renderFooter(buttons) {
     return !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && index.h("yoo-form-footer", { buttons: buttons });
@@ -403,8 +403,8 @@ const YooMissionDetailsComponent = class {
       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.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(),
@@ -426,10 +426,10 @@ const YooMissionDetailsComponent = class {
   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) !== overlays.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) !== index$1.getSession().userId) {
       assignee = this.mission.owner;
     }
-    const assigneeTitle = overlays.translate(this.mission.isAssigned ? 'ASSIGNEDTO' : 'STARTEDBY');
+    const assigneeTitle = index$1.translate(this.mission.isAssigned ? 'ASSIGNEDTO' : 'STARTEDBY');
     const buttons = this.getFooterButtons();
     const menuContent = lodash.compact([
       this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason),
@@ -440,7 +440,7 @@ const YooMissionDetailsComponent = class {
       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),
+      ((_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(),
@@ -484,7 +484,7 @@ const YooMissionDetailsComponent = class {
       this.renderAudit(),
       this.renderTodos()
     ]);
-    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 }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), 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" }, 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 }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), 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" })));
   }
   renderDetails() {
     return (this.isTodoMission || this.isTodoCampaign) ? this.renderTodoMissionDetails() : this.renderMissionDetails();

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const missionsHelpers = require('./missions-helpers-c32f14f9.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const missionLockedBanner = require('./mission-locked-banner-c2b49734.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const missionsHelpers = require('./missions-helpers-36846610.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const missionLockedBanner = require('./mission-locked-banner-e0b2f8f9.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const missionHeadingCss = "svg:not(:root){overflow:hidden}:host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}: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}: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{position:relative;display:block;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{position:absolute;top:var(--spacing-04, 0.25rem);right:auto;bottom:var(--spacing-04, 0.25rem);left:0;--svg-width:1rem;--stroke-width-circle:2;--progress-bar-color:var(--app-color, #5a30f4);--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem) 0 var(--spacing-24, 1.5rem);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host div:last-child{margin-bottom:0}";
@@ -23,18 +23,18 @@ const YooMissionHeadingComponent = class {
     index.forceUpdate(this);
   }
   componentWillLoad() {
-    this.isMobile = overlays.isIonic(this.host);
+    this.isMobile = index$1.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", { shape: "circle", animated: this.animated, 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 index.h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { class: "chromatic-ignore", "data-chromatic": "ignore", shape: "circle", animated: this.animated, 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 null;
   }
   renderMissionProgress() {
     if (this.progress >= 0) {
-      return index.h("div", { class: { 'mission-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { animated: this.animated, value: this.progress }));
+      return index.h("div", { class: { 'mission-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { class: "chromatic-ignore", "data-chromatic": "ignore", animated: this.animated, value: this.progress }));
     }
   }
   render() {
@@ -49,8 +49,8 @@ const YooMissionHeadingComponent = class {
       });
     }
     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" }, overlays.translateMulti(this.mission.title)),
-      !this.mission.title && this.mission.type === 'visit' && index.h("div", { class: "mission-title" }, overlays.translate('VISIT')),
+      !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')),
       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 CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const missionScoreCss = "svg:not(:root){overflow:hidden}: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))}";
@@ -65,9 +65,9 @@ const YooMissionScoreComponent = class {
       globalMaxScore: score.isPercentage ? 100 : score.total,
       subScore: this.networkScore,
       subScoreUnit: unitToDisplay,
-      subScoreTitleTK: overlays.translate('NETWORK'),
+      subScoreTitleTK: index$1.translate('NETWORK'),
       subScoreFontSize: 4,
-      subTitle: overlays.translateMulti(score.title),
+      subTitle: index$1.translateMulti(score.title),
       subTitleColor: 'dark',
       showBarContainer: true,
       numberDecimalAfterComa: 2
@@ -87,7 +87,7 @@ const YooMissionScoreComponent = class {
         ...(!isPercentage && { class: 'app-color' })
       },
       labelConfig: {
-        value: overlays.translateMulti(title),
+        value: index$1.translateMulti(title),
         position: 'above'
       },
       maxScore: isPercentage ? 100 : total,
@@ -107,7 +107,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 } }, 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())));
+    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())));
   }
   static get watchers() { return {
     "charts": ["onOverviewProgressConfigChanged"]

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const operationHelpers = require('./operation-helpers-daf02f73.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const operationHelpers = require('./operation-helpers-08e78c3e.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const missionTodoCss = "svg:not(:root){overflow:hidden}:host .line{height:1px;margin-bottom:var(--spacing-16, 1rem);border-bottom:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0)}:host .line:not(.todo-campaign){margin-top:0.75rem}";
@@ -40,7 +40,7 @@ const YooMissionTodoComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    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 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 slidesTodo = operationHelpers.cleanupTodoSlides(this.slidesTodo, cleanPriority, this.isPdf);
     return (index.h(index.Host, null, index.h("yoo-form-dynamic", { class: "inline inline-row-narrow no-border-collapsible", 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) && [
       (!!((_j = this.mission.todo.description) === null || _j === void 0 ? void 0 : _j.length) && !!((_k = this.mission.todo.documents) === null || _k === void 0 ? void 0 : _k.length) || !this.isTodoCampaign) &&

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const mobileTabbarMoreCss = "svg:not(:root){overflow:hidden}: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}";
@@ -18,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: overlays.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: index$1.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 })));
     }))));