@yoobic/yobi 8.3.0-7 → 8.3.0

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.css

@@ -482,7 +482,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: 100%;
 }
 :host(.mission-detail-deprecated) .mission-detail .scroll-spacer {
-  height: 5.75rem;
+  height: calc(var(--safe-area-inset-bottom) + 5.75rem);
 }
 :host(.mission-detail-deprecated) .mission-detail .mission-content {
   padding: 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);

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

@@ -1,12 +1,12 @@
-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 { cloneDeep, compact } from 'lodash-es';
 import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, 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" }),
+      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'
         });
       }
@@ -420,24 +424,26 @@ export class YooMissionDetailsComponent {
       h("slot", { name: "end" }));
   }
   renderActionPlanDetails() {
+    const menuContent = compact([
+      this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason),
+      this.renderOriginalValidatedBy(),
+      this.renderLinkedTo(),
+      this.renderPriority(),
+      this.renderCategory(),
+      this.renderPublicationDate(),
+      this.renderDueDate(),
+      this.renderValidUntilDate(),
+      this.renderUser(translate('YOOBICFROMAPERSON'), 'author', this.mission.creator, true),
+      this.renderUser(translate('ASSIGNEDTO'), 'assigned', this.mission.owner, true),
+      this.renderLocation(),
+      this.renderAisle(),
+      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 }),
-        h("ul", { class: { menu: true, pdf: this.isPdf } },
-          this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason),
-          this.renderOriginalValidatedBy(),
-          this.renderLinkedTo(),
-          this.renderPriority(),
-          this.renderCategory(),
-          this.renderPublicationDate(),
-          this.renderDueDate(),
-          this.renderValidUntilDate(),
-          this.renderUser(translate('YOOBICFROMAPERSON'), 'author', this.mission.creator, true),
-          this.renderUser(translate('ASSIGNEDTO'), 'assigned', this.mission.owner, true),
-          this.renderLocation(),
-          this.renderAisle(),
-          this.renderDuration(),
-          this.renderOriginalMission()),
+        !!menuContent.length && h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent),
         h("slot", null))));
   }
   renderMissionDetails() {
@@ -448,34 +454,36 @@ export class YooMissionDetailsComponent {
     }
     const assigneeTitle = translate(this.mission.isAssigned ? 'ASSIGNEDTO' : 'STARTEDBY');
     const buttons = this.getFooterButtons();
+    const menuContent = compact([
+      this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason),
+      this.renderOriginalValidatedBy(),
+      this.renderGeoFence(),
+      this.renderPriority(),
+      this.renderCategory(),
+      this.renderPublicationDate(),
+      this.renderDueDate(),
+      this.renderValidUntilDate(),
+      ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.type) === 'service' && this.renderUser(translate('YOOBICFROMAPERSON'), 'author', this.mission.creator),
+      this.renderUser(assigneeTitle, 'assigned', assignee),
+      this.renderLocation(),
+      this.renderAisle(),
+      this.renderDescription(),
+      this.renderContent(),
+      this.renderDuration(),
+      this.renderContact(),
+      this.renderNotes(),
+      this.renderInfo(),
+      this.renderServiceData(),
+      this.renderWorkflowHistory(),
+      this.renderTodos(),
+      this.renderAudience()
+    ]);
     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 }),
-            h("ul", { class: { menu: true, pdf: this.isPdf } },
-              this.renderValidatedReason('REASON', 'reason', this.mission.originalUnvalidatedReason),
-              this.renderOriginalValidatedBy(),
-              this.renderGeoFence(),
-              this.renderPriority(),
-              this.renderCategory(),
-              this.renderPublicationDate(),
-              this.renderDueDate(),
-              this.renderValidUntilDate(),
-              ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.type) === 'service' && this.renderUser(translate('YOOBICFROMAPERSON'), 'author', this.mission.creator),
-              this.renderUser(assigneeTitle, 'assigned', assignee),
-              this.renderLocation(),
-              this.renderAisle(),
-              this.renderDescription(),
-              this.renderContent(),
-              this.renderDuration(),
-              this.renderContact(),
-              this.renderNotes(),
-              this.renderInfo(),
-              this.renderServiceData(),
-              this.renderWorkflowHistory(),
-              this.renderTodos(),
-              this.renderAudience()),
+            !!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" }),
@@ -509,6 +517,22 @@ export class YooMissionDetailsComponent {
     var _a, _b, _c, _d;
     const excludedTabs = ['dueDate', 'category'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTabs.includes(tag._id));
+    const menuContent = compact([
+      this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason),
+      this.renderPriority(),
+      this.renderCategory(),
+      this.renderDueDate(),
+      this.renderFinishedBy(),
+      this.renderValidatedBy(),
+      this.renderLocation(),
+      this.renderAisle(),
+      this.renderOriginalMission(),
+      this.renderVisitType(),
+      this.renderVisitDescription(),
+      this.renderWorkflowHistory(),
+      this.renderAudit(),
+      this.renderTodos()
+    ]);
     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 }),
@@ -518,21 +542,7 @@ export class YooMissionDetailsComponent {
           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 }),
-        h("ul", { class: { menu: true, pdf: this.isPdf } },
-          this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason),
-          this.renderPriority(),
-          this.renderCategory(),
-          this.renderDueDate(),
-          this.renderFinishedBy(),
-          this.renderValidatedBy(),
-          this.renderLocation(),
-          this.renderAisle(),
-          this.renderOriginalMission(),
-          this.renderVisitType(),
-          this.renderVisitDescription(),
-          this.renderWorkflowHistory(),
-          this.renderAudit(),
-          this.renderTodos()),
+        !!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" })));
@@ -541,7 +551,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 +966,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,

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

@@ -241,11 +241,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .sub-heading .action-plan-progress {
   display: flex;
   align-items: center;
-  max-width: 11rem;
-  margin-right: var(--spacing-08, 0.5rem);
+  max-width: 12rem;
 }
 :host .sub-heading .action-plan-progress yoo-progress-bar {
-  width: var(--spacing-16, 1rem);
+  --svg-width: 1rem;
+  --trail-bar-color: var(--app-color-20, rgba(90, 48, 244, 0.2));
 }
 :host .sub-heading .action-plan-progress yoo-truncate {
   margin: 0 var(--spacing-08, 0.5rem);

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

@@ -68,7 +68,7 @@ export class YooMissionScoreComponent {
         maxValue: isPercentage ? 100 : total,
         metric: isPercentage ? 'percentage' : 'points',
         allowNonAvailableValue: true,
-        numberDecimalAfterComaProgressValue: 2,
+        numberDecimalAfterComaProgressValue: 0,
         percentValueColorScheme: isPercentage,
         ...(!isPercentage && { class: 'app-color' })
       },

package/dist/collection/feature-operate/waitlist/waitlist-location-start/waitlist-location-start.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
  */