@yoobic/yobi 8.6.23 → 8.6.25

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-4055d351.js');
+const index$1 = require('./index-9713740f.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-b19278a4.js');
+require('./index-0a94d790.js');
 
 const workflowStateCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;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 .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{margin-right:var(--spacing-08, 0.5rem)}";
 

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-4055d351.js');
+const index$1 = require('./index-9713740f.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-957243d8.js');
+const commonHelpers = require('./common-helpers-9d26afb6.js');
 const lodash = require('./lodash-1f7fff24.js');
-const index$4 = require('./index-fad1caf2.js');
-const index$2 = require('./index-c0a7322a.js');
+const index$4 = require('./index-1f9ab87b.js');
+const index$2 = require('./index-99e92d86.js');
 const index$3 = require('./index-9c56868f.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-b19278a4.js');
-require('./annotations-helpers-0de88772.js');
+require('./index-0a94d790.js');
+require('./annotations-helpers-22c25a54.js');
 
 const workflowCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a41e9468.js');
-const index = require('./index-4055d351.js');
+const index = require('./index-9713740f.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-b19278a4.js');
+require('./index-0a94d790.js');
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-4055d351.js');
-const annotationsHelpers = require('./annotations-helpers-0de88772.js');
+const index$1 = require('./index-9713740f.js');
+const annotationsHelpers = require('./annotations-helpers-22c25a54.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-b19278a4.js');
+require('./index-0a94d790.js');
 
 const zoomCss = "svg:not(:root){overflow:hidden}:host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -1715,7 +1715,8 @@ svg:not(:root) {
   max-width: unset !important;
 }
 :host(.mission-form.pdf) .inputs-container-parent .inputs-container .pdf-field-wrapper .slide-title {
-  font-size: var(--font-size-28, 1.75rem);
+  margin-top: var(--spacing-32, 2rem);
+  font-size: var(--font-size-20, 1.25rem);
 }
 :host(.mission-form.pdf) .field-placeholder.last {
   border-bottom: none;

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

@@ -4148,6 +4148,7 @@ export class YooFormDynamicComponent {
           allowLibrary: field.allowLibrary,
           values: field.values,
           linked: field.linked,
+          isPdf: this.isPdf,
           disabled: this.isLivePreview(),
           customDataLoader: field.customDataLoader,
           onFieldFetchData: (ev) => {
@@ -4160,6 +4161,7 @@ export class YooFormDynamicComponent {
       case FormFieldType.todolist:
         TagType = 'yoo-form-todo-task-list';
         extraAttrs = {
+          isPdf: this.isPdf,
           translations: this.shouldUseTranslations() ? this.translations : null,
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev)
         };

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -577,10 +577,6 @@ svg:not(:root) {
   overflow: hidden;
 }
 
-:host(.mission) {
-  background: var(--stable-10, rgba(173, 173, 173, 0.1));
-}
-
 :host(.mission.invalid),
 :host(.mission.invalid.readonly) {
   background: var(--danger-10, rgba(212, 67, 51, 0.1));
@@ -592,14 +588,6 @@ svg:not(:root) {
   padding: var(--spacing-08, 0.5rem);
   border-radius: var(--border-radius-08, 0.5rem);
 }
-:host(.mission.readonly) .top-container .label .field-title-name,
-:host(.mission.readonly) .top-container .label .field-description,
-:host(.mission.readonly) .top-container .description .field-title-name,
-:host(.mission.readonly) .top-container .description .field-description {
-  font-weight: bold;
-  text-transform: uppercase;
-}
-
 :host {
   --content-padding-top: var(--spacing-08, 0.5rem);
   --content-padding-bottom: initial;
@@ -989,23 +977,25 @@ svg:not(:root) {
   display: none;
 }
 
-:host(.mission) {
+:host(.mission:not(.pdf)) {
   background: var(--stable-10, rgba(173, 173, 173, 0.1));
 }
 
+:host(.mission.pdf:not(.photos):not(.multiphotos):not(.image)) {
+  display: inline-block;
+  box-sizing: border-box;
+  width: 100%;
+  page-break-after: auto;
+  page-break-before: auto;
+  page-break-inside: avoid;
+  border: 0.0625rem solid var(--stable, #adadad) !important;
+}
+
 :host(.mission.invalid),
 :host(.mission.invalid[readonly]) {
   background: var(--danger-10, rgba(212, 67, 51, 0.1));
 }
 
-:host(.mission[readonly]:not(.original-description)) .top-container .label .field-title-name,
-:host(.mission[readonly]:not(.original-description)) .top-container .label .field-description,
-:host(.mission[readonly]:not(.original-description)) .top-container .description .field-title-name,
-:host(.mission[readonly]:not(.original-description)) .top-container .description .field-description {
-  font-weight: bold;
-  text-transform: uppercase;
-}
-
 :host(.mission[readonly]) {
   margin-top: var(--spacing-08, 0.5rem);
   margin-bottom: var(--spacing-08, 0.5rem);
@@ -1174,7 +1164,8 @@ svg:not(:root) {
 :host([form-type$=lesson]) .top-container .description {
   font-size: var(--font-size-description);
 }
-:host([form-type$=lesson]) .top-container .description, :host([form-type$=lesson]) .top-container .media-description {
+:host([form-type$=lesson]) .top-container .description,
+:host([form-type$=lesson]) .top-container .media-description {
   display: block;
 }
 :host([form-type$=lesson]) .top-container .content-container {
@@ -1432,7 +1423,7 @@ svg:not(:root) {
 
 :host([field-type=hotzonecreator]),
 :host([field-type=imagemapcreator]) {
-  --label-display: none!important;
+  --label-display: none !important;
 }
 
 :host([field-type=missingword]) .content-container,

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

@@ -14,6 +14,7 @@ export class YooFormTodoComponent {
     this.name = undefined;
     this.disabled = undefined;
     this.validity = undefined;
+    this.isPdf = undefined;
     this.allPhotosRequired = undefined;
     this.allowLibrary = undefined;
     this.values = undefined;
@@ -122,7 +123,7 @@ export class YooFormTodoComponent {
   }
   renderReadonly() {
     var _a, _b;
-    return (h("div", { class: "readonly" }, ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("yoo-form-todo-mission", { class: "readonly", values: this.value.values, currentUser: getSession().user, readonly: this.readonly, completed: this.readonly, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
+    return (h("div", { class: "readonly" }, ((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("yoo-form-todo-mission", { class: { readonly: true, pdf: this.isPdf }, values: this.value.values, currentUser: getSession().user, readonly: this.readonly, completed: this.readonly, onUpdate: (ev) => this.onUpdateTodo(ev) }))));
   }
   renderEditable() {
     if (this.value && this.value.title) {
@@ -341,6 +342,23 @@ export class YooFormTodoComponent {
         "attribute": "validity",
         "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
+      },
       "allPhotosRequired": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/form/form-todo-mission/form-todo-mission.css

@@ -216,7 +216,6 @@ svg:not(:root) {
   align-items: center;
   margin-bottom: var(--spacing-16, 1rem);
   font-weight: bold;
-  text-transform: uppercase;
 }
 :host .outer-container .title yoo-icon {
   margin-right: var(--spacing-08, 0.5rem);
@@ -224,9 +223,11 @@ svg:not(:root) {
 :host .outer-container .container {
   display: flex;
   flex-direction: column;
-  margin-bottom: var(--spacing-24, 1.5rem);
   border-radius: var(--border-radius-08, 0.5rem);
 }
+:host .outer-container .container:not(:last-child) {
+  margin-bottom: var(--spacing-24, 1.5rem);
+}
 :host .outer-container .container #task-container {
   margin: var(--spacing-08, 0.5rem);
 }
@@ -426,4 +427,16 @@ svg:not(:root) {
 }
 :host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar {
   padding: 0 0 0 var(--spacing-04, 0.25rem);
+}
+
+:host(.readonly.pdf) .outer-container .title {
+  margin-top: var(--spacing-08, 0.5rem);
+  margin-bottom: var(--spacing-04, 0.25rem);
+}
+:host(.readonly.pdf) .outer-container .container:not(:last-child) {
+  margin-bottom: 0;
+}
+:host(.readonly.pdf) .outer-container .container #task-container {
+  margin: 0;
+  border: none;
 }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -274,11 +274,11 @@ export class YooFormTodoMissionComponent {
     }
     else if (this.readonly || isAssignedToSomeoneElse) {
       iconName = 'lock';
-      iconColor = 'stable-alt';
+      iconColor = 'stable';
     }
     else {
       iconName = 'circle';
-      iconColor = 'stable-alt';
+      iconColor = 'stable';
     }
     return h("yoo-icon", { name: iconName, color: iconColor, onClick: () => this.onIconClicked(task, index) });
   }

package/dist/collection/feature-operate/mission/card-inbox/card-inbox.css

@@ -318,4 +318,8 @@ svg:not(:root) {
 :host(.rtl) .content .tags yoo-tag {
   margin-right: 0;
   margin-left: var(--spacing-08, 0.5rem);
+}
+
+:host(.pdf) .unread-state {
+  display: none;
 }

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

@@ -376,10 +376,13 @@ svg:not(:root) {
 }
 :host .menu .menu-item .menu-right .mission-user .user {
   display: flex;
-  grid-gap: var(--spacing-04, 0.25rem);
+  grid-gap: var(--spacing-08, 0.5rem);
   align-items: flex-start;
   overflow: hidden;
 }
+:host .menu .menu-item .menu-right .mission-user .user yoo-avatar {
+  margin-right: 0;
+}
 :host .menu .menu-item .menu-right .mission-user .user .label {
   display: flex;
   flex-direction: column;

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

@@ -5,7 +5,7 @@ import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { cloneDeep, compact, isNil, uniq } from 'lodash-es';
 import sanitizeHtml from 'sanitize-html';
 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)))));
 };
 const MissionContent = ({ isMobile, isPdf }, children, utils) => {
   if (!isPdf) {
@@ -281,7 +281,7 @@ export class YooMissionDetailsComponent {
   }
   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: "medium", user: user }), h("div", { class: "label dark" }, h("span", null, `${user.firstName} ${user.lastName}`))), withExtraActions && this.renderExtraActions(user)));
     }
   }
   renderFinishedBy() {
@@ -296,7 +296,7 @@ export class YooMissionDetailsComponent {
         time: pipes.dateFormat.transform(this.mission.finishedDate, translate('FORMATTIME'))
       });
       return (h(Menu, { icon: "author", text: translate(finalText), 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))),
+        h("div", { class: "user" }, this.mission.owner && h("yoo-avatar", { instant: this.instant, size: "medium", 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)
       ])));
     }
@@ -309,14 +309,14 @@ export class YooMissionDetailsComponent {
         date: pipes.dateFormat.transform(this.mission.validatedDate, translate('FORMATDATE')),
         time: pipes.dateFormat.transform(this.mission.validatedDate, translate('FORMATTIME'))
       });
-      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: "medium", 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: "medium", 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) {
@@ -392,7 +392,7 @@ export class YooMissionDetailsComponent {
       const entry = mapMissionToCardInboxEntry(m, { skipUnread: this.isPdf, skipLock: this.isPdf, forceProgressDisplay: true });
       delete entry.identities;
       delete entry.tags;
-      return h("yoo-card-inbox", { entry: entry, ref: (ev) => elemt = ev, onClick: () => {
+      return h("yoo-card-inbox", { class: { dark: true, pdf: this.isPdf }, entry: entry, ref: (ev) => elemt = ev, onClick: () => {
           elemt.entry = { ...entry, unread: false };
           getAsyncExtraData({ type: 'mission-detail', params: { mission: m } });
         } });

package/dist/collection/feature-operate/mission/mission-score/mission-score.css

@@ -227,9 +227,10 @@ svg:not(:root) {
 :host .score-container {
   display: grid;
   grid-gap: 0.3rem 2rem;
-  grid-template-columns: max-content 160px;
+  grid-template-columns: 1fr 10rem;
   align-items: flex-end;
   margin-bottom: var(--spacing-16, 1rem);
+  background: repeating-linear-gradient(var(--stable-20, rgba(173, 173, 173, 0.2)) 0 1.875rem, transparent 1.875rem 4.125rem);
 }
 
 :host(.mission-detail) .mission-score-title {

package/dist/{esm/annotations-helpers-2f0d51ac.js → design-system/annotations-helpers-ebe1746c.js}

@@ -1,4 +1,4 @@
-import { b6 as getUUID } from './index-31801d4d.js';
+import { b6 as getUUID } from './index-0cbe67ae.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/design-system/{button.factory-8f39949e.js → button.factory-2c143d42.js}

@@ -1,4 +1,4 @@
-import { a0 as translateMulti } from './index-31801d4d.js';
+import { a0 as translateMulti } from './index-0cbe67ae.js';
 import { h } from './index-e4530c67.js';
 
 const getButton = (button) => {

package/dist/design-system/{camera-helpers-008f0d0c.js → camera-helpers-c3b0abc8.js}

@@ -1,4 +1,4 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a5 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-31801d4d.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a5 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-0cbe67ae.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -248,7 +248,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-dc476f19.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-56c60c39.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-b58c06c7.js → chat-helpers-388653cf.js}

@@ -1,4 +1,4 @@
-import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-31801d4d.js';
+import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-0cbe67ae.js';
 import { c as isArray } from './lodash-cd4a9ba3.js';
 
 /**

package/dist/design-system/{common-helpers-60e6943b.js → common-helpers-4e957cfc.js}

@@ -1,4 +1,4 @@
-import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-31801d4d.js';
+import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-0cbe67ae.js';
 import { E as get } from './lodash-cd4a9ba3.js';
 
 function getDefaultModalAnimation(host) {