@yoobic/yobi 8.3.0-4 → 8.3.0-41

package/dist/collection/components/grid/grid-calendar/grid-calendar.css

@@ -2002,7 +2002,7 @@ vertical slots in both the header AND the body
 
 
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

package/dist/collection/components/grid/grid-calendar/grid-calendar.js

@@ -686,7 +686,7 @@ export class YooGridCalendarComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -963,7 +963,7 @@ export class YooGridCalendarComponent {
       "mutable": false,
       "complexType": {
         "original": "TCalendarView",
-        "resolved": "{ _id: string; title: string; icon: TIconName; }",
+        "resolved": "{ _id: string; title: string; icon: \"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"; }",
         "references": {
           "TCalendarView": {
             "location": "import",

package/dist/collection/components/grid/kanban/kanban.js

@@ -449,7 +449,7 @@ export class YooKanbanComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",

package/dist/collection/components/scanner/zebra/zebra.js

@@ -1,4 +1,4 @@
-import { WebIntent } from '@ionic-native/web-intent';
+import { WebIntent } from '@awesome-cordova-plugins/web-intent';
 import { isZebraScanner } from '@shared/utils';
 import { Component, Event, Prop } from '@stencil/core';
 export class YooZebraComponent {

package/dist/collection/feature-communicate/chat/chat-message/chat-message.js

@@ -1,9 +1,9 @@
 import { MessageType } from '@shared/interfaces';
-import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAllLinks, replaceAndGetAllLinks, replaceAtTagToMentionTag, showMessageInfoDialog, translate, translateMulti } from '@shared/utils';
+import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAndGetAllLinks, showMessageInfoDialog, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
 import { debounce } from 'lodash-es';
 import { assignPressActions } from '../../../utils/gesture';
-import { getDateFormats } from '../../../utils/helpers/chat-helpers';
+import { convertTags, getDateFormats } from '../../../utils/helpers/chat-helpers';
 const DEFAULT_VIDEO_DIMENSIONS = { width: 240, height: 175 };
 export class YooChatMessageComponent {
   constructor() {
@@ -47,10 +47,6 @@ export class YooChatMessageComponent {
     var _a;
     return !!((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage);
   }
-  get hasMentions() {
-    var _a, _b;
-    return !!((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.mentions) === null || _b === void 0 ? void 0 : _b.length);
-  }
   get hasPreviewLinks() {
     var _a;
     return !!((_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a.length);
@@ -226,11 +222,9 @@ export class YooChatMessageComponent {
   renderBasicMessage() {
     const { mentions, content } = this.message || {};
     const textColor = this.isMe ? 'light' : 'app-color';
-    const convertMentions = (text) => this.hasMentions ? replaceAtTagToMentionTag(text, mentions, textColor) : text;
-    const convertLinks = (text) => replaceAllLinks(translateMulti(text), false, textColor);
     return h("section", { id: "text", ...(isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" },
       !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(),
-      h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: [convertLinks, convertMentions] }));
+      h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: (host) => convertTags(host, { mentions, textColor }) }));
   }
   renderAudio() {
     return (h("yoo-audio-player", { boost: 100, src: this.mediaUrl }));

package/dist/collection/feature-communicate/chat/chat-message-preview/chat-message-preview.js

@@ -1,6 +1,7 @@
 import { MessageType } from '@shared/interfaces';
-import { getAudioDuration, getUserDisplayName, isChatMessageTypeMedia, isFile, pipes, replaceAllLinks, replaceAndGetAllLinks, translate, translateMulti } from '@shared/utils';
+import { getAudioDuration, getUserDisplayName, isChatMessageTypeMedia, isFile, pipes, replaceAndGetAllLinks, translate } from '@shared/utils';
 import { Component, Event, h, Host, Prop } from '@stencil/core';
+import { convertTags } from '../../../utils/helpers/chat-helpers';
 export class YooChatMessagePreviewComponent {
   constructor() {
     this.animated = true;
@@ -72,7 +73,6 @@ export class YooChatMessagePreviewComponent {
   }
   renderMedia(type) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const convertLinks = (text) => replaceAllLinks(translateMulti(text), false, 'app-color');
     return [
       h("yoo-icon", { name: this.getMediaIcon(type), color: !this.isInputBarMode ? 'app-color' : 'stable', size: "small" }),
       (type === MessageType.photo) && translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
@@ -80,7 +80,7 @@ export class YooChatMessagePreviewComponent {
       type === MessageType.audio && (pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
       type === MessageType.document && h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || translate('YOOBICDOCUMENT')),
       type === MessageType.texturlpreview && h("yoo-truncate", null,
-        h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: [convertLinks] }))
+        h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: (host) => convertTags(host, { textColor: 'app-color' }) }))
     ];
   }
   renderMediaPreview(type, source) {

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.css

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.js

@@ -233,7 +233,7 @@ export class YooCardFeedComponent {
   }
   renderFeedTags() {
     var _a, _b, _c;
-    return (h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && h("span", { class: "hashtag", innerHTML: `#${translateMulti(a).toLowerCase()} ` }))));
+    return (h("div", { class: "feed-hashtags" }, (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (a) => (a === null || a === void 0 ? void 0 : a.toLowerCase) && h("span", { class: "hashtag", onClick: (ev) => { var _a; return this.onEmbeddedEntityClicked({ tag: a, custom: true, communityRef: (_a = this.entry.community) === null || _a === void 0 ? void 0 : _a._id }, 'feeds', ev); }, innerHTML: `#${translateMulti(a).toLowerCase()} ` }))));
   }
   renderTopActions() {
     return (h("div", { class: "info-feed" }, this.entry.topActions.map((a) => (h("span", { onClick: (ev) => execHandlerAndStopEvent(ev, a.handler) }, a.text)))));

package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.js

@@ -8,13 +8,15 @@ export class YooUserWizardComponent {
     this.addIconSize = 'small';
     this.showAdd = true;
     this.isImageCard = false;
+    this.addIconUser = getSession().user;
     this.clampedItems = [];
   }
   onItemSelected(item) {
     this.itemSelected.emit(item);
   }
   get hasItems() {
-    return !!this.clampedItems;
+    var _a;
+    return !!((_a = this.clampedItems) === null || _a === void 0 ? void 0 : _a.length);
   }
   componentWillRender() {
     var _a;
@@ -39,7 +41,8 @@ export class YooUserWizardComponent {
   }
   renderAddImageCard() {
     var _a;
-    return h("yoo-card-image", { class: "item", onClick: () => this.onItemSelected(), heading: this.addText, headingPosition: "below", icon: this.addIcon, image: { instant: false, src: (_a = getSession().user) === null || _a === void 0 ? void 0 : _a.imageData } });
+    const src = (_a = this.addIconUser) === null || _a === void 0 ? void 0 : _a.imageData;
+    return h("yoo-card-image", { class: { item: true, empty: !src }, onClick: () => this.onItemSelected(), heading: this.addText, headingPosition: "below", icon: this.addIcon, avatar: !src ? h("yoo-avatar", { user: this.addIconUser, size: "extra-large" }) : undefined, image: { instant: false, src } });
   }
   renderAddButton() {
     return this.isImageCard ? this.renderAddImageCard() : this.renderAddAvatar();
@@ -71,7 +74,12 @@ export class YooUserWizardComponent {
       this.showAllText && h("span", { id: "action", onClick: () => this.showAllSelected.emit() }, translate(this.showAllText)));
   }
   render() {
-    return h(Host, { class: { ...getAppContext(this.host), empty: !this.hasItems } }, (this.addText || this.hasItems) && [this.renderHeader(), this.renderBody()]);
+    // Hide when there are no items or create button and hideIfEmpty is specified
+    const shouldHide = !this.showAdd && !this.hasItems && this.hideIfEmpty;
+    return (h(Host, { class: { ...getAppContext(this.host), empty: !this.hasItems } }, !shouldHide && [
+      this.renderHeader(),
+      this.renderBody()
+    ]));
   }
   static get is() { return "yoo-user-wizard"; }
   static get encapsulation() { return "shadow"; }
@@ -154,6 +162,23 @@ export class YooUserWizardComponent {
       "attribute": "show-all-text",
       "reflect": false
     },
+    "hideIfEmpty": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "If there is no content, we hide the title text"
+      },
+      "attribute": "hide-if-empty",
+      "reflect": false
+    },
     "tag": {
       "type": "string",
       "mutable": false,
@@ -274,6 +299,27 @@ export class YooUserWizardComponent {
       },
       "attribute": "fallback-icon",
       "reflect": false
+    },
+    "addIconUser": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "IUser",
+        "resolved": "IUser",
+        "references": {
+          "IUser": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "getSession().user"
     }
   }; }
   static get events() { return [{

package/dist/collection/feature-learn/learning/lesson-heading/lesson-heading.js

@@ -11,8 +11,8 @@ export class YooLessonHeadingComponent {
     let tagText = '';
     const earnedPoints = Math.round(get(this.lesson, 'points', 0));
     const availablePoints = get(this.lesson, 'description.points', 0);
-    const pointsEarned = earnedPoints !== 0 ? `${earnedPoints}/` : '';
-    const pointsAvailable = availablePoints > 0 ? availablePoints.toString() : '';
+    const pointsEarned = earnedPoints !== 0 ? `${earnedPoints}` : '';
+    const pointsAvailable = availablePoints > 0 ? `/${availablePoints.toString()}` : '';
     tagText = pointsEarned + pointsAvailable;
     return !!(tagText === null || tagText === void 0 ? void 0 : tagText.length) && (h("yoo-tag", { color: "app-color", class: "inverse-color" },
       h("yoo-icon", { slot: "start", size: "small", name: "star", color: "app-color" }),

package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.js

@@ -219,7 +219,7 @@ export class YooLessonQuestionResultComponent {
     }
     else if (!isContentOnly(this.lessonType)) {
       items = (_b = this.fields) === null || _b === void 0 ? void 0 : _b.map((field, i) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
           name: `${translate('QUESTION')} ${i + 1}`,
           description: translateMulti(field.sentence || field.description || field.title),
@@ -231,11 +231,12 @@ export class YooLessonQuestionResultComponent {
               ? ((_d = this.lessonData[field.name]) === null || _d === void 0 ? void 0 : _d.earnedConfidencePoints) + ((_e = this.lessonData[field.name]) === null || _e === void 0 ? void 0 : _e.earnedQuestionPoints)
               : ((_f = this.lessonData[field.name]) === null || _f === void 0 ? void 0 : _f.fieldValidity)
                 ? Math.round(this.points)
-                : 0
+                : 0,
+          isCorrect: (_g = this.lessonData[field.name]) === null || _g === void 0 ? void 0 : _g.fieldValidity
         });
       });
     }
-    return h("yoo-points-recap", { heading: translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints), items: items, showItemIcon: showItemIcon });
+    return h("yoo-points-recap", { heading: translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints) || 0, items: items, showItemIcon: showItemIcon, forceTotalPoints: true });
   }
   renderProgressBarLessonRecap() {
     var _a;
@@ -278,7 +279,7 @@ export class YooLessonQuestionResultComponent {
     ];
   }
   renderFooter() {
-    return h("yoo-form-footer", { class: "relative", buttons: this.footerActions });
+    return h("yoo-form-footer", { class: "relative", buttons: this.footerActions, forceMobile: this.forceMobile });
   }
   render() {
     return (h(Host, { class: this.resultType },
@@ -775,6 +776,23 @@ export class YooLessonQuestionResultComponent {
       },
       "attribute": "last-field",
       "reflect": false
+    },
+    "forceMobile": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "force-mobile",
+      "reflect": false
     }
   }; }
   static get events() { return [{

package/dist/collection/feature-operate/campaign/detail-bar/detail-bar.css

@@ -219,6 +219,12 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 .section-container .section-title yoo-tag {
   margin-left: var(--spacing-08, 0.5rem);
 }
+.section-container .action-container {
+  display: flex;
+}
+.section-container .action-container yoo-button:first-child {
+  margin-right: var(--spacing-08, 0.5rem);
+}
 .section-container .collapsible-container {
   display: flex;
 }

package/dist/collection/feature-operate/campaign/detail-bar/detail-bar.js

@@ -17,6 +17,9 @@ export class YooDetailBarComponent {
   onPreview() {
     this.previewed.emit(true);
   }
+  onSharePreview() {
+    this.sharedPreview.emit(true);
+  }
   onTranslate() {
     this.translated.emit(true);
   }
@@ -144,9 +147,13 @@ export class YooDetailBarComponent {
           this.getFieldsLength(),
           " ",
           translate('YOOBICFIELDS')))),
-      !this.isCourse && (h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() },
-        translate('OPENPREVIEW'),
-        h("yoo-icon", { slot: "end", name: "view", size: "small" })))));
+      h("div", { class: "action-container" },
+        h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() },
+          h("yoo-icon", { slot: "start", name: "play", size: "small" }),
+          translate('PREVIEW')),
+        this.isCourse && (h("yoo-button", { color: "light", size: "small", onClick: () => this.onSharePreview() },
+          h("yoo-icon", { slot: "start", name: "share", size: "small" }),
+          translate('YOOBICSHAREPREVIEW'))))));
   }
   renderInfoContainerCampaign() {
     var _a;
@@ -790,7 +797,22 @@ export class YooDetailBarComponent {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Operations Mission open preview"
+        "text": "Open preview"
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }, {
+      "method": "sharedPreview",
+      "name": "sharedPreview",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Share preview"
       },
       "complexType": {
         "original": "boolean",

package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.css

@@ -225,6 +225,25 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --max-lines: 4;
   --line-height: initial;
 }
+:host .outer-container .progress {
+  display: flex;
+  justify-content: space-between;
+}
+:host .outer-container .progress .quick-task-progress {
+  display: flex;
+  align-items: center;
+  max-width: 12rem;
+}
+:host .outer-container .progress .quick-task-progress yoo-progress-bar {
+  --svg-width: 1rem;
+  --trail-bar-color: var(--app-color-20, rgba(90, 48, 244, 0.2));
+}
+:host .outer-container .progress .quick-task-progress yoo-truncate {
+  margin: 0 var(--spacing-08, 0.5rem);
+}
+:host .outer-container .progress .quick-task-progress yoo-truncate.app-color {
+  color: var(--app-color, #5a30f4);
+}
 :host .outer-container .tags yoo-tag {
   margin-right: var(--spacing-08, 0.5rem);
   margin-bottom: var(--spacing-08, 0.5rem);
@@ -233,9 +252,20 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-bottom: var(--spacing-08, 0.5rem);
   border-bottom: 1px solid var(--announcement-color);
 }
-:host .outer-container .progress {
-  display: flex;
-  justify-content: space-between;
+
+:host(.campaign-photos-mission-details) .outer-container {
+  color: #fff;
+  background-color: transparent;
+}
+:host(.campaign-photos-mission-details) .outer-container .progress .quick-task-progress yoo-progress-bar {
+  --trail-bar-color: var(--light-40, rgba(255, 255, 255, 0.4));
+  --progress-bar-color: var(--light, #ffffff);
+}
+:host(.campaign-photos-mission-details) .outer-container .progress .quick-task-progress yoo-truncate {
+  color: var(--light, #ffffff);
+}
+:host(.campaign-photos-mission-details) .outer-container .progress-separator {
+  border-bottom: var(--border-width-01, 0.0625rem) solid var(--announcement-background-color);
 }
 
 :host(.feed) {

package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js

@@ -1,6 +1,6 @@
-import { dateFormat, fromToday, getCssColor, getMissionPublicationDate, isDateAfter, isPresent, isToday, translate, translateMulti } from '@shared/utils';
+import { dateFormat, fromToday, getCssColor, getMissionPublicationDate, isDateAfter, isPresent, isToday, isWeb, translate, translateMulti } from '@shared/utils';
 import { Component, h, Host, Prop } from '@stencil/core';
-import { getMissionDueDate } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionDueDate, getMissionProgress } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { execHandlerAndStopEvent } from '../../../utils/helpers/common-helpers';
 import { MissionLockedBanner } from '../mission-locked-banner/mission-locked-banner';
 export class YooAnnouncementHeadingComponent {
@@ -30,7 +30,8 @@ export class YooAnnouncementHeadingComponent {
   get carouselAttributes() {
     var _a;
     return {
-      class: 'no-margin',
+      class: 'no-margin overlay',
+      displayPhotoCounter: false,
       mediaSrc: this.isLayoutFeed ? [(_a = this.photosSrc) === null || _a === void 0 ? void 0 : _a[0]] : this.photosSrc,
       readonly: true,
       mediaDimension: [],
@@ -64,6 +65,18 @@ export class YooAnnouncementHeadingComponent {
       return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
     }
   }
+  renderAnnouncementProgress() {
+    var _a, _b;
+    const announcementProgress = getMissionProgress(this.announcement);
+    const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
+      return h("div", { class: "progress" },
+        h("div", { class: "quick-task-progress" },
+          h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }),
+          h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } },
+            h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
+    }
+  }
   renderDueDate(dueDate) {
     let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
     dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
@@ -76,6 +89,7 @@ export class YooAnnouncementHeadingComponent {
     return [
       h("div", { class: "title" },
         h("yoo-truncate", null, translateMulti(this.announcement.title))),
+      this.renderAnnouncementProgress(),
       h("div", { class: "tags" },
         this.isLayoutFeed && dueDate && this.renderDueDate(dueDate),
         !this.isLayoutFeed && this.renderPublicationDate(),
@@ -96,7 +110,7 @@ export class YooAnnouncementHeadingComponent {
   }
   renderBaseLayout() {
     return [
-      this.hasPhotos && h("yoo-form-carousel", { maxHeight: 250, paginationType: "progressbar", ...this.carouselAttributes }),
+      this.hasPhotos && (!isWeb() || this.isPreview) && h("yoo-form-carousel", { maxHeight: 270, paginationType: "bullets", ...this.carouselAttributes }),
       !this.isPreview && h(MissionLockedBanner, { mission: this.announcement }),
       this.renderContent()
     ];

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

@@ -248,7 +248,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .content {
   display: flex;
   flex-direction: column;
-  margin-left: calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
+  margin-left: calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
 }
 :host .outer-container .content yoo-progress-bar {
   --font-size-16: var(--font-size-12, 0.75rem);
@@ -283,7 +283,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   position: absolute;
   top: calc(var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
   bottom: var(--spacing-08, 0.5rem);
-  left: calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));
+  left: calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));
   width: 1px;
 }
 :host .outer-container yoo-avatar,

package/dist/collection/feature-operate/mission/helpers/missions-helpers.js

@@ -60,8 +60,8 @@ export function getMissionDate(mission, isOngoing) {
 }
 export function getMissionProgress(mission, forceProgressDisplay) {
   var _a, _b;
-  const isActionPlanWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
-  if (isActionPlanWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
+  const isTodoMissionWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
+  if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
     return {
       value: mission.todo.values.filter((todo) => { var _a, _b; return ((_a = todo.finished) === null || _a === void 0 ? void 0 : _a.value) === true || ((_b = todo.finished) === null || _b === void 0 ? void 0 : _b.value) === false; }).length,
       max: mission.todo.values.length,
@@ -147,7 +147,7 @@ export function getMissionTags(mission, session = getSession()) {
       dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
       const title = translate('YOOBICDUEBY', { date: dueDateText, time: dateFormat(duedate, 'LT') });
       const color = isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
-      tags.push({ _id: 'dueDate', title, customColor: getCssColor(color), icon: 'calendar' });
+      tags.push({ _id: 'dueDate', title, customColor: getCssColor(color), icon: 'calendar-date' });
     }
     tags.push(getMissionCategoryTag(mission));
     tags.push(getMissionRepublishedTag(mission, session));

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

@@ -1,4 +1,4 @@
-import { dateFormat, fromToday, getAsyncExtraData, getCssColor, getMissionPublicationDate, getSession, isDateAfter, isDateSame, isIonic, isPresent, isToday, isWeb, pipes, translate, translateMulti } from '@shared/utils';
+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 { cloneDeep } from 'lodash-es';
 import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
@@ -6,7 +6,7 @@ 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" }),
+      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),
@@ -17,6 +17,9 @@ export class YooMissionDetailsComponent {
     this.animated = true;
     this.instant = false;
   }
+  get campaignPhotos() {
+    return getTodoCampaignPhotos(this.mission);
+  }
   get showInformation() {
     var _a, _b;
     // An undefined or empty value is as an implicit "true", so we need to explicitly test "!== false"
@@ -94,6 +97,7 @@ export class YooMissionDetailsComponent {
       if (config) {
         buttons.push({
           ...buttonsConfig[item],
+          disabled: this.disabled,
           color: (index === lastIndex) ? 'app-color' : 'light'
         });
       }
@@ -541,7 +545,7 @@ export class YooMissionDetailsComponent {
     if (this.isAnnouncement) {
       return this.renderAnnouncementDetails();
     }
-    return (h(Host, { class: { 'mission-results-deprecated': this.isResult, 'mission-detail-deprecated': !this.isResult } },
+    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()));
   }
@@ -956,6 +960,23 @@ export class YooMissionDetailsComponent {
         "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,