@yoobic/yobi 8.5.0-4 → 8.5.0-40

package/dist/collection/feature-operate/mission/mission-details/mission-details.js

@@ -1,16 +1,10 @@
 import { dateFormat, fromToday, getAsyncExtraData, getCssColor, getMissionPublicationDate, getSession, getTodoCampaignPhotos, isDateAfter, isDateSame, isIonic, isPresent, isToday, isWeb, pipes, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { cloneDeep, compact } from 'lodash-es';
-import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, getMissionUniqueKey, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 const Menu = ({ icon, text, extraClass, callback }, children, utils) => {
-  return (h("li", { class: { 'menu-item': true, pointer: !!callback }, onClick: () => callback === null || callback === void 0 ? void 0 : callback() },
-    h("div", { class: "menu-left" },
-      h("yoo-tag", { icon: icon, size: "medium", color: "app-color-10" }),
-      h("div", { class: "border" })),
-    h("div", { class: "menu-right" },
-      h("div", { class: "menu-title" }, text),
-      h("div", { class: { 'menu-content': true, [extraClass]: true } }, utils.map(children, (child) => child)))));
+  return (h("li", { class: { 'menu-item': true, pointer: !!callback }, onClick: () => callback === null || callback === void 0 ? void 0 : callback() }, h("div", { class: "menu-left" }, h("yoo-tag", { icon: icon, size: "medium", color: "app-color-10" }), h("div", { class: "border" })), h("div", { class: "menu-right" }, h("div", { class: "menu-title" }, text), h("div", { class: { 'menu-content': true, [extraClass]: true } }, utils.map(children, (child) => child)))));
 };
 export class YooMissionDetailsComponent {
   constructor() {
@@ -141,31 +135,27 @@ export class YooMissionDetailsComponent {
     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 = cloneDeep(this.mission.todo.field);
       field.title = this.mission.todo.field.description || this.mission.todo.field.title;
-      return (h(Menu, { icon: "link", text: translate('LINKEDTO') },
-        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 (h(Menu, { icon: "link", text: translate('LINKEDTO') }, 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 (h(Menu, { icon: "geo-filter", text: translate('GEOFENCINGDISTANCEMIN') },
-        h("div", null, distanceMin.toLocaleString())));
+      return (h(Menu, { icon: "geo-filter", text: translate('GEOFENCINGDISTANCEMIN') }, h("div", null, distanceMin.toLocaleString())));
     }
   }
   renderLocation() {
     const session = getSession();
     const address = getMissionAddress(this.mission, session, true);
     if (!this.isPdf && !this.isStoreManager && address) {
-      return (h(Menu, { icon: "pin", text: translate('YOOBICSTORE'), callback: () => this.selectLocation.emit() },
-        h("div", null, address)));
+      return (h(Menu, { icon: "pin", text: translate('YOOBICSTORE'), callback: () => this.selectLocation.emit() }, 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 (h(Menu, { icon: "aisles", text: translate('AISLE') },
-        h("div", null, this.mission.aisle.title)));
+      return (h(Menu, { icon: "aisles", text: translate('AISLE') }, h("div", null, this.mission.aisle.title)));
     }
   }
   renderPriority() {
@@ -175,16 +165,14 @@ export class YooMissionDetailsComponent {
       const PRIORITY_TEXTS = ['CAMPAIGNPRIORITY1', 'CAMPAIGNPRIORITY2', 'CAMPAIGNPRIORITY3', 'CAMPAIGNPRIORITY4'];
       const color = PRIORITY_COLORS[priority - 1];
       const title = PRIORITY_TEXTS[priority - 1];
-      return (h(Menu, { icon: "flag", text: translate('PRIORITY') },
-        h("yoo-tag", { customColor: getCssColor(color) }, translate(title))));
+      return (h(Menu, { icon: "flag", text: translate('PRIORITY') }, h("yoo-tag", { customColor: getCssColor(color) }, 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 (h(Menu, { icon: "tag", text: translate('MISSIONCATEGORY') },
-        h("yoo-tag", { customColor: getCssColor(color) }, translate(this.mission.category.title))));
+      return (h(Menu, { icon: "tag", text: translate('MISSIONCATEGORY') }, h("yoo-tag", { customColor: getCssColor(color) }, translate(this.mission.category.title))));
     }
   }
   renderDate(text, date, icon, color) {
@@ -192,8 +180,7 @@ export class YooMissionDetailsComponent {
       let dateText = isToday(date) ? translate('YOOBICTODAY') : fromToday(date);
       dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
       const timeText = translate('SCHEDULEDATTIME', { time: dateFormat(date, 'LT') });
-      return (h(Menu, { icon: icon || 'calendar', text: text },
-        h("yoo-tag", { customColor: getCssColor(color || 'text-color') }, `${dateText} ${timeText}`)));
+      return (h(Menu, { icon: icon || 'calendar', text: text }, h("yoo-tag", { customColor: getCssColor(color || 'text-color') }, `${dateText} ${timeText}`)));
     }
   }
   renderPublicationDate() {
@@ -216,52 +203,30 @@ export class YooMissionDetailsComponent {
     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 (h(Menu, { icon: "lesson", text: translateMulti(text) },
-        h("div", { innerHTML: translateMulti(description.text) })));
+      return (h(Menu, { icon: "lesson", text: translateMulti(text) }, h("div", { innerHTML: translateMulti(description.text) })));
     }
   }
   renderContent() {
     if (this.slidesNumber || this.photosNumber || this.questionsNumber) {
-      return (h(Menu, { icon: "attachment", text: translate('CONTENTS'), extraClass: "mission-content-kpis" },
-        this.slidesNumber > 0 && (h("span", { class: "kpi text-color" },
-          h("yoo-icon", { name: "pages", color: "text-color", size: "small" }),
-          " ",
-          h("span", { class: "kpi-text" }, translate('MISSIONSTEPSNB', { smart_count: this.slidesNumber })))),
-        this.photosNumber > 0 && (h("span", { class: "kpi text-color" },
-          h("yoo-icon", { name: "photo-library", color: "text-color", size: "small" }),
-          " ",
-          h("span", { class: "kpi-text" }, translate('MISSIONPHOTOSNB', { smart_count: this.photosNumber })))),
-        this.questionsNumber > 0 && (h("span", { class: "kpi text-color" },
-          h("yoo-icon", { name: "help", color: "text-color", size: "small" }),
-          " ",
-          h("span", { class: "kpi-text" }, translate('MISSIONQUESTIONSNB', { smart_count: this.questionsNumber }))))));
+      return (h(Menu, { icon: "attachment", text: translate('CONTENTS'), extraClass: "mission-content-kpis" }, this.slidesNumber > 0 && (h("span", { class: "kpi text-color" }, h("yoo-icon", { name: "pages", color: "text-color", size: "small" }), " ", h("span", { class: "kpi-text" }, translate('MISSIONSTEPSNB', { smart_count: this.slidesNumber })))), this.photosNumber > 0 && (h("span", { class: "kpi text-color" }, h("yoo-icon", { name: "photo-library", color: "text-color", size: "small" }), " ", h("span", { class: "kpi-text" }, translate('MISSIONPHOTOSNB', { smart_count: this.photosNumber })))), this.questionsNumber > 0 && (h("span", { class: "kpi text-color" }, h("yoo-icon", { name: "help", color: "text-color", size: "small" }), " ", h("span", { class: "kpi-text" }, translate('MISSIONQUESTIONSNB', { smart_count: this.questionsNumber }))))));
     }
   }
   renderDuration() {
     var _a;
     if ((_a = this.mission) === null || _a === void 0 ? void 0 : _a.duration) {
-      return (h(Menu, { icon: "ongoing", text: translate('MISSIONDURATION') },
-        h("div", null, this.mission.duration)));
+      return (h(Menu, { icon: "ongoing", text: translate('MISSIONDURATION') }, 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 (h(Menu, { icon: "contact", text: translate('CONTACT'), extraClass: "mission-contact" },
-        ((_d = location.contactname) === null || _d === void 0 ? void 0 : _d.length) > 0 && h("span", { innerHTML: location.contactname }),
-        ((_e = location.contactemail) === null || _e === void 0 ? void 0 : _e.length) > 0 && h("span", { innerHTML: location.contactemail }),
-        ((_f = location.contactphone) === null || _f === void 0 ? void 0 : _f.length) > 0 && h("span", { innerHTML: location.contactphone })));
+      return (h(Menu, { icon: "contact", text: translate('CONTACT'), extraClass: "mission-contact" }, ((_d = location.contactname) === null || _d === void 0 ? void 0 : _d.length) > 0 && h("span", { innerHTML: location.contactname }), ((_e = location.contactemail) === null || _e === void 0 ? void 0 : _e.length) > 0 && h("span", { innerHTML: location.contactemail }), ((_f = location.contactphone) === null || _f === void 0 ? void 0 : _f.length) > 0 && h("span", { innerHTML: location.contactphone })));
     }
   }
   renderUser(title, icon, user, withExtraActions) {
     if (user) {
-      return (h(Menu, { icon: icon, text: title, extraClass: "mission-user", callback: () => this.showUser.emit(user) },
-        h("div", { class: "user" },
-          h("yoo-avatar", { instant: this.instant, size: "small", user: user }),
-          h("div", { class: "label dark" },
-            h("span", null, `${user.firstName} ${user.lastName}`))),
-        withExtraActions && this.renderExtraActions(user)));
+      return (h(Menu, { icon: icon, text: title, extraClass: "mission-user", callback: () => this.showUser.emit(user) }, h("div", { class: "user" }, h("yoo-avatar", { instant: this.instant, size: "small", user: user }), h("div", { class: "label dark" }, h("span", null, `${user.firstName} ${user.lastName}`))), withExtraActions && this.renderExtraActions(user)));
     }
   }
   renderFinishedBy() {
@@ -271,15 +236,8 @@ export class YooMissionDetailsComponent {
         date: pipes.dateFormat.transform(this.mission.finishedDate, 'L'),
         time: pipes.dateFormat.transform(this.mission.finishedDate, 'LT')
       });
-      return (h(Menu, { icon: "author", text: translate(text), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (h("div", { class: "user" },
-        h("div", { class: "label dark" },
-          h("span", null, this.mission.assigneeOwnerDisplayName),
-          finishedDate && h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
-        h("div", { class: "user" },
-          this.mission.owner && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.owner }),
-          h("div", { class: "label dark" },
-            h("span", null, this.mission.ownerDisplayName),
-            finishedDate && h("span", { class: "font-medium text-color" }, finishedDate))),
+      return (h(Menu, { icon: "author", text: translate(text), extraClass: "mission-user", callback: () => this.selectUser.emit() }, this.mission.needsRebooking && this.mission.assigneeOwnerDisplayName ? (h("div", { class: "user" }, h("div", { class: "label dark" }, h("span", null, this.mission.assigneeOwnerDisplayName), finishedDate && h("span", { class: "font-medium text-color" }, finishedDate)))) : ([
+        h("div", { class: "user" }, this.mission.owner && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.owner }), h("div", { class: "label dark" }, h("span", null, this.mission.ownerDisplayName), finishedDate && h("span", { class: "font-medium text-color" }, finishedDate))),
         this.renderExtraActions(this.mission.owner)
       ])));
     }
@@ -292,56 +250,40 @@ export class YooMissionDetailsComponent {
         date: pipes.dateFormat.transform(this.mission.validatedDate, 'L'),
         time: pipes.dateFormat.transform(this.mission.validatedDate, 'LT')
       });
-      return (h(Menu, { icon: icon, text: translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() },
-        h("div", { class: "user" },
-          this.mission.validatedByUser && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.validatedByUser }),
-          h("div", { class: "label dark" },
-            h("span", null, this.mission.validatedByUser ? `${this.mission.validatedByUser.firstName} ${this.mission.validatedByUser.lastName}` : this.mission.validatedBy),
-            validatedDate && h("span", { class: "font-medium text-color" }, validatedDate))),
-        this.mission.validatedByUser && this.renderExtraActions(this.mission.validatedByUser)));
+      return (h(Menu, { icon: icon, text: translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, h("div", { class: "user" }, this.mission.validatedByUser && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.validatedByUser }), h("div", { class: "label dark" }, h("span", null, this.mission.validatedByUser ? `${this.mission.validatedByUser.firstName} ${this.mission.validatedByUser.lastName}` : this.mission.validatedBy), validatedDate && 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 (h(Menu, { icon: icon, text: translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() },
-        h("div", { class: "user" },
-          this.mission.originalValidatedByUser && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.originalValidatedByUser }),
-          h("div", { class: "label dark" },
-            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 (h(Menu, { icon: icon, text: translate(text), extraClass: "mission-user", callback: () => this.selectValidator.emit() }, h("div", { class: "user" }, this.mission.originalValidatedByUser && h("yoo-avatar", { instant: this.instant, size: "small", user: this.mission.originalValidatedByUser }), h("div", { class: "label dark" }, 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 (h(Menu, { icon: icon, text: translate(title) },
-        h("div", { innerHTML: comment })));
+      return (h(Menu, { icon: icon, text: translate(title) }, h("div", { innerHTML: comment })));
     }
   }
   renderNotes() {
     if (this.mission.comments) {
-      return (h(Menu, { icon: "reason", text: translateMulti('COMMENTNOUN') },
-        h("div", { innerHTML: translateMulti(this.mission.comments) })));
+      return (h(Menu, { icon: "reason", text: translateMulti('COMMENTNOUN') }, h("div", { innerHTML: translateMulti(this.mission.comments) })));
     }
   }
   renderInfo() {
     var _a;
     if ((_a = this.mission.location) === null || _a === void 0 ? void 0 : _a.info) {
-      return (h(Menu, { icon: "info", text: translateMulti('YOOBICINFO') },
-        h("div", { innerHTML: translateMulti(this.mission.location.info) })));
+      return (h(Menu, { icon: "info", text: translateMulti('YOOBICINFO') }, h("div", { innerHTML: translateMulti(this.mission.location.info) })));
     }
   }
   renderVisitType() {
     if (this.mission.type === 'visit' && this.mission.visitType) {
-      return (h(Menu, { icon: "flag", text: translateMulti('VISITTYPE') },
-        h("div", { innerHTML: translate(this.mission.visitType) })));
+      return (h(Menu, { icon: "flag", text: translateMulti('VISITTYPE') }, h("div", { innerHTML: translate(this.mission.visitType) })));
     }
   }
   renderVisitDescription() {
     if (this.mission.type === 'visit' && this.mission.visitDescription) {
-      return (h(Menu, { icon: "mission", text: translateMulti('DESCRIPTION') },
-        h("div", null, this.mission.visitDescription)));
+      return (h(Menu, { icon: "mission", text: translateMulti('DESCRIPTION') }, h("div", null, this.mission.visitDescription)));
     }
   }
   renderServiceData() {
@@ -354,8 +296,7 @@ export class YooMissionDetailsComponent {
           finalSlide.items = finalSlide.items.concat(s.items);
         }
       });
-      return (h(Menu, { icon: "mission", text: translate('MYREQUEST') },
-        h("yoo-form-dynamic", { class: "inline", slides: [finalSlide], data: this.mission.serviceData, forceReadonly: true, suffix: ".value", animated: false, showRecap: false })));
+      return (h(Menu, { icon: "mission", text: translate('MYREQUEST') }, h("yoo-form-dynamic", { class: "inline", slides: [finalSlide], data: this.mission.serviceData, forceReadonly: true, suffix: ".value", animated: false, showRecap: false })));
     }
   }
   renderWorkflowHistory() {
@@ -374,54 +315,20 @@ export class YooMissionDetailsComponent {
   }
   renderAudit() {
     if (this.showAudit && this.hasAudit) {
-      return (h(Menu, { icon: "step", text: translateMulti('AUDIT') },
-        this.taskCount > 0 && (h("div", { class: "menu-content-scoring warning" },
-          h("span", null,
-            translateMulti('YOOBICACTIONS'),
-            ":"),
-          h("span", { class: "ffloat warning" },
-            " ",
-            this.taskCount))),
-        this.unsatisfactoryCount > 0 && (h("div", { class: "menu-content-scoring danger" },
-          h("span", null,
-            translateMulti('UNSATISFACTORY'),
-            ":"),
-          h("span", { class: "ffloat danger" },
-            " ",
-            this.unsatisfactoryCount))),
-        this.satisfactoryCount > 0 && (h("div", { class: "menu-content-scoring success" },
-          h("span", null,
-            translateMulti('SATISFACTORY'),
-            ":"),
-          h("span", { class: "ffloat success" },
-            " ",
-            this.satisfactoryCount))),
-        this.nonapplicableCount > 0 && (h("div", { class: "menu-content-scoring black" },
-          h("span", null,
-            translateMulti('NONAPPLICABLE'),
-            ":"),
-          h("span", { class: "ffloat" },
-            " ",
-            this.nonapplicableCount)))));
+      return (h(Menu, { icon: "step", text: translateMulti('AUDIT') }, this.taskCount > 0 && (h("div", { class: "menu-content-scoring warning" }, h("span", null, translateMulti('YOOBICACTIONS'), ":"), h("span", { class: "ffloat warning" }, " ", this.taskCount))), this.unsatisfactoryCount > 0 && (h("div", { class: "menu-content-scoring danger" }, h("span", null, translateMulti('UNSATISFACTORY'), ":"), h("span", { class: "ffloat danger" }, " ", this.unsatisfactoryCount))), this.satisfactoryCount > 0 && (h("div", { class: "menu-content-scoring success" }, h("span", null, translateMulti('SATISFACTORY'), ":"), h("span", { class: "ffloat success" }, " ", this.satisfactoryCount))), this.nonapplicableCount > 0 && (h("div", { class: "menu-content-scoring black" }, h("span", null, translateMulti('NONAPPLICABLE'), ":"), h("span", { class: "ffloat" }, " ", this.nonapplicableCount)))));
     }
   }
   renderOriginalMission() {
     if (this.mission.type === 'todo' && this.originalMission) {
       const entry = mapMissionToCardInboxEntry(this.originalMission, { skipUnread: this.isPdf, skipLock: this.isPdf, skipLocation: true });
-      return (h(Menu, { icon: "mission", text: translateMulti('VIEWMISSION'), callback: () => getAsyncExtraData({ type: 'mission-detail', params: { mission: this.originalMission } }) },
-        h("yoo-card-inbox", { entry: entry })));
+      return (h(Menu, { icon: "mission", text: translateMulti('VIEWMISSION'), callback: () => getAsyncExtraData({ type: 'mission-detail', params: { mission: this.originalMission } }) }, h("yoo-card-inbox", { entry: entry })));
     }
   }
   renderFooter(buttons) {
     return !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && h("yoo-form-footer", { buttons: buttons });
   }
   renderAnnouncementDetails() {
-    return h(Host, null,
-      h("yoo-announcement-heading", { announcement: this.mission, isPreview: this.isPreview }),
-      h("div", { class: 'mission-detail padding ' + (this.isMobile || this.isPreview ? '' : ' margin web') },
-        h("div", { class: "mission-content" },
-          h("slot", null))),
-      h("slot", { name: "end" }));
+    return h(Host, null, h("yoo-announcement-heading", { announcement: this.mission, isPreview: this.isPreview }), h("div", { class: 'mission-detail padding ' + (this.isMobile || this.isPreview ? '' : ' margin web') }, h("div", { class: "mission-content" }, h("slot", null))), h("slot", { name: "end" }));
   }
   renderActionPlanDetails() {
     const menuContent = compact([
@@ -440,11 +347,7 @@ export class YooMissionDetailsComponent {
       this.renderDuration(),
       this.renderOriginalMission()
     ]);
-    return (h("div", { class: 'mission-detail ' + (this.isMobile ? '' : 'web') },
-      h("div", { class: "mission-content" },
-        h("yoo-mission-heading", { animated: this.animated, mission: this.mission }),
-        !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent),
-        h("slot", null))));
+    return (h("div", { class: 'mission-detail ' + (this.isMobile ? '' : 'web') }, h("div", { class: "mission-content" }, h("yoo-mission-heading", { animated: this.animated, mission: this.mission }), !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), h("slot", null))));
   }
   renderMissionDetails() {
     var _a, _b, _c;
@@ -478,17 +381,7 @@ export class YooMissionDetailsComponent {
       this.renderTodos(),
       this.renderAudience()
     ]);
-    return (h("div", { class: { 'mission-detail': true, web: !this.isMobile } },
-      h("yoo-ion-content", { class: "bg-light no-scrollbar", scrollEvents: true },
-        h("div", null,
-          h("div", { class: "mission-content" },
-            h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value ? this.progress.value : null }),
-            !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent),
-            h("yoo-mission-score", { charts: this.charts, header: "PREVIOUSSCORE", networkScore: this.networkScore }),
-            h("slot", null)),
-          h("slot", { name: "end" }),
-          !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && h("div", { class: "scroll-spacer" }))),
-      this.renderFooter(buttons)));
+    return (h("div", { class: { 'mission-detail': true, web: !this.isMobile } }, h("yoo-ion-content", { class: "bg-light no-scrollbar", scrollEvents: true }, h("div", null, h("div", { class: "mission-content" }, h("yoo-mission-heading", { animated: this.animated, mission: this.mission, progress: this.progress && this.progress.value ? this.progress.value : null }), !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), h("yoo-mission-score", { charts: this.charts, header: "PREVIOUSSCORE", networkScore: this.networkScore }), h("slot", null)), h("slot", { name: "end" }), !!(buttons === null || buttons === void 0 ? void 0 : buttons.length) && h("div", { class: "scroll-spacer" }))), this.renderFooter(buttons)));
   }
   renderTodos() {
     var _a, _b;
@@ -505,8 +398,7 @@ export class YooMissionDetailsComponent {
   }
   renderAudience() {
     var _a;
-    return (((_a = this.audienceUsers) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h(Menu, { icon: "group", text: translate('MISSIONAUDIENCE', { smart_count: this.audienceUsers.length }) },
-      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 && (h(Menu, { icon: "group", text: translate('MISSIONAUDIENCE', { smart_count: this.audienceUsers.length }) }, h("yoo-avatars", { layout: "list", showMore: this.audienceUsers.length > 10, maxDisplay: 10, users: this.audienceUsers, size: "small", onClick: () => this.selectAudience.emit() }))));
   }
   renderDetails() {
     var _a;
@@ -517,6 +409,13 @@ export class YooMissionDetailsComponent {
     var _a, _b, _c, _d;
     const excludedTabs = ['dueDate', 'category'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTabs.includes(tag._id));
+    const uniqueKey = getMissionUniqueKey(this.mission);
+    if (uniqueKey) {
+      tags.unshift({
+        title: uniqueKey,
+        color: 'text-color-10'
+      });
+    }
     const menuContent = compact([
       this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason),
       this.renderPriority(),
@@ -533,625 +432,623 @@ export class YooMissionDetailsComponent {
       this.renderAudit(),
       this.renderTodos()
     ]);
-    return (h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...getAppContext(this.host) } },
-      this.isPdf && (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) && h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }),
-        h("div", { class: "header-content" },
-          h("div", { class: "title" }, translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)),
-          h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address),
-          h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))),
-      h("div", { class: "content" },
-        !this.isPdf && this.showInformation && h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }),
-        !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent),
-        h("slot", null),
-        this.showScore && h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })),
-      h("slot", { name: "end" })));
+    return (h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...getAppContext(this.host) } }, this.isPdf && (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) && h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }), h("div", { class: "header-content" }, h("div", { class: "title" }, translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)), h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address), h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))), h("div", { class: "content" }, !this.isPdf && this.showInformation && h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }), !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), h("slot", null), this.showScore && h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })), h("slot", { name: "end" })));
   }
   render() {
     if (this.isAnnouncement) {
       return this.renderAnnouncementDetails();
     }
-    return (h(Host, { class: { 'web': isWeb(), 'mission-results-deprecated': this.isResult, 'mission-detail-deprecated': !this.isResult } },
-      this.mission && this.isResult && this.renderResults(),
-      this.mission && !this.isResult && this.renderDetails()));
+    return (h(Host, { class: { 'web': isWeb(), 'mission-results-deprecated': this.isResult, 'mission-detail-deprecated': !this.isResult } }, this.mission && this.isResult && this.renderResults(), this.mission && !this.isResult && this.renderDetails()));
   }
   static get is() { return "yoo-mission-details"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["mission-details.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["mission-details.css"]
-  }; }
-  static get properties() { return {
-    "mission": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IMission",
-        "resolved": "IMission",
-        "references": {
-          "IMission": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["mission-details.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["mission-details.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mission": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IMission",
+          "resolved": "IMission",
+          "references": {
+            "IMission": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "missionTodos": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IMission[]",
-        "resolved": "IMission[]",
-        "references": {
-          "IMission": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "missionTodos": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IMission[]",
+          "resolved": "IMission[]",
+          "references": {
+            "IMission": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "progress": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IFormProgress",
-        "resolved": "IFormProgress",
-        "references": {
-          "IFormProgress": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "progress": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IFormProgress",
+          "resolved": "IFormProgress",
+          "references": {
+            "IFormProgress": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "distance": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "distance": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "distance",
+        "reflect": false
       },
-      "attribute": "distance",
-      "reflect": false
-    },
-    "serviceSlides": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ISlide[]",
-        "resolved": "ISlide[]",
-        "references": {
-          "ISlide": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "serviceSlides": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ISlide[]",
+          "resolved": "ISlide[]",
+          "references": {
+            "ISlide": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "slidesNumber": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "slidesNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "slides-number",
+        "reflect": false
       },
-      "attribute": "slides-number",
-      "reflect": false
-    },
-    "photosNumber": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "photosNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "photos-number",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "questionsNumber": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "questions-number",
+        "reflect": false
       },
-      "attribute": "photos-number",
-      "reflect": false
-    },
-    "questionsNumber": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "questions-number",
-      "reflect": false
-    },
-    "charts": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ score: IMissionScoring; chart: IChartDefinition }[]",
-        "resolved": "{ score: IMissionScoring; chart: IChartDefinition; }[]",
-        "references": {
-          "IMissionScoring": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          },
-          "IChartDefinition": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "charts": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ score: IMissionScoring; chart: IChartDefinition }[]",
+          "resolved": "{ score: IMissionScoring; chart: IChartDefinition; }[]",
+          "references": {
+            "IMissionScoring": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            },
+            "IChartDefinition": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "networkScore": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "networkScore": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "network-score",
+        "reflect": false
       },
-      "attribute": "network-score",
-      "reflect": false
-    },
-    "hasAudit": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "hasAudit": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-audit",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "taskCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "task-count",
+        "reflect": false
       },
-      "attribute": "has-audit",
-      "reflect": false
-    },
-    "taskCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "unsatisfactoryCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "unsatisfactory-count",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "satisfactoryCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "satisfactory-count",
+        "reflect": false
       },
-      "attribute": "task-count",
-      "reflect": false
-    },
-    "unsatisfactoryCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "nonapplicableCount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "nonapplicable-count",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "unsatisfactory-count",
-      "reflect": false
-    },
-    "satisfactoryCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "satisfactory-count",
-      "reflect": false
-    },
-    "nonapplicableCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "nonapplicable-count",
-      "reflect": false
-    },
-    "audienceUsers": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IUser[]",
-        "resolved": "IUser[]",
-        "references": {
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "audienceUsers": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IUser[]",
+          "resolved": "IUser[]",
+          "references": {
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "isAnnouncement": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-announcement",
-      "reflect": false
-    },
-    "isPreview": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "isAnnouncement": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-announcement",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isPreview": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-preview",
+        "reflect": false
       },
-      "attribute": "is-preview",
-      "reflect": false
-    },
-    "isResult": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "isResult": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-result",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isPdf": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-pdf",
+        "reflect": false
       },
-      "attribute": "is-result",
-      "reflect": false
-    },
-    "isPdf": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-pdf",
-      "reflect": false
-    },
-    "actions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "TMissionActionIds[]",
-        "resolved": "TMissionActionIds[]",
-        "references": {
-          "TMissionActionIds": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "actions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TMissionActionIds[]",
+          "resolved": "TMissionActionIds[]",
+          "references": {
+            "TMissionActionIds": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "extraActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntityAction[]",
-        "resolved": "IEntityAction[]",
-        "references": {
-          "IEntityAction": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "extraActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntityAction[]",
+          "resolved": "IEntityAction[]",
+          "references": {
+            "IEntityAction": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "animated": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "attribute": "animated",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "instant": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "animated": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "animated",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "instant",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "originalMission": {}
-  }; }
-  static get events() { return [{
-      "method": "book",
-      "name": "book",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "'book' | 'start' | 'unbook' | 'continue'",
-        "resolved": "\"book\" | \"continue\" | \"start\" | \"unbook\"",
-        "references": {}
-      }
-    }, {
-      "method": "preview",
-      "name": "preview",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "assign",
-      "name": "assign",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "instant": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "instant",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }, {
-      "method": "showUser",
-      "name": "showUser",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "IUser",
-        "resolved": "IUser",
-        "references": {
-          "IUser": {
-            "location": "import",
-            "path": "@shared/interfaces"
+    };
+  }
+  static get states() {
+    return {
+      "originalMission": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "book",
+        "name": "book",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "'book' | 'start' | 'unbook' | 'continue'",
+          "resolved": "\"book\" | \"continue\" | \"start\" | \"unbook\"",
+          "references": {}
+        }
+      }, {
+        "method": "preview",
+        "name": "preview",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "assign",
+        "name": "assign",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "showUser",
+        "name": "showUser",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IUser",
+          "resolved": "IUser",
+          "references": {
+            "IUser": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         }
-      }
-    }, {
-      "method": "selectLocation",
-      "name": "selectLocation",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "selectAudience",
-      "name": "selectAudience",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "selectUser",
-      "name": "selectUser",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "selectValidator",
-      "name": "selectValidator",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "selectLocation",
+        "name": "selectLocation",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "selectAudience",
+        "name": "selectAudience",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "selectUser",
+        "name": "selectUser",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "selectValidator",
+        "name": "selectValidator",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "mission",
-      "methodName": "onMissionChanged"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "mission",
+        "methodName": "onMissionChanged"
+      }];
+  }
 }